Инструкция по обработке и доведению фотографий в фотошопе

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

Перепрочтя эту статью перед публикацией, понял, что разобраться и понять, что здесь написано и о чем, будет легче тем, кто повзрослее. Что поделать, писать то же самое про paint я не буду, уж извините, а на вопросы с удовольствием отвечу и помогу, чем смогу.

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

1. Подготавливаем рабочее пространство.

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

Под каждый новый проект (например, набор фотографий для обзора) в директории Projects заводится отдельная директория с названием проекта, в данном случае номером набора. Внутри заводится несколько папок:

Projects
- 7993
-- Raws - папка для исходников, неизмененных файлов, что выходят из фотоаппарата.
-- Work - папка для рабочих файлов фотошопа - .PSD
-- Test - папка для экспериментов, вариантов конечного вида фотографий.
-- Final - конечные .jpg файлы для отправки на сайт.

Вот полный скрин открытого фотошопа на англ, языке, если у вас русский - ищите совпадения и скорее меняйте на английскую версию. Откройте с помощью верхнего меню Window инструменты (на скрине слева) и панели так же, как и на скриншоте.

2. Открываем нужную фотографию из папки Raws.

Пункт этот крайне необходим, далее без него будет сложно.

3. Crop - обрезание лишних частей из фотографии.

Если вы правильно снимали модель, воспользовавшись предыдущей статьей о съемке, то на всех фотографиях у вас должно остаться немного лишнего "воздуха" - свободного пространства по краям фотографии. Поскольку в качестве итога у нас будет изображение для показа на сайте/форуме, шириной не более 600 пикселей (чтобы не было необходимости пользователям с небольшими разрешениями экрана прокручивать страницу по горизонтали), то чтобы показать модель во всех ее деталях, а не рассматривать картину "Одинокий петух", необходимо избавится от лишнего пустого пространства по краям. В этом деле главное не переборщить, "воздух" должен все-таки остаться, иначе будет некрасиво.

Скриншот. Для обрезания используется инструмент Crop, пятый сверху на панели инструментов. Нажав и зажав кнопку левую кнопку мыши на фотографии и проведя к другому ее краю, вы обозначите область обрезания - лишнее будет немного затемнено. Не беспокойтесь, экспериментируйте - пока вы не нажмете Enter, ничего не обрежется. И даже потом вы всегда можете вернуться назад через панель History.

Пока вы не обрезали картинку, вы можете передвигать границы обрезания, взявшись курсором за показываемую границу crop'a. А взявшись курсором за обрезаемое поле, вы сможете повернуть обрезаемую область и, в результате, после обрезки, изображение ваше будет повернуто. Это может быть полезным, если при съемке у вас случайно нарушился горизонт, или вы хотите немного разбавить скучность фотографии с помощью необычного наклона ракурса.

Выставив поле обрезки, как вы считаете нужным, раздвиньте его немного шире и два раза кликните внутри поля или нажмите кнопку Enter - ваша фотография обрежется по выбранным вами параметрами.

4. Shadow & Highlights - высвечивание слишком темных мест на фотографии.

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

Находим меню вот здесь:

У вас должно появится вот это:

Чтобы в окошке появилось больше возможных настроек (автоматически показываются всего 2-3) - поставьте галочку около Show More Options. Далее вам надо будет подогнать верхние два ползунка так, чтобы самые темные места на фотографии у вас немного высветились (чаще всего они имеют одинаковые значения). Остальные ползунки не стоит трогать, если вы не знаете, зачем они. Для удобства - советую вам сдвинуть меню подсветки в край экрана и приблизить на 100% то самое темное место на фотографии, исправить которое вы хотите, и работать визуально, видя результат эффекта.

Как только вы выставите настройки так, как вам нравится, уменьшите немного эффект в сторону исходного и жмите Ок. Пощелкав несколько раз Ctrl+z, вы можете рассмотреть изменения и в случае чего перенастроить изменения.

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

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

5. Hue & Saturation - насыщенность цветов.

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

Находим меню вот здесь:

Вот так оно выглядит:

Нас интересует только второй сверху бегунок - это и есть Saturation - насыщенность цветов. Двигая его вправо от центра и оценивая эффект на фотографии, выставите так, как вы считаете нужным и достаточным. Обычно, при правильно сфотографированной фотографии, больше 15 насыщенность выставлять не требуется. Но это обычно.

После этого отодвиньте бегунок ближе к центру делений на 5 и жмите окей.

Внимательно осмотрите фотографию на 100 процентах, щелкая Ctrl+z для показа изменений. При переборе в некоторых ярких цветах могут появляться цветовые проплешины и лишний шум - этого быть не должно.

6. Brightness & Contrast - яркость и контраст.

Тут нас скорее интересует контраст, хотя иногда и не помешает подтянуть и яркость. Будьте осторожны с выбором настроек - тут очень легко переборщить.

Меню находится здесь:

Вот как оно выглядит:

Верхнее - светлость, яркость, нижнее, соответственно - контраст. Обычно более 10-15 процентов не используется, будьте осторожнее.

Настроив как вам нравится, уменьшите значения на 3-5 делений и жмите ок. Осмотрите внимательно итог на предмет перебора.

7. Sharpen - повышение четкости.

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

Находится вот здесь:

Настроек именно эта функция не имеет, она просто использует всегда одни и те же настройки. Просмотрите эффект на 100% масштаба фотографии, щелкая ctrl+z. Если фотография начала очень сильно рябить - лучше отменить этот шаг и перейти к следующему.

8. Постепенное уменьшение изображения с повышением на каждом этапе резкости.

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

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

Самое лучшая резкость изображения достигается постепенным уменьшением размера изображения с поднятием резкости после каждого шага уменьшения. Один раз мы уже подняли четкость, теперь очередь за уменьшением.

Меню можно найти здесь:

Выглядит вот так:

Предполагается, что у вас камера имеет хотя бы 5-6 мегапикселей, соответственно при первом открытии этого меню у вас верхние две строки - ширина и высота изображения в пикселях - должны иметь цифры около 2-3 тысяч.

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

Далее, вам необходимо еще раз поднять резкость (четкость) изображения, т.е. повторить предыдущий, 7-й пункт. Смотрите внимательно на перебор, в крайнем случае не поднимайте на этом шаге резкость.

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

После этого в последний раз повышаем четкость изображения - 7-й пункт. Опять же перепроверьте через Ctrl+z отсутствие перебора.

Шаги с размерами могут быть другими, все зависит от размеров вашей матрицы в фотоаппарате, качества оптики и изначальной резкости фотографии. Если что-то пошло не так, кадры стали шуметь, поэкспериментируйте и подберите подходящие именно для вас размеры шагов и их количество.

9. Добавление рамки вокруг фотографии.

Штука очень полезная, не ленитесь делать ее. Наличие рамки позволяет отделить фотографию от фона и окружающего текста, показывая к тому же лишний раз ваши старания, что не может не отразиться на качестве аплодисментов зрителей.

Если вы выставили все панели так же, как предлагалось в начале этой статьи, то в правом нижнем углу у вас должна быть панель Layers (слои), как справа на этом изображении:

Для начала вам необходимо два раза кликнуть на слое Backgound, иначе вы не сможете производить над ним никаких действий - около его названия нарисован замочек. Кликнув на нем два раза, у вас должно открыться окошко, как на окошке слева на картинке выше. В нем ничего выставлять не надо, надо лишь нажать кнопку Ок. После этого окошко закроется и символ замочка исчезнет.

После этих манипуляций вам нужно кликнуть опять два раза на слое, который теперь называется "Layer 0" или выбрать из контекстного меню (правая кнопка на слое) "Blending Options". У вас откроется вот такое меню:

В нем вам необходимо поставить галочку только около самого нижнего пункта "Stroke" в списке слева этого окошка. Внимательно следите, чтобы никаких других галочек в этом списке не стояло, последствия могут быть неописуемы!

После этого вам необходимо выбрать в этом списке этот последний пункт "Stroke", кликнув на самом названии мышкой, чтобы он стал выделеным и настройки в правой части окошка стали такими же, как и на скриншоте выше. Если вы видите другие пункты, то значит вы выбрали не то.

Когда вы наконец доберетесь до нужных пунктов, выставите их точно так же, как и на скриншоте выше, и нажмите кнопку Ок.

10. Добавленение логотипа

Многие хотят вставить свой логотип на фотографию. Сделать это не сложно, главное сделать это правильно, не испортив фотографию своей работы, что случается у многих. Нужно понять несколько основных правил для того, чтобы не испортить ничего:

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

Если вы соблюдете все эти правила, то ваша работа только украсится от наличия логотипа!

Обычно логотип хранится в отдельном файле, чтобы не рисовать его каждый раз и всегда легко доставать. Открываете файл с вашим логотипом, нажимаете (при активном окне логотипа) ctrl+a (выделить все), потом нажимаете ctrl+c (копировать), закрываете окно с файлом логотипа или просто делаете активным окно с вашей фотографией и нажимаете ctrl+v - вставить. После всех этих действий у вас на вашей фотографии, ровно по центру, должен появиться ваш логотип. А в панели Layers (слои) должен появиться новый слой - Layer 1:

Далее, возьмите в левой панели инструментов самый верхний - черную стрелочку с крестиком и, точно попав мышкой в ваш логотип, перетащите его в самый правый нижний край. Потом отодвиньте его на 10 пикселей с каждой стороны от краев (это легко сделать с помощью кнопок Shift+стрелки), и ваш логотип будет в самом удачном месте вашей фотографии. При желании можно разместить его в любом другом углу, но здесь его будет легче всего обнаружить.

Далее - необходимо уменьшить прозрачность вашего логотипа, чтобы он не перекрывал детали под собой и хорошо смотрелся на любом фоне. Для этого на панели Layers (слои) вам необходимо выделить верхний слой с вашим логотипом и выставить на панели в поле Opacity 20-40 процентов прозрачности, как на скриншоте:

Прозрачность от 20 до 40 процентов стоит выбирать наиболее подходящую для данной фотографии, потому что на черном фоне любой логотип при 40 процентах будет очень ярким, а 20% на белом фоне - будет почти незаметным. Главное, что бы на всех фотографиях, по возможности, логотип был на одном и том же месте и с одинаковой прозрачностью, чтобы было видно, что это серия работ, а не фотки в разнобой.

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

11. Экспорт готового изображения.

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

Сохранить изображение тоже надо правильно, иначе можно запороть все предыдущие мучения ради красоты.

Находим в меню вот такое:

У вас должно открыться вот такое окно.

Количество и качество изображений в центральной части могут быть у вас разными, так что не обращайте внимания ни на что, кроме правой части. Выставьте все настройки так же, как показано на последнем скриншоте, и жмите ок.

После этого укажите папку Final вашего проекта и дайте название для этого файла xxxx-01.jpg, где хххх - это номер обозреваемого набора, а 01 - порядковый номер фотографии.

Сохранять стоит только через меню Save For Web, как мы сделали только что, потому что остальные не дают такого количества настроек, и это может плохо сказаться на результате, к которому мы так долго стремились)

Самое главное - после экспортирования конечного файла у вас останется открытым в фотошопе ваше изображение - закрывайте его без сохранения, потому что в этом случае у вас перезапишется исходник и вы его потеряете!

Второй важный момент - если вы захотите что либо исправить в финальном изображении, вам необходимо начать опять с исходника и пройтись по всем пунктам с необходимыми вам новыми изменениями. Даже если вам нужно добавить рамку, которую вы забыли сделать по мере прохождения пунктов - не стоит использовать финальное изображение, при пересохранении ваша фотография заметно потеряет в качестве, потому что она после всех манипуляций уже доведена до своего максимума - любое вмешательство, а уж тем более пересохранение приведет к порче фотографии!

Thats all Folks! По всем вопросам и уточнениям жду ваших вопросов здесь - и удачных работ!