Дата: Среда, 22.02.2017, 22:22 | Сообщение # 1 |
[td]Автор: Asher Abbasi[/td]
[table]Предварительный просмотр:[/table]
[table]Шаг 1: Настройка документа
Для начала создайте новый документ, используя показанные ниже параметры настроек. Для удобства залейте фоновый слой серым цветом и вытяните направляющую линию по центру документа (она поможет в поддержании симметрии):[/table]
[table]Шаг 2: Начните с отрисовки контура тела [/table]
[table]Чтобы добиться билатеральной симметрии, есть один легкий способ и заключается он в том, чтобы сделать сначала только одну половинку. Выберите инструмент Pen / "Перо" (P) и нарисуйте форму, подобную показанной ниже. Прежде чем рисовать форму, выберите черный цвет и удостоверьтесь, чтобы инструмент находился в режиме Shape layers:[/table]
[table]Как только вы сделаете половину формы, выберите инструмент Path Selection (A) и нажмите им на свою половинку (при этом выделятся все узловые точки, как видно выше). Теперь нажмите Ctrl+C а затем Ctrl+V, чтобы скопировать и вставить копию готовой формы на этот же слой. Затем отзеркальте дубликат по горизонтали Edit / Редактирование > Transform Path > Flip Horizontal / Отразить по горизонтали и сместите его вправо так, чтобы концы двух половин пристыковались:[/table]
[table]Инструментом Path Selection (A) выделите обе части и кликните на кнопку Combine, что находится на панели параметров выбранного инструмента — это объединит две половинки в одно целое. Переименуйте слой с формой в "body", чтобы было легко ориентироваться среди содержимого слоев:[/table]
[table]Шаг 3: Добавьте форме Layer Styles / Стили слоя
Зайдите в диалоговое окно Layer Style / Стиль слоя для слоя с нарисованной заготовкой и настройте для него следующие стили, что придадут форме объема (следите за тем, какие стили на что влияют):[/table]
[table]Inner Shadow layer style:[/table]
[table]Inner Glow layer style:[/table]
[table]Gradient Overlay layer style:[/table]
[table]В итоге получится следующее:[/table]
[table]Шаг 4: Добавление падающей тени
Создайте новый слой ниже слоя "body". Сделайте овальное выделение и залейте его черным цветом и понизьте значение Opacity / Непрозрачность до 30%:[/table]
[table]Затем примените два фильтра:
Filter / Фильтр > Blur / Размытие > Gaussian Blur / Размытие по Гауссу, с радиусом в 3рх и
Filter / Фильтр > Blur / Размытие > Motion Blur / Размытие в движении, Angle / Угол = 0, Distance = 30рх:[/table]
[table]Немного уплотним тень у самого края. Создайте новый слой и кликните по пиктограмме слоя с нарисованным телом, с зажатой клавишей Ctrl, чтобы получить выделение по его форме. На этом новом слое залейте выделение черным цветом. Не снимая выделения идите в Select / Выделение > Modify / Модификация > Expand / Расширить и расширьте выделение на 2px. Сдвиньте само выделение на 5 пикселей вверх и нажмите клавишу Delete / Удалить, чтобы осталась нижняя часть не вошедшая в выделение.[/table]
[table]Снимите выделение и инструментом Move (V) переместите слой на 3px вниз и примените фильтр Gaussian Blur / Размытие по Гауссу, с радиусом в 2.5px, после понизьте Opacity / Непрозрачность слоя до 50%:[/table]
[table]Шаг 5: Рубашка
Используя инструмент Pen / "Перо" (P), нарисуйте показанную ниже форму, слой назовите "shirt":[/table]
[table]Далее примените стиль слоя Gradient Overlay / Наложение градиента, используя светло-серый градиент:[/table]
[table]Шаг 6: Шея
Сделайте прямоугольное выделение и залейте его любым цветом (цвет не имеет значения, так как его перекроет стиль слоя. Для масштабируемости прямоугольник делается инструментом Rectangle):[/table]
[table]А сейчас повторите настройки стиля слоя Gradient Overlay / Наложение градиента, что показаны на скрине: [/table]
[table]Шаг 7: Галстук
У меня галстук будет красного цвета, но вы можете подобрать свой цвет и паттерн. Нарисуйте форму галстука:[/table]
[table]Теперь стили слоя:
Drop Shadow layer style:[/table]
[table]Inner Shadow layer style:[/table]
[table]Gradient Overlay layer style:[/table]
[table]Мы добились следующего:[/table]
[table]Затем, мы должны нарисовать форму для узла:[/table]
[table]Стили для узла:
Drop Shadow layer style:[/table]
[table]Inner Shadow layer style:[/table]
[table]Gradient Overlay layer style:[/table]
[table]Галстук готов:[/table]
[table]Шаг 8: Воротник
Пришло время делать воротник рубашки. Нарисуйте форму воротника, как показано ниже и дайте слою соответственное имя "collar":[/table]
[table]При помощи стилей слоя создадим имитацию изогнутости:
Drop Shadow layer style:[/table]
[table]Inner Shadow layer style:[/table]
[table]Pattern Overlay layer style:[/table]
[table]Вот вид левого воротничка после применения стилей:[/table]
[table]Чтобы закончить воротник, вы должны сдублировать левую часть и отзеркалить ее. Итак, нажмите Ctrl+J, чтобы сдублировать весь слой, создайте под дубликатом пустой слой и слейте эти два слоя вместе (дубликат+пустослойку), а затем отразите по горизонтали: Edit / Редактирование > Transform / Трансформирование > Flip Horizontal / Отразить по горизонтали. Осталось сместить эту часть в нужное место:[/table]
[table]Шаг 9: Отвороты пиджака
Выберите черный цвет и начертите форму отворота с левой стороны:[/table]
[table]Настройки стилей:
Drop Shadow layer style:[/table]
[table]Inner Shadow layer style:[/table]
[table]Outer Glow layer style:[/table]
[table]Gradient Overlay layer style:[/table]
[table]Это наш левый отворот, после стилей:[/table]
[table]Другой отворот делается точно так же как обстояло дело с воротником:[/table]
[table]Шаг 10: Разметка рук
Выберите инструмент Brush / Кисть с диаметром в 4px, со смягченным краем:[/table]
[table]Теперь выберите инструмент Pen / "Перо" (P) и включите режим Paths / Контуры. Создайте новый слой и нарисуйте кривую намечающую рукав:[/table]
[table]Выберите черный цвет и сделайте правый клик по нарисованному пути, а потом выберите пункт Stroke Path / Выполнить обводку контура:[/table]
[table]Из выпадающего списка выберите Brush / Кисть и нажмите OK:[/table]
[table]К слою с линиями примените следующие стили:
Drop Shadow layer style:[/table]
[table]Gradient Overlay layer style:[/table]
[table]Сдублируйте, разверните и переместите линию на противоположную сторону:[/table]
[table]Шаг 11: Голова
Нарисуйте овальную форму лица, как показано ниже:[/table]
[table]Примените стили слоя:
Inner Shadow layer style:[/table]
[table]Gradient Overlay layer style:[/table]
[table]Вот, что получилось:[/table]
[table]Шаг 12: Тень от лица
Создайте новый слой ниже лица и, с зажатой клавишей Ctrl, кликните по пиктограмме слоя с лицом — получим выделение по форме головы. Сместите выделение на 4 пикселя вниз и залейте его цветом #423820:[/table]
[table]Примените фильтр: Filter / Фильтр > Blur / Размытие > Motion Blur / Размытие в движении (Angle / Угол = 90; Distance / Смещение = 10px), повторите действие фильтра, нажав Ctrl+F.
Находясь на все том же, кликните с зажатой клавишей Ctrl по слою с шеей, чтобы получить нужное выделение, затем нажмите Ctrl+Shift+I , чтобы инвертировать его. Осталось нажать клавишу Delete / Удалить, чтобы лишнюю часть тени, что выходит за границы шеи:[/table]
[table]Шаг 13: Волосы
Последней частью, что будет добавлена к иконке, будут волосы. Не ограничивайтесь при выборе прически — вы можете создать любую. Но так как цели этого урока базируются на простоте, то и прическа здесь без выдумок:[/table]
[table]После создания простой формы, придайте ей стиль слоя Gradient Overlay / Наложение градиента, что избавит от плоскостного вида и придаст легкого объема:[/table]
[table]Шаг 14: Тень от волос
Точно так же, как вы делали тень для лица, добавьте тень от волос, используя тот же цвет, но с более низким значением Opacity / Непрозрачность (около 70%):[/table]
[table]Шаг 15: Доработка волос
Создайте новый слой кликните с зажатой кнопкой Ctrl на слое с волосами, сдвиньте выделение на 7 пикселей вверх и залейте белым. Не снимая выделения переместите его еще на 5 пикселей вверх и нажмите Delete / Удалить.[/table]
[table]Теперь следующие фильтры:
Filter / Фильтр > Blur / Размытие > Gaussian Blur / Размытие по Гауссу (Radius / Радиус = 1рх);
Filter / Фильтр > Sharpen / Усиление резкости > Sharpen / Усиление резкости, примените этот фильтр дважды[/table]
[table]Затем понизьте значение Fill / Выполнить заливку к 0% и примените стиль слоя Gradient Overlay / Наложение градиента, с указанными настройками:[/table]
[table]Вот все и готово:[/table]
Скачать пример работы
Дизайнер живёт своей профессией, делая из хаоса порядок.
|
| |
Дата: Среда, 22.02.2017, 22:25 | Сообщение # 2 |
У кого возникнут трудности в выполнение урока или же нужен будет перевод каких нибудь пунктом пишите я объясню. 
Дизайнер живёт своей профессией, делая из хаоса порядок.
|
| |
