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

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

Рисуем иконку джойстика в Adobe Illustrator

26 февраля 2019 | Опубликовано в Уроки | Нет комментариев »

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

 

Создаем новый документ

Выберите в меню File > New/Файл>Создать (или используйте сочетание клавиш Control-N), и в появившемся окне введите параметры как показано ниже.

Шаг 1

Создайте квадрат размером 64 x 64 px, укажите ему цвет заливки #F15A24 и разместите посреди рабочей области.

Шаг 2

Внутри большого квадрата нарисуйте еще один квадрат — размером 56 x 56 px, укажите квадрату белый цвет заливки (#FFFFFF). Поместите квадрат как показано ниже.

Шаг 3

Рисуем круг размером 56 x 56 px, укажите ему цвет заливки #FFD55F и поместите по центру.

Шаг 4

Рисуем основу для джойстика. Используйте прямоугольник со скругленными углами размером 28 x 12 px. Укажите прямоугольнику со скругленными углами белый цвет заливки, радиус скругления в 4 px (Corner Radius) и обводку толщиной в 4 px цвета #31353F. Разместите прямоугольник как показано ниже.

Шаг 3

Внутри прямоугольника инструментом Pen/Перо (P) нарисуйте линию как показано ниже. Укажите ей обводку толщиной 4 px (#31353F).

Шаг 4

Рисуем еще одну линию с теми же параметрами ободвки, длиной в 12 px. Поместите как показано ниже.

Шаг 5

Добавьте в основание только что нарисованной линии прямоугольник со скругленными углами размером 8 x 4 px (#31353F). Укажите скругление радиуса в 2 px.

Шаг 6

Нарисуйте круг размером 12 x 12 px, укажите ему цвет заливки #FF9045 и параметры обводки как у остальных объектов.

Результат

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

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

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




Оставить ответ


3 + = девять

Вставить изображение