Страница 1 из 11
Форум » Уголок Дизайнера » Уроки Photoshop » Профессиональная иконка бюста (В данном уроке вы научитесь основе создания иконки)
Профессиональная иконка бюста
Дата: Среда, 22.02.2017, 22:22 | Сообщение # 1
Raccoon
OFF
Администраторы
294Сообщения:
15
ICQ пользователя:
Skype пользователя:
Сайт пользователя:
[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
Raccoon
OFF
Администраторы
294Сообщения:
15
ICQ пользователя:
Skype пользователя:
Сайт пользователя:
У кого возникнут трудности в выполнение урока или же нужен будет перевод каких нибудь пунктом пишите я объясню. :)

Дизайнер живёт своей профессией, делая из хаоса порядок.
Форум » Уголок Дизайнера » Уроки Photoshop » Профессиональная иконка бюста (В данном уроке вы научитесь основе создания иконки)
Страница 1 из 11
Поиск: