В этом уроке мы будем учиться рисовать милую и забавную эмодзи луны. Мы будем использовать стандартные фигуры, а также базовыми инструментами. Результат будет эмоциональным, плоским, однако с бликом и тенью, которые придадут классическому flat-стилю объем.

Результат

Шаг 1

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

Шаг 2

Начнем работу над нашей иконкой. Для начала растяните круг размером 120 x 120 px и цвета #3D4763, и поместите его в центр документа.

Шаг 3

Нарисуйте внутри круг размером 64 x 64 px цвета #5FD6D6 и тоже выровняйте по центру.

Шаг 4

При помощи инструмента Pen/Перо (P) рисуем части цвета #C0DD57 как показано ниже. Выделите обе части и объедините их в группу, нажав Control-G.

Шаг 5

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

Шаг 6

Рисуем светлую часть земли. Дублируйте круг земли и переместите верхнюю копию на 4 px ниже.

Шаг 7

Инструментом Direct Selection/Прямое выделение (A) выделите нижнюю точку круга-копии и удалите ее. Инструментом Pen/Перо (P) закройте разорванный контур, но так, как показано ниже.

Шаг 8

Укажите получившемуся объекту белый цвет заливки, снизьте Opacity/Непрозрачность до 40%. Выделите объект, нажмите Control-X, чтобы вырезать его, зайдите в режим редактирования обтравочной маски (дважды клините по нашей маске) и нажмите Control-F, чтобы вставить объект.

Шаг 9

Рисуем глазки при помощи кругов размером 8 x 8 px c разорванным снизу контуром. Укажите объектам толщину обводки в 4 px и цвет #3D4763. Также укажите обводке закругленные концы.

Шаг 10

Рисуем рот из прямоугольника размером 12 x 8 px того же цвета. В палитре Transform/Трансформация, в разделе Rectangle Properties/Свойства прямоугольника скруглите радиус верхних углов на 2 px и нижних на 6 px.

Шаг 11

При помощи двух овалов размером 8 x 6 px (#3D4763) нарисуйте щечки. Снизьте Opacity/Непрозрачность объектов до 28%.

Шаг 12

Рисуем ручки из прямоугольника размера 12 x 16 px с толщиной обводки  в 4 px (#5FD6D6) и закругленными концами. Удалите все лишние точки, чтобы осталась кривая, как показано ниже. Укажите скругление в 8 px прямому углу, и поместите руки на задний план.

Шаг 13

Добавляем тень. Для этого копируем основные объекты (Control-C) и вставляем копию на задний план (Control-B). Укажите тени цвет #3D4763 и переместите ее вниз на 8 px. Тень для рук переместите только на 4 px .

Шаг 14

Начинаем рисовать звездочки. Начнем с прямоугольника белого цвета размером 2 x 8 px. Наложите два таких прямоугольник одна на другой, дорисуйте объединяющие элементы, выделите все, и объедините все фигуры в один контур в палитре Pathfinder/Обработка контура. Снизьте непрозрачность объекта до 80%.

Шаг 15

При желании добавьте дополнительные элементы.

Результат

Автор урока vectips

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

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

• Рисуем космонавта в Adobe Illustrator
• Иконки Мстителей в Adobe Illustrator
• Рисуем лиственную композицию в Adobe Illustrator