Уроки Веб и приложения John Jackson 26 октября 2016

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

Сложность урока: Средний

Содержание

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

Photoshop имеет потрясающие возможности для создания плоских иконок. После прохождения этого урока вы не только сможете нарисовать такие же иконки, но и создать свой собственный набор, используя изученные приемы. А чтобы иконки выглядели интереснее, можно добавить текстуру, которая придаст им ретро-эффект.

Если вы хотите, чтобы ваши иконки имели действительно уникальный дизайн, то вместо стандартных кисточек подберите себе наиболее подходящие текстурные гранж-кисти на сайте Envato Market.

Рисуем бутылку рома

Шаг 1

Создаем новый документ размером 3800 х 3800 пикселей. Я буду работать с большим разрешением, чтобы каждая иконка была отдельным объектом, поэтому нужно заранее позаботиться о достаточном размере исходного документа.

Заливаем фон темно-синим цветом, используя Paint Bucket Tool (G) (Заливка).

Берем Rounded Rectangle Tool (U) (Закругленный прямоугольник) и рисуем основу иконки размером 1024 х 1024 пикселей. Открываем панель свойств Window – Properties (Окно – Свойства), в котором мы будем регулировать параметры фигур: размер, цвет и радиус углов.

Обратите внимание, что после создания любой базовой фигуры (овал, прямоугольник, многоугольник и т.д.), на слое появляется особая иконка, которая говорит нам, что это векторный слой. Это значит, что мы можем свободно редактировать форму, цвет и размер фигуры без потери качества. Однако, обычные кисти на таких слоях не работают, так что имейте это в виду.

Шаг 2

Начинаем с создания прямоугольника с закругленными углами, размером 390 х 550 пикселей. Мы будем работать с панелью свойств на протяжение всего урока, вы всегда можете посмотреть мои параметры на скриншоте ниже. Для бутылки мы устанавливаем радиус верхних углов на 130 пикселей, а нижних – 60 пикселей, затем в качестве цвета заливки выбираем светло-бирюзовый.

Далее берем Direct Selection Tool (A) (Частичное выделение) и выделяем узловую точку нижнего левого угла. Несколько раз жмем клавишу со стрелкой вправо, чтобы передвинуть эту точку правее (чтобы ускорить процесс, во время перемещения зажмите клавишу Shift).

Делаем то же самое на противоположной стороне, чтобы дно бутылки стало более узким.

Шаг 3

Теперь давайте заполним нашу бутылку ромом! Дублируем слой с бутылкой (Ctrl+J), жмем Ctrl+T, чтобы активировать свободную трансформацию и уменьшаем копию, чтобы появились стеклянные края бутылки.

С помощью Rectangle Tool (U) (Прямоугольник) создаем прямоугольник так, чтобы он перекрывал верхнюю часть бутылки. Выделяем слой с прямоугольником и ромом, затем жмем по ним правой кнопкой мышки и выбираем Subtract Front Shape (Вычесть переднюю фигуру), чтобы бутылка была частично наполнена.

Шаг 4

Теперь сформируем горлышко бутылки. Создаем прямоугольник бирюзового цвета размером 115 х 190 пикселей. Выделяем слои с основой бутылки и горлышком и жмем на кнопку Align horizontal center (Выравнивание центров по горизонтали) на верхней панели.

С помощью Rounded Rectangle Tool (U) (Закругленный прямоугольник) рисуем верхнюю часть горлышка. Размер – 210 х 75 пикселей, цвет – светло-бирюзовый, радиус углов – 35,5 пикселей.

Шаг 5

Теперь нарисуем пиратскую этикетку. С помощью Rectangle Tool (U) (Прямоугольник) создаем поперек бутылки широкую горизонтальную линию темно-серого цвета. Дублируем (Ctrl+J) бирюзовую основу бутылки, выделяем копию вместе с этикеткой, жмем правой кнопкой мышки и выбираем Unite Shapes at Overlap (Объединить фигуры в наложении), чтобы скрыть лишние части этикетки.

Шаг 6

Нарисуем стилизованный череп. Используем Ellipse Tool (U) (Овал), чтобы нарисовать круг размером 37 х 37 пикселей. Затем добавляем две маленькие темно-серые окружности для глаз и прямоугольник для челюсти.

Чтобы добавить глянцевый эффект на бутылке, рисуем круг в верхней части основы бутылки. На панели слоев уменьшаем его непрозрачность примерно на 50%.

Шаг 7

Заканчиваем рисование бутылки, добавив пробку. Дублируем (Ctrl+J) слой с горлышком и на панели свойств меняем цвет копии на коричневый. Жмем Ctrl+[, чтобы опустить слой с пробкой под горлышко (или на панели слоев вручную поменяйте слои местами).

Слегка закругляем верхние углы пробки, установив радиус на 30 пикселей.

Шаг 8

Теперь наша иконка бутылки с ромом готова! Переходим к следующей!