В раздел "Статьи"

Подготовка фотографии к публикации на веб-сайте

© Артем Кашканов, 2010

Продолжаю цикл статей про обработку изображений в программе Adboe Photoshop. Темой сегодняшней беседы будет рассмотрение двух методов уменьшения фотографии до веб-размеров. Особенно это информация полезна для начинающих фотографов, которые только начали публикацию своих фоторабот на фотосайтах. Часто приходится видеть, что прекрасная фотография буквально убита неграмотно сделанным "ресайзом". Итак, приступим.

Метод попроще

1. Откройте исходное изображение в Adobe Photoshop. Приведите в порядок яркость, контраст, цвета и т.д., то есть сделайте так, чтобы ресайз делался с именно с того изображения, которое потом можно было без проблем напечатать или продать заказчику. 2. Выбираем пункт меню "Изображение" → "Размер изображения". В открывшемся диалоге выбираем следующие параметры
  • Размер изображения 800 на 600 пикселей (при соотношении сторон 4:3) или 900 на 600 пикселей (при соотношении сторон 3:2)
  • Интерполяция: билинейная. На надписи "бикубическая, глаже" и "бикубическая, четче" не обращайте внимания, они дают худший результат.
3. После того как изображение уменьшено, выбираем пункт меню "Фильтры" → "Резкость" → "Контурная резкость". Устанавливаем Радиус 0,3—0,5 пикселя. Эффект - около 50%. Вот и все. Теперь картинку нужно сохранить. Рекомендую использовать не простое сохранение ("Файл" → "Сохранить"), а "Файл" &rarr "Сохранить для Web и устройств". В этом случае стирается вся вспомогательная информация, занимающая лишнее место (файл получается меньше по размеру), а также появляется возможность тонкой настройки степени сжатия при наличии возможности визуального контроля качества картинки. В верхней линейке вкладок выбираем "2 варианта", тогда слева будет отображаться оригинал, а справа - результат. В панели "Установки" (справа) выбираем формат JPEG, степень сжатия выбираем по принципу "золотой середины". Как правило оптимальный размер файла при разрешении 800 на 600 - около 200 килобайт, однако, если на фотографии много мелких деталей (как в приведенном случае), размер может достигать 300-400 килобайт. Достоинство этого метода - простота. Недостаток - он несколько грубовато работает при большом количестве мелких деталей. Для ресайза таких фотографий придется использовать метод посложнее...

Метод посложнее

Начало такое же - открываем фотографию, уменьшаем ее в режиме билинейной интерполяции. Далее выполняем следующие действия:
  • Делаем копию фона. Способов много, проще всего это сделать так: Ctrl+A (выделить все) → Ctrl+C (скопировать) → Ctrl+V (вставить). Теперь у нас два слоя - "Задний план" и "Слой 1".
  • Для заднего плана применяем фильтр "Контурная резкость" ("Фильтры" → "Резкость" → "Контурная резкость") с параметрами: Эффект - 200-350%, радиус - 0,3 пикселя. На картинке изменений вы пока не увидите, так как изменения внесены в нижний слой.
  • Для "Слоя 1" делаем размытие по Гауссу ("Фильтры" → "Размытие" → "Размытие по Гауссу") с радиусом 1.2 пикселя.
  • Устанавливаем прозрачность верхнего слоя 30-50%, в зависимости от сюжета.
  • Склеиваем слои (Shift+Ctrl+E) и сохраняем файл.

Важное замечание

Значения параметров, приведенные выше - не есть эталон, от которого нельзя отступать. Они актуальны только для ресайза до 800(900) на 600 пикселей. Для больших и меньших разрешений значения параметров будут различаться. Оптимальные параметры определяются только опытным путем.

Результаты

1. Оригинал (только ресайз до 800 на 600) ↓ 2. Метод попроще (ресайз и увеличение контурной резкости) ↓ 3. Метод посложнее (ресайз, дубликат слоя, резкость на нижнем, размытие и полупрозрачность на верхнем) ↓ Рекомендую скачать их в одну папку и посмотреть последовательно в какой-либо программе просмотра, например ACDSee, чтобы почувствовать разницу.



Поделиться статьей:

В раздел «Статьи»