Руководство Adobe Photoshop.
Рисуем фотокамеру. Урок 1.
Уроки переведены и публикуются с разрешения Tomas Brusberg, бывшего владельца сайта www.brusberg.net, написавшего в свое время много замечательных руководств по работе с Adobe Photoshop. Переводчик взяла на себя смелость немного дополнить уроки своими вставками и иллюстрациями, расписывая некоторые моменты поподробнее, из боязни, что читателю что-то может быть не понятно. Примечания переводчика в статье выделены курсивом.
Данное руководство расчитано на пользователей, имеющих некоторые навыки в работе с графическими редакторами, а именно с Adobe Photoshop 7 (и выше). Все действия, описанные в этом руководстве, могут быть выполнены также в 6-ой версии Adobe Photoshop, но, разумеется, с некоторыми отличиями. Данное руководство, даже скорее не руководство, а краткий экскурс с картинками, так сказать, толчок в спину в нужном направлении. Я не собираюсь описывать, как делалась каждая мелочь, это заняло бы слишком много времени.
Для начала, нам нужна будет картинка камеры,
побольше, чтобы нам было удобнее работать. Также мы с вами будем работать активно со слоями (Layers), с бо-о-ольшим количеством слоев, поэтому для удобства мы будем использовать Layers Set: один для объектива, один для дисплея, ну, и так далее (Layer >> New >> Layer Set,
а в более новых версиях Adobe Photoshop - Layer >> New >> Group).
Если вы не умеете работать со слоями, то прочитайте "Знакомство с Photoshop урок 1: когда светит солнце", без предварительного багажа знаний по Adobe Photoshop вы с руководством по созданию фотокамеры не справитесь.
В процессе работы над камерой нам не важно, какие цвета вы примените для ее частей при их отрисовке, все равно мы будем использовать перекрывающие цвета и перекрывающие градиенты:
функции Color Overlay и Gradent Overlay в меню с Blending Options, вызываемом с панели со слоями (Window >> Layers) правым кликом мышки по нужному слою. Подсказка: можно рисовать металлизированные и черно-белые части камеры в режиме Grayscale (Image >> Mode >> Grayscale), хотя автор, судя по всему, работал в цветовом пространстве RGB.
Кстати, если вы не знаете, как в Adobe Photoshop имитировать цвет металла, то будет лучше, если сначала мы рассмотрим именно этот момент. Начнем с этой части камеры:
Вы должны понимать, что у нас с вами здесь несколько слоев, которые накладываются друг на друга:
Предполагается, что читатель будет самостоятельно отрисовывать элементы камеры. Для отрисовки объектов у вас два инструмента: Polygonal Lasso Tool (о нем читайте "Знакомство с Photoshop урок 2") и Pen tool на панели с инструментами. Я бы советовала воспользоваться Pen Tool, он гораздо удобнее Polygonal Lasso:
"Построение контура с помощью инструмента Реn".
Для верхнего элемента мы используем следующие параметры градиентной заливки:
А это градиентная заливка для оставшихся четырых слоев:
Чтобы сделать перекрывающую градиентную заливку, выбираем слой с нужным элементом камеры на панели Layers. Далее кликаем правой кнопкой мыши по выбранному слою, в выпавшем меню выбираем опцию Blending Options. В открывшемся окне выбираем пункт меню Gradent Overlay. Далее кликаем по полоске с градиентом, чтобы вызвать Gradient editor (окно с редактированием градиентной заливки).
Выставляем ползунки, как показано автором на иллюстрациях. Один раз кликнув по ползунку, вы выберете его. Два раза кликнув по ползунку, вы вызовете окно с выбором цвета для данного ползунка. Чтобы добавить новый ползунок с цветом, кликните внизу полоски с градиентом. Чтобы создать полупрозрачность, кликните сверху полоски с гралиентом. Далее, выставите нужный процент прозрачности (функция Opacity под полоской с гралиентом). Чтобы ограничить область прозрачности, сверху по бокам от ползунка с прозрачностью надо создать дополнительные ползунки с Opacity=100%.
Подсказка: чтобы сделать цвета бегунков точь в точь как у автора в приведенных примерах градиентной заливки, сохраните картинки с примерами у себя на компьютере, затем откройте их в Adobe Photoshop. Расположите картинки с примерами и вашу рабочую картинку так, чтобы вам были видны все три картинки одновременно. Зайдите в Gradient editor (следя, чтобы открывающиеся окна с опциями не перекрыли картинок с примерами), Теперь, клинув один раз по нужному ползунку, вы можете подвести курсор мыши к картинке с примером, курсор мыши видоизменится, появится инструмент "пипетка". Берем "пипеткой" нужный цвет с картинки с примером. Все просто.
Сверху вы видите результат наших действий. В градиенте для верхнего элемента я задал немного прозрачности для того, чтобы он перекликался по цвету с нижними слоями. Работая над боковыми частями, я немного поигрался с опцией angels в Gradient Overlay (
Layers >> Blending Options >> Gradient Overlay >> angels). Надеюсь, вы понимаете, что я использовал противоположенные значения angels для правых и левых боковых частей.
Полагаю, что для нижних боковых элементов автор использовал Gradient Overlay примерно со следующими параметрами: style=liner, angel=-175 и angel=-5. Для поверхлежащих боковых элементов: style=reflect, angel=175 и angel=5. По крайней мере с этими параметрами у меня получился весьма схожий результат. Если у вас выходит не так, то следуйте совету автора, поиграйтесь с опциями Gradient Overlay самостоятельно, и в конце концов, найдете оптимальные параметры.
Теперь пришло время воспользоваться функцией Adjustment Layer, чтобы поиграться с кривыми (Curves). Выберите один из слоев. Ctrl + клик левой кнопкой мыши по иконке выбранного слоя на панели Layers. Появится выделение по контуру изображения, лежащего на слое. Далее создадим корректирующий слой: выбираем в верхнем меню Layer >> New Adjustment Layer >> Curves >> OK. Играясь с кривыми, пытаемся получить результат, как на иллюстрации сверху.
Преимущество Adjustment Layer в том, что вы можете вернуться к редактированию в любой момент, чтобы скорректировать результат, не отменяя результатов предыдущей правки (
что было бы не возможно, если бы вы воспользовались, например, аналогичным Image >> Ajustments >> Curves).
Чтобы вернуться к редактированию Adjustment Layers Curves надо кликнуть два раза по иконке нужного слоя с кривыми.
Как вы могли заметить, на картинке кроме серых присутствуют и другие цвета (
красноватый оттенок). Чтобы избавиться от них и получить результат как на иллюстрации сверху, можно создать еще один корректирующий слой: Layer >> New Adjustment Layer >> Hue/Saturation >> OK. Бегунок у Saturation сдвигаем до конца влево.
На этом мы завершаем работу над этой частью камеры (
и слава богу). Переходим к следующей (
давно пора, насадка для вспышки нас уже заждалась):
Для начала зададим перекрывающий градиент (Gradient Overlay) для четырех маленьких контактов сверху: белый-серый-белый-серый и angle=135.
Что касается верхних черных элементов:
То к ним надо применить Drop shadow (
да-да, это все те же Blending Options, где их искать, вы уже знаете):
Bevel and Emboss:
Satin:
Color overlay:
К нижнему серому элементу применяем такие же стили, что и к верхним черным:
Ну, и, конечно же, пример градиентной заливки для этих элементов:
К следующим двум элементам мы всего лишь применяем градиентную заливку (gradient overlay). Какую? Думаю, вы без проблем выясните это сами (
правильно, задача не сложная, и тренироваться надо).
Осталось нарисовать последнюю деталь (
канавку) и верхушка нашей камеры будет готова:
Как это делать расскажу вам не я, а вот это пособие:
http://www.eyesondesign.net/pshop/insetlines/insetlines1.htm. Поиграйтесь.
А для тех, кто не знает английский, я приведу аналог на русском: http://demiart.ru/forum/index.php?showtopic=9345. Здесь вам нужна только первая часть статьи. Градиент подгоняйте под цвет низлежащего элемента нашей камеры. В общем, солидарна с автором - поиграйтесь.
Обсудить эту статью на форуме
ПРИХОЖАЯ
ОБУЧЕНИЕ
СПРАВОЧНАЯ
О ПРОЕКТЕ