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

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

Рисуем револьвер в Adobe Illustrator

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

В этом уроке мы будем рисовать иконку револьвера в Adobe Illustrator. Это простой урок. Он поможет привыкнуть к точности в работе с векторной графикой, а также даст понимание плоского, упрощенного стиля для создания иконок. Вы получите стильную иконку и поймете метод, который позволит вам создать подобную работу на другу тему.

 

Шаг 1

Начнем с создания нового документа. В меню выберите File > New/Файл>Создать и введите параметры как показано выше.

Шаг 2

Начнем с создания прямоугольника размером 14 x 6 px. Укажите ему цвет заливки #AFA5A1 и расположите как показано выше.

Шаг 3

Копируйте прямоугольник (Control-C) и вставьте копию на передний план (Control-F). Укажите копии отсутствие заливки и обводку цвета #383C44. Укажите обводке толщину в 4 px и скругленные углы (Round Join). Выделите обе фигуры и сгруппируйте их, нажав Control-G. Таким же способом мы будем указывать обводку всем объектам, которым она потребуется. Также это будут параметры для обводки, которые мы будем использовать во всем уроке.

Шаг 4

Теперь переключимся в режим пиксельного просмотра (Alt-Control-Y). Нарисуйте рукоятку цвета #B58362 при помощи инструмента Pen/Перо (P). Используйте ориентиры, указанные на картинке выше. После того как вы закончите, вернитесь в нормальный режим (Alt-Control-Y).

Шаг 5

Тем же способом что и выше, укажите рукоятке нашу обводку. Затем добавьте винт размером 2 x 2 px (#383C44). Сгруппируйте все вместе (Control-G).

Шаг 6

Продолжаем работу с рамой. Создайте прямоугольник размером 12 x 8 рx (#D3CFCD), скруглите его нижний правый угол на 4 px в палитре Transform/Трансформация во вкладке Rectangle Properties/Свойства прямоугольника. Укажите объекту нашу обводку.

Шаг 7

Добавляем еще один винтик 2 x 2 px (#383C44) и группируем объекты.

Шаг 8

Возьмемся за курок. Создайте прямоугольник со скругленными углами размером 12 x 8 px без заливки и с нашей обводкой. Укажите прямоугольнику радиус скругления углов в 4 px. Нарисуйте курок из простой диагональной линии из нашей обводки и со скругленными концами. Сгруппируйте оба элемента (Control-G), кликните по группе правой кнопкой и выберите Arrange > Send to Back/Упорядочить>На задний план.

Шаг 9

Нарисуйте круг размером 16 x 16 px (#AFA5A1), укажите ему нашу обводку и расположите как показано выше.

Шаг 10

Нарисуйте триггер. Для этого создайте круг размером 12 x 12 px с нашей обводкой и без заливки. Инструментом Direct Selection/Прямое выделение (A) выделите нижнюю и левую точку и удалите их, нажав Delete. Укажите обводке скругленны концы и расположите как показано выше.

Шаг 11

Создайте квадрат размером 16 x 16 px (#D3CFCD). Инструментом Add Anchor Point/Добавить опорную точку дополнительную точку на расстоянии в 4 px левее правого нижнего угла. Инструментом Delete Anchor Point/Удалить опорную точку кликните по правому нижнему углу. Укажите фигуре нашу обводку.

Шаг 12

Нарисуйте две линии со скругленными концами как показано выше.

Шаг 13

Рисуем дуло при помощи прямоугольника размером 16 x 10 px (#CFD0D1) с нашей обводкой. Поместите его как показано выше.

Шаг 14

Добавляем еще один прямоугольник размера 12 x 6 px (#AFA5A1). Расположите его как показано выше и пошлите на задний план.

Шаг 15

Рисуем прицел. Для этого создайте прямоугольник размером 8 x 6 px (#AFA5A1).  Инструментом Direct Selection/Прямое выделение (A) выделите верхний правый угол и поднимите его на 2 px вверх. Укажите объекту нашу заливку.

Результат

Автор урока ANDREI STEFAN

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

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




Комментарии

  1. Бортник
    Thumb up Thumb down 0

    dfe403eae1b86d147c1c272466c79477.jpg

[an error occurred while processing the directive]


[an error occurred while processing the directive]