Този урок разказва за няколко техники за създаване на ефект на дълга сянка, често използвани в най-новите тенденции в дизайна.
Необходимо
- Adobe Illustrator CS5 или по-нова версия
- Ниво на владеене: Начинаещ
- Време за завършване: 20 минути
Инструкции
Етап 1
Създайте нов документ, изберете инструмента за закръглени правоъгълници и нарисувайте квадрат.
Стъпка 2
За по-голяма яснота ще разгледам техниките, използвайки текст като пример, но те могат да бъдат приложени към всеки обект, който искате.
Стъпка 3
С избрания текст отидете на панела Appearance (Window> Appearance) и кликнете върху Add New Fill в долната част на панела. Плъзнете създадената запълване под нивото „Символи“, така че ефектите да са приложени зад текста.
Стъпка 4
Изберете слоя за запълване в панела Appearance, щракнете върху Add New Effect в долната част на панела и изберете Distort & Transform> Transform. Въведете стойностите, както е показано на снимката. Можете да намалите непрозрачността до 12% или каквото искате.
Стъпка 5
Както можете да видите, ние създадохме много копия на запълването и ги преместихме леко надолу вдясно, за да създадем гладка сянка. За съжаление, сянката вече е извън границите на иконата, така че трябва да създадем маска за отрязване.
Изберете заобления квадрат, копирайте го и го поставете над текстовия слой. Когато сте избрали новия квадрат и текст, щракнете с десния бутон на мишката и изберете Make Clipping Mask.
Сянката, която излиза извън границата на квадрата, ще бъде скрита и сега можете да приложите същата техника, за да създадете сянка на главния квадрат.
Стъпка 6
Повторете стъпки 1 и 2. Изберете текста и натиснете два пъти Ctrl + C> Ctrl + B, за да създадете три копия на обекта. Изберете черно за долните две копия.
Стъпка 7
Изберете най-ниското копие, задръжте клавиша Shift и преместете текста, както е показано на изображението. Намалете непрозрачността до 0%.
Стъпка 8
Изберете и двете долни копия на текста, отидете на Object> Blend> Blend Options и въведете 150 в Specified Steps за плавен преход.
Стъпка 9
Сега можете да намалите непрозрачността на получената сянка до 12%, да създадете маска за отрязване за нея, както в предишния пример, и да приложите тази техника на сянка към основния квадрат.
Стъпка 10
Следващата техника е подобна на предишната, създавате две копия на текста под основната и правите плавен преход между тях, но този път долното копие не е необходимо да се прави прозрачно.
Изберете създадения преход и отидете на Object> Expand. Това ще прекъсне прехода в 150 отделни пътеки. Без да премахвате избора им, отидете на панела Pathfinder (Window> Pathfinder) и изберете Unite. Това ще обедини всички избрани пътища в едно.
Стъпка 11
Изберете инструмента за градиент (G) и запълнете създадената пътека с градиент от черно до прозрачно под ъгъл от 45 градуса. След това намалете непрозрачността за този слой, както желаете.
Стъпка 12
Както може би сте забелязали, по пътеката след сливането са останали много ненужни опорни точки. Да се отървем от тях.
Тъй като пътят ни е съвсем прост, няма да е трудно да увеличавате и намалявате с Pen Tool (P), след включване на Smart Guides (View> Smart Guides).
Друг начин е да изберете всички ненужни опорни точки с инструмента за директен избор (A) и да натиснете Del.
Стъпка 13
Създайте изрязваща маска за получената сянка и приложете същата техника към основния квадрат.
