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

Перепрочев эту статью перед публикацией, понял, что разобраться и понять, что здесь написано и о чем, будет легче тем кто по взрослее. Что поделать, писать тоже самое про 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! По всем вопросам и уточнениям жду ваших вопросов здесь и удачных работ!

Отличная статья! Мне понравилась!

Совершенно БЕСЦЕННЫЙ материал - чувствуется профессиональный почерк.

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

И, да... инструкция классная, хорошо, что, наконец, дошли руки до этого!

Жаль, только для шопа.

Купить то его не каждый может.

Написали бы и про ГИМП, например, он бесплатный)

Ждем теперь самого интересного - материала про постановку света и камеры.

Да, было бы тоже интересно почитать!

Огромное спасибо за статью! Тему закрепить, а так же дать ссылку на оффсайт!

статья отличная, на самом деле, и ОЧЕНЬ нужная. глядишь, общий уровень фотографий благодаря статье станет выше...


мне кажется, для обработки нормальных (а не безнадежных) фотографий можно использовать и менее профессиональные программы.
я, например, использую практически только Office Picture Manager. можно конвертировать файлы картинок, изменять размеры, обрезать картинки и выравнивать цвета... он хоть и не бесплатный, но входит в состав Офиса2003

Да, статья классная, нужная.

Для таких (не разбирающихся - меня) есть Пикаса от Гугла, полегче будет .
Но, пользуясь этой темой, работать с фотожопом будет намного легче. Уже перестаешь путаться в файлах, кнопках при работе с другими функциями и прогами... Спасибо, Дан!

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

А ещё глупо стрелять из пушки по комару.

Хочешь сказать, что пользоваться ФШ для простых функций типа обрезания глупо? Я не согласен. Иногда я открываю фотку через фотошоп только для того чтобы обрезать её, хотя могу сделать это в Пэйнте. Но зачем? Фотошоп удобнее.

А для меня это равносильно тому чтобы забивать гвозди микроскопом. Да он тяжелый и им можно забить гвоздь, и по гвоздю не промажешь, он больше,но как то гвозди надо забивать молотком. Для меня есть три причины им не пользоваться.
1.Фотошоп платный, и очень не дешевый я бы заметил, а я как то против использования пиратского софта.
2.Фотошоп не работает под Linux (извращения с вайном не в счет)
3.Я не достиг такого просветления в фотошопе чтобы мне не хватало функционала более легких редакторов.

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

а разве линукс не есть извращение?

тем не менее, ты прав насчет вкусов и предпочтений.

Извращение это творение БГ, но флуд на эту тему будет немного не по тематике форума.

*Ушел искать ружье*