Большинство людей не понимают, как много сил и времени уходит на создание объектов-иконок. Работа над иконками может занять уйму времени, если автор стремится к получению совершенного результата. В этом уроке мы продемонстрируем, как нарисовать с нуля пиктограмму раскрытой книги, используя навыки работы Пером (Pen Tool), стили слоя и цветовые коррекции.
 

Шаг 21.

Теперь посмотрим на то, что получилось у нас. Не хватает тени для страниц. Это легко исправить. Взгляните на палитру слоев и найдите слой «Основа страниц».



Он имеет обтравочную маску с градиентом. Теперь создаем новый слой (Ctrl+Shift+N) и помещаем его над этим градиентным обтравочным слоем. Получился еще один слой с обтравкой (Clipping Mask).



Устанавливаем режим смешивания этого слоя на Умножение (Multiply) и цвет переднего плана на #815130. Загружаем выделение слоев с двумя перевернутыми страничками (Ctrl+Shift+клик по иконкам этих слоев) и заполняем цветом переднего плана выделение. Снимаем выделение (Ctrl+D). Далее, используя Трансформирование (Ctrl+T) изменяем форму тени так, чтобы получить естественную тень от страниц.



Теперь снижаем уровень заливки (Fill) этого слоя до 80%. Мы должны добавить размытие для тени, чтобы она выглядела хорошо, но здесь есть одна сложность! Вы знаете, что чем ближе объект к поверхности, тем резче его тень и, наоборот, чем дальше – тем его тень размытее. Странички расположены на разном расстоянии от поверхности, поэтому лучше использовать инструмент Размытие (Blur Tool), а не фильтр. Выбираем инструмент Размытие с мягкой кистью размером 50 рх, интенсивностью (Strenght) около 30% и размойте тень по краям, помня о правилах, указанных выше.



Улучшим нашу тень, используя инструменты Осветлитель и Затемнитель (Dodge & Burn). Сначала выбираем Осветлитель(Dodge) с мягкой кистью размером 50 рх в режиме Светов (Highlights) с экспозицией (Exposure) 9% и активным аэрографом (Airbrush). Для Затемнителя (Burn) выбираем мягкую кисть размером 50 рх в режиме Теней (shadows) с экспозицией 5% и аэрографом. Проводим осветлителем вокруг внешних углов тени, а затемнителем около соединения страниц. Края тени страниц должны иметь красноватый оттенок.


 

Шаг 22.

Теперь наша книга начинает выглядеть вполне симпатично. Добавляем тень в область переплета. Для этого сначала объединим все слои с перевернутыми страницами вместе (Ctrl+клик по миниатюрам слоев, затем Ctrl+E).



Переименуем объединенный слой в «Переплет». Один момент! Не исключено, что в процессе объединения ваш новый слой будет обтравочным. Чтобы снять обтравку, нажмите пр.кн.мыши по миниатюре этого слоя и выберите из меню - Release Clipping Mask (Отменить обтравочную маску)).



Создаем новый слой (Ctrl+Shift+N) выше объединенного слоя «Переплет» и добавляем к нему Обтравочную маску(Clipping Mask). Устанавливаем режим смешивания обтравочного слоя на Умножение (Multiply). Устанавливаем цвет переднего плана на #815130 и выбираем инструмент Зеркальный Градиент (Reflected Gradient).
Устанавливаем градиент цветом от переднего плана к прозрачному и протягиваем его от центра книги в стороны.



Переходим в меню Фильтр-Размытие-Размытие по Гауссу (Filter > Blur > Gaussian Blur) и ставим радиус на 8,5-8,7 рх.


 

Шаг 23.

Все хорошо, но тень должна быть немного глубже. Объединяем слой «Переплет» со слоем тени (Ctrl+клик по миниатюрам слоев, затем Ctrl+E). Создаем новый слой (Ctrl+Shift+N) c обтравочной маской (Clipping Mask). Изменяем режим смешивания этого слоя на Умножение (Multiply) и устанавливаем цвет переднего плана на #49260f. Заполняем слой Градиентом с зеркальным стилем (Reflected Gradient) от цвета переднего плана к прозрачному, но протягиваем его на меньшем расстоянии от центра, чем в предыдущем шаге.



Снижаем непрозрачность (opacity) этого слоя до 60%. Теперь, создаем новый слой (Ctrl+Shift+N) и помещаем его между слоем «Переплет» и тенью (градиентный слой). Теперь у нового слоя должна появиться обтравочная маска(Clipping Mask). Установив цвет переднего плана на #815130, протягиваем Градиент, как мы делали ранее, от центра книги. Изменяем режим смешивания этого слоя на Умножение (Multiply) и снижаем уровень Заливки (Fill) до 20%. Наконец, объединяем слой «Переплет» с теневыми слоями (Ctrl+клик по миниатюрам слоев, затем Ctrl+E) и получаем следующий результат:


 

Шаг 24.

Отлично! Теперь сделаем спинку переплета, после чего добавим текст на страницах книги. Начнем со спинки. Устанавливаем цвет переднего плана на #7e7633 и выбираем инструмент Линия (Line Tool) в режиме заливки пикселей(третья иконка в верхнем меню Fill Pixels) шириной 3 рх. Рисуем на новом слое (Ctrl+Shift+N) тонкую полосу, затем еще одну, чтобы получить фигуру в форме перевернутой буквы «V».



Открываем стили слоя (Layer Style), дважды нажав по миниатюре слоя со спинкой и выполняем настройки для параметров: Тиснение (Bevel and Emboss) и Наложение градиента (Gradient Overlay).





Назовите этот слой «Спинка V».
 

Шаг 25.

Далее, создадим обложку спинки. Устанавливаем цвет переднего плана на # 544a15 и выбираем Перо (Pen Tool) в режиме слой-фигуры (первая иконка рамки в верхнем меню). Рисуем фигуру между спинкой книги и помещаем этот слой в самом низу палитры слоев, но выше фонового слоя.



Назовите этот слой «Основа спинки» и создайте новый слой (Ctrl+Shift+N) выше предыдущего с обтравочной маской(Clipping Mask). Устанавливаем цвет переднего плана на #221500, а цвет заднего на #372705. Выбираем Градиент(Gradient) с линейным стилем от цвета переднего плана к прозрачному и протягиваем его сверху вниз по основе спинки, имитируя тень внутри переплета.



Нажимаем на клавиатуре «X», чтобы инвертировать цвета переднего и заднего планов. Создаем новый слой(Ctrl+Shift+N) и помещаем его между слоем «Основа спинки» и градиентным слоем. Выбираем Зеркальный градиент(Reflected Gradient) от цвета переднего плана к заднему и протягиваем его так, чтобы создать тень на левой части переплета.



Открываем стили слоя (Layer Style), дважды нажав по миниатюре слоя «Основа спинки» и выполняем настройки для параметра Тиснение (Bevel and Emboss).



Объединяем три слоя основы спинки: сама спинка и два градиентных слоя с тенью спинки (Ctrl+клик по миниатюрам этих слоев, затем Ctrl+E). Далее, переименуем этот слой в «Основа спинки» и используем Осветлитель (Dodge Tool) с предыдущими настройками, но размером 20 рх на правой стороне переплета.


 

Шаг 26.

Как же долго мы ждали этого! Наконец-то можно добавить текст в нашу книгу. Находим в палитре слоев миниатюру слоя «Основа страниц». Над этим слоем должно быть два обтравочных слоя.



Обратите внимание, что тень у двух перевернутых страниц объединенная (на рис. Выше этот слой обозначен цифрой 1). Создаем новый слой (Ctrl+Shift+N) между двумя обтравочными слоями основы страниц (теневым и градиентным). Выбираем инструмент Перо (Pen Tool) в режиме контуров (иконка пера в рамке в верхнем меню) и рисуем контур, как в примере ниже.



Загружаем в фотошоп рукописный шрифт из ресурсов урока, установив его в папку «Шрифты» через меню вашего компьютера Пуск-Панель управления-Шрифты. Активируем инструмент Текст (Type Tool) и устанавливаем цвет переднего плана на #a17852. Начинаем писать текст по контуру, при подведении мышки форма курсора изменится, и текст будет иметь направление вашего контура. Завершив написание (клик по галочке в верхнем меню), измените режим смешивания текстового слоя на Умножение (Multiply) с непрозрачностью (opacity) 85%.



Повторите процесс с создание другой строчки, затем сдвиньте ее вверх Перемещением (Move Tool), чтобы была видна только ее нижняя часть.


 

Шаг 27.

Теперь добавим текст на перевернутые странички. Создаем новый слой (Ctrl+Shift+N) выше слоя со страницами и инструментом Перо (Pen Tool) создаем изогнутый контур, согласно изгибу страницы.



Вводим текст по контуру. Продолжаем заполнять странички книги. Завершив с написанием, объединяем слои с текстом(Ctrl+клик по миниатюрам слоев, затем Ctrl+E). Изменяем режим смешивания объединенного слоя на Умножение(Multiply) и переименовываем его в «Текст на перевернутых страницах».


 

Шаг 28.

Осталась одна вещь, которую нам необходимо сделать для полноты восприятия иллюстрации. Это закладка. Создаем новый слой (Ctrl+Shift+N) над слоем Переплет.



Устанавливаем цвет переднего плана на # c52114 и выбираем Перо (Pen Tool) в режиме слой-фигуры. Рисуем закладку.



Создаем новый слой с обтравочной маской (Clipping Mask) выше предыдущего и устанавливаем цвет переднего плана на # 480b04, а цвет заднего на # fa6e5c. Выбираем Линейный градиент (Linear Gradient) от цвета переднего плана к прозрачному.
Протягиваем сначала градиент сверху-вниз, создавая тень в верхней части закладки, а затем снизу-вверх, добавив ее внизу.



Инвертируем цвета переднего и заднего плана, нажав на клавиатуре «Х». Выбираем Зеркальный градиент (Reflected Gradient) цветом от переднего плана к прозрачному. Протягиваем градиент так, чтобы получить эффект блика на закладке.



Теперь, объединяем слои с фигурой закладки и обтравочные градиентные слои вместе (Ctrl+клик по миниатюрам слоев, затем Ctrl+E). Если объединенный слой получился с обтравкой, снимите ее, нажав пр.кн.мыши по миниатюре слоя и выбирая - Release Clipping Mask. Загружаем выделение слоя с закладкой (Ctrl+клик по иконке этого слоя). Создаем новый слой (Ctrl+Shift+N) под слоем с закладкой и называем его «Тень закладки».
Изменяем режим смешивания этого слоя на Умножение (Multiply) и снижаем его непрозрачность (opacity) до 85%. Устанавливаем цвет переднего плана на #480b04 и заполняем им выделение (Edit-Fill). Снимаем выделение (Ctrl+D). Переходим в меню Фильтр-Размытие –Размытие по Гауссу (Filter > Blur > Gaussian Blur) с радиусом 2,3 рх. Все, мы закончили с книгой! Поздравляю!


 

Шаг 29.

Теперь осталось только нарисовать ручку. Устанавливаем цвет переднего плана на #d2a756 и инструментом Перо (Pen Tool) в режиме слой-фигуры рисуем форму ручки.



Добавляем стили слоя (Layer Style) на ручку. Выполняем настройки для параметра Наложение градиента (Gradient Overlay).





Результат:


 

Шаг 30.

Называем полученный слой «Основа золотой ручки». Далее, выбираем Перо (Pen Tool) в режиме слой-фигуры и рисуем фигуру в нижней части ручки.



Открываем стили слоя (Layer Style) двойным кликом по миниатюре слоя и выбираем параметр Наложение градиента(Gradient Overlay). Вводим значения со скриншота ниже.





Называем этот слой «Серебряная часть ручки». Снова выбираем перо (Pen Tool) в режиме фигуры и рисуем кольцо поверх металлической части.



Добавляем эффекты Наложение градиента (Gradient Overlay) и Тиснение (Bevel and Emboss) в стилях слоя. Выполняем настройки опций.






 

Шаг 31.

Прекрасно. Теперь ваше изображение выглядит так:



Называем слой с ободком «Кольцо». Дублируем слой с кольцом (Ctrl+J) и размещаем дубликат в верхней части ручки.



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



Копируем стили слоя для острия со слоя «Основа золотой ручки» (клик пр.кн.мыши по миниатюре слоя с основой м выбираем – Copy Layer Style, затем переходим на слой с острием и снова клик пр.кн.мыши по его миниатюре, выбирая – Paste Layer Style). 
Теперь, открываем параметр Наложение градиента (Gradient Overlay) в стилях слоя и изменяем значение масштаба(Scale) до 31%.


 

Шаг 32.

Создаем новый слой (Ctrl+Shift+N) выше слоя с кончиком ручки и активируем инструмент Эллипс (Ellipse Tool). Устанавливаем цвет переднего плана на #593f11 и в режиме заливки пикселей (Fill Pixels) с зажатой клавишей Shift, рисуем отверстие в острие.



Выбираем инструмент Линия (Line Tool (U)) в режиме «заливки пикселей» шириной 1 рх и рисуем желобок от отверстия вниз.



Называем этот слой «Детали пера». Наше изображение выглядит вот так сейчас:


 

Шаг 33.

Добавим тень на острие пера от его ручки. Объединяем слой с острием и деталями пера (Ctrl+клик по миниатюрам слоев, затем Ctrl+E). Называем полученный слой «Перо» и создаем новый обтравочный слой над ним. Изменяем режим его смешивания на Умножение (Multiply). Устанавливаем цвет переднего плана на #6a5428. Выбираем жесткую круглую Кисть (Brush tool) размером 6-7 рх и рисуем тень по краю металлической части.



Снижаем немного непрозрачность (Opacity) этого слоя, чтобы тень выглядела естественнее.


 

Шаг 34.

Объединяем слой тени со слоем «Перо» (Ctrl+E). Осталось немного. Не хватает лишь тени от всей ручки на книге. Создаем новый слой (Ctrl+Shift+N) под всеми слоями с ручкой и изменяем его режим смешивания на Умножение(Multiply). Устанавливаем цвет переднего плана на #663316 и загружаем выделение всех слоев с ручкой(Ctrl+Shift+клик по иконкам слоев).



Заполняем выделение (Edit-Fill) цветом переднего плана, затем снимаем выделение (Ctrl+D). Применяем к тени Трансформирование (Ctrl+T) и поворачиваем ее вниз.



Немного искажаем тень при помощи команды Деформация (Edit> Transform> Warp).



Далее, активируем инсрумент Палец (Smudge Tool (R)) около 80% жесткости (hardness) и интенсивностью (Strenght)30% в нормальном режиме. Распределяем тень по ребрам страниц книги и обложке, имитируя тень на разной высоте, как-бы рисуя лестницу. Чтобы получить качественный результат, увеличьте изображение (Ctrl+).



Теперь удалите тень, которая выходит за пределы книги. Используя инструмент Размытие (Blur Tool (R)) размером 30 рх, растушуйте тень пера, помня о том, что чем ближе объект к поверхности, тем резче его тень, и, наоборот, чем дальше объект – тем тень размытее.



И это все, к чему мы стремились! Поздравляю тех, кто мужественно дошел до конца урока! Надеюсь, ваш результат заслуживает похвалы. Удачи!



Начало урока http://photos-shop.do.am/publ/dizajn/risuem_ikonku_raskrytoj_knigi_v_fotoshop_chast_1/2-1-0-74
 

Используемые материалы:

Паттерн (узор) линованных страниц
Рукописный шрифт «Lainie day»