наши работы фотораздел контакты web-design.com.ua

Студия дизайна "АРТ СТУДИЯ"



email: info@web-design.com.ua
Задать вопрос

Как подготовить фото к WEBу

Как подготовить фото к WEBу


Vadim Fainshtein

Вступление

Учавствуя в различных фотофорумах я часто становлюсь свидетелем того, как очень хорошие фотографии бывают забракованны из-за небрежной или неумелой обработки. И не понимая почему их фотографии не идут, фотографы скоро уходят из интернетовской жизни. А ведь для того, что бы правильно обработать фотографию, достаточно знать всего лишь несколько простых вещей.

Эта статья ориентирована на тех фотографов, которые только начинают редактировать свои фотографии в фотошопе, или редактируют давно, но недовольны результатами.
Я попытался очень коротко и в простых словах объяснить как достигнуть наилучших результатов с такими основными инструментами как Unsharp Mask, Levels и Smart Blur. То есть, как привести Вашу фотографию к такому виду, который получается при ручной печати.

Этап первый - ЧИСТКА СКАНЕРА.

Чем больше времени вы чистите Ваш сканер, тем меньше времени будете чистить фотографию на экране.

Сканер сканирует не только фотографию, но и мелкие пылинки осевшие на стекле, а также, если сканер плёночный, пыль и царапины на плёнке.

  • Напором воздуха из груши сдуйте пылинки с плёнки (если сканер плёночный) и со стекла сканера.
  • Если на стекле есть грязь, аккуратно протрите её нежным материалом. Я использую для этого безволоконные салфетки для линз. Они дёшевы и удобны в использовании.

    Этап второй - СКАНИРОВАНИЕ.

    Сканировать надо на максимальном оптическом разрешении сканера которое позволяет Ваш компьютер. Нет смысла раздувать файл до 300МВ, а потом по двадцать минут ждать завершения каждой операции. С другой стороны не стоит сканировать на слишком маленькой резолюции - от этого сильно страдает качество.

    Сканеры "не любят" слишком тёмные и слишком светлые тона, поэтому перед сканированием стоит понизить контрастность и увеличить/уменьшить гамму. Это поможет вытянуть некоторые детали, а контраст легко вернуть в фотошопе.

    Этап третий - ЧИСТКА ФОТОГРАФИИ.

    Если фотография грязная, если на ней пятнышки, полосочки и волосики, она никогда не оставит должного впечатления.

    Как чистить?

    • Увеличить фотографию. Настолько, чтобы даже самая крохотная пылинка была видна.
    • Выбрать инструмент Stamp (печать) - кнопка S.
    • Alt-кликнуть на чистое место, и кликнуть (уже без Alt) на пятнышко.

    И так с каждой ненужной точкой.

    Этап четвёртый - LEVELS.

    Помните, как я просил Вас уменьшить контраст при сканировании и фотография получилась серой и невыразительной? Сейчас мы будем это чинить.

    Нажмите Ctrl-L (или Image->Adjust->Levels), появится окошко Levels (Уровни).
    График показывает сколько точек определённой яркости есть на фотографии.

    Моя фотография тёмная, поэтому все точки собрались на левой, тёмной стороне графика.
    На правой стороне есть низкая волна - это клочок неба в ЛВУ. Под графиком есть три ползунка.
    Чёрный показывает какие пиксели считать самым абсолютно чёрным. Все пиксели левее него тоже станут чёрными.
    То же самое насчёт белого ползунка. Серый обозначает самое среднее по яркости место.

    Теперь посмотрим на график.
    Левый край пустой. То есть чёрных точек нет, есть только тёмно-серые. Перетащим ползунок к началу кривой. Сейчас у нас появился чёрный цвет.
    Обратим внимание на правую часть графика. На ней есть низкая волна. Это яркое небо. Если сдвинуть ползунок как показано на рисунке, небо пропадёт, и на его месте останется скучное белое пятно. Однако если его не сдвигать, четверть тональной широты кадра не будет использована. Поэтому, с помощью лассо (кнопка L) аккуратно вырезаем фотографию без неба, и работаем с уровнями.

    Уровни дают намного лучший результат, чем контраст, так как они растягивают полутона, в то время как контраст сглаживает их.

    Ctrl-Cancel сбрасывает установки.

    Этап пятый - Резкость.

    При сканировании теряется резкость.
    Её надо востановить.
    Мы сделаем это с помощью фильтра Unsharp mask - нерезкая маска.
    Для того, что бы более эффективно им пользоватся, нужно понять как он действует.
    Unsharp mask находит границы между тонами и увеличивает их. Чем больше разница между тонами, тем чётче будет граница.
    Простой пример:
     Без фильтраНерезкая маска в RGBНерезкая маска в Lab 
       

    Обратите внимание на нижнюю правую часть уха.
    При выборе слишком больших параметров кромка уха стала чёрной, а снаружи появился белый ореол.

    При этом Unsharp mask ищет не только разницу в яркости, но и разницу в цвете, которая не добавляет резкости, но увеличивает цветовой шум и портит цвета. Это ясно видно на второй картинке. Поэтому этот фильтр надо применять так, чтобы он не использовал цветовую информацию фотографии.

    Такой способ работы с картинкой предлагает нам формат Lab, который имеется в фотошопе версии 5.5 и выше. Для более ранних версий можно скачать плагин.
    На третьей картинке фильтр применён в канале Lightness этого формата.

    Lab имеет три канала:
    1. Lightness,
    2. a - На сколько жёлтого цвета больше чем синего,
    3. b - На сколько красного цвета больше чем зелёного.
    Как видим в канале Lightness отсутствует информация о цветах, а в каналах a и b нет информации о чёрно-белом представлении картинки.

    Поэтому Unsharp mask стоит применять в канале Lightness, а Blur в каналах a и b.

    Чтобы перевести картинку в Lab надо нажать Image -> Mode -> Lab color.
    Потом Window -> Show Channels и выбрать канал Lightness.
    Картинка станет чёрно-белой.

    Включить фильтр Unsharp mask - Filter -> Sharpness -> Unsharp mask.

    В окошке фильтра есть три параметра, которые можно изменять.

  • Amount - "Сила" с которой действует фильтр.
  • Radius - Радиус действия вокруг одного пикселя.
    Слишком маленький радиус увеличит шум и зерно, а слишком большой увеличит границу между тонами.
  • Threshold - порог действия.
  • Чем больше размер картинки, тем большие значения надо вводить. Однако важно не перестаратся - перешарпленные фотографии выглядят неестественными.

     2220х1430.

    Этап шестой - ШУМ и ЗЕРНО.

    Часто небо, вода, или другой однородный фон получаются сильно шумными, из за зерна увеличенного и усиленного фильтром Unsharp mask.
    Этот шум легко убирается с помощью фильтра Smart Blur.

     Без фильтраФильтр Blur 
      

    Верните фотографию в формат RGB: Image->Mode->RGB Color.
    Если Вы сканировали в 16 битовом режиме, перейдите в 8 битовый: Image->Mode->8Bits/Channel.
    С помощью лассо аккуратно выделите нужную часть кадра.
    Выберите фильтр Smart Blur: Filter->Blur->Smart Blur.
    Выставите подходящий радиус и порог и нажмите ОК.

    Этап седьмой - КАДРИРОВАНИЕ.

    Кадрирование - это очень важный этап в фотографии.
    Желательно кадрировать во время съёмки, однако для этого не всегда есть возможность. А иногда хочется иметь более узкий кадр, или квадратный, а не такой, как предлагает нам традиционная плёнка.
    Кадрировать нужно осторожно, руководствуясь правилами этой науки.

    Кнопка С вызывает инструмент Crop Tool.
    Выбираем нужную часть фотографии, Двойной Клик на неё (или Enter, или Правый Клик ->Crop) и готово.
    Для отмены - Правый Клик ->Cancel (или Escape).
    Кадрирование может быть и самым первым вашим действием над фотографией и тогда Вы не будете заниматся обработкой лишнего. Однако в этом случае, если во время дальнейших действий Вы решите изменить кадрировку, Вам придётся проделать всю работу сначала.

    Этап восьмой - РАЗМЕР.

    Оптимальный размер для интернета - 700х600. Достаточно большой, чтобы разглядеть детали и при этом фотография целиком поместится на экране большинства зрителей.

    Для наименьшей потери качества уменьшать надо постепенно, в несколько этапов по 50 процентов.
    При уменьшении надо взять в расчёт рамку и уменьшить так, чтобы фотография с рамкой помещалась в экран.
    Image->Image Size (или Alt-I Alt-I) вызывает окошко для изменения размера.

    Изменение размера снижает резкость. После уменьшения надо востановить резкость с помощью фильтра Unsharp mask, но уже с гораздо меньшими параметрами.

    Этап девятый - РАМКА.



    Даже простая тоненькая рамочка приятно оттенит фотографию.
    Простенькая двухцветная делается так:
    Выбираем чёрный фоновый цвет - клик на нижний квадратик и выбор чёрного цвета.
    Image->Canvas Size - увеличение полотна на два пикселя в ширину и два в высоту - то есть по одному пикселю с каждого края.
    Этим мы отделим картинку от рамки.
    Выбираем белый фоновый цвет и увеличиваем полотно на 20 пикселей по горизонтали и вертикали.
    И ещё по одному пискелю черного цвета, что бы отделить рамку от фоногого цвета на сайте. Рамка готова!

    Этап десятый - JPEG.

    Если Вы собираетесь вернутся к работе над фотографией, сохраните её в формате TIFF или PSD - родном фотошоповском. Перевод в JPEG должен быть вашим последним действием перед посылкой.
    В 5.5 версии фотошопа мы получили новую функцию - File ->Save For Web.
    С её помощью мы выбераем оптимальный размер файла - 100-150КВ должно хватить для большинства случаев и дадим фотошопу найти правильную компресию.

    Кликните на маленький треугольничек слева -> Optimize to File Size и проставте нужный размер.
    Под картинкой вы увидите качество сжатия в процентах и размер файла. А так-же время загрузки с интернета.

    Всё!

    Посмотрите - какая огромная разница между только отсканированной и готовой фотографией!

       
       

    Я надеюсь, что смог правильно и доступно всё объяснить, а если нет - не стесняйтесь и пишите мне на mail2100@mail.ru, и задавайте вопросы - я отвечу.

    PS. Спасибо Ткачёвым и Аните за помощь.