ПОСЛЕДНИЕ ТЕМЫ

  • Нет сообщений для показа

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

Создаем новый документ

Размер документа

Начнем с создания прямоугольника светло-желтого цвета размером 150 x 180 px.

Возьмите инструмент  Direct Selection / Прямое выделение (A) и выделите верхние точки прямоугольника. При помощи функции Live Corners / Живые углы скруглите углы 60 px.

 

Рисуем лодку

Начнем работу внутри круга.

Шаг 1

Для начала создайте круг размером 296 x 296 px при помощи инструмента  Ellipse / Эллипс (L) и укажите фигуре цвет заливки: (#FEEFD8).  Теперь инструментом  Pen / Перо (P) нарисуйте горы (#FDDFB1). Выделите оба объекта и инструментом  Shape Builder / Создание фигур  (Shift + M) удалите лишние части гор вне эллипса.

 

Шаг 2

Теперь нарисуйте прямоугольник как показано на картинке ниже (#29D3FF), затем нарисуйте по всей верхней кромки небольшие круги. Выделите эти круги и прямоугольник и кликните по иконке Minus Front / Минус верхний в палитре Pathfinder / Обработка контура. И наконец избавьтесь от лишней части прямоугольника при помощи инструмента  Shape Builder / Создание фигур (Shift + M).

 

Шаг 3

Теперь рисуем лодку инструментом  Pen / Перо (P). Пусть она будет белого цвета: (#FFFFFF) Нарисуйте форму с углами, а потом немного скруглите их используя функцию Live Corners / Живые углы и инструмент  Direct Selection / Прямое выделение (A).

 

Шаг 4

Теперь рисуем верхнюю часть лодки (#FBB03B) опять же инструментом  Pen / Перо (P) и скругляем углы. Нарисуйте еще один прямоугольник (#F7931E), перекрывающий нижнюю часть лодки. При помощи инструмента  Shape Builder / Создание фигур удалите лишние части.

 

Шаг 5

Нарисуйте окна инструментом  Rounded Rectangle / Прямоугольник со скругленными углами, а также выемки в нижней части лодки.

 

Шаг 6

Теперь нарисуем мачту при помощи длинного прямоугольника (#23B9E0). Затем инструментом  Pen / Перо (P) нарисуйте парус слева от мачты (#FFFFFF) и еще один синий справа (#0071BC), а также маленький флаг (#D9821A).

 

Шаг 7

Теперь нарисуйте два небольших скругленных прямоугольника справа от кабины (#736357).

 

Шаг 8

Теперь нарисуем волны в нижней части корабля. Для этого дублируйте уже созданные нами волны (Ctrl + C > Ctrl + F) и поместите их на передний план (Shift + Ctrl + ] ). Масштабируйте их при помощи инструмента  Selection / Выделение (V), чтобы получилось примерно, как на картинке ниже.

 

Шаг 9

Нарисуем еще волны. Для этого создайте ломаную линию в форме буквы “W” при помощи инструмента  Pen / Перо (P), укажите линии толщину в 2 px и белый цвет (#FFFFFF). Теперь скруглите линии при помощи функции Live Corners / Живые углы и инструмента  Direct Selection / Прямое выделение (A). Создайте несколько копий волн и разместите их на воде.

 

Шаг 10

Теперь нарисуем облака и солнце. Для начала создайте два небольших круга белого цвета (#FFFFFF) при помощи инструмента  Ellipse / Эллипс (L). Нарисуйте пересекающую их прямую линию при помощи инструмента  Line Segment / Отрезок линии (/).

Инструментом  Shape Builder / Создание фигур (Shift + M) удалите лишние детали, оставив только то, что выше линии. Сгруппируйте облако (Ctrl + G) и разместите несколько копий на небе. Затем нарисуйте просто круг (#FBB03B), который будет солнцем.

 

Шаг 11

Создайте копию фонового круга (Ctrl + C > Ctrl + F) и поместите его на передний план (Shift + Ctrl + ] ). Инструментом  Direct Selection / Прямое выделение (A) удалите выделите и удалите верхнюю точку круга и укажите оставшемуся полукругу отсутствие заливки, только обводку.

Теперь укажите этой кривой тип обводки как показано на картинке ниже и толщину в 2 px.

 

Шаг 12

Не снимайте выделение с обводки и в меню выберите (Object > Expand Appearance / Объект > Разобрать оформление). Разгруппируйте объект (Shift + Ctrl + G), теперь вы можете редактировать каждую часть ленточки отдельно. Измените цвета заливки как показано ниже.

 

Шаг 13

Выделите верхний баннер и дублируйте его (Ctrl + C > Ctrl + F). Отмените заливку и укажите обводку белого цвета (#FFFFFF) толщиной в 2px. Теперь, не снимая выделение с объекта, выберите в меню Effects > Path > Offset Path / Эффект > Контур > Создать параллельный контур, и укажите отступ в -7px .

Инструментом  Pen / Перо (P) добавьте по точке с каждого края обводки, затем удалите их.

 

Шаг 14

Нарисуйте линии на кончиках ленточек при помощи инструмента  Pen / Перо (P) и укажите им обводку в 2px.

 

Шаг 15

Теперь добавим текст. Дублируйте нижнюю дугу (Ctrl + C > Ctrl + F). Теперь инструментом  Type / Текст (T) кликните по ней и введите ваш текст. В нашем случае это “SUMMER BOATING”. Укажите тексту параметры как показано ниже.

Добавьте два маленьких круга по краям надписи (#FFFFFF).

 

Шаг 16

Теперь добавим лучи, исходящие от центрального круга. Дважды кликните по фоновому кругу, чтобы войти в режим изолированной работы. Нарисуйте линию инструментом  Pen / Перо толщиной в 3px (#FDDFB1). Выровняйте линию по вертикальному центру относительно круга, затем дублируйте линию через каждые 30º при помощи инструмента  Rotation / Поворот ®, предварительно зафиксировав центр вращения в центре круга.

Повторите тот же процесс с более короткой линией цвета (#FEEFD8).

 

Шаг 17

Выделите линии и сгруппируйте их (Ctrl + G). Нажмите Escape, чтобы выйти из режима изолированной работы. Теперь поместите линии на задний план (Shift + Ctrl + [ ). Нарисуйте прямоугольник по размеру рабочей области — 800 x 600px (#FFD59E) и пошлите его на задний план.

 

Результат

 


Обсуждаем урок и выкладываем свои работы

Перевод — Дежурка                             Автор урока Hector Heredia
Рейтинг 0 из 5 на основе 0 голосов
Здесь ещё нет оставленных комментариев.

Оставьте свой комментарий

  1. Добавление комментария от гостя. Зарегистрируйтесь или войдите в свой аккаунт.
Оцените сообщение:
Вложения (0 / 3)
Share Your Location
Введите текст с картинки. Не разобрать?

Поиск

Пользователь