в

Иллюстрация Цеппелина в Adobe Illustrator

Final product image

В сегодняшнем учебнике мы рассмотрим процесс создания иллюстрации летающего цеппелина в Adobe Illustrator, используя не что иное, как пару геометрических фигур и инструментов.

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

1. Как создать новый файл проекта

Как всегда, мы собираемся начать, установив новый файл проекта, выбрав File > New (или с помощью сочетания клавиш Control-N), а затем отрегулировав его следующим образом:

  • Количество монтажных панелей: 1
  • Ширина: 800 px
  • Высота: 600 px
  • Единицы измерения: пиксели

На вкладке «Advanced»:

  • Цветовой режим: RGB
  • Растровые эффекты: Экран (72ppi)
  • Режим предварительного просмотра: по умолчанию
setting up a new document

2. Как настроить слои

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

При этом поднимите панель Layers и создайте в общей сложности четыре слоя, которые мы переименуем следующим образом:

  • Слой 1: фон
  • Слой 2: цепелин
  • Слой 3: градиент
  • Слой 4: текстура
setting up the layers

3. Как создать фон

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

Быстрый совет: прежде чем мы начнем, я хотел бы указать, что весь проект был построен с улучшением пикселя, поэтому вы можете ознакомиться с моим учебным пособием «Как создать Pixel Perfect Artwork», который должен быстро вам поможет.
Advertisement

Шаг 1

Возьмите инструмент (Pen Tool (P)) «Перо» (P), а после установки цвета заливки на #7AC6F4 аккуратно нарисуйте основную форму нижнего фонового выреза с помощью эталонного изображения в качестве основного руководства.

creating the main shape for the lower background cutout

Шаг 2

Когда Pen Tool (P) все еще выбран, быстро нарисуйте меньший верхний вырез, позиционируя полученную форму, как показано на примере.

creating the upper background cutout

Шаг 3

Как только вы закончите рисовать фоновые сегменты, мы можем начать работу над облаками переднего плана, которые мы создадим с использованием некоторых кругов разных размеров. Расположите их по бокам нижней формы, окрашивая передние, используя #F0FBFF и задние, используя #D4F7FF.

creating the foreground clouds

Advertisement

Шаг 4

Поскольку мы хотим, чтобы фигуры оставались привязанными к поверхности фонового сегмента, мы собираемся группировать (Control-G), а затем маскировать их, используя копию (Control-C) базовой фигуры, которую мы будем вставлять спереди ( Control-F). Затем, как с выбранной копией, так и сгруппированными фигурами, просто щелкните правой кнопкой мыши> MakeClipping Mask.

Как только вы закончите, не забудьте выбрать и сгруппировать все составляющие фигуры текущего раздела с помощью сочетания клавиш Control-G.

masking the foreground clouds

Шаг 5

Переместитесь на меньший фоновый сегмент и начните работать над солнцем, создав его светящийся ореол, используя круг 112 x 112 px (#FFCF83), за которым следуют два меньших (#FFCF83), каждый 12 px меньше последнего. Наложите их поверх друг друга, следя за тем, чтобы их непрозрачность уменьшилась всего на 16%. Как только вы закончите, добавьте фактическое солнце, используя круг 40 x 40 px (#FFCF83), убедившись, что вы выбираете и группируете все четыре фигуры вместе с помощью сочетания клавиш Control-G.

creating the sun

Шаг 6

Как только вы закончите создавать солнце, замаскируйте его, используя тот же процесс, что и для передних облаков, так что он останется привязан к поверхности лежащей ниже формы.

masking the sun

Шаг 7

Начните работать с меньшими плавающими облаками, создав три разных эллипса формы (#FFFFFF) для каждого экземпляра. Сделайте их перекрытием(1), а затем отрегулируйте их, предварительно зафиксировав их боковые опорныеточки с помощью инструмента Anchor Point Tool(Shift-C) (2). Продолжайте регулировать свою форму, индивидуально выбирая их нижние опорные точки с помощью инструмента Direct Selection Tool (A),а затем удаляя их, нажав (Delete) «Удалить»,убедившись, что они закрывают результирующие пути с помощью сочетания клавишControl-J (3). Как только вы закончите, выберите и сгруппируйте каждую из составляющих фигуры облаков с помощью сочетания клавиш Control-G.

Быстрый совет: для достижения разных вариаций просто увеличивайте или уменьшайте ширину и/или высоту эллипсов, пока не получите желаемую форму.

example of creating a floating cloud

Шаг 8

Закончите фон, позиционируя полученные облака, как показано на эталонном изображении, после этого выбирая и группируя все составляющие фигуры текущего раздела с помощью сочетания клавиш Control-G.

positioning the smaller floating clouds onto the upper background cutout

1. Как создать Цеппелин

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

Шаг 1

Начните с создания основной формы для гондолы с использованием прямоугольника размером 48 x 12 px, который мы будем раскрашивать, используя #664240, а затем разместим на более крупном сегменте фона на расстоянии 288 px от его левого края и 208 px от его верхней части.

creating the main shape for the gondola

Шаг 2

Отрегулируйте форму, которую мы только что создали, открыв панель Transform, а затем установив радиус ее нижних углов на 8 пикселей изRectangle Properties.

adjusting the shape of the gondola

Шаг 3

Добавьте оконные панели, используя восемь квадратов 2 x 2 px (#F7C263), расположенных горизонтально на расстоянии 2 px друг от друга,которые мы будем группировать (Control-G), а затем положение, как показано на эталонном изображении. Как только вы закончите, убедитесь, что вы выбрали и сгруппировали (Control-G) как окна, так и большую основную форму вместе, прежде чем перейти к следующему шагу.

adding the windows to the gondola

Шаг 4

Начните работу над секцией шара, создав эллипс размером 400 x 112 px, который мы будем раскрашивать, используя #F99178, а затем расположим его поверх гондолы, чтобы он перекрывал его.

creating the main shape for the balloon section of the zeppelin

Шаг 5

Отрегулируйте форму, которую мы только что создали, выбрав и нажимая ее центральные опорные точки на левую сторону на 32 пикселя с помощью инструмента «Перемещение» (щелкните правой кнопкой мыши> Transform > Move > Horizontal > -32 px),убедившись, что вы сократите правый якорь обрабатывает 15 px, чтобы выровнять его задний конец.

adjusting the shape of the balloon section

Шаг 6

Добавьте нижнюю темную секцию шара, создав копию (Control-C> Control-F) полученной фигуры, которую мы отрегулируем, выбирая и удаляя верхнюю опорную точку. Не забудьте закрыть результирующий путь с помощью сочетания клавиш Control-J, окрашивая новую фигуру с помощью #C15142.

adding the darker outer segment to the balloon section

Шаг 7

Добавьте внутреннюю, более легкую секцию, используя вторую копию (Control-C) большого шара, которую мы вставим спереди (Control-F).Измените его цвет на #EA7B65, а затем индивидуально выберите и надавите его верхние и нижние анкеры на внутреннюю сторону на 16 пикселей (щелкните правой кнопкой мыши> Transform > Move > Vertical >+/- 16 px в зависимости от того, с какого якоря вы начинаете).

adding the lighter inner segment to the balloon section

Шаг 8

Создайте более темную нижнюю половину с помощью копии (Control-C> Control-F) полученной фигуры, которую мы отрегулируем, с начала изменив ее цвет на #D86552, а затем удалив верхнюю опорную точку, немедленно закрыв путь, используя Control- J. После того, как вы закончите, убедитесь, что вы выбрали и сгруппировали (Control-G) все составляющие фигуры воздушного шара, прежде чем перейти к следующему шагу.

adding the inner darker segment to the balloon section

Шаг 9

Добавьте цветной наконечник, используя прямоугольник размером 8 x 112 px , который мы будем раскрашивать, используя #664240, а затем центрируем его по левому краю воздушного шара, следя за тем, чтобы замаскировать его (щелкните правой кнопкой мыши> Make Clipping Mask) с помощью копии (Control-C > Control-F) большей основной формы.

adding the colored nose section to the balloon

Шаг 10

Создайте носовой конус, используя прямоугольник размером 12 x 4 px (#664240), который мы отрегулируем, индивидуально выбрав и нажимая его левые опорные точки на внутреннюю сторону на 1 пиксель с помощью клавиш со стрелками направления, позиционируя полученную фигуру так, чтобы она перекрывала увеличенный воздушный шар на 2 пикселя.

adding the nose cone to the balloon section

Шаг 11

Добавьте основную форму для верхнего руля, используя прямоугольник 40 x 32 px (#D86552), который мы отрегулируем, установив Радиус его верхнего левого угла на 32 px, его верхний правый – 4 px, от одного до 20px из свойств прямоугольника панели Transform.

creating and positioning the upper rudder

Шаг 12

Быстро украсьте руль, добавив более темный вертикальный участок, используя прямоугольник размером 8 x 32 px (#664240), который мы будем маскировать, используя копию базовой фигуры, а затем круг 8 x 8 px (#664240), который мы будем располагать как показано на изображении. После того, как вы закончите, убедитесь, что вы выбрали и сгруппировали (Control-G) все три фигуры вместе, прежде чем перейти к следующему шагу.

adding details to the upper rudder

Шаг 13

Добавьте нижний руль с помощью копии (Control-C> Control-F) той, над которой мы только что закончили работу, которую мы будем горизонтально отражать (щелкните правой кнопкой мыши> ransform > Reflect > Horizontal), а затем расположите ее на нижней стороне воздушного шара. Обязательно отправьте их под всеми другими формами, как только вы закончите (щелкните правой кнопкой мыши> Arrange > Send to Back).

adding the bottom rudder

Шаг 14

Создайте боковой лифт с помощью эллипса 40 x 8 px (#664240), который мы отрегулируем, выбирая и выдвигая его внутренние опорные точки влево на 4 px, позиционируя полученную форму 16 px с заднего конца воздушного шара.

creating and positioning the side elevator

Шаг 15

Добавьте небольшие сегменты поддержки, используя четыре набора из трех эллипсов 4 x 2 px (#664240), следуя линии внутренних секций воздушного шара, как показано на эталонном изображении. Не спешите, и как только вы закончите, убедитесь, что вы выбрали и сгруппировали их вместе с помощью сочетания клавиш Control-G.

adding the support segments to the balloon section

Шаг 16

Завершите работу zeppelin, добавив боковой движок, используя эллипс 12 x 8 px (#664240), который мы отрегулируем, выбрав и нажимая его внутренние опорные точки влево на 2 px. Поместите результирующую фигуру, как показано на эталонном изображении, следя за тем, чтобы впоследствии выбрать и сгруппировать все составляющие секции дирижабля, с помощью сочетания клавиш Control-G.

creating and positioning the side engine

Шаг 17

Как только мы закончим работу над цеппелином, мы можем добавить небольшие тропы, используя три круглых прямоугольника толщиной 1 px(#FFFFFF), которые мы будем размещать вокруг корабля на расстоянии 8 px.

adding the trail lines

Шаг 18

Закончите рисунок, добавив несколько плавающих облаков (#FFFFFF), следуя тому же методу, который используется для создания фоновых.Как только вы закончите, не забудьте выбрать и сгруппировать все фигуры в месте с помощью сочетания клавиш Control-G.

adding the larger floating clouds

5. Как создать наложение градиента

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

Шаг 1

Мы хотим начать с вставки копий, которые мы только что добавили в буфер обмена, на текущий уровень с помощью сочетания клавиш Control-F.

pasting the main shapes for the gradient compound shape

Шаг 2

Далее, нам нужно сделать наши фигуры быть как один большой, превратив их в составную форму. Сначала выберите их, а затем откройте панельPathfinder и перейдите в свое расширенное меню и нажмите Make Compound Shape.

creating the compound shape for the gradient overlay

Шаг 3

После того, как мы создали нашу составную форму, мы можем открыть панель Gradient и применить гладкий линейный градиент, используя #662D91 для левой остановки цвета и #FBB03B для правой.

adding the gradient to the compound shape

Шаг 4

Все, что нам нужно сделать теперь, чтобы сделать поп цвета,открыть панель «Прозрачность» и установить Blending Mode на«Цветной ожог», чтобы снизить его непрозрачность до 30%.

adjusting the blending mode

6. Как добавить текстуру

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

Шаг 1

Сначала мы начнем с первого копирования (Control-C), а затем вставим (Control-V) пользовательскую текстуру на наш текущий слой, сделав так, чтобы он изменил ее размер так, чтобы он покрывал весь Artboard.

pasting the custom texture onto the current document

Шаг 2

Когда у нас текстура на месте, все, что нам нужно сделать,это маска (щелкните правой кнопкой мыши> Make Clipping Mask), используя сложную форму, созданную из фона и основные фигуры цеппелина (три, которые мы использовали несколько шагов назад) , чтобы снизить его Opacity до 60%,прежде чем нажать «Save».

adjusting the opacity of the texture

Замечательная работа!

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

finished project preview

Автор: Andrei Stefan

Проголосуйте:

Аватар
Подписаться
Уведомить о
0 комментариев
Межтекстовые Отзывы
Посмотреть все комментарии
zolotoy fon

Абстрактный золотой фон в Adobe Illustrator

risuem gamburger s pomoshhju 3d v adobe illustrator

Рисуем гамбургер с помощью 3D в Adobe Illustrator