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

Обсуждение статей, размещенных на сайте.
Автор
Сообщение
Dan
Администратор
Аватара пользователя
Сообщения: 9877
Контактная информация:

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

#1 Сообщение Dan » Пт авг 28, 2009 4:04 pm

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

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

Astefan
Легенда
Сообщения: 2289
Награды: 3
Контактная информация:

Помощь в фестивале DoubleBrick Участник Фестиваля DoubleBrick Частый участник встреч

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

#2 Сообщение Astefan » Пт авг 28, 2009 6:05 pm

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

ZeeK
Аватара пользователя
Сообщения: 5744
Награды: 6
Контактная информация:

Помощь в фестивале DoubleBrick Участник Фестиваля DoubleBrick Амбассадор

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

#3 Сообщение ZeeK » Пт авг 28, 2009 7:01 pm

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

Cooler
Аватара пользователя
Сообщения: 2565
Награды: 6

творец 2009 За 1 место в конкурсе За 2 место в конкурсе За 3 место в конкурсе
Помощь в фестивале DoubleBrick Участник Фестиваля DoubleBrick

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

#4 Сообщение Cooler » Пт авг 28, 2009 11:02 pm

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

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

BatonMedved
Аватара пользователя
Сообщения: 1822
Награды: 1

За 1 место в конкурсе

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

#5 Сообщение BatonMedved » Пт авг 28, 2009 11:17 pm

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

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

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

Ждем теперь самого интересного - материала про постановку света и камеры.
Дипломированный специалист теперь, прошу заметить.

Cooler
Аватара пользователя
Сообщения: 2565
Награды: 6

творец 2009 За 1 место в конкурсе За 2 место в конкурсе За 3 место в конкурсе
Помощь в фестивале DoubleBrick Участник Фестиваля DoubleBrick

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

#6 Сообщение Cooler » Пт авг 28, 2009 11:47 pm

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


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

CITY mayor
Аватара пользователя
Сообщения: 4733
Награды: 4
Контактная информация:

Помощь в фестивале DoubleBrick Участник Фестиваля DoubleBrick Частый участник встреч

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

#7 Сообщение CITY mayor » Сб авг 29, 2009 1:11 am

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

Anderyt
Аватара пользователя
Сообщения: 247

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

#8 Сообщение Anderyt » Пн авг 31, 2009 5:16 pm

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

BatonMedved писал(а):Жаль, только для шопа.

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

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

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

Miha
Аватара пользователя
Сообщения: 877
Контактная информация:

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

#9 Сообщение Miha » Пн авг 31, 2009 5:25 pm

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

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

Dan
Администратор
Аватара пользователя
Сообщения: 9877
Контактная информация:

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

#10 Сообщение Dan » Пн авг 31, 2009 5:44 pm

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

Vidocq
Аватара пользователя
Сообщения: 5801
Контактная информация:

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

#11 Сообщение Vidocq » Пн авг 31, 2009 9:07 pm

Dan писал(а):т.е. глупо не пользоваться одним супермощным комбайном, в котором можно сделать все и даже больше, а не только то, что может дать маленькая прога.
А ещё глупо стрелять из пушки по комару.

CITY mayor
Аватара пользователя
Сообщения: 4733
Награды: 4
Контактная информация:

Помощь в фестивале DoubleBrick Участник Фестиваля DoubleBrick Частый участник встреч

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

#12 Сообщение CITY mayor » Вт сен 01, 2009 1:23 pm

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

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

tkf
Аватара пользователя
Сообщения: 567
Контактная информация:

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

#13 Сообщение tkf » Вт сен 01, 2009 1:39 pm

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

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

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

k100m
Супермодератор
Сообщения: 3709
Награды: 7
Контактная информация:

За 1 место в конкурсе За 2 место в конкурсе За 3 место в конкурсе Помощь в фестивале DoubleBrick
Участник Фестиваля DoubleBrick Участник НТС

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

#14 Сообщение k100m » Ср сен 02, 2009 8:33 pm

tkf писал(а):2.Фотошоп не работает под Linux (извращения с вайном не в счет)

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

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

tkf
Аватара пользователя
Сообщения: 567
Контактная информация:

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

#15 Сообщение tkf » Чт сен 03, 2009 7:12 pm

k100m писал(а):а разве линукс не есть извращение? :wink:

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

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


Вернуться в «Статьи»