Як створити сцену з зимним городом в Adobe Illustrator
Ukrainian (українська мова) translation by Nikita Dryabzhinskiy (you can also view the original English article)



Зима настає! Настав час насолоджуватися чудовою святковою атмосферою Різдва, гуляти по засніжених вулицях і слухати різдвяні пісні, дивлячись на вогні, гірлянди і декорації красивих європейських міст.
У цьому керівництві ми дозволимо різдвяній магії заповнити нашу уяву і створити ілюстрацію святкової вулиці.
Як завжди, ви можете пропустити керівництво і купити цю картинку з моєї колекції Зимових різдвяних фонів з подорожей. На GraphicRiver ви можете знайти ще більше різдвяного настрою.Christmas



1. Як створити новий документ
Спочатку нам потрібно створити Новий документ (Файл> Новий або Control-N) з цими параметрами:
- Кількість монтажних областей: 1
- Ширина: 1200
- Висота 1200
- Одиниці виміру: пікселі
З вкладки Розширених налаштувань:
- Режим кольору: RGB
- Растрові ефекти: освітлення
- Режим попереднього перегляду: за замовчуванням
- Приберіть галочку з "Вирівнювати нові об'єкти по піксельної сітці"



2. Як створити зимовий будинок
Крок 1
Перед початком будівництва нашого першого будинку переконайтеся, що у вас включені Швидкі напрямні (Вид> Швидкі напрямні). Ця опція дозволить нам рухати і розміщувати об'єкти простіше.
Потім створіть світло-синій прямокутник 224 х 395 пікселів # 579dfe
за допомогою Інструменту "Прямокутник" (М) для основної фігури нашого будинку.
Створіть ще одну фігуру 224 х 50 пікселів (# 754a3d
) і помістіть її в нижню частину великої фігури, вирівнявши по її центру.



Крок 2
Створіть маленький коричневий прямокутник (# 8a5e48
), який буде цеглою. Розмістіть цеглини в нижній коричневої частини будівлі, копіюючи і перетягуючи їх для імітації текстури.



Крок 3
Давайте почнемо створювати вікно з прямокутника 33 х 75 пікселів з заливкою # bad4f7
.
Виділіть її та перейдіть в Об'єкт> Контур> Паралельний контур. Встановіть значення паралельно на -3 пікселя, додавши всередину маленьку фігуру. Встановіть колір фігури # 4a5c5e
.



Крок 4
Виділіть світлу зовнішню фігуру і знову застосуєте метод Паралельного контуру, встановивши значення паралельно на 5 пікселів для створення контуру. Офарбуйте його в колір # 447cc9
. (1)
Додайте вузьку смугу шириною 3 пікселі, що розділяє наше вікно на дві половини. Створіть ще одну горизонтальну лінію такої ж ширини, помістивши її на верхню половину вікна. (2)
Утримуючи горизонтальну лінію виділеної, візьміть Інструмент "Дзеркальне відображення" (О). Утримуючи Alt, клікніть на центрі вертикальної смужки. У вікні налаштувань Відображення встановіть Ось на Горизонтальну і натисніть "Копіювати", відбивши фігуру на нижню половину вікна. (3).
Згрупуйте (Control-G) всі частини разом.



Крок 5
До того ж до великого, нам знадобиться маленьке вікно.
Створіть прямокутник 33 х 52 пікселів # bad4f7
.
За допомогою функції Паралельного контуру і таких же кольорів, що і в попередньому кроці, додайте темну внутрішню фігуру, синій контур і пересічені вертикальну і горизонтальну смуги для вікна.



Крок 6
Давайте розташуємо вікна на фігурі будинку.
Візьміть велике вікно і перетягніть його на середину великого блакитного прямокутника. Утримуючи фігуру виділеної і одночасно утримуючи клавіші Shift і Alt, перетягніть вікно вправо, створивши копію на правій стороні.
Щоб отримати ще одну копію на тій же лівій стороні, просто виділіть перше вікно і натисніть Enter. З'явиться вікно настройки Переміщення. Додайте символ "-" перед значенням Горизонтального, не змінюючи саме значення, і натисніть "Копіювати".



Крок 7
Створіть ще три вікна на верхній частині будівлі.
Потім додайте два маленьких вікна в нижній частині, залишивши порожній простір в середині для входу.



Крок 8
Пора створити вхідні двері.
Створіть прямокутник 60 х 119 пікселів (# 8a5e48
) і перейдіть в Об'єкт> Контур> Паралельний контур, встановивши значення паралельно на 10 пікселів. Змініть колір контуру на # 447cc9
.
Додайте горизонтальний прямокутник (# 4a5c5e
) на верхній частині внутрішньої фігури для дверного вікна.



Крок 9
Давайте додамо трохи деталей двері, створивши горизонтальну смугу (# 6e4539
) прямо під нижнім контуром дверного вікна. Потім помістіть більш тонку вертикальну лінію такого ж кольору в середині коричневої частині дверей, розділяючи двері на дві частини.
Створіть ще один прямокутник для снігового порога (# b3def5
), вирівнявши його по нижній частині дверей. Виділіть дві верхні опорні точки Інструментом "Пряме виділення" (А) і зніміть круглі покажчики до центру, зробивши кути округленими.



Крок 10
Згрупуйте (Control-G) всі частини двері разом і помістіть двері на будинок, вирівнявши її по нижньому краю.
Візьміть Інструмент "Пряме виділення" (А) і, утримуючи Shift, перетягніть нижній край синього контуру двері вгору, помістивши його на один рівень з коричневою цегляною частиною.



Крок 11
Додайте кілька тонких смужок, що йдуть поперек верхнього і нижнього країв вікон, роблячи фасад більш детальним.



Крок 12
Пора створити дах будинку.
Створіть прямокутник 234 х 140 пікселів # b3def5
зі злегка округленими кутами на верху будівлі, перекривши верхній край будинку.
Скопіюйте фігуру даху і натисніть Control-B, щоб отримати Дублікат за головним об'єктом. Посуньте його на кілька пікселів вниз за допомогою клавіші зі стрілкою і змініть колір на темно-синій (# 4075bd
), створивши ефект тіні.
Скопіюйте основну синю фігуру стіни. Потім виділіть копію стіни і копію даху за допомогою функції Перетини на панелі Обробки контурів, щоб вирізати фігуру. Тепер тінь виглядає природною.



Крок 13
У багатьох старих європейських будинках є мансардні вікна, і мені дуже подобається ця архітектурна деталь. Давайте додамо два мансардних вікна.
Створіть вузький білий прямокутник і поверніть його, утримуючи Shift. Візьміть Інструмент "Дзеркальне відображення" (О) і клікніть, утримуючи Alt, на верхній опорній точці нашої фігури. На панелі Повороту встановіть Кут на 90 градусів і натисніть "Копіювати". Зробіть обидві фігури повністю округленими і посуньте їх ближче один до одного. Об'єднайте округлений прямокутник в одну фігуру за допомогою функції Об'єднання на панелі Обробки контурів. Ця фігура буде сніжною шапкою на верхівці вікна.
Створіть маленький синій прямокутник внизу.



Крок 14
Виділіть обидві фігури Інструментом "Виділення" (V), утримуючи Alt, і натисніть на синій фігурі. Виділення стане жирним, означаючи, що ви вирівнюєте Ключовий об'єкт. Перейдіть на панель Вирівнювання та натисніть на кнопку "горизонтальне вирівнювання по центру".
Інструментом "Перо" (Р) намалюйте трикутну фігуру (# 4075bd
), яку потрібно розмістити на верхньому краю синьої фігури, щоб вона перекривала загострену білу фігуру.
Виділіть білу загострену фігуру і перейдіть в Об'єкт> Монтаж> На передній план, помістивши її перед іншими частинами.



Крок 15
Створіть маленьке вікно всередині синього прямокутника таким же способом, як ми робили раніше, використовуючи функцію паралельного і Інструмент "Прямокутник" (М).
Згрупуйте (Control-G) всі частини мансардного вікна разом і створіть дзеркальну копію на лівій стороні даху, взявши Інструмент "Дзеркальне відображення" (О) і клікнувши на центрі даху, утримуючи Alt.
Додайте білі округлені прямокутники під кожним фасадним вікном для снігових підвіконь. Перший будинок готовий!



3. Як створити більше зимових будинків
Крок 1
Давайте перейдемо до наступного сірому будинку з округляє дахом.
Створіть прямокутник 225 х 395 пікселів # 4a5c5e
. Створіть ще одну фігуру 145 х 90 пікселів такого ж кольору, помістивши її на верхній край великий фігури і вирівнявши по її центру. Виділіть два верхніх кута, зробіть їх повністю округленими і об'єднайте дві фігури в одну за допомогою функції Об'єднання на панелі Обробки контурів.



Крок 2
Методом Паралельного контуру додайте декоративну обведення навколо будівлі. Встановіть колір # 9ec5c9
. Перетягніть нижній край обведення на верхній плоский край фігури будинку. Вирівняйте виступаючі краї обведення по відношенню до основи будинку, перетягнувши їх Інструментом "Пряме виділення" (А).



Крок 3
Створіть округленими двері зі сходами в нижній частині. Використовуйте функцію динамічних кутів для заокруглення верху двері, метод паралельних - для створення контуру навколо неї і прості прямокутники - для сходинок. Використовуйте # 8a5e48
як колір основної двері, # 6e4539
- для темно-коричневого і # 7c9b9e
- для світло-сірого.
Помістіть три декоративні смужки (# 7c9b9e
) на фасад будинку за групою двері. Додайте горизонтальний карниз (# 9ec5c9
) над входом і розташуйте ще дві копії на фасаді будівлі, залишивши порожні простору для майбутніх вікон.
Помістіть м'яку тінь під нижній карниз, зробивши фасад більш тривимірним. Заповніть фігуру тіні кольором # 4a5c5e
і перейдіть в Режим накладення "Множення" на панелі Прозорості, знизивши Непрозорість до 40%.



Крок 4
Сформуйте маленьке вікно таким же чином, як ми робили це для попереднього будинку за допомогою Інструменту "Прямокутник" (М) і функції Паралельного контуру. Використовуйте колір # b3def5
для вікна і # 7c9b9e
- для віконної рами.
Створіть маленькі декоративні прямокутники навколо вікна, заповнивши їх # 9ec5c9
. Додайте тонку горизонтальну фігуру такого ж кольору для карниза в нижній частині.
Щоб надати карнизу більш класичний стиль, створіть коло на ньому, вирівнявши по центру. Виділіть карниз і верхнє коло і виріжте верхню частину кола, клікнувши на ньому Інструментом "Створення фігур" (Shift-M) і утримуючи Alt. Об'єднайте обидві фігури в одну за допомогою функції Об'єднання на панелі Обробки контурів.
Додайте білий округлений прямокутник, який перекриває карниз, який буде сніжною шапкою. Згрупуйте (Control-G) всі частини разом.



Крок 5
Розповсюдьте групи вікон по будівлі. Створіть два маленьких прямокутних вікна і одне кругле вікно у верхній частині фасаду.
Сформуйте дві сірі колони (# 7c9b9e
) під декоративною обведенням і потім додайте снігові шапки на горизонтальних карнизах за допомогою білих округлений прямокутників.
Інструментом "Перо" (Р) створіть загострену фігуру для половини сніжної даху (# b3def5
) на лівій стороні будівлі. Скруглите кут даху і, утримуючи фігуру виділеної, створіть дзеркальне відображення на правій стороні, клікнувши на верхній опорній точці будівлі Інструментом "Дзеркальне відображення" (О), утримуючи Alt. Не забудьте встановити Ось на Вертикальну і натиснути "Копіювати" в кінці, як ми робили раніше.
Сірий будинок готове. Згрупуйте (Control-G) всі частини разом.



Крок 6
Пора створити останню будівлю зі ступінчастим дахом.
Створіть прямокутник 235 х 430 пікселів # ffc45c
. Почніть формувати дах, помістивши горизонтальний прямокутник на верхній край, зробивши його коротше по краях. Додайте ще два прямокутника, один поверх іншого, зробивши один коротше іншого.
Помістіть прямокутник 235 х 140 пікселів (# 822b1a
) в низ будівлі для першого поверху. Додайте вузький карниз (# e66340
) на верхньому краї.



Крок 7
Скопіюйте вікно першого синього будинку і зробіть його зовнішню частину ширше, а саме вікно коротше нагорі і внизу. Змініть кольору, використовуючи # e66340
для червоної зовнішньої частини, # 7c9b9e
- для скла і # 4a5c5e
- для віконної рами.
Додайте білий еліпс на верхню частину вікна, створіть лінію, яка йде поперек фігури еліпса через центр, і використовуйте функцію Поділу на панелі Обробки контурів, виділивши лінію і еліпс. Видаліть нижню половину фігури, сформувавши снігову шапку.
Додайте білий округлений прямокутник в нижній частині вікна для снігового карнизу. Згрупуйте (Control-G) всі частини разом.
Створіть більше копій вікон і розподіліть їх по фасаду в будь-якому симетричному порядку, який вам здасться цікавим.



Крок 8
Зобразіть велике вікно для першого поверху.
Більшість дій будуть такими ж, як і для попередніх об'єктів. Створіть прямокутник 64 х 64 пікселів для віконного скла (# 7c9b9e
). За допомогою методу паралельно додайте два контури, використовуючи # 754a3d
для світло-коричневого і # 5b1b14
- для темно-коричневого. Додайте вертикальну вузьку смугу, завершивши віконну раму.
Натисніть на віконному склі і створіть прості фіранки більш темного кольору за допомогою Інструменту "Перо" (Р), відрізавши випирають частини Інструментом "Створення фігур" (Shift-M).
Почніть створювати тент з червоного прямокутника (# e84b4a
), зробивши верхні кути округленими. Додайте кілька вертикальних смуг (# e8dddd
) на тенті, відрізавши непотрібні частини, і розташуйте м'яку тінь по краю.
Додайте снігову шапку на верх тенту і сніжний карниз внизу. Потім Згрупуйте (Control-G) об'єкти.



Крок 9
Створіть копію вікна на лівій стороні, змініть його колір на жовтий (# ffb636
) і створіть просту ялинку для створення різдвяного настрою. Встановіть кольору ялинки і фіранок на темно-жовтий.
Натисніть на основний жовтої фігурі і створіть просту загострену тінь (# eba04b
) Інструментом "Перо" (Р).
Закінчите будівлю, помістивши помаранчеві (# e66340
) цеглини всюди, а також карнизи на верхніх краях ступінчастою даху.
Згрупуйте (Control-G) всі частини разом.



4. Як створити зимову композицію з міським пейзажем
Крок 1
Давайте вирівняємо наші будинки і додамо прямокутник 1200 х 1200 пікселів (# 94cdeb
) для фону. Використовуйте панель Вирівнювання для вирівнювання будівель внизу.



Крок 2
Змініть колір дахів синього і сірого будинків на білий, додавши більше контрасту ілюстрації. Змініть колір снігових шапок на мансардних вікнах на більш темний синій.
Створіть білий округлений прямокутник для першого поверху і створіть м'яку тінь внизу, створивши копію (# b3def5
) позаду фігури і зсунувши її вниз на кілька пікселів.
Намалюйте прості силуети інших будівель (# 87c0de
) позаду будинків Інструментом "Перо" (Р), додавши більше обсягу ілюстрації.



Крок 3
За допомогою простих фігур і Інструменту "Перо" (Р) створіть ліхтар і пофарбуйте його, слідуючи параметрам:
-
# 4a5c5e
для темно-сірого -
# 586e70
для світло-сірого -
# Ffb636
для жовтого скла -
# D49322
для лампи
Перетягніть ліхтар на ілюстрацію, помістивши його на ліву сторону біля синього будинку і створивши ще одну копію на правій стороні біля жовтого будівлі.



Крок 4
Давайте надамо ліхтарям сяйво.
Створіть білий круг за одним з ліхтарів і заповніть його радіальним градієнтом від білого до чорного, переключивши Режим накладення на Освітлення. Двічі клікніть на нижній лівий повзунок градієнта і змініть білий колір на жовтий (# feb02a
).
Потім посуньте верхній лівий повзунок градієнта злегка вправо. Скопіюйте градієнт, помістивши його за другий ліхтар.



Крок 5
Тепер створимо сніжинку. Намалюйте основну форму Інструментом "Перо" (Р) за шаблоном нижче (1). Використовуйте колір #daeffa
.
Щоб додати округленими верхню частину, створіть округлений прямокутник і видаліть його верхню частину Інструментом "Пряме виділення" (А) (2).
Згрупуйте (Control-G) всі частини. Візьміть Інструмент "Поворот" (R) і клікніть на нижній опорній точці, утримуючи Alt. Введіть 90 в поле значення Кута і натисніть "Копіювати". Утримуючи копію виділеної, двічі натисніть Control-D, створивши ще дві копії і закінчивши сніжинку. (3) Згрупуйте (Control-G) всі частини разом.
Копіюючи і змінюючи розміри, розповсюдьте сніжинки по сцені для створення добре збалансованої композиції. Додайте кілька кіл для імітації маленьких сніжинок.



Крок 6
Погляньте на свою зимову сцену і подумайте, хочете створити щось ще - може бути, додаткову снігову шапку, більше деталей на будинках або світло від вікон.
Я вирішив додати більше різдвяного настрою і створив класичні святкові символи, такі як вінок, гірлянди, дзвіночки, сосна та інші декорації. Також я додав кілька снігових шапок на ступінчастою даху жовтого будинку.



Відмінна робота! Вітаю!
Відмінна робота! Нам вдалося створити трендовую сцену із зимовим містом в плоскому стилі. Тепер ми готові до Різдва!
Ця ілюстрація - всього лише частина моєї колекції з зимовими різдвяними фонами з подорожей. На GraphicRiver ви можете знайти ще більше різдвяних ілюстрацій.



Сподіваюся, вам сподобався процес, і ви дізналися корисні поради та прийоми для майбутніх ілюстрацій.
Не соромтеся ділитися своїми результатами або задавати питання в коментарях нижче. Щасливого Різдва!



Unlimited Downloads.
