Рисуем иконку джойстика в 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
Перевод — Дежурка
Смотрите также:
Оставить ответ
Похожие статьи
-
Сайты, посвященные индустрии красоты
-
Микровзаимодействия: секрет крутых приложений
-
Графический дизайн в стиле гранж
-
15 бесплатных экшенов для ретуширования кожи
-
Крутая абстракция в веб-дизайне
-
Использование множественных фоновых изображений CSS: основы
-
Красивые примеры рисунков спиртовыми чернилами
-
Рисуем иконку мышки в Adobe Illustrator
-
Бесплатная типографика в ботаническом стиле
-
Простая фотоманипуляция рыцаря в огне в Adobe Photoshop
-
Новые примеры страниц О нас
-
Создание элементов, расположенных ровно по центру, с высотой и шириной, заданными в процентах
-
Концептуальная аэрофотосъемка Тома Хегена
-
Бесплатные текстуры для эффекта состаривания
Самые комментируемые
- Текст из крови в Adobe Photoshop
549
- Насколько важно сегодня использовать Web Safe цвета?
538
- 20 наборов кистей для Фотошопа, которые вам пригодятся
530
- Текст из воды в Adobe Photoshop
518
- 45 новых удивительных наборов кистей для творчества
423
- Более 40 фотореалистичных рисунков
205
- Ретро и винтажная типографика в веб-дизайне
194
- 30 примеров фрактального искусства
191