Рисуем зажигалку в Фотошоп

26.07.20 21:57

В этом уроке я покажу вам, как нарисовать реалистичную зажигалку в Фотошоп.

Вот так выглядит финальный результат:

Скачать архив с материалами к уроку

Примечание: автор использовал Adobe Photoshop CC

Шаг 1

Создаем документ размером 600 х 450 пикселей, затем переходим View – Show – Grid (Вид – Показать – Сетка), чтобы активировать сетку, далее View – Snap To – Grid (Просмотр – Привязать к – Линиям сетки), чтобы активировать привязку к сетке. Жмем Ctrl+K, чтобы открыть окно Preferences (Параметры), в окне находим пункт меню Guides, Grid & Slices (Направляющие, сетка и фрагменты) и вводим настройки, как показано ниже. Во время выполнения урока я буду отключать сетку (Ctrl+’), чтобы вы лучше видели результат работы. Такая сетка облегчит вам создание объектов для работы.

Шаг 2

Устанавливаем цвет переднего плана на #DCE0E8.

Активируем Rounded Rectangle Tool (U) (Закругленный прямоугольник) и на верхней панели параметров устанавливаем Radius (радиус) на 5 пикселей. Перемещаемся на рабочую область и создаем векторный прямоугольник размером 138 х 10 пикселей.

Шаг 3

Дважды кликаем по слою с прямоугольником, чтобы открыть окно Layer Style (Стиль слоя). Применяем настройки, показанные ниже.

Шаг 4

Устанавливаем цвет переднего плана на #34693F и активируем Rectangle Tool (U) (Прямоугольник).

Перемещаемся на рабочую область, создаем прямоугольник размером 138 х 120 пикселей и размещаем его, как показано ниже.

Шаг 5

Открываем Layer Style (Стиль слоя) для векторной фигуры, которые мы создали в предыдущем шаге, и применяем настройки, как показано ниже.

Шаг 6

На панели слоев выделяем слой с прямоугольников и жмем Ctrl+J, чтобы дублировать его.

Затем кликаем по копии правой кнопкой мыши и выбираем Clear Layer Style (Очистить стиль слоя), уменьшаем параметр Fill (Заливка) до 0%.

Применяем стили слоя для этой копии, используя следующие настройки.

Шаг 7

Вставляем текстуру BUBINGA из набора с текстурами дерева и размещаем ее над векторным прямоугольником.

Переходим на панель слоев, зажимаем клавишу Ctrl и левой кнопкой кликаем по миниатюре слоя, чтобы загрузить его выделение.

Убедитесь, что слой с текстурой является активным (выделен на панели слоев), жмем кнопку Add Layer Mask (Добавить слой-маску) внизу панели слоев, меняем режим смешивания слоя на Soft Light (Мягкий свет) и уменьшаем непрозрачность (Opacity) на 50%.

Шаг 8

Активируем Rounded Rectangle Tool (U) (Закругленный прямоугольник) и кликаем по рабочему полотну, чтобы открыть окно создания прямоугольника.

Вводим настройки, как показано ниже, и кликаем ОК.

Шаг 9

Убедитесь, что прямоугольник, который мы создали в предыдущем шаге, все еще выделен, переходим Edit – Transform – Warp (Редактирование – Трансформация – Деформация), на верхней панели параметров инструмента выбираем Arc Upper (Дугой сверху), устанавливаем Bend (Изгиб) на 20 и жмем Enter.

Жмем Ctrl+T, чтобы активировать свободную трансформацию, и поворачиваем фигуру на -90 градусов, как показано на картинке ниже.

Шаг 10

Применяем стили слоя для зеленого прямоугольника, используя следующие настройки.

Шаг 11

Переходим на панель слоев, убедитесь, что векторный прямоугольник, который мы редактировали в предыдущем шаге, все еще выделен, и дублируйте его (Ctrl+J).

Выделяем копию на панели слоев, уменьшаем Fill (Заливка) до 0% и применяем стили слоя со следующими настройками.

Шаг 12

Снова вставляем ту же текстуру дерева, жмем Ctrl+T и поворачиваем ее на -90 градусов.

Загружаем выделение вокруг векторного прямоугольника, выбираем слой с текстурой, которую мы добавили в этом шаге, и нажимаем кнопку Add Layer Mask (Добавить слой-маску) внизу панели слоев.

Продолжаем работать на панели слоев и меняем режим смешивания текстуры на Soft Light (Мягкий свет), непрозрачность (Opacity) устанавливаем на 50%.

Шаг 13

Активируем Rectangle Tool (U) (Прямоугольник), создаем прямоугольник размером 138 х 6 пикселей и размещаем его так, как показано ниже на первой картинке.

Убедитесь, что векторный прямоугольник, который мы создали в этом шаге, все еще выделен на панели слоев, переходим Edit – Transform – Warp (Редактирование – Трансформация – Деформация), на верхней панели параметров инструмента выбираем Arc Upper (Дугой сверху), устанавливаем Bend (Изгиб) на 10 и жмем Enter.

Шаг 14

Применяем стили слоя для прямоугольника из предыдущего шага, используя следующие настройки.

Шаг 15

Берем Ellipse Tool (U) (Эллипс), создаем окружность размером 7 х 7 пикселей и размещаем ее в месте соединения двух прямоугольников, как показано ниже.

Применяем стили слоя для этой окружности, используя следующие настройки.

Шаг 16

Тем же инструментом создаем окружность размером 14 х 14 пикселей и размещаем ее, как показано ниже.

Берем Pen Tool (P) (Перо) и рисуем крепление для крышки зажигалки.

На панели слоев с зажатой клавишей Ctrl выделяем обе векторные фигуры, которые мы создали в этом шаге, кликаем по любой из них правой кнопкой мыши и выбираем Merge Shapes (Объединить фигуры).

Выбираем новую объединенную фигуру и один раз жмем Ctrl+Shift+[, чтобы переместить ее на задний план.

Шаг 17

Применяем стили слоя для векторной фигуры из предыдущего шага, используя следующие настройки.

Шаг 18

Берем Ellipse Tool (U) (Эллипс) и создаем окружность размером 8 х 8 пикселей, размещаем ее, как показано ниже.

На панели слоев выделяем векторную фигуру, показанную на второй картинке снизу, жмем по ней правой кнопкой мыши и выбираем Copy Layer Style (Копировать стиль слоя).

Затем жмем правой кнопкой по векторной фигуре, которую мы создали в этом шаге, и выбираем Paste Layer Style (Вставить стиль слоя).

Шаг 19

Активируем Rounded Rectangle Tool (U) (Закругленный прямоугольник), на верхней панели настроек инструмента устанавливаем радиус на 5 пикселей и создаем прямоугольник размером 35 х 10 пикселей.

Жмем Ctrl+T, поворачиваем фигуру на -15 градусов и размещаем так, как показано на третьем рисунке ниже.

Чтобы переместить фигуру на задний план, используем комбинацию клавиш Shift+Ctrl+[.

Шаг 20

Применяем стили слоя для фигуры из предыдущего шага, используя следующие параметры.

Шаг 21

Активируем инструмент Rounded Rectangle Tool (U) (Закругленный прямоугольник) и устанавливаем радиус на 2 пикселя.

Кликаем по рабочему полотну, чтобы создать прямоугольник размером 64 х 54 пикселя, и размещаем его, как показано ниже.

Шаг 22

Применяем стили слоя для фигуры из предыдущего шага, используя следующие параметры.

 

Шаг 23

Устанавливаем цвет переднего плана на #363636, берем Ellipse Tool (U) (Эллипс) и создаем восемь окружностей, как показано ниже.

Обратите внимание, что окружности, отмеченные желтым цветом, должны быть 5 пикселей в ширину и 8 пикселей в высоту, окружности, отмеченные синим, должны иметь размер 8 х 8 пикселей.

Шаг 24

Применяем стили слоя для окружностей из предыдущего шага, используя следующие параметры.

 

Шаг 25

Берем Pen Tool (P) (Перо) и создаем треугольник, как показано ниже.

Затем берем инструмент Convert Point Tool (Р) (Преобразовать точку), кликаем по правой узловой точке треугольника и закругляем это место.

Шаг 26

Открываем стили слоя для треугольника из предыдущего шага и применяем к нему настройки, показанные ниже.

Шаг 27

Переходим на панель слоев, дублируем крепление, показанное ниже.

Выделяем копию и размещаем на треугольнике из предыдущего шага.

Шаг 28

Устанавливаем цвет переднего плана на #424242, берем Ellipse Tool (U) (Эллипс) и создаем окружность размером 29 х 29 пикселей.

Затем берем Rectangle Tool (U) (Прямоугольник) и создаем два прямоугольника размером 3 х 3 пикселя, размещаем их, как показано ниже.

На панели слоев выделяем прямоугольники, созданные в этом шаге, жмем по ним правой кнопкой мыши и выбираем Merge Shapes (Объединить фигуры).

Выделяем новую фигуру, дублируем ее и поворачиваем копию на 15 градусов.

Снова дублируем предыдущую копию, затем поворачиваем ее на 15 градусов.

Теперь повторяем этот процесс, пока не получим результат, показанный на последней картинке ниже.

Шаг 29

С зажатой клавишей Ctrl выделяем все векторные фигуры, созданные в предыдущем шаге, кликаем по одной из них правой кнопкой и выбираем Merge Shapes (Объединить фигуры). Размещаем созданный элемент, как показано ниже.

Открываем стили слоя и применяем настройки, показанные ниже.

Шаг 30

Устанавливаем цвет переднего плана на #2E250E, активируем инструмент Rounded Rectangle Tool (U) (Закругленный прямоугольник), на верхней панели устанавливаем радиус на 2 пикселя.

Переходим на рабочее полотно и создаем прямоугольник размером 14 х 6 пикселей.

Применяем стили слоя для прямоугольника, используя следующие параметры.

Шаг 31

Этим же инструментом создаем прямоугольник размером 22 х 5 пикселей и размещаем его, как показано ниже на первой картинке.

Применяем стили слоя для этого прямоугольника.

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

Шаг 32

Переходим на панель слоев, выбираем фоновый слой и кликаем по маленькой иконке замка, чтобы разблокировать слой.

Устанавливаем цвет переднего плана на #9CACAD, берем Paint Bucket Tool (G) (Заливка) и заливаем фон выбранным цветом.

Применяем стили слоя к фону.

Шаг 33

Выделяем все слои, из которых состоит зажигалка, и группируем их Ctrl+G.

Применяем к группе стили слоя.

Шаг 34

Дублируем группу из предыдущего шага.

Выделяем копию, уменьшаем ее Fill (Заливка) до 0%, открываем стили слоя для этой группы, переходим к настройкам Drop Shadow (Тень) и настраиваем, как показано ниже.

Мы закончили!

Вот так должен выглядеть финальный результат.

Автор: Razvan Gabriel 


Источник

Добавить комментарий