Цей урок про декілька техніках створення ефекту довгих тіней, часто використовується в останніх трендах дизайну.

Вам знадобиться
- Програма Adobe Illustrator CS5 або вище
- Рівень володіння: Початківець
- Час на виконання: 20 хвилин
Інструкція

Створіть новий документ, виберіть Rounded Rectangle Tool і намалюйте квадрат.

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

Не знімаючи виділення з тексту, перейдіть на панель Appearance (Window> Appearance) і клацніть на Add New Fill в нижній частині панелі. Перетягніть створену заливку нижче рівня "Characters", щоб ефекти застосовувалися за текстом.

Виділіть шар з заливкою на панелі Appearance, натисніть Add New Effect в нижній частині панелі і виберіть Distort Transform> Transform. Введіть значення як на картинці. Можете збавити Opacity до 12% або як вам буде завгодно.

Як бачите, ми створили безліч копій заливки і злегка змістили їх вправо вниз для створення гладкої тіні. На жаль, зараз тінь виходить за межі іконки, тому потрібно створити відсічну маску.
Виберіть квадрат з округленими кутами, скопіюйте і вставте його вище шару з текстом. Виділивши новий квадрат і текст, правою кнопкою миші по робочій області та виберіть Make Clipping Mask.
Виходить за кордон квадрата тінь буде прихована і тепер ви можете застосувати ту ж техніку для створення тіні до основного квадрату.
Виберіть квадрат з округленими кутами, скопіюйте і вставте його вище шару з текстом. Виділивши новий квадрат і текст, правою кнопкою миші по робочій області та виберіть Make Clipping Mask.
Виходить за кордон квадрата тінь буде прихована і тепер ви можете застосувати ту ж техніку для створення тіні до основного квадрату.

Повторіть пункти 1 і 2. Виділіть текст і двічі натисніть Ctrl + C> Ctrl + B, щоб створити три копії об'єкта. Виберіть для нижніх двох копій чорний колір.

Виберіть саму нижню копію, затисніть клавішу Shift і перемістіть текст як показано на зображенні. Зменшіть Opacity до 0%.

Виділіть обидві нижні копії тексту, перейдіть Object> Blend> Blend Options і введіть у поле параметра Specified Steps значення 150, для плавного переходу.

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

Наступна техніка аналогічна попередньої, ви створюєте дві копії тексту під основним і робите межу ними плавний перехід, але в цей раз нижню копію не потрібно робити прозорою.
Виділіть створений перехід і перейдіть в Object> Expand. Це роз'єднає перехід на 150 окремих контурів. Не знімаючи з них виділення, перейдіть на панель Pathfinder (Window> Pathfinder) і виберіть Unite. Це об'єднає всі виділені контури в один.
Виділіть створений перехід і перейдіть в Object> Expand. Це роз'єднає перехід на 150 окремих контурів. Не знімаючи з них виділення, перейдіть на панель Pathfinder (Window> Pathfinder) і виберіть Unite. Це об'єднає всі виділені контури в один.

Виберіть Gradient Tool (G) і залийте створений контур градієнтом від чорного до прозорого під кутом 45 градусів. Потім зменшіть непрозорість для цього шару як вам буде завгодно.

Як ви могли помітити, після об'єднання на контурі залишилося багато непотрібних опорних точок. Давайте позбудемося них.
Так як наш контур досить простий, то буде не складно наблизити його і обвести за допомогою Pen Tool (P), попередньо включивши Smart Guides (View> Smart Guides).
Ще один спосіб - виділити всі непотрібні опорні точки за допомогою Direct Selection Tool (A) і натиснути Del.
Так як наш контур досить простий, то буде не складно наблизити його і обвести за допомогою Pen Tool (P), попередньо включивши Smart Guides (View> Smart Guides).
Ще один спосіб - виділити всі непотрібні опорні точки за допомогою Direct Selection Tool (A) і натиснути Del.

Створіть для отриманої тіні відсічну маску і застосуєте таку ж техніку до основного квадрату.