Сегодня мы создадим чудесного мальчишку, используя только программу Фотошоп. В этом уроке нам понадобятся инструмент Перо (Pen tool), инструменты редактирования векторных фигур («Стрелка» и «Выделение контура») и стили слоя для создания реалистичного образа героя. Итак, давайте приступим к творчеству!
Превью финального результата:



Прежде чем начать, посмотрите на инструменты, которые мы будем использовать в данном уроке:


 

Шаг 1.

Начнем работу с создания Нового документа (Ctrl+N) . Когда я выполняю урок по рисованию векторных форм, то создаю документ небольшого размера. Если понадобится, позже можно увеличить размер документа без потери качества, поскольку это векторный рисунок. Так вот, я выбрал размер полотна 600х600 рх с белым фоном.
 

Шаг 2. Голова.

Устанавливаем цвет переднего плана на светло-розовый (#fad1bb) . Активируем инструмент Эллипс (Ellips tool) в режиме «Слой-фигуры» (вверху панели настроек первый квадрат слева) и рисуем ровный круг (удерживая Shift) на холсте. Затем, на верхней панели настроек нажимаем значок «Добавить к выделенной области» (Add Shape) и рисуем с разных сторон круга два маленьких ровных кружка, уши мальчика. Таким образом, у нас на одном слое получилось три векторные фигуры.



Выбираем инструмент «Стрелка» (Direct select tool) и делаем клик по контуру головы. Появились опорные точки. Редактируем левое ухо героя, потянув вверх опорную точку на нем, затем то же самое выполняем с правой точкой уха. Выбираем нижнюю точку и опускаем ее чуть вниз. У нас получилась голова яйцевидной формы.

Теперь, подводим «Стрелку» (Direct select tool) к верхней точке головы и правой клавишей делаем клик, выбирая из меню – Добавить опорную точку (Аdd anchor point) . Ставим две опорные точки на макушке по сторонам от основной центральной. Опять выбираем «Стрелку» и приподнимаем добавленные точки вверх, создавая волнообразную линию верха головы.



Двойным щелчком по миниатюре слоя с головой открываем «Стили слоя» (Layer Style) и выбираем параметры: Внутренняя тень (Inner Shadow) , Наложение градиента (Gradient Overlay) , Обводка (Stroke) . Настройки внизу на скриншоте.



В открытом диалоговом окне параметра «Наложение градиента» после выполнения настроек, передвиньте градиент немного вправо и вверх.
 

Шаг 3. Глаза.

Далее инструментом «Эллипс» (Ellips Tool) в режиме слой-фигуры рисуем глаз мальчика белым цветом. На этом слое добавляем «Внутреннюю тень» (inner shadow) , открыв «Стили слоя» (настройки ниже).



Дублируем белый круг глаза дважды (Ctrl+J) и размещаем дубликаты под оригиналом. Удаляем стили слоя с этих копий (клик правой кнопкой мыши по миниатюрам и выбираем – Очистить стиль слоя). Изменяем цвет первой копии на коричневый #9f7a66 (в «Стилях слоя» выберите параметр «Наложение цвета» и, кликнув на цветовой индикатор, в открывшейся цветовой палитре введите значение). Теперь инструментом «Перемещение» (Move) сдвигаем коричневый дубликат немного вверх. Встаем на второй (белый) дубликат и опускаем его чуть вниз. Получился объемный глазик, но это еще не все.



Устанавливаем цвет переднего плана на синий и «Эллипсом» (Ellips) рисуем радужку глаза. Встаем на слой с большим кругом (оригинал глаза) и правой кнопкой мыши нажимаем по строке слоя, выбирая из меню – Скопировать стиль слоя(copy layer style) . Переходим на слой с синим кругом и опять нажимаем правой кнопкой мыши по строке, выбирая – Вклеить стиль слоя (paste layer style) . Нарисуем черный зрачок и добавим блик на глаз. Рисуем маленький кружок белого цвета и снижаем его непрозрачность (Opacity) до 63%.



Выделяем все слои с частями глаза (Ctrl+клик по миниатюрам слоев) и объединяем их в группу (Ctrl+G) . Теперь дублируем группу, нажав правой кнопкой мыши по строке группы и выбрав – Дубликат группы (duplicate group) . Перемещением (Move) ставим наш второй глаз на его место слева и трансформированием (Ctrl+T) увеличиваем его.


 

Шаг 4. Брови.

Приступим к прорисовке бровей парня. Активируем инструмент «Прямоугольник» (Rectangular tool) и создаем фигуру коричневого 
цвета. Выбираем снова инструмент «Стрелка» (Direct select tool) и нажимаем им по правой верхней опорной точке контура. Делаем клик правой кнопкой мыши и выбираем – Удалить опорную точку (delete anchor point) , приподнимаем оставшуюся нижнюю точку немного вверх. Добавляем на бровь «Внутреннюю тень» (inner shadow) , открыв «Стили слоя»(Layer Style) .



Сделаем бровь выразительнее, добавив ей глубины. Для этого дважды дублируем ее (Ctrl+J) и переносим копии под оригинал. Удаляем стили слоя с дубликатов.

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

Объединяем слои с элементами брови в группу (Ctrl+G) и дублируем ее. Идем в Редактирование-Трансформирование –Отразить по горизонтали (edit > transform > flip horizontally) и переносим вторую бровь на другую сторону лица. Измените размер (Ctrl+T) и немного поверните брови, чтобы получить результат как на примере ниже.


 

Шаг 5. Нос.

Изменяем цвет переднего плана на светло-бежевый (# fad1bb) . Инструментом «Эллипс» (Ellips Tool) рисуем маленький вертикальный овал, напоминающий форму носа. Открываем «Стили слоя» и выбираем параметр «Наложение градиента»(Gradient Overlay) . Выполняем настройки: режим смешивания – Мягкий свет (Soft Light) , непрозрачность (Opacity)48%, градиент черно-белый радиальный с углом 90 град., масштаб (Scale) 150%.
Не закрывая диалоговое окно параметра, перетяните градиент немного вверх и вправо, как вы делали с лицом мальчика.



Добавляем тень на наш нос. Дублируем предыдущий слой (Ctrl+J) и помещаем его под оригинал. Удаляем с дубликата градиент (очистить стили слоя) и заполняем его черным цветом (#000000) . Выбираем «Стрелку» (Direct select tool) , нажимаем ей по нижней опорной точке дубликата и вытягиваем за нее край теневого слоя, сделав тень носа.



Вот результат работы на данном этапе:


 

Шаг 6. Рот.

Активируем «Эллипс» (Ellips) и рисуем круг цветом #a22700. «Стрелкой» выбираем верхнюю опорную точку контура и тянем ее вниз. Далее, инструментом «Угол» (convert point) кликаем по боковым точкам фигуры, преобразуя их в уголки рта. Тем же «Углом» кликаем на нижнюю точку контура и, вытягивая из нее кривые, регулируем ширину улыбки мальчика.



В «Стилях слоя» (Layer Style) вводим настройки для опции «Внутренняя Тень» (Inner Shadow) .



Теперь расположим рот внизу лица и при помощи Трансформации (Ctrl+T) повернем его немного и подберем нужный размер. Дублируем рот дважды (Ctrl+J) и помещаем дубликаты под оригинал. Удаляем с них стили слоя и изменяем цвет первой копии на белый, а второй – на (#a96f54) . Сдвигаем белый дубликат немного вниз, а коричневый – вверх (см. скриншот выше).

Далее инструментом «Эллипс» (Ellips) рисуем горизонтальный овал для верхних зубов, затем нажимаем Shift (добавление к области фигуры) и на уровне нижней губы рисуем второй овал. Верхние и нижние зубы находятся на одном слое. Если необходимо, инструментом «Стрелка» отрегулируйте форму нижних зубов.

Двойным кликом по миниатюре слоя «Зубы» открываем «Стили слоя» и выполняем настройки для «Внутренней тени»(Inner Shadow) .



Теперь, удерживая Ctrl, нажимаем по иконке слоя со ртом (красный слой), выделяя его, и на слое с зубами делаем клик по иконке маски слоя (Layer Mask) внизу панели слоев. Лишняя область зубов теперь скрыта маской.


 

Шаг 7. Волосы.

Создаем Новый слой (Ctrl+Shift+N) ниже слоя с головой. Активируем инструмент Перо (Pen Tool) в режиме контуров и образуем им фигуру в форме короны. Заполняем ее коричневым цветом (# 732f08) (клик по контуру правой кнопкой мыши и выбираем – Выполнить заливку контура (Fill Paths) ).

Активируем «Угол» (covert point tool) и каждую вершину волос округляем, вытягивая из опорных точек кривые и регулируя их.

Когда вы закончите, переместите волосы на голову мальчика, отрегулировав их размер (Ctrl+T) и слегка поверните. Затем в «Стилях слоя» добавьте опции «Внутренняя тень» (Inner Shadow) и «Наложение градиента» (Gradient Overlay) .


 

Шаг 8. Шея.

Инструментом «Эллипс» рисуем круг под слоем с лицом цветом немного темнее его (# f1cab5) для создания шеи. На слое с лицом копируем стили слоя (Copy layer style) и вставляем (paste) их на шею.


 

Шаг 9. Рубашка.

Активируем инструмент «Прямоугольник» (Restangular Tool) и светло-зеленым цветом (# e1e57c) рисуем вертикальную фигуру. Далее «Стрелкой» (Direct select tool) две верхние точки сдвигаем друг к другу. Правой кнопкой мыши кликаем по контуру и выбираем в меню – Добавить опорную точку (Add new point) , чтобы разместить еще 4 точки на фигуре. Регулируем их положение на контуре, управляя кривыми и передвигая, как на скриншоте ниже.



Добавляем «Внутреннюю тень» (Inner Shadow) и «Наложение градиента» (Gradient Overlay) для рубахи. При выполнении настроек градиента переместите его вверх и вправо.



Для рукава нарисуйте горизонтальный прямоугольник того же цвета, как и предыдущий. Затем добавьте (add new point)новые опорные точки на контур рукава, отмеченные в рисунке 2.

Используйте инструмент «Угол» (convert point tool) на точках, отмеченных красным цветом, а затем переместите точки «Стрелкой» (Direct select tool) в указанных стрелками направлениях.


 

Шаг 10. Руки.

Устанавливаем цвет переднего плана на розовый (# f1cab5) и инструментом «Прямоугольник» в режиме слой-фигуры рисуем вертикальный прямоугольник. Затем, нажимаем Shift, и выбираем из набора по умолчанию произвольную фигуру(Custom Shape) кошачьей лапы. Рисуем лапу над прямоугольником. Удаляем центр лапы, выделив его опорные точки «Стрелкой» (потяните белой стрелкой чуть в сторону, создав пунктирный прямоугольник вокруг ненужных точек. Как только точки станут черными в этом выделении, нажимайте Delete (удалить)).
Отрегулируйте положение подушечек лап на прямоугольнике, перемещая их инструментом «Выделение контура» (черная стрелка). Опять зажмите Shift (чтобы добавить фигуру на этот же слой) и нарисуйте вместо удаленной области круг инструментом «Эллипс», объединяющий пальцы и прямоугольник. Получился набросок руки мальчика.



Инструментом «Выделение контура» (черная стрелка) выделите всю область руки, затем нажмите Ctrl+T (Transforme) , чтобы повернуть ее по диагонали кистью вниз. Смените черную стрелку на белую, нажав Ctrl, и кликните ей внутри фигуры для деактивации точек контура. Опять нажмите «Стрелкой» по контуру и редактируйте опорные точки руки и пальцев, регулируя направления кривых, выходящих из них.



Наконец, после долгих мучений с прорисовкой ладошки, открываем «Стили слоя» (Layrt Style) двойным кликом по миниатюре и выполняем настройки для опций: Внутренняя тень (Inner Shadow) и Наложение градиента (Gradient Overlay).



Дублируем слой с рукой (Ctrl+J) и переносим копию на другую сторону документа. Трансформируем (Ctrl+T) , отражаем по горизонтали (flip horizontally) и поворачиваем дубликат согласно рукаву рубашки. Оба слоя с руками поместите под слой с рубахой.


 

Шаг 11. Шорты.

Опять начинаем создание шорт с инструмента «Прямоугольник» (rectangular tool) в режиме слой-фигуры. Выбираем цвет темно-зеленый (#6d7116) для переднего плана. Регулируем настройки в параметрах «Внутренней тени» (Inner Glow) и «Наложение градиента» (Gradient Overlay) .
При открытом окне параметра градиента передвигаем светлый участок вверх- вправо.



Активируем Перо (Pen Tool) и в верхней панели настроек нажимаем значок «Вычесть из области фигуры» (Subtract from shape area) .



Рисуем треугольник в нижней части фигуры (рис. 2,3). Затем активируем «Стрелку» (Direct select tool) и верхние углы контура сдвигаем немного друг к другу. Добавляем еще 4 опорные точки на шорты инструментом «Добавить опорную точку» (Add Anchor Point) группы «Перо» и придаем сглаженную форму шортам, регулируя кривые на точках.


 

Шаг 12. Обувь.

Обувь нашего героя сделаем очень просто. Устанавливаем цвет переднего плана на светло-зеленый (#a2a646) и рисуем круг, используя инструмент «Эллипс» (удерживая Shift). Сразу добавляем стили слоя «Внутренняя тень» (Inner Shadow)и «Наложение градиента» (Gradient Overlay) . Выполняем настройки:



Удаляем нижнюю точку контура инструментом «Удалить опорную точку» (Delete Anchor Point) и передвигаем кривые для создания полусферы.



Дублируйте слой с полукругом (Ctrl+J) , переместите его на другую ногу и немного поверните (Ctrl+T) .



Дублируйте еще два раза полукруг (Ctrl+J) и обе копии уменьшите. Замените цвет копий на более темный (# a2a646) и расположите их на передней части обуви.


 

Шаг 13. Тени.

Сделаем внутреннюю сторону рубахи для правдоподобности. Ниже слоя с руками создаем Новый слой (Ctrl+Shift+N) и Пером (Pen Tool) образуем овальный контур по краю рукава. Регулируем кривые для сглаженных переходов «Стрелкой»(Direct select tool) , затем нажимаем правой кнопкой мыши по контуру и выбираем параметр – Образовать выделенную область (Make Selection) . Заполняем (Shift+F5) овал темно-зеленым цветом (#6d7116) и получаем тень в рукаве.



Ниже слоя с рукавом создаем Hовый слой (Ctrl+Shift+N) и Пером (Pen Tool) рисуем тень от рубашки на руке парня. Заполняем область черным цветом и снижаем непрозрачность (Opacity) слоя до 13%.



Теперь сделаем тень, падающую от рубашки на шорты мальчика.
Инструментом «Прямоугольник» (Restangular Tool) создаем фигуру черного цвета (#000000) на новом слое(Ctrl+Shif+N) ниже слоя с рубашкой. Удаляем нижнюю левую опорную точку и добавляем две точки на нижнюю часть тени, приподняв их немного. Снижаем непрозрачность (Opacity) слоя до 13%.



Пером (Pen Tool) создаем еще одну тень для ушей на слое, выше слоя с головой. Заполняем контур, предварительно выделив его (клик ПКМ+образовать выделенную область) и заполняем выделение (Shift+F5) черным цветом. Снижаем непрозрачность до 19%.

Дублируем слой (Ctrl+J) , отражаем по горизонтали (Ctrl+T, затем клик ПКМ и выбираем - flip horizontally) и располагаем копию тени на другом ухе.


 

Финал.

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



Вот еще один вариант исполнения этого урока.



Удачи!