В этом уроке мы будем рисовать эмблему с корабликом в 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) и пошлите его на задний план.
Результат
Обсуждаем урок и выкладываем свои работы
Оставьте свой комментарий
- Добавление комментария от гостя. Зарегистрируйтесь или войдите в свой аккаунт.