Главная » Файлы » Дизайн [ Добавить материал ]

Рисуем мультяшного паренька в Фотошоп
03.02.2015, 09:14

Рисуем мультяшного паренька в Фотошоп

 

Сегодня мы создадим чудесного мальчишку, используя только программу Фотошоп. В этом уроке нам понадобятся инструмент Перо (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) и располагаем копию тени на другом ухе.

 

Рисуем мультяшного паренька в Фотошоп

 

Финал.

 

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

 

Рисуем мультяшного паренька в Фотошоп

 

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

 

Рисуем мультяшного паренька в Фотошоп

 

Удачи!

 
Категория: Дизайн | Добавил: Льоша | Теги: в Фотошоп, Рисуем, мультяшного, паренька
Просмотров: 925 | Загрузок: 0 | Рейтинг: 0.0/0
Всего комментариев: 0