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

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

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

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

Результат

Шаг 1

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

Шаг 2

Начните с создания прямоугольника размером 80 x 72 px, укажите ему цвет заливки #587AF4 и расположите на 8 px выше и левее края рабочей области.

2-creating-and-positioning-the-main-shape-for-the-front-section-of-the-newspaper.png

Шаг 3

Создайте два круга размером 32 x 32 px (#587AF4) и расположите их как показано ниже.

3-creating-and-positioning-the-main-shape-for-the-bottom-section-of-the-newspaper.png

Шаг 4

Инструментом Direct Selection/Прямое выделение (A) выделите верхнюю и правую точку обоих кругов, и нажмите Delete, чтобы удалит точки.

4-opening-up-the-paths-of-the-newspapers-two-bottom-circles.png

Шаг 5

Объедините оставшиеся фигуры. Для этого выделите верхние точки фигур и нажмите Control-J, затем нижние и еще раз нажмите то же сочетание клавиш.

5-uniting-the-newspapers-two-open-paths-into-a-single-larger-shape.png

Шаг 6

Выделите получившуюся фигуру и прямоугольник и объедините их, кликнув в палитре Pathfinder/Обработка контура по иконке Unite/Объединить.

6-uniting-the-newspapers-front-composing-sections-into-a-single-larger-shape.png

Шаг 7

Поменяйте местами заливку и обводку, нажав Shift-X. Укажите фигуре толщину обводки в 8 px и скругленные углы, выбрав соответствующую иконку в палитре Stroke/Обводка.

7-turning-the-newspapers-front-section-into-an-outline.png

Шаг 8

Нарисуйте квадрат размером 24 x 24 px цвета #B0C5FF и поместите его в левый верхний угол нашей основной фигуры.

8-creating-and-positioning-the-main-shape-for-the-folded-corner-of-the-newspapers-front-section.png

Шаг 9

Ориентируясь на только что созданный нами квадрат, создайте две дополнительные точки на основной фигуре. Для этого инструментом Add Anchor Point/Добавить опорную точку (+) кликните по контуру фигуры в местах, где квадрат ее пересекает.

9-adding-two-new-anchor-points-to-the-newspapers-front-section.png

Шаг 10

Инструментом Delete Anchor Point/Удалить опорную точку (-) удалите левую верхнюю точку основной фигуры, а также левую верхнюю точку квадрата.

10-adjusting-the-top-left-corner-of-the-newspapers-front-section.png

Шаг 11

Укажите получившемуся треугольнику обводку цвета #587AF4, толщиной в 8 px и скругленные углы.

11-adding-the-outline-to-the-newspapers-folded-corner.png

Шаг 12

При помощи прямоугольников разного размера цвета #587AF4 нарисуйте наполнение газетного листа. Ориентируйтесь на размеры и расположение, показанное ниже. Выделите все созданное на данном этапе и сгруппируйте, нажав Control-G.

12-adding-the-rectangular-details-to-the-newspapers-front-section.png

Шаг 13

Теперь нарисуем загнутую часть газеты. Для этого нарисуйте прямоугольник размером 32 x 64 px (#B0C5FF). Укажите нижним углам радиус скругления в 16 px. Это можно сделать в палитре Transform/Трансформация в разделе Rectangle Properties/Свойства прямоугольника. Укажите получившейся фигуре обводку толщиной в 8 px (#587AF4). Выделите все объекты и сгруппируйте их, нажав Control-G.

13-creating-and-positioning-the-main-shapes-for-the-newspapers-side-section.png

Шаг 14

Завершим нашу иконку, нарисовав тень. Для этого создайте эллипс размером 96 x 12 px (#587AF4), выровняйте его по центру вертикальной оси относительно рабочей области и расположите на 4 px выше нижней границы холста. Выделите все объекты и нажмите Control-G.

Результат

Автор урока vectips

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

Уроки 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 уроки рисование плашками.