Advertisement
  1. Design & Illustration
  2. Halloween

Создаём загадочную картинку к Хэллоуину в Adobe Illustrator

Scroll to top
Read Time: 9 min

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

Final product imageFinal product imageFinal product image
What You'll Be Creating

Хэллоуин - завораживающий праздник, который всегда приносит нам много веселья своей зловещей, загадочной атмосферой! В этом руководстве мы создадим причудливую сцену с домом с привидениями на холме в Adobe Illustrator. Мы используем Карандаш, Градиент, Режимы наложения и наше безграничное воображение. Заточите свои цифровые карандаши, и мы начнём!

1. Начнём с эскиза и создадим цветовую палитру

Шаг 1

Обычно я начинаю создавать свои работы с чернового наброска. Когда эскиз будет готов, создайте Новый документ удобного размера в Adobe Illustrator и установите Цветовой режим RGB.

create a New Documentcreate a New Documentcreate a New Document

Разместите (Файл > Разместить) свой эскиз в документе и дважды щёлкните на слое на панели Слоёв для вызова меню Параметров слоя. Поставьте галочку возле Шаблона, таким образом закрепив слой и затуманив изображение.

Place your sketch in the documentPlace your sketch in the documentPlace your sketch in the document

Шаг 2

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

Выделите оба квадрата и перейдите в Объект > Переход > Создать или примените Инструмент "Переход" (W) для создания группы квадратов. Можете изменить Параметры перехода, перейдя в Объект > Переход > Параметры перехода и установив Интервал на Определённую дистанцию в 60 пикселей.

Создайте вторую Группу перехода, использовав жёлтый и тёмно-оранжевый цвета, затем разберите (Объект > Разобрать) обе группы.

form a color paletteform a color paletteform a color palette

Шаг 3

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

create a group of swatchescreate a group of swatchescreate a group of swatches

Шаг 4

Давайте сделаем процесс рисования более текучим и удобным. Расположите Слой эскиза поверх панели Слоёв и установите Режим наложения эскиза на Умножение (вам понадобится на время Освободить слой, кликнув на значке замка). Используйте нижний слой для рисования, чтобы ваш эскиз оставался видимым поверх всех других объектов.

set the Blending Mode of the sketch image to Multiplyset the Blending Mode of the sketch image to Multiplyset the Blending Mode of the sketch image to Multiply

2. Обводим базовые фигуры эскиза Карандашом

Шаг 1

Давайте настроим наш цифровой карандаш! Дважды нажмите на иконке Инструмента "Карандаш" (N) на панели Инструментов и установите значения Точности и Гладкости на 2 в появившемся окне Настроек инструмента "Карандаш". Отметьте галочкой пункты "Выполнять заливку новых штрихов карандашом" и "Редактировать выделенные контуры". Оставьте все настройки по умолчанию.

Выберите второй самый тёмный цвет нашей палитры и от руки начертите силуэт дома, следую линиям эскиза.

edit pencil tool options and draw a house silhouetteedit pencil tool options and draw a house silhouetteedit pencil tool options and draw a house silhouette

Шаг 2

Создайте прямоугольник для фона Инструментом "Прямоугольник" (М) и Отправьте на задний план (Shift-Control-[). Заполните фон радиальным градиентом, применив жёлтые и сиреневые тона нашей палитры. Передвиньте центральную точку градиента вверх и влево, применив Инструмент "Градиент" (G) для создания подходящего окружающего света для нашей будущей композиции.

Create a rectangle for the backgroundCreate a rectangle for the backgroundCreate a rectangle for the background

Шаг 3

Обведите причудливый холм и заполните его линейным градиентом от тёмно-синего до светло-лилового, создав заметный контраст с фоном.

draw a hilldraw a hilldraw a hill

Шаг 4

Обведите другой холм, находящийся позади. Сделайте его слегка светлее, создав ощущение, что он далеко, и таким образом подчеркнув перспективу.

draw another hilldraw another hilldraw another hill

Шаг 5

Добавьте несколько силуэтов деревьев: страшное искривлённое дерево с голыми ветвями на переднем плане и группу елей - справа от нашего дома. Сцена начинает смотреться интереснее и мрачнее.

Add a few tree silhouettesAdd a few tree silhouettesAdd a few tree silhouettes

Шаг 6

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

make a whimsy moonmake a whimsy moonmake a whimsy moon

Шаг 7

Добавьте несколько силуэтов облаков, частично закрыв луну, чтобы картинка получилась более замысловатой. Используйте второй по яркости цвет из нашей сине-лиловой палитры.

add a few cloud silhouettes add a few cloud silhouettes add a few cloud silhouettes

Продолжайте добавлять облака, делая картину более детальной. Поместите несколько облаков на верхушку и спрячьте остальные за луной, Отправив их на задний план (Shift-Control-[).

add more clouds and rearrange themadd more clouds and rearrange themadd more clouds and rearrange them

Шаг 8

Теперь перейдём к занимательной части! Возьмите Инструмент "Карандаш" (N), установите цвет Заливки на Не применять и цвет Обводки - на самый яркий жёлтый. Проведите круговыми движениями рукой вокруг луны, создав грубый, эскизный эффект.

Scribble around the moon with pencil toolScribble around the moon with pencil toolScribble around the moon with pencil tool

3. Наполняем базовые элементы картины деталями

Шаг 1

Давайте сделаем луну более реалистичной и объёмной. Нарисуйте карандашом фигуру внутри полумесяца, повторяющую его нижнюю часть, но слегка меньше. Заполните этот созданный элемент линейным градиентом от ярко-жёлтого (такого же, как цвет полумесяца) до тёмно-жёлтого, чтобы они хорошо сочетались с главной фигурой.

Pencil a shape inside of the crescent and fill with gradientPencil a shape inside of the crescent and fill with gradientPencil a shape inside of the crescent and fill with gradient

Шаг 2

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

Add another shape for the upper part of the crescent in Screen modeAdd another shape for the upper part of the crescent in Screen modeAdd another shape for the upper part of the crescent in Screen mode

Шаг 3

Добавьте маленькую эллиптическую форму-углубление. Переключитесь в Режим наложения "Умножение" и заполните фигуру линейным градиентом от жёлтого до белого, создав тень и ощущение глубины.

form a dimpleform a dimpleform a dimple

Шаг 4

Скопируйте созданное углубление и расположите копию на другой стороне полумесяца, добавив больше дыр. Сделайте углубление фактурным, поместив яркую, тонкую полоску в Режиме наложения "Осветление" вдоль края дыры.

add another holeadd another holeadd another hole

Шаг 5

Скопируйте форму, которую мы создали ранее в нижней части полумесяца, и заполните её более тёмным оттенком жёлтого. Перейдите в Эффект > Стилизация > Растушёвка и примените эффект мягкого размытия со значением Радиуса 30 пикселей.

apply Feather effectapply Feather effectapply Feather effect

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

check the finished mooncheck the finished mooncheck the finished moon

Шаг 6

Сначала добавим несколько деталей каждому облаку. Этот процесс может показаться немного утомительным, но если вы увлечены рисованием от руки, то насладитесь, наблюдая за тем, как ваша картинка наполняется содержанием. Нарисуйте вихри и завитки на каждой выпуклости облака - светлее для светлых участков и темнее - для затенённых.

add details to a cloudadd details to a cloudadd details to a cloud

Шаг 7

Заполните более тёмную фигуру линейным градиентом. Один конец фигуры будет такого же цвета, как облако, а другой конец - слегка темнее. Что касается светлых фигур, примените Режим наложения "Осветление" и линейный градиент с ярко-оранжевым цветом на одном конце и чёрным - на другом.

Вращайте градиенты при помощи Инструмента "Градиент" (G), чтобы они могли незаметно слиться с основной фигурой облака.

make the cloud parts glossy with Multiply and Screen modesmake the cloud parts glossy with Multiply and Screen modesmake the cloud parts glossy with Multiply and Screen modes

Шаг 8

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

Add smaller reflections to intensify the moonlightAdd smaller reflections to intensify the moonlightAdd smaller reflections to intensify the moonlight

Шаг 9

Поработайте с другими облаками, обращая внимание на их цвета: сделайте нижние облака темнее верхних, как будто они спрятаны в низине и не отражают много света от луны.

compare the clouds colorscompare the clouds colorscompare the clouds colors

Продолжайте добавлять свечение верхней части нашей композиции.

add luminance to the upper part add luminance to the upper part add luminance to the upper part

Плавным движением руки нарисуйте крошечные завитки и лапообразные фигуры Карандашом (N).

Draw swirls with the Pencil Tool Draw swirls with the Pencil Tool Draw swirls with the Pencil Tool

Шаг 10

Цвета должны соответствовать окружающему освещению. В действительности, нижние облака должны иметь холодный синеватый оттенок, а облака, которые ближе к луне, - жёлто-оранжевые тона.

Create the environment lightingCreate the environment lightingCreate the environment lighting

Шаг 11

Давайте взглянем на всю композицию, чтобы убедиться, что мы ничего не упустили.

take a look at the overall compositiontake a look at the overall compositiontake a look at the overall composition

Используйте Инструмент "Создание фигур" (Shift-M), чтобы обработать те части облаков, которые закрывает холм, или просто нажмите Control-[ для перегруппирования объектов, сдвинув облако в нижнюю часть холма.

Use the Shape Builder Tool Shift-M to fix some parts Use the Shape Builder Tool Shift-M to fix some parts Use the Shape Builder Tool Shift-M to fix some parts

Шаг 12

Отредактируйте цвет деревьев таким же образом, чтобы их нижний край слился с землёй.

Edit the color of the treesEdit the color of the treesEdit the color of the trees

Шаг 13

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

Add a path leading to the haunted houseAdd a path leading to the haunted houseAdd a path leading to the haunted house

Шаг 14

Используйте Инструмент "Прямоугольник" (М) для создания тонких полосок и объединения их в группу планок, создав поддерживающую основу для дома.

form a supporting structure for the houseform a supporting structure for the houseform a supporting structure for the house

Шаг 15

Давайте создадим загадочную иллюзию яркого света, исходящего из окон дома. В нашем эскизе уже есть несколько окон, поэтому нам нужно просто их обвести. Для создания половины эллипса я использовала Инструмент "Перо" (Р), но, если хотите, можете использовать Карандаш (N) или просто стереть часть эллипса для создания такого же оконного проёма, как на картинке ниже.

use the Pen Tool P to create a windowuse the Pen Tool P to create a windowuse the Pen Tool P to create a window

Шаг 16

Заполните созданную фигуру тёмно-синим градиентом и добавьте уменьшенную копию фигуры сверху, заполнив её линейным градиентом от бледно-оранжевого до тёмно-оранжевого.

Fill the created shape with linear gradient Fill the created shape with linear gradient Fill the created shape with linear gradient

Шаг 17

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

put the shape flat on the groundput the shape flat on the groundput the shape flat on the ground

Шаг 18

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

create a sense of light pouring on the ground create a sense of light pouring on the ground create a sense of light pouring on the ground

Используйте Инструмент "Зеркальное отражение" (О), чтобы отразить созданный элемент по Вертикальной оси. Сделайте несколько копий отражённого окна и расположите их на противоположной стене, уменьшив размер.

Use the Reflect Tool O to mirror the created elementUse the Reflect Tool O to mirror the created elementUse the Reflect Tool O to mirror the created element

Шаг 19

Создайте несколько копий окон и разместите их в соответствующих местах.

Create multiple copies of the windowsCreate multiple copies of the windowsCreate multiple copies of the windows

Шаг 20

Далее сформируйте стену с левой стороны, добавив форму скруглённого прямоугольника. Заполните фигуру мягким сиренево-белым линейным градиентом и настройте его на Режим наложения "Умножение", создав таким образом тень и сделав дом объёмным.

make the house dimensionalmake the house dimensionalmake the house dimensional

Нарисуйте крышу дома таким же образом, как и стену.

Render the roof of the house Render the roof of the house Render the roof of the house

Добавьте острую, зигзагообразную фигуру над крышей. Выделите оба объекта и используйте функцию "Вычитание переднего" на панели Обработки контуров, чтобы получилось несколько трещин.

use the Minus Front function in Pathfinder to form cracksuse the Minus Front function in Pathfinder to form cracksuse the Minus Front function in Pathfinder to form cracks

Таким же образом обработайте другие части дома, создав тени для реалистичного вида.

render shadows render shadows render shadows

4. Добавьте частичку магии

Шаг 1

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

Во-первых, создайте больше света в окнах, добавив конусообразную форму и заполнив её ярким градиентом в Режиме наложения "Осветление".

dd a conelike shape and fill it with a gradient in Screen modedd a conelike shape and fill it with a gradient in Screen modedd a conelike shape and fill it with a gradient in Screen mode

Шаг 2

Теперь создадим маленький, но очень важный элемент, придающий мягкий магический эффект - искорку! Искорки всегда придают ощущение чего-то загадочного и сверхъестественного.

Сделать искорку очень просто: создайте два ровных круга и заполните их радиальным градиентом, как показано на картинке ниже. Используйте жёлто-чёрный градиент с маленьким центром для одного круга и жёлто-чёрный градиент с увеличенным центром - для другого.

Поместите один круг поверх другого и настройте их на Режим наложения "Умножение". Чёрный цвет станет прозрачным, создав тёплое сияние. Действительно, магия!

make a sparkle in Screen modemake a sparkle in Screen modemake a sparkle in Screen mode

Шаг 3

Разместите искорки напротив дверного проёма, как будто они вылетают из дома.

put the sparkles in front of a doorput the sparkles in front of a doorput the sparkles in front of a door

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

Decorate several more windows with sparksDecorate several more windows with sparksDecorate several more windows with sparks

Шаг 4

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

Нарисуйте причудливую закруглённую фигуру при помощи Инструмента "Карандаш" (N), чтобы изобразить левую часть силуэта мыши. Отразите фигуру по Горизонтальной оси и объедините половины, сформировав единый силуэт. Добавьте более тёмную фигуру наверху, сформировав крыло, обёрнутое вокруг мыши. Добавьте два красных глаза, сделав их заострёнными для зловещего вида.

create a simple bat charactercreate a simple bat charactercreate a simple bat character

Шаг 5

Давайте разместим нашу мышку на дереве. Если нужно, сделайте её темнее, чтобы подчеркнуть контраст между персонажем и фоном.

put the bat on a treeput the bat on a treeput the bat on a tree

Используйте одну из искорок, которые мы создали несколько шагов назад, и расположите её поверх глаза мыши, чтобы получилось ярко-красное сияние.

create glowing eyes with a sparkcreate glowing eyes with a sparkcreate glowing eyes with a spark

Шаг 6

Нарисуйте фигуру от руки, которая будет корой дерева. Используйте тот же градиент для заливки, который мы использовали для стен дома, настроив Режим наложения на Умножение.

draw tree barkdraw tree barkdraw tree bark

Шаг 7

Осталось последнее действие! Давайте добавим яркость нашей картинке, сделав её более колоритной и насыщенной. Создайте большой прямоугольник поверх всей монтажной области и заполните его радиальным градиентом, состоящим из оранжевого, розового и тёмно-лилового цветов, как показано на снимке экрана.

Настройте Режим наложения на Перекрытие и снизьте Непрозрачность до 30%. Этот простой способ сделает из нашей картинки яркую "конфетку"! Теперь цвета выглядят гораздо лучше.

add an Overlay object to brighten the colorsadd an Overlay object to brighten the colorsadd an Overlay object to brighten the colors

Шаг 8

Создайте ещё один прямоугольник такого же размера, как наша монтажная область, и поместите его поверх всех остальных элементов, нажав Shift-Control-]. Выделите всё (Control-A) и нажмите правой кнопкой мыши для вызова всплывающего меню. Создайте обтравочную маску, чтобы спрятать части, выходящие за пределы монтажной области.

make a clipping mask to hide the unneeded piecesmake a clipping mask to hide the unneeded piecesmake a clipping mask to hide the unneeded pieces

Ура! Наш жуткий домик на холме готов!

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

final imagefinal imagefinal image
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.