Морская эмблема в Adobe Illustrator
9 августа 2017 | Опубликовано в Уроки | Нет комментариев »
В этом уроке мы будем рисовать эмблему с корабликом в Adobe Illustrator. У нас получится милая и стильная иллюстрация на морскую тематику. Вы получите в распоряжение несколько интересных техник, которые могут пригодиться даже тем, кто уже освоился в программе и не считается новичком, поэтому даже если вы уже прошли этап основного обучения, советуем просмотреть урок на предмет новых решений.
Результат
Создаем новый документ
Шаг 1
Нажмите Ctrl + N чтобы создать новый документ. Укажите размер документа в 800 x 600 px и остальные настройки как показано на картинке ниже.
Нажмите Ctrl + K чтобы открыть дополнительные настройки и укажите 1 px в параметре Keyboard Increment/Прирост клавиатуры. Нажмите OK.
Для большего удобства работы откройте палитру Info/Информация (Window > Info/Окно>Информация). Так вы будете видеть превью вашей работы. Также укажите pixels/пиксели в качестве единиц измерения, выбрав их через меню Edit > Preferences > Units/Редактировать>Настройки>Единицы измерения.
Рисуем лодку
Начнем работу внутри круга.
Шаг 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
Перевод — Дежурка
Смотрите также:
549