Яндекс.Метрика

Дизайн-журнал №1. Актуальная информация для дизайнеров, веб дизайнеров, программистов и разработчиков сайтов.

Рисуем лого чудо-женщины в Adobe Photoshop

31 июля 2017 | Опубликовано в Уроки | 1 Комментарий »

В этом уроке мы будем создавать логотип чудо-женщины в металлическом потертом варианте. Для этого мы используем Photoshop. Есть несколько способов добиться подобного эффекта, и возможно 3D-редакторы были бы неплохим выходом, но мы выполним работу в растре, используя стили слоя и эффекты.

 

Шаг 1

Для начала нам нужно нарисовать основные элементы самого логотипа. В нашем случае формы были нарисованы в Illustrator, просто потому что автору урока так было удобнее. Вы же можете сделать это в Photoshop или в чем угодно.

Шаг 2

В итоге нужно перенести все фигуры в Photoshop в разных слоях! Можете копировать и вставлять фигуры, или экспортировать файл — вообще неважно, если в итоге разные элементы будут находиться в разных слоях. В нашем примере разные слои отделены по цветам.

Шаг 3

Выберите слой с нижней, самой большой фигурой, и в меню выберите Layer>Layer Styles>Bevel & Emboss/Слой>Стиль слоя>Тиснение. Настройте параметры как показано на скриншоте ниже. Также укажите стили Texture/Текстура, Inner Shadow/Внутренняя тень и Color Overlay/Перекрытие цвета. Вы можете менять настройки как считается нужным. Для стиля с текстурой используйте текстуру металла. Просто найдите в Google изображение, которое нравится вам больше. Откройте его в Photoshop, выделите все и выберите в меню Edit>Define Pattern/Редактировать>Определить узор. После этого вы сможете использовать текстуру в стиле слоя.

Шаг 4

Ниже вы можете видеть что получилось после применения стилей к нижней фигуре. Важно чтобы у фигуры были очень четкие тени и блики. Повторите процесс для всех остальных деталей лого.

Шаг 5

Ниже вы видите все детали со стилями слоя. Обратите внимание, что фигуры не только разных цветов, но и в разной степени заметны. Для двух деталей, которые находятся поверх остальных, мы также указали тень, чтобы сделать их еще более объемными и заметными. Экспериментируйте со значениями и корректируйте результат.

Шаг 6

Теперь самая трудоемкая часть. Мы добавим текстуру металла. Для этого выделите одну из частей лого.

Шаг 7

Создайте новый слой и залейте выделение белым.

Шаг 8

В меню выберите Filter>Pixelate>Mezzotint/Фильтр>Оформление>Меццо-тинто. Выберите Coarse Dots/Пятна. Также убедитесь что цвета в фотошопе выбраны по умолчанию — черный и белый.

Шаг 9

Теперь, не снимая выделения, выберите в меню Filter>Blur>Motion Blur/Фильтр>Размытие>Размытие в движении. В зависимости от размера изображения подберите достаточно большое значение.

Шаг 10

В оригинале металл на логотипе довольно потертый, поэтому нам нужно усилить только что созданный эффект. Для этого в меню выберите Image>Adjustments>Levels/Изображение>Коррекция>Уровни. Настройте уровни так, чтобы увеличить контраст, примерно как на картинке ниже.

Шаг 11

Смените Blend Mode/Режим наложения этого слоя на Linear Burn/Линейный затемнитель и поэкспериментируйте с opacity/непрозрачностью. В нашем примере это примерно 10-30%.

Шаг 12

Дублируйте слой и переместите копию на несколько пикселей ниже. Смените режим наложения для копии на Color Dodge/Осветление основы на непрозрачности в 80-100% в зависимости от цвета детали.

Шаг 13

Для фигур с разным углом наклона нужно будет делать отдельные выделения, и повторять процесс, указывая  разный угол в фильтре размытия в движении. Выделяйте части деталей при помощи инструмента Polygonal Lasso/Многоугольное лассо и старайтесь как можно точнее повторить угол.

Шаг 14

Проделайте это со всеми деталями логотипа. Сложнее всего будет с головой, но вы обязательно справитесь!

Шаг 15

Объедините все слои в одну папку, и укажите папке тень. При желании вы можете объединить все в один слой.

Шаг 16

Создайте новый слой и укажите ему маску по контуру всего логотипа. Инструментом Brush/Кисть черного цвета (выберите растушеванную кисть на непрозрачности примерно в 50%) затемните края. Наша цель — создать эффект виньетки.

Шаг 17

Создайте еще один слой и залейте его черным цветом. Укажите слою режим наложения Color Dodge/Осветление основы. Теперь кистью белого цвета обработайте некоторые части изображения, чтобы создать мягкие световые блики.

Результат

Создайте еще один слой, в самом низу и залейте его черным цветов — это будет фон. Выберите все слои и дублируйте их. Затем объедините в один слой и в меню выберите Filter>Blur>Gaussian Blur/Фильтр>Размытие>Размытие по Гауссу. В нашем примере радиус в 20 px, но вы можете попробовать разные значения. После этого укажите слою режим наложения Overlay/Перекрытие на 50%. Дублируйте слой и укажите ему режим наложения Screen/Осветление на 40%.

Автор урока abduzeedo

Перевод — Дежурка

Смотрите также:




Комментарии