Как нарисовать ограненный рубин в Иллюстраторе

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


Banner for lessons 001.jpg

Пример HTML-страницы

Как нарисовать ограненный рубин в Иллюстраторе

Шаг 1

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

1-setting-up-a-new-document.png

Шаг 2

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

2-creating-and-positioning-the-main-shape-for-the-icons-background.png

Шаг 3

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

3-creating-the-main-shape-for-the-gems-body.png

Шаг 4

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

4-adding-the-new-anchors-to-the-gems-body.png

Шаг 5

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

5-removing-the-gems-corner-anchor-points.png

Шаг 6

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

6-creating-the-main-shape-for-the-gems-center-section.png

Шаг 7

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

7-creating-the-top-left-edge-segment.png

Шаг 8

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

8-creating-the-left-edge-segment.png

Шаг 9

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

9-adding-the-bottom-left-edge-segment.png

Шаг 10

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

10-adding-the-right-sided-edge-segments.png

Шаг 11

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

11-adding-the-diagonal-highlights.png

Шаг 12

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

12-masking-the-highlights.png

Шаг 13

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

13-finishing-off-the-icon.png

Результат

tutorial-preview-large.png


Автор урока Andrei Ștefan

Ссылка на источник


Уроки Illistrator. Уроки Adobe Illustrator. Уроки Иллюстратора. Adobe illustrator уроки. Уроки adobe illustrator для начинающих. Adobe illustrator уроки на русском. Видео уроки adobe illustrator. Adobe illustrator уроки для начинающих на русском. Adobe illustrator уроки с нуля. Уроки adobe illustrator cc для начинающих. Adobe illustrator cc 2019 уроки. Уроки adobe illustrator скачать торрент. Уроки по adobe illustrator cc. Adobe illustrator уроки вектор гайд. Уроки рисования adobe illustrator. Adobe illustrator уроки вектор гайд. Уроки векторной графики в adobe illustrator. Adobe illustrator cc 2018 уроки. Adobe illustrator логотип уроки. Уроки adobe illustrator cc 2018 для начинающих. Бесплатные уроки adobe illustrator. Урок 01 что такое adobe illustrator. Уроки работы в adobe illustrator. Adobe illustrator урок. Видео уроки adobe illustrator торрент. Adobe illustrator видео уроки скачать торрент. Adobe illustrator 3d уроки. Уроки adobe illustrator cc 2019 на русском. Интерфейс в adobe illustrator cc 2019 уроки. Уроки иллюстрация adobe illustrator. Adobe illustrator уроки рисование плашками.

Как нарисовать ограненный рубин в Иллюстраторе
Пример HTML-страницы

Также уроки которые могут вас заинтересовать

Комментарии 271

Для того, чтобы оставить комментарий, авторизуйтесь или зарегистрируйтесь.

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