Flash курс: Създаване на текст от Междузвездни войни

Текстовите ефекти винаги са популярни сред потребителите на Flash - особено ефектът „Междузвездни войни“, който стана известен с началната сцена на филма от 1977 г. Ефектът е сравнително прост, но има своя цена: възпроизвеждането страда. Използвайте го внимателно и често тествайте анимацията си, за да сте сигурни, че възпроизвеждането няма да заседне. Уверете се, че текстът е четим, без четецът да има главоболие.

1. Нека започнем с въвеждане на нашия текст. Опитайте да използвате прост шрифт, който е лесен за четене. Ще преобразим и анимираме този текст. Тъй като ще бъде в непрекъснато движение, от първостепенно значение е да бъде изписано и лесно за четене за зрителя. Изберете текстовото поле и го разбийте, докато текстът стане векторна графика. Количеството векторна информация е от съществено значение и най-вероятно ще доведе до проблем с производителността по време на възпроизвеждане. Това също е причина да използвате прост, изчистен шрифт, тъй като това ще доведе до по-малко векторни точки.

   

2. Следващата стъпка е да се симулира перспективата, която е необходима, за да се направи ефект, сякаш текстът се отдалечава. Изберете инструмента за безплатна трансформация q и в него инструмента за изкривяване. Докато държите натиснат клавиша S, плъзнете един от горните ъгли към центъра на текста. Натискането на бутона S поддържа съотношенията на трансформация чрез изкривяване на съседния ъгъл в обратна посока. Преобразувайте този блок текст в графичен символ. Ако имате няколко блока текст, най-добре е да ги третирате като по-малки уникални символи.

   

3. Поставете нов слой и го преобразувайте в направляващ слой. Уверете се, че слоят, който съдържа вашия текст, не е прикачен или „направляван“. Можете да плъзнете водещия слой под слоя на вашия текст, за да предотвратите обединяването им. Каквото и да съдържа ръководният слой, няма да бъде включено в експортирания SWF. Flash CS5 има добра функция, която ви позволява да изберете дали да експортирате скрити слоеве или не. Тази опция е налична в раздела Flash на менюто File> Publish Settings. На този слой използвайте инструмента Линия, за да нарисувате линия под ъгъл отстрани на текстовото поле. Копирайте го и го поставете на място, обърнете го хоризонтално и след това го поставете на противоположната страна на текстовия блок.

   

4. Добавете втори ключов кадър и преоразмерете текста, докато попадне между водещите редове, където те се свиват. Все още трябва да вмъкнем няколко кадъра между двата ключови кадъра и да приложим Motion tween.

   

5. Последната стъпка всъщност пречупва единствената перспектива, на която се основава тази анимация. Мисля, че това е най-важната стъпка, тъй като наистина помага да се запази илюзията за изчезващ текст в безкрайност, но е толкова проста. В последния куб на tween изберете символа, който съдържа текстовото поле, и след това го преоразмерете вертикално, като използвате двата средни манипулатора по горния или долния ръб, като използвате инструмента за безплатна трансформация. В обобщение, компресираме символа, за да го направим по-плосък (не разширявайте).

Непрекъснатото възпроизвеждане ще изисква комбинация от стотици кадри и висока честота на кадрите. Точният брой зависи от него. Точното количество зависи от количеството текст, шрифта и колко голям (височина х ширина) е нашият филм. Колкото по-голям е филмът, толкова повече той ще използва процесора. Всеки анимиран ефект, който използва комбинация от тези фактори, ще доведе до лошо изпълнение на възпроизвеждането. Да тестваме често и да знаем каква ще бъде нашата аудитория.

Също така можем да опитаме този ефект във Photoshop с блок текст, който е изкривен към същата перспектива. Импортираме текста със същия едноцветен фон, който използва нашият Flash филм. Това ще доведе до много по-удобна за процесора анимация, но качеството й ще се влоши, ако я преоразмерите. Flash не оразмерява много добре импортираните растерни изображения, така че резултатът няма да бъде привлекателен визуално. Компромисът е използването на остър, векторен текст с малка потенциална загуба на мощност по време на възпроизвеждане. Най-добрата защита е да тествате често.

Още Flash съвети и трикове на Хитри техники в Adobe Flash CS5може да се намери в книгата, в публикацията, от която може да се намери и трикът, прочетен в тази статия.

Можете да видите демонстрация на живо на Flash на нашия сайт на 28 март, където можете да научите повече трикове!

В деня на излъчването ще започне и теглене на награди на нашия сайт, където Хитри техники в Adobe Flash CS5Ще изтеглим три екземпляра от книгата сред нашите читатели.