7 days of PS Actions, graphics, templates & fonts - for free!* Unlimited asset downloads! Start 7-Day Free Trial
Advertisement
  1. Design & Illustration
  2. Illustration

Как Нарисовать Сладчайшее Векторное Эскимо в Иллюстраторе

Scroll to top
Read Time: 6 mins
This post is part of a series called Summer in Session!.
Create a Quick and Easy Tranquil Sky in Adobe Illustrator

Russian (Pусский) translation by Andrey Rybin (you can also view the original English article)

Утолите ваш голод по холодненькой иллюстрации с этим уроком по сладчайшему эскимо. Этот урок на летнюю тему, отлично подойдет для пользователей Иллюстратора находящихся на среднем уровне. Приступим!

В результате урока

Ниже вы можете видеть изображение, над которым мы будем работать. Хотите получить доступ к исходному файлу, а так же загрузить исходники и другие уроки, включая этот? Присоединяйтесь к Vector Plus за 9$ в месяц.

Шаг 1

Используйте инструмент Прямоугольник со Скругленными Углами (Rounded Rectangle Tool), чтобы нарисовать объект показанный ниже. Измените радиус углов, нажимая стрелки вверх или вниз, пока вы рисуете объект.

Шаг 2

Поверх этого прямоугольника нарисуйте другой прямоугольник. Используйте кнопку кнопку Минус Верхний (Minus Front) на панели Обработка Контуров (Pahtfinder) и затем Разберите объект (Expand).

Шаг 3

Это форма, которая у вас останется. Используйте инструмент Прямое Выделение (А) (Direct Selection Tool), что бы подрегулировать ваши опорные точки, если вы хотите сделать форму эскимо повыше.

Шаг 4

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

Шаг 5

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

Шаг 6

Создайте для палочки легкий градиент. Выберите все объекты и нажмите кнопку Выровнять По Горизонтали в панели Выравнивание (Horizontal Align Center).

Шаг 7

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

Шаг 8

Достаточно просто, добавить к нашему эскимо реалистичную тень и осветление используя несколько простых форм. Используйте Перо (Р) (Pen Tool) чтобы нарисовать длинную белую фигуру, показанную ниже Убедитесь, что ваша фигура перекрывается с нижней частью эскимо, тогда ваша тень или осветление точно будут охватывать всю верхнюю часть эскимо.

Шаг 9

В панели Прозрачности (Transparency ) выберите режим наложения - Умножение (Multiply) и измените непрозрачность до 60%.

Шаг 10

Зайдите в Эффект > Размытие > Размытие по Гауссу ( Effect > Blur > Gaussian Blur) Задайте значение, на ваше усмотрение и нажмите ОК.

Шаг 11

Повторите последние 3 шага, чтобы сделать другие тени и осветления. Когда делаете осветление, оставляйте режим наложения Нормальным и для Непрозрачности оставляйте 100% в панели Прозрачность.

Шаг 12

Чтобы сделать осветление для нижней части мы сначала дублируем форму и сделаем еще одну копию немного выше, другой. В панели Обработка контуров выберите Минус верхний, а затем разберите объект.

Шаг 13

Вот какая фигура должна у вас получиться.

Шаг 14

Создайте для этой формы размытие и поместите ее в нижней части эскимо.

Шаг 15

Добавьте основанию градиент, так чтобы выглядело, как будто нижняя часть находится в тени.

Шаг 16

Успех кроется в мелочах. Добавьте легкое внутреннее свечение в нижней части эскимо, перейдя в Эффекты > Стилизация > Внутреннее Свечение (Effect > Stylize > Inner Glow). Далее для Режима Наложения выберите Умножение, измените Непрозрачность на 25 и назначьте Размытие на ваше усмотрение. Можно также выбрать цвет больше похожий на цвет вашего эскимо (но немного темнее), чтобы ваша тень еще лучше сливалась с фоном, затем нажмите кнопку ОК.

Шаг 17

Выберите палочку и основание и поместите их на передний план Объект > Монтаж > На Передний План (Object > Arrange > Bring to Front).

Шаг 18

Вот как сейчас должна выглядеть ваша иллюстрация.

Шаг 19

Мы добавим элементы укуса, нарисовав несколько кругов, используя инструмент Эллипс (L).

Шаг 20

Используйте кнопку Соединение (Unite) на панели Обработка Контуров (Pahtfinder), чтобы объединить все элементы, а затем щелкните по Разобрать (Expand).

Шаг 21

Поместите округлую форму поверх верхней части эскимо. Выберите округлую форму и только верхнюю часть эскимо и нажмите кнопку Минус Верхний (Minus Front) на панели Обработка Контуров (Pahtfinder), а затем щелкните по Разобрать (Expand).

Шаг 22

Вот что у вас должно получиться.

Примечание: Убедитесь, что вы выбрали только две фигуры в предыдущем шаге, иначе ваш результат будет выглядеть иначе.

Шаг 23

Используя инструмент Эллипс, нарисуйте эллипс и сделайте для него простой градиент, с более темной частью в центре.

Шаг 24

Поместите эллипс позади эскимо, и немного поверните его, чтобы он подходил по кривизне к кромке эскимо.

Шаг 25

Далее мы сделаем тени для основной части эскимо. Копируйте и вставьте объекты как, показано ниже. Выберите фигуры и нажмите кнопку Соединение (Unite) на панели Обработка Контуров (Pahtfinder), чтобы объединить все элементы, а затем щелкните по Разобрать.

Шаг 26

Вот что у вас должно получиться. Эта фигура должна стоять прямо за эскимо.

Шаг 27

Создайте для этого объекта тень, зайдя в Эффект > Стилизация > Тень (Effect > Stylize > Drop Shadow). Оставьте для Х и Y Смещение равным нулю и назначьте Размытие по вашему усмотрению. Нажмите ОК.

Шаг 28

Поместите тень позади эскимо.

Шаг 29

Теперь мы добавим рефлекс. Нарисуйте произвольную форму над частью эскимо.

Шаг 30

Копируйте и вставьте объекты показанные ниже прежде чем вы продолжите, так вы можете быть уверены, что вы ничего не повредите и не потеряете работу которую уже сделали. Выделите две формы и нажмите на кнопку Пересечение (Intersect) на панели Обработка Контуров, а затем нажмите Разобрать.

Шаг 31

Теперь у вас есть отличный обрезанный блик, который вы можете поместить поверх вашего эскимо.

В следующих шагах, для работы вы должны использовать черный и белый цвет (а не цветной) как показано. Сделайте для осветления белую заливку. При выделенном осветлении, зайдите в панель Прозрачность и дважды щелкните в области обозначенной ниже желтым кругом.

Шаг 32

После того, как вы дважды щелкните по этой области в панели Прозрачности, ваша фигура исчезнет. Убедитесь, что у вас выделен черный квадрат справа в Панели.

Шаг 33

Используйте инструмент Прямоугольник (М), чтобы нарисовать прямоугольник поверх эскимо.  Теперь ваше осветление покажется снова.

Шаг 34

В панели Градиент добавьте черный и белый узлы и залейте прямоугольник, который вы только, что нарисовали черно-белым градиентом. Очень важно, чтобы цвета вашего градиента были крайними с точки зрения величин R,G и В. Благодаря этому ваше осветление будет на столько темным или светлым на сколько это надо.

Шаг 35

Можно легко добавлять капли и брызги на иллюстрации с помощью встроенных кистей. Перейдите в Окно > Библиотека Кисти > Художественные > Худож_чернила (Window > Brush Libraries > Artistic > Artistic_Ink). Возьмите и перетащите несколько вариантов чернильных кистей в ваш документ.

Шаг 36

Чтобы изменить заливку чернильных брызг вам нужно их разгруппировать. Зайдите в Объект > Разгруппировать. Продолжайте этот процесс пока все не разгруппируете. Обычно это надо сделать около 4х раз. Выберите чернильную кляксу и задайте для нее радиальный градиент. Теперь чернильная клякса, выглядит как брызги от эскимо.

Шаг 37

Теперь мы сделаем капли воды. Сначала нарисуйте фигуру с помощью инструмента Перо, как показано ниже. Сделайте размытие фигуры, перейдя в Эффект > Размытие > Размытие по Гауссу ( Effect > Blur > Gaussian Blur).

Шаг 38

После того, как вы сделали размытие, просто нарисуйте верхней и боковой отблески и и задайте им заливку от бледно-голубой к белой. Вот так!

Шаг 39

Чтобы сделать посыпку используйте инструмент прямоугольник со скругленными углами. Используйте встроенные образцы Illustrator что быстро назначить для посыпки различные цвета. Для доступа к Образцам зайдите в Меню Библиотеки Образцов > Градиенты > Яркости (Open Swatch Library > Gradients > Brights).

Шаг 40

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

Шаг 41

Выберите прямоугольник и перейдите в Объект > Искажение с Помощью Оболочки > Деформация (Object > Envelope Distort > Make with Warp). Выберите Раздувание и назначьте для изгиба значение 20%. Нажмите ОК.

Шаг 42

Создайте тень для палочки, дублировав ее и сделав для копии размытие. В панели Прозрачности выберите для Режима Наложения - Умножение, так чтобы тень смешалась с фоном.

Шаг 43

Дублируйте основную часть эскимо (вместе с палочкой) и используйте тот же метод, как и предыдущем шаге за исключением применения размытия. Размытие обычно применяют для теней, а твердые формы обычно говорят об отражении. То есть в этот раз  мы создаем отражение.

Что Получилось в Результате Урока

Вуаля, Вы видите Окончательный Вариант нашей Иллюстрации Эскимо!

Подписывайтесь на канал Vectortuts+ RSS что бы быть в курсе последних новостей и уроков.

Advertisement
Did you find this post useful?
Want a weekly email summary?
Subscribe below and we’ll send you a weekly email summary of all new Design & Illustration tutorials. Never miss out on learning about the next big thing.
Advertisement
Start your 7-day free trial*
Start free trial
*All Individual plans include a 7-day free trial for new customers; then chosen plan price applies. Cancel any time.