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

Итак, сегодня мы будем учиться рисовать такие иконки:

Шаг 1

Создайте новый документ в Фтошопе (Ctrl + N) с параметрами, показанными ниже. Включите сетку (View → Show → Grid) и привязку к ней (View → Snap To → Grid). Для начала нам нужна сетка с расстоянием между линиями 5 пикселей. Перейдите в меню Edit → Preferences → Guides, Grid & Slices. В поле Gridline Every введите число 5, в поле Subdivision — число 1, выберите цвет #a7a7a7 для сетки. Не пугайтесь того, что увидите на холсте, сетка поможет Вам с правильным расположением объектов и их размерами.

Откройте окно Info (Window → Info) для предпросмотра форм и их расположения на холсте.

Шаг 2

Установите фоновый цвет на #f2c366, выберите инструмент Rectangle Tool (U) и нарисуйте векторную форму размерами 80 x 40 пикселей. Убедитесь, что прямоугольник выделен, выберите инструмент Direct Selection Tool (A). Выберите левую точку привязки и протяните её на 10 пикселей влево, затем выберите правую точку привязки и протяните её на 10 пикселей вправо. Привязка к сетке значительно облегчает работу.

В итоге ваш прямоугольник должен превратиться в простую трапецию, как на скриншоте.

Шаг 3

Убедитесь, что трапеция выбрана, активируйте режим деформации (Edit → Transform → Warp). На панели управления выберите тип деформации Bulge, нажмите кнопку Orientation (она обведена голубым цветом на скриншоте) и введите в поле Bend значение -15.

В итоге результат должен быть таким же, как на скриншоте.

Шаг 4

Убедитесь, что векторная форма выделена, и снова перейдите в Edit → Transform → Warp. На панели управления выберите тип деформации Arc Lower, введите в поле Bend число 25.

Результат должен выглядеть так же, как на скриншоте.

Шаг 5

Убедитесь, что форма выделена, возьмите инструмент Pen Tool (P) и активируйте функцию Subtract from Front Shape.

Нарисуйте несколько треугольников, как показано на скриншоте.

Шаг 6

Примените к векторной фигуре стили, показанные ниже.

Шаг 7

Установите фоновый слой на чёрный и возьмите инструмент Rectangle Tool (U). Нарисуйте два прямоугольника размером 5x65 пикселей и три размером 10x65 пикселей и расположите их, как показано на скриншоте.

Объедините слои с помощью функции Merge Shapes. Она превратит прямоугольники в одну векторную фигуру.

Шаг 8

Убедитесь, что фигура, нарисованная в предыдущем шаге, все ещё активирована, и перейдите в Edit → Transform → Perspective, и оттяните точку, отмеченную на скриншоте голубым, вправо на 30 пикселей. В итоге всё должно выглядеть, как на скриншоте 2.

Шаг 9

Активируйте режим деформации (Edit → Transform → Warp), выберите на верхней панели тип деформации Bulge, нажмите на кнопку Orientation и введите в поле Bend значение -60.

В итоге всё должно выглядеть как на скриншоте 2.

Шаг 10

Активируйте выделение векторной фигуры (Ctrl + Click), как показано на скриншоте.

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

Выделение нам больше не нужно, поэтому снимите его (Ctrl + D).

Шаг 11

Уменьшите Opacity слоя с черными фигурами до 20 процентов и измените режим наложения слоя на Overlay.

Шаг 12

Сейчас нам нужно расстояние между линиями сетки в 2 пикселя. Перейдите в меню Edit → Preferences → Guides, Grid & Slices. В поле Gridline Every введите число 2.

Выберите инструмент Rounded Rectangle Tool (U) и на верхней панели установите Radius на 3 пикселя. Создайте фигуру размером 84x10 пикселей и расположите ее, как показано на скриншоте 1. Примените к фигуре стили, показанные ниже.

Шаг 13

Создайте копию слоя с прямоугольником со скруглёнными углами (Ctrl + J). Кликните правой кнопкой мыши по новой копии на панели слоёв и выберите Clear Layer Style, а также уменьшите параметр Fill до 0%, затем примените к слою стили, показанные на скриншотах.

Шаг 14

Сейчас нам нужно расстояние между линиями сетки в 5 пикселей. Перейдите в меню Edit → Preferences → Guides, Grid & Slices. В поле Gridline Every введите число 5.

С помощью инструмента Rectangle Tool (U) нарисуйте векторную фигуру размером 80х20 пикселей и расположите её, как показано на скриншоте 1.

Откройте окно Properties (Window → Properties) и введите значения, как показано на скриншоте 2.

В итоге работа должна выглядеть, как на скриншоте 3.

Шаг 15

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

Шаг 16

С помощью инструмента Rectangle Tool (U) нарисуйте прямоугольную полоску размером 20х40 пикселей, как показано на скриншоте 1. Затем в окне Properties введите значения, как показано на скриншоте 2.

В итоге изображение должно быть, как на скриншоте 3.

Шаг 17

Поработайте со стилями так, чтобы получился результат, как на сриншоте.

Шаг 18

Создайте новый слой (Shift + Ctrl + Alt + N) и отправьте его на задний план (Shift+Ctrl+[).

Возьмите инструмент Paint Bucket Tool (G) и заполните новый слой цветом #edd6c8.

Шаг 19

Кликните правой кнопкой мыши по слою, созданному в предыдущем шаге, и выберите Convert to Smart Object. Добавьте этому слою фильтр Noise (Filter → Noise → Add Noise). Введите значения, как показано на скриншоте.

30.jpg

Шаг 20

Выберите все слои, которые составляют нашу кисть, и сделайте копии (Ctrl + J). Выделите на панели слоёв только копии и преобразуйте их в смарт-объект. Уменьшите заливку до 0% и примените стиль слоя, как показано на скриншоте.

Шаг 21

Сделайте копию смарт-объекта, кликните по нему правой кнопкой мыши на панели слоёв и выберите Clear Layer Style.

Уменьшите заливку копии смарт-объекта до 0% и примените стили, как показано на скриншоте.

И мы закончили!

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

Поделитесь уроком

Чириканье Мыло Вконтактик Рожи ЖэЖэ Яша

Правовая информация

В случае копирования урока указывайте автора и ставьте активную гиперссылку на наш сайт. Более подробную информацию вы можете получить в разделе «Правовая информация».

Переведено с сайта www.photoshopstar.com, автор перевода указан в начале урока.