Додавання тіні об'єкту в Adobe Illustrator

Спосіб 1: З копії об'єкта

Методів додати тінь об'єкту дуже багато, і всі їх неможливо розглянути в рамках статті. Далі покажемо кілька основних і нестандартних прикладів того, як на об'єкт накладається тінь. Перший з них класичний і досить простий, полягає в використанні копії об'єкта.

У Способі 5 розглядається та ж сама суть — тінь, створена з копії об'єкта, але вже складного (що складається з кількох фігур або не простої форми). Тому рекомендуємо ознайомитися і з ним.

Варіант 1

1. Створіть копію об'єкта, виділивши його і натиснувши клавіші Ctrl + C, а потім Ctrl + F для вставки.
2. Ви побачите, що в шарах з'явився точно такий же об'єкт.
3. Будь-яким зручним способом задайте колір тому об'єкту, на якому зараз знаходиться виділення. Ми будемо робити тінь стандартним сірим кольором, тому і скористаємося світло-сірим відтінком.
4. Клікніть правою кнопкою миші по об'єкту і виберіть "Arrange" > "Send Backward", щоб відправити об'єкт на задній план.
5. Можете змінити колір того об'єкта, який знаходиться на передньому плані, якщо хочете.
6. Потягніть верхній об'єкт вбік, щоб з-під нього була видна частина другого об'єкта.Ця частина і є майбутньою тінню.
7. Тепер виділіть другий (нижній) об'єкт.
8. У панелях знайдіть "Properties", блок "Appearance" і клікніть по самому слову "Opacity".
9. Встановіть йому режим накладення "Multiply".
10. Колір об'єкта зміниться і стане схожим на тінь.
11. Така тінь актуальна для простих ілюстрацій, і її напрямок завжди можна змінити, переміщаючи верхній об'єкт.

Варіант 2

Оскільки в деяких ілюстраціях тінь не може бути рівномірно сірою, її потрібно ускладнити, використовуючи градієнт. Крім того, він дозволяє створити м'яку розмиту тінь. Розглянемо обидва методи.

1. Виділіть фігуру з тінню і на панелі зліва натисніть на значок "Gradient". Якщо ця панель вже є в правій частині, вона автоматично відкриється. Або ж буде вільно розташовуватися в довільному місці програми.
2. Власне, все, що вам залишиться зробити, — налаштувати її відтінки. Клікайте спочатку на ліву точку в області градієнта, змінюйте її колір і прозорість ("Opacity"), потім робіть те ж саме з правою точкою. На цій же панелі налаштуйте кут, під яким буде розташовуватися градієнт, щоб це імітувало правильне падіння світла від інших об'єктів.
3. Налаштувати напрямок градієнта можна і через інструмент "Gradient tool".
4. Ви можете провести лінію в будь-якому напрямку, щоб задати перехід від темного до світлого. Крім того, рухайте обидві точки на цьому відрізку, щоб регулювати процентне співвідношення відтінків.

Коли тінь повинна бути розсіяною, розгляньте цю інструкцію:

1. Через панель "Gradient" і параметр "Type" змініть тип градієнта на "Radial Gradient" (1), щоб зробити тінь м'якою. Це дозволяє підсвітити об'єкт з усіх сторін. За допомогою кнопки "Reverse Gradient" (2) поміняйте відтінки місцями — щоб спочатку був темний, а потім світлий.При необхідності переміщуйте ці точки, зменшуючи кількість якогось одного кольору (3). Змініть відтінок темного на світло-сірий, налаштуйте для обох точок "Opacity" (4).

До речі, незалежно від обраного способу та варіанту, завжди рекомендується не підбирати найсвітліший відтінок сірого для імітації тіні, а зменшувати її видимість через певний відсоток "Opacity". Такі тіні будуть коректно виглядати на кольорових і/або багатошарових ілюстраціях.

2. Результат буде приблизно таким. Ця тінь однаково добре виглядає на кольоровому та білому фоні.

Варіант 3

Цей варіант схожий на попередню інструкцію, де використовувався інструмент "Radial Gradient". Однак зараз за допомогою його задамо тінь під об'єктом.

1. Виділіть об'єкт і створіть його копію (Ctrl + C, Ctrl + F). Верхній об'єкт сховайте через "Layers" для зручності — поки що працюватимемо з нижнім, тобто з копією.
2. На панелі інструментів натисніть на кнопку "Gradient", на однойменній панелі справа переключіть "Type" на "Radial Gradient" і змініть кольори так, щоб лівий був чорним, а правий — білим. За це відповідає кнопка "Reverse Gradient" або ручне перетягування точок.Копія окраситься в колір цього градієнта.
3. Якщо потрібна м'яка тінь, змініть чорний колір на світло-сірий відтінок.
4. Для білого кольору задайте "Opacity" як "0%".
5. Переключившись на "Selection tool", саму фігуру можете сплюснути і перемістити її трохи нижче.
6. Увімкніть видимість верхнього об'єкта і підредагуйте положення створеної тіні відносно нього.
7. Результат добре поєднується з білим і кольоровим фоном без додаткових налаштувань.

Варіант 4

Цей варіант також дає можливість створити м'яку і розсіялу тінь, навіть майже непомітну, якщо це потрібно, для будь-якої зі сторін об'єкта.

1. Знову ж, створіть копію фігури і вставте її за допомогою комбінацій клавіш Ctrl + C, Ctrl + F. Верхній об'єкт сховайте, щоб не заважав. Ми також вимкнули колір для копії.
2. На панелі інструментів знайдіть "Gradient Tool" і через ПКМ по ньому виберіть "Mesh Tool".
3. Клікніть по будь-якому місцю копії, щоб створилася точка з перетином. Від місця, куди саме ви клікнете, залежить положення майбутньої тіні.
4. Використовуючи панель "Swatches", перетягніть якийсь із сірих відтінків у створену точку.
5. В цьому місці тінь буде найінтенсивнішою, розсіюючись до країв.
6. Переключіться на звичайний курсор і перемістіть сам об'єкт у ту сторону, куди основна фігура повинна відкидати тінь.Ви також можете його збільшити, якщо тінь повинна охоплювати кілька напрямків/сторін.
7. Увімкніть видимість верхнього шару через "Layers".
8. Виділивши тінь, можете переміщати її і обертати для зміни напрямку та інтенсивності.
9. Зазначимо, що на кольоровому фоні результат буде виглядати погано, тому потрібно буде змінити режим накладення.
10. Через панель "Properties" та розділ "Appearance" клікніть по самому слову "Opacity" і з випадаючого меню виставте "Multiply".
11. Тепер у тіні зник білий фон. У подальшому можете змінювати її відтінок і прозорість.

Спосіб 2: Інструмент "Drop Shadow"

В Ілюстраторі є інструмент, який так і називається, — "Drop Shadow" ("Тінь"). Користуватися ним дуже легко, однак врахуйте, що, наприклад, мікросток Shutterstock не приймає такий ефект.

1. Виділіть фігуру, перейдіть у розділ "Effect" > "Stylize" > "Drop Shadow".
2. Змініть рівень прозорості, щоб вона не була занадто чорною, її положення по вертикалі та горизонталі, а також рівень розмиття для м'якості контуру. Тут же можна вибрати колір, якщо вам потрібна кольорова тінь. Крім того, можете змінювати режим накладення. Це також впливає на те, як виглядає тінь.
3. Результат виглядає добре на білому та кольоровому фоні.

Спосіб 3: Подовжена тінь

Для деяких об'єктів тінь потрібна довга, але малопомітна. Це можна реалізувати за допомогою зміни параметрів фігури.

Варіант 1

Якщо градієнтне зникнення тіні вам не потрібно, пропустіть пов'язані з цим кроки і просто задайте об'єкту прозорість ("Opacity") і режим накладення "Multiply".

1. В нашому прикладі основною фігурою буде квадрат з закругленими краями, тому для створення від нього тіні знадобиться прямокутник.Малюємо його інструментом "Rectangle Tool" по ширині основного об'єкта і заливаємо чорним кольором.
2. Клікаємо по ньому правою кнопкою миші і розгортаємо через опцію "Transform" > "Rotate".
3. Виставляємо кут повороту "45 градусів".
4. Тепер прямокутник необхідно підганяти під межі квадрата.
5. Тобто там, де накладено прямокутник, небажано, щоб проглядався основний об'єкт. Шляхом зміни рівня нахилу прямокутника зробіть повноцінне перекриття.
6. Ось такий варіант накладення — коректний, хоч і не ідеальний.
7. Натисніть на полотні правою кнопкою миші і перемістіть прямокутник на задній план через "Arrange" > "Send Backward", а якщо виділений основний об'єкт, то через "Arrange" > "Bring to Front".
8. Має вийти як на скріншоті нижче.
9. Накладаємо на майбутню тінь градієнт через однойменний інструмент на лівій панелі. Нам потрібно зробити максимально м'яку тінь, тому виділяємо першу точку градієнта і робимо її повністю прозорою, змінюючи "Opacity" на "0%". При необхідності відредагуйте відтінок другої точки, задавши йому якийсь світло-сірий.
10. На панелі "Properties" в блоці "Appearance" натисніть на слово "Opacity".
11. Задайте режим накладення "Multiply".
12. На панелі зліва знайдіть інструмент "Gradient Tool", натисніть на нього і потягніть мишкою від кінця майбутньої тіні до її початку.
13. Щоб тінь вийшла менш різкою на початку, на панелі "Gradient" зсунути першу точку правіше, припустимо ближче до середини. Так ви отримаєте більше накладення повної прозорості, через що тінь вийде м'якшою і без гострих кутів на початку (в нашому випадку внизу).

Варіант 2

За допомогою інструмента "Blend" можна створювати об'ємні тіні шляхом змішування, причому як кольорів, так і форм.Однак відзначимо, що якщо ви плануєте працювати з текстом, то знадобиться виконати більше кроків, які в цій інструкції розглянуті не будуть.

1. За приклад візьмемо дві фігури, між якими потрібно створити перехід. Малюємо їх стандартним інструментом з лівої панелі.
2. Щоб фігура, від якої буде виходити тінь (в даному випадку зірка), була об'ємною, створимо її дублікат клавішами Ctrl + C і вставимо його на Ctrl + F. Сховайте одну з копій через панель "Layers" (верхню в списку), при необхідності розгорнувши список об'єктів всередині шару натисканням на стрілочку лівіше від "Layer 1". Для приховування натисніть на іконку ока.
3. Знайдіть на панелі зліва інструмент "Blend tool" і клацніть по ньому, внаслідок чого курсор замість стрілочки стане іконкою інструмента. Клікніть на перший об'єкт, потім на другий. В результаті у вас створиться тінь. Якщо ви не користувалися цим інструментом раніше, вона буде відрізнятися від того, що показано на скріншоті нижче.
4. Для розуміння, як буде виглядати майбутній об'єкт, ми включимо вимкнений шар і змінимо його колір на контрастний. Ви можете зробити це в самому кінці.
5. Змініть видимість об'єкта, з якого виходить тінь. Виділіть його, але не звичайним натисканням, а розгорнувши на панелі "Layers" групу "Blend" і клацнувши по шару з ним.
6. На панелі "Properties" в блоці "Appearance" у параметра "Opacity" поставте "0%".
7. Тепер виділіть обидва об'єкти інструментом "Selection tool" і двічі клацніть лівою кнопкою миші по "Blend tool" на панелі зліва. Відкриється вікно зі властивостями цього інструмента, де спочатку буде вибрано режим "Smooth Color".
8. Нам же потрібно задати режим "Specified Steps" і праворуч ввести кількість шарів. У цьому випадку чим їх більше буде, тим плавніше виявиться перехід від одного кольору (і форми) до іншого. Точна цифра залежить від відстані.
9. Для нашого прикладу 100 шарів — дуже мало.Якщо наблизити таку тінь, то стане чітко видимим різкий перехід у вигляді зубчиків.
10. 200 шарів вже роблять об'єкт більш гладким. Підбирайте цифру до тих пір, поки перехід не виявиться задовільним.

Зазначимо, що прев'ю в вікні "Blend Options" працює не зовсім так, як в інших вікнах. Вам потрібно зняти галочку з цього параметра, змінити параметр, а потім активувати прев'ю для відображення результату.

Спосіб 4: Тінь під об'єктом

В Способі 1 ми вже розглядали кілька прикладів створення тіні — з їхньою допомогою цілком можна зробити її під об'єктом (особливо в Варіанті 3), але все це реалізовувалося за допомогою копії цього самого об'єкта. У даному ж способі буде показано створення звичайної еліпсоїдної тіні, що часто використовується в неперевантажених ілюстраціях, де не потрібно підкреслювати контури об'єкта і достатньо просто її наявності.

Як ви вже розумієте, за допомогою інструмента "Ellipse Tool" можна зробити кілька варіантів відображення простенької тіні під об'єктом. За своєю технікою це мало чим відрізняється від методів, розглянутих вище, тому, якщо ви з ними ознайомилися, то створити таку тінь буде вкрай легко.

Варіант 1

1. Створимо дуже просту тінь, намалювавши за допомогою інструмента "Ellipse Tool" сплюснутий еліпс чорного або темно-сірого кольору.
2. Задамо для нього прозорість в половину або більше через "Properties" > "Appearance" > "Opacity".
3. Оскільки еліпс малювали поверх основного об'єкта, він буде його перекривати.
4. Щоб позбутися від цього, через гарячу клавішу Ctrl + [ або контекстне меню > "Arrange" > "Send Backward" відправте об'єкт на шар вниз.
5. Результат завжди можна підкоригувати, змінивши витягнутість еліпса, його колір і рівень прозорості.

Варіант 2

Попередній варіант досить специфічний через свою площину.Зробити цю тінь більш природною допоможе її розтушовка.

1. Виділіть тінь і на панелі інструментів клікніть по "Градієнт".
2. В "Тип" виставте "Радіальний градієнт" і розверніть кольори кнопкою "Реверс градієнта" так, щоб чорний був лівим (тобто в середині еліпса).
3. На панелі інструментів переключіться на "Інструмент градієнта". Лінія градієнта відобразиться автоматично, а вам потрібно буде її сплюснути. За це відповідає пунктирне коло — потягніть його чорну точку ближче до центру.
4. Зменшіть коло до потрібного вам розміру.
5. Сам об'єкт з тінню після виділення "Інструмент виділення" можна розтягнути, що зробить тінь потрібного розміру.
6. Регулюйте кольори, прозорість і плавність переходу кольорів через панель "Градієнт", щоб досягти природного відображення тіні.

Варіант 3

Ще один метод зробити розтушовану тінь — скористатися інструментом "Змішування", який вже розглядався в Способі 3, Варіанті 2.

1. Намалюйте два чорних еліпси, один менший, другий більший. Маленький буде центром тіні, а великий — її межами. Відштовхуючись від цього, підберіть точні розміри.
2. Для зручності відразу ж зробіть маленький еліпс напівпрозорим через "Властивості" > "Зовнішній вигляд" > "Прозорість".
3. Виділіть великий еліпс і відправте його на задній план гарячою клавішею Ctrl + [ або натисненням ПКМ і вибором "Упорядкувати" > "Відправити назад".
4. Відразу ж правильно розмістіть ці два еліпси. Маленький повинен бути по центру відносно великого з усіх сторін. Тепер задайте прозорість великому "0%".
5. Виділивши обидві фігури інструментом "Інструмент виділення", на панелі інструментів натисніть кнопку "Інструмент змішування"". Клікніть по першому і другому еліпсу на полотні.В результаті між ними створиться проміжний шар.
6. Для редагування сили змішування ще раз натисніть на "Blend tool", але вже двічі лівою кнопкою миші, щоб викликати властивості інструмента. Встановіть режим "Specified Steps" і задайте будь-яке число.
7. Пам'ятайте, що чим більше шарів, тим краще — це створить плавність переходу.
8. Якщо вам потрібно відредагувати колір або розмір одного з еліпсів, використовуйте панель "Layers". Знайдіть тут шар, який називається "Blend", розгорніть його і виділіть верхній шар для редагування дрібного еліпса і нижній — для великого.
9. Виділивши обидва еліпси, відправте їх на шар вниз, щоб вони не перекривали основний об'єкт.
10. Оскільки в результаті використання інструмента "Blend" об'єкти за замовчуванням об'єднані, звичайним натисканням на них ви можете редагувати розмір одразу обох. Зменшуйте або збільшуйте його на свій розсуд. Також можете змінити рівень прозорості одразу для обох фігур, об'єднаних "Blend".
11. Точний результат буде залежати від застосованих вами параметрів і наявності фону.