fbpx

Урок по созданию смайликов в Adobe Illustrator

Сегодня мы с вами будем учиться рисовать смайлики с помощью градиентов и базовых форм. Давайте начнем наш урок.

1. Создаем основу

Шаг 1

Откройте новый документ и создайте в нем слои в следующем порядке: сверху слой “Лица”, потом слой “Наброски лиц”, слой “База” (здесь мы будем рисовать базовые формы смайлов) и наконец “Наброски базы”.

1

Шаг 2

В слое “Наброски базы” мы рисуем наши базовые формы смайлов, используя Blob Brush Tool (Shift-B). В данном случае наши формы – это просто круги с несколькими линиями, которые отображают тень и свет. Уменьшите непрозрачность наброска до 40% и заблокируйте этот слой. Теперь мы приступим к слою “База”.

2

Шаг 3

Размер нашего круга – 300 х 300 пикселей. Это базовая форма, так что толщина линии будет лишь 1 пиксель.

3

Шаг 4

Выберите круг и примените к нему Offset Path (Object > Path > Offset Pathсо значением -10 пикселей. Так мы получим круг поменьше, чем наш оригинальный круг.

4

Шаг 5

Теперь продублируйте круг (он нарисован голубым цветом на изображении) и переместите его на место розового круга, как на изображении. Продублируйте голубой круг еще раз, выберите оба круга и примените к ним Intersect на панели Pathfinder.

5

И у нас получится вот такая фигура (изображена желтым) – это будет светлая часть смайла.

5.1

Шаг 6

Теперь повторите процесс, который мы проделали выше.

6

И получится вот такая желтая фигура, которая отметит темную часть смайла.

6.1

Шаг 7

Выберите все формы и нажмите D. Мы получили базу нашего смайла без цвета. Теперь вы можете удалить слой “Наброски базы”.

7

Шаг 8

Вот наша палитра:

  • Белый #FFFFFF
  • Желтый #FCF17C
  • Красный #F05850
  • Синий #67CDF5
  • Коричневый #641912

С помощью этих цветов мы создадим комбинации градиентов, чтобы у нас была более дополненная палитра. Чтобы сохранить свои цвета, выберите их и нажмите на иконку New Color Group на панели Swatches.

8

Шаг 9

Теперь мы добавим градиенты для каждого цвета с насыщенностью от 100% до 0%. Чтобы изменить цвета в окошке градиентов, просто дважды кликните по цвету и вы увидите вашу панель Swatches. Теперь вы можете менять цвета.

9

Шаг 10

Теперь создаем градиенты во всех цветах с добавлением белого.

Читайте также:  Say-hi рекомендует: 7 лучших ивентов в Киеве на этой неделе

10

А теперь с желтым.

10.1

Проделываем то же самое с красным и синим цветами. И добавляем все это на панель Swatches.

10.2 10.3

Шаг 11

Начнем раскрашивать нашу основу желтым цветом.

11

Шаг 12

Теперь добавляем красно-желтый градиент. Мы выбрали радиальный режим в панели с градиентами.

12

Шаг 13

Для тени мы используем красный градиент.

13

Шаг 14

Для света используйте белый градиент.

14

Шаг 15

Добавляем немного деталей и теперь мы готовы начинать рисовать лица наших смайлов.

15

2. Плачущий смайл

Шаг 1

Мы копируем пять кругов нашей базовой формы смайла в слой “Набросок лица”. И рисуем наброски смайлов – злой, грустный, удивленный, счастливый, влюбленный – с помощью Blob Brush Tool (Shift-B). Ставим непрозрачность 40% и блокируем этот слой.

2.1

Шаг 2

Грустный смайл мы начинаем рисовать с глаз. Формы, которые мы будем использовать – это прямоугольник и скругленный прямоугольник. Следуйте базовому наброску смайла.

2.2

Шаг 3

Теперь, чтобы добавить детали в слезы, мы нарисуем фигуру, сделанную из треугольников, с помощью Polygon Tool. И вставляем ее в прямоугольную форму с помощью Intersect панели Pathfinder.

2.3

Шаг 4

Чтобы нарисовать сияние, нарисуйте треугольник с помощью Polygon Tool. Продублируйте его три раза, а затем продублируйте все три треугольника и переверните их. А затем примените к ним Unite на панели Pathfinder.

2.4

Шаг 5

Начнем рисовать рот. Рисуем скругленный прямоугольник, а потом с помощью ластика вытираем половину формы. Затем дублируем получившуюся форму и снова с помощью ластика делаем зубы.

Добавьте прямоугольники для детальности. Затем выберите все три прямоугольника и примените к ним Unite, а затем Intersect.

2.5

Шаг 6

Теперь добавляем тени зубов. Используйте свою базовую форму, продублируйте ее и перетяните немного вниз, а затем продублируйте еще раз. Чтобы сделать язык, используйте базовую форму рта, уменьшите ее и продублируйте, затем примените к ним Unite. Наконец продублируйте форму рта и примените к фигурам Intersect.

2.6

Шаг 7

Теперь добавляем немного деталей рту. Нарисуйте круг и обрежьте его. Затем нарисуйте маленький круг и примените к нему Minus Front на панели Pathfinder. Рот готов.

2.7

Вот так выглядит грустное лицо. Не забудьте выровнять все детали по центру.

Читайте также:  Супер курс. Рисуем минималистичный логотип в Adobe Illustrator

2.71

Шаг 8

Выберите лицо и нажмите D.

2.8

Шаг 9

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

2.9

Для рта используем коричнево-красный градиент, для языка – желто-красный и коричневый градиент для последней детали.

2.91

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

2.92

3. Создаем злой смайл

Шаг 1

Рисуем круг для глаза.

3.1

Шаг 2

Используя ластик, стираем круг до половины. Затем дублируем эту фигуру и используем Minus Front, чтобы сделать веко. В конце концов, дублируем получившуюся форму и с помощью ластика создаем тень.

3.2

Шаг 3

Для брови рисуем треугольник и трансформируем его, как на изображении. Затем поворачиваем его и прикрепляем к глазу.

3.3

Шаг 4

Чтобы сделать рога, рисуем круг, затем беремся за верхнюю дугу и тянем, как на изображении. Затем удаляем якорные точки с помощью Convert Anchor Point Tool (Shift-C) и кликаем по дуге. Затем просто поворачиваем рог.

3.4

Шаг 5

Для рта рисуем треугольник, а затем убираем лишнее с помощью Scissors Tool (C). Потом примените к получившейся фигуре Outline Stroke (Object > Path > Outline Stroke) и наконец подотрите ластиком лишнее.

35

Наше лицо будет выглядеть как-то так.

3.21

Шаг 6

Стираем часть сияния (форма розового цвета), так как у нас есть рога.

3.6

Шаг 7

Заполняем рока красно-желтым градиентом и брови коричневым цветом.

3.7

Для глаз и рта используем красный цвет, для теней глаз – коричневый градиент, а для век – желто-красный.

3.71

Добавляем немного сияния рогам с помощью белого градиента и тень с помощью красного.

3.72

4. Создаем удивленный смайл

Шаг 1

Начнем со скругленного прямоугольника для глаз.

4.1

Шаг 2

Создаем глаз с помощью Offset Path, дублируем фигуру и с помощью ластика создаем линию. Затем добавляем немного кругов для сияния в глазах.

4.2

Шаг 3

Для рта создаем круг, а потом с помощью скругленного прямоугольника рисуем зубы. Затем применяем Unite в панели Pathfinder и обрежьте лишнее. Затем создайте круг поменьше и примените Offset Path.

4.3

Шаг 4

Продублируйте зубы и с помощью Minus Front для теней. Чтобы создать язык, добавьте два круга, объедините их и обрежьте лишнее.

Читайте также:  70+ крутых бесплатных уроков по Adobe Illustrator

4.4

Шаг 5

Чтобы добавить деталей рту, можете нарисовать горло с помощью круга и прямоугольника.

4.5

Лицо готово. Теперь мы можем приступать к раскрашиванию.

Шаг 6

Начнем раскрашивать.

4.6

Шаг 7

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

4.7

Щечки красим в красный, зубы – в бело-синий градиент, а для теней используем коричнево-синий.

4.71

Для рта используем желто-красный градиент для языка, коричнево-красный – для рта и коричневый – для горла.

4.72

5. Создаем счастливый смайл

Шаг 1

Начнем с круга, чтобы нарисовать большую улыбку.

5.1

Шаг 2

С помощью ластика сотрите половину круга.

5.2

Шаг 3

Для зубов рисуем скругленный прямоугольник и дублируем его. Затем ластиком стираем лишнее и используем Reflection Tool (O).

5.3

Шаг 4

Помещаем зубы на форму рта и убираем один зуб.

5.4

Шаг 5

Язык и рот делаем так же, как и в удивленном лице.

5.5

Шаг 6

Для глаз рисуем круг, удаляем несколько частей и добавляем точки на линию, затем задаем значения Round Cap и Round Join. Наконец добавляем Outline Stroke.

5.6

Готово!

5.61

Шаг 7

Начнем.

5.7

Для глаз используем коричнево-желтый градиент, а для щек – красный цвет.

5.71

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

5.72

Цвета рта такие же, как и в удивленном смайле. Только высветлите язык белым градиентом.

5.73

6. Влюбленный смайл

Шаг 1

Наконец создаем влюбленный смайл.

6.1

Шаг 2

Чтобы нарисовать сердце, создайте два круга, объедините их и вытяните дугу посредине.

6.2

Шаг 3

Удалите якорные точки, а потом немного округлите форму и добавьте Offset Path.

6.3

Шаг 4

Для рта мы рисуем круг, убираем некоторые якорные точки, дублируем. Чтобы добавить объем, примените Outline Stroke и объедините формы.

6.4

Влюбленный смайл готов.

6.41

Шаг 5

Начинаем раскрашивать.

6.5

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

6.51

Рот и щеки окрашиваем в красный, и наш смайл готов.

6.52

Отличная работа!

final

Автор: Tuts+

Перевод: Sayhi

Вам пригодится:

7 уроков по созданию плоских объектов в Adobe Illustrator

Как создать иллюстрацию летней поездки в Adobe Illustrator

Дизайн иллюстраций и шрифтов в программе Adobe Illustrator

Поделиться:

Про автора

Главред @ Say-Hi.

Сообщить об опечатке

Текст, который будет отправлен нашим редакторам: