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

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

Рисуем ограненный рубин в Adobe Illustrator

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

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

 

Результат

Final Ruby Gemstone Icon

Шаг 1

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

Gemstone Icon Document Details

Шаг 2

После того, как вы создали документ, начинаем работу в рабочем пространстве. Нарисуйте круг размером 56 x 56 px и укажите в качестве цвета заливки #3A2F2E. Выровняйте круг по центру холста.

Align Gemstone Icon's Outer Circle

Шаг 3

Создайте квадрат также по центру. Укажите ему размеры 36 x 36 px и цвет заливки #EF5F50.

Create The Gemstone Icon's Main Shape

Шаг 4

Настроим наш квадрат так, чтобы сделать из него необходимую нам форму. Возьмите инструмент Add Anchor Point/Добавить опорную точку (+) и добавьте точки как показано ниже — по две на каждую сторону квадрата.

Add anchor points to the gemstone icon

Шаг 5

Теперь удаляем углы инструментом Delete Anchor Point/Удалить опорную точку (-).

remove anchor points from the square of the gemstone icon

Шаг 6

Внутри этой фигуры создаем еще одну по такому же принципу. Начинаем в квадрата размером 20 x 20 px (#FF6D5A), добавляем по две опорные точки на каждой стороне, и удаляем углы.

add center of gemstone icon using the same process

Шаг 7

Инструментом Pen/Перо (P) рисуем фигуру, соединяющую указанные ниже точки. Укажите ей цвет #FF9082.

draw the gemstone icon's left edge using the pen tool

Шаг 8

Рисуем еще одну фигуру как показано ниже, и указываем ей цвет #FF7C6B.

continue drawing the left edge using the same process

Шаг 9

Дублируем фигуру из Шага 7 (Control-C > Control-F). Отразите ее горизонтально и поместите как показано ниже.

copy segment

Шаг 10

Выделяем все три последние фигуры, дублируем их (Control-C > Control-F) и отражаем по вертикальной оси. Указываем нижней и верхней фигуре цвет заливки #DD4E43, а той что посредине — #CC413A.

copy and reflect left side

Шаг 11

Рисуем блик. Для этого просто нарисуйте две линии белого цвета. Одной укажите толщину обводки в 2 px в палитре Stroke/Обводка, а второй - 4 px. Сгруппируйте линии, нажав Control-G.

add diagonal lines to the gemstone icon

Шаг 12

Дублируйте внутренний восьмиугольник и поместите его над линиями. Выделите его и линии, кликните по ним правой кнопкой и выберите Make Clipping Mask/Создать обтравочную маску.

mask the gemstone icon's hilights

Шаг 13

Укажите линиям Opacity/Непрозрачность в 24%.

lower the opacity of the gemstone icon's masked hilights

Результат

final gemstone icon

Автор урока Andrei Ștefan
Перевод — Дежурка
Смотрите также:



Коментарии запрещены.