1. Design & Illustration
  2. Halloween

Створюємо загадкову картинку до Хеллоуїну в Адобе Ілюстратор

by
Read Time:11 minsLanguages:

Ukrainian (українська мова) translation by LoveK (you can also view the original English article)

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

Хеллоуїн - чарівне свято, яке завжди приносить нам багато веселощів своєї зловісною, загадковою атмосферою! У цьому уроці ми створимо химерну сцену з будинком з привидами на пагорбі в Адобе Ілюстратор. Ми використовуємо Олівець, Градієнт, Режими змішування і нашу безмежну уяву. Заточіть свої цифрові олівці, і ми почнемо!

1. Почнемо з ескізу і створимо палітру кольорів

Крок 1

Зазвичай я починаю створювати свої роботи з чорнового начерку. Коли ескіз буде готовий, створіть Новий документ зручного розміру в Адобе Ілюстратор і встановіть Режим кольору 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 px.

Створіть другу Групу Переходу, використавши жовтий і темно-оранжевий кольори, потім розберіть (Об'єкт> Розібрати вигляд) обидві групи.

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 px.

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
One subscription.
Unlimited Downloads.
Get unlimited downloads