Флэш-курс: создание текста по «Звездным войнам»

Текстовые эффекты всегда популярны среди пользователей Flash - особенно эффект «Звездных войн», который стал известен после вступительной сцены фильма 1977 года. Эффект относительно прост, но за него приходится расплачиваться: ухудшается качество воспроизведения. Используйте его осторожно и часто тестируйте анимацию, чтобы убедиться, что воспроизведение не останавливается. Убедитесь, что текст читается без головной боли.

1. Начнем с набора текста. Попробуйте использовать простой полужирный шрифт, который легко читать. Мы преобразуем и оживим этот текст. Поскольку он будет в постоянном движении, крайне важно, чтобы он был написан по буквам и легко читался для зрителя. Выделите текстовое поле и разбейте его, пока текст не станет векторной графикой. Объем векторной информации очень важен и, скорее всего, вызовет проблемы с производительностью во время воспроизведения. Это также причина использовать простой шрифт с четкими линиями, поскольку это приведет к уменьшению количества векторных точек.

   

2. Следующий шаг - смоделировать перспективу, необходимую для создания эффекта, как будто текст удаляется. Выберите инструмент «Свободное преобразование» q, а внутри него - инструмент «Искажение». Удерживая нажатой клавишу S, перетащите один из верхних углов к центру текста. Нажатие кнопки S поддерживает коэффициенты трансформации, искажая соседний угол в противоположном направлении. Преобразуйте этот блок текста в графический символ. Если у вас несколько блоков текста, лучше всего рассматривать их как уникальные символы меньшего размера.

   

3. Вставьте новый слой и преобразуйте его в направляющий слой. Убедитесь, что слой, содержащий ваш текст, не прикреплен и не «направлен». Вы можете перетащить направляющий слой под текстовый слой, чтобы предотвратить их слияние. Все, что содержит направляющий слой, не будет включено в экспортированный SWF-файл. Flash CS5 имеет хорошую функцию, которая позволяет вам выбирать, экспортировать ли скрытые слои или нет. Этот параметр доступен на вкладке «Flash» в меню «Файл»> «Параметры публикации». На этом слое с помощью инструмента «Линия» нарисуйте линию под углом к ​​краю текстового поля. Скопируйте и вставьте его на место, переверните по горизонтали, а затем поместите на противоположной стороне текстового блока.

   

4. Добавьте второй ключевой кадр и измените размер текста до тех пор, пока он не поместится между направляющими линиями, где они сужаются. Нам все еще нужно вставить несколько кадров между двумя ключевыми кадрами и применить анимацию движения.

   

5. Последний шаг фактически разрушает единственную перспективу, на которой основана эта анимация. Я думаю, что это самый важный шаг, так как он действительно помогает сохранить иллюзию текста, исчезающего в бесконечности, но это так просто. В последнем кубе анимации выберите символ, содержащий текстовое поле, а затем измените его размер по вертикали, используя два средних обработчика вдоль верхнего или нижнего краев с помощью инструмента «Свободное преобразование». Таким образом, мы сжимаем символ, чтобы сделать его более плоским (не расширять).

Для непрерывного воспроизведения потребуется сочетание сотен кадров и высокой частоты кадров. От этого зависит точное количество. Точное количество зависит от количества текста, шрифта и размера нашей пленки (высота x ширина). Чем больше размер пленки, тем больше будет задействован процессор. Любой анимационный эффект, в котором используется комбинация этих факторов, приведет к ухудшению качества воспроизведения. Давайте часто тестируем и узнаем, какой будет наша аудитория.

Мы также можем попробовать этот эффект в Photoshop с блоком текста, который был перекошен в ту же перспективу. Мы импортируем текст с тем же сплошным цветным фоном, что и в нашем Flash-ролике. Это приведет к гораздо более удобной для процессора анимации, но ее качество ухудшится, если мы изменим ее размер. Flash не очень хорошо изменяет размер импортированных растровых изображений, поэтому результат не будет визуально привлекательным. Компромисс заключается в использовании четкого векторного текста с небольшой потерей мощности во время воспроизведения. Лучшая защита - часто проверять.

Дополнительные советы и рекомендации по использованию Flash: Хитрые приемы в Adobe Flash CS5можно найти в книге, в публикации, из которой можно найти трюк, прочитанный в этой статье.

Вы можете увидеть живую демонстрацию Flash на нашем сайте 28 марта, где вы сможете узнать больше трюков!

В день трансляции на нашем сайте также стартует розыгрыш призов, где Хитрые приемы в Adobe Flash CS5Проводим жеребьевку на три экземпляра книги в формате.