Уроки » Анимация → Блестящий анимированный текст  

:

Для начала создадим новый документ с размерами 300x200px.

Создайте большую букву с помощью шрифта Arial Black, Sharp, 150pt, Цвет #8DF6FF.

Затем загрузите выделение буквы (Прим. Переводчика: Зажав CTRL щелкните по слою с буквой в палитре слоев) на новом слое залейте цветом #41707A



:

Округлим выделение (Select > Feather > 6px) и сожмем его (Select > Modify > Contract > 8px). Нажмите Delete чтобы удалить выбранную область и текст примет эффект 3D. Расширим выделение (Select > Modify > Expand > 4px) и зальем выделение на новом слое цветом #B3F2FF.



:

Создайте новый набор слоев (Layer Set) и поместите в него светло синий слой (см. скриншот слева). Переименуйте набор в “Noise”, продублируйте слой в папке 3 раза CTRL+J (см. скриншот справа).



:

Примените фильтр Filter > Noise > Add Noise на все 4 слоя.



:

Загрузите выделение одного из светлых слоев, расширьте его (Expand) на 4px, залейте на новом слое цветом #E0FDFF. Расширьте выделение на 1px, округлите (Feather) на 4px и залейте на новом слое цветом #A9F1F6, это создаст тонкий эффект свечения.



:

Увеличим размер окна на 600% и создайте новый набор слоев «Star 1».

Создайте новый слой и используя Lasso Tool :lasso000: и создайте первую часть звезды.



:

Продублируйте слой и разверните его на 90 градусов (Edit > Transform > Rotate 90 CW), с помощью Rectangular Marquee Tool :rectangu: создайте узкую полоску.



:

С помощью Free Transform (CTRL+T) разверните полоску на 45 градусов и разместите ее над первыми двумя частями звезды.



:

Продублируйте и разверните полоску как показано ниже. Объедините все слои составляющие звезду (CTRL+E) и загрузите ее выделение.

Расширьте (Expand) выделение на 1px, округлите (Feather) выделение на 3px и на новом слое залейте выделение белым цветом, расположите этот слой под слой со звездой. Объедините слои вместе.



:

Продублируйте полученный слой со звездой два раза и переименуйте слои сверху вниз вот так «Large», «Medium», «Small», (Большой, средний, маленький). С помощью трансформации Edit > Transform > Scale измените размеры звезд, Medium на 70%, Small на 30%.




:

Продублируйте набор слое и назовите его «Star 2» смените размеры слоев на 70% как показано ниже.



:

Продублируйте набор слоев со звездой столько раз сколько вам нужно, у меня получилось 11 копий.



:

В каждом наборе слоев оставьте видимым только один из слоев (Large, Medium или Small)



:

Теперь будем создавать анимацию, переходим в Image Ready. Создаем 4 кадра и установим на них задержку в 0,1сек. Вы можете видеть что все слои набора «Noise» включены.



:

На втором кадре сделайте первый слой невидимым, на третьем кадре сделайте второй слой невидимым, на четвертом кадре сделайте третий слой невидимым.



:

Включите воспроизведение анимации. И вы увидите что то похожее.



:

Теперь мы анимируем каждую звезду. Вспомните что мы оставили в каждом наборе видимым только по одному слою, я оставил в папке «Star 1» видимым слой «Small»



:

Теперь нужно сделать так чтобы звезда постоянно меняла свой размер. Например у меня на первом кадре включен слой «Small» значит на втором я включаю «Medium»



:

Следовательно на третьем кадре я должен включить слой «Large»



:

На четвертом кадре включаем слой «Medium» чтобы это выглядело так что звезда снова уменьшается и повторяется с первого кадра.



:

Теперь нужно проделать это со всеми оставшимися звездами со 2 по 11.

Например у меня вторая звезда начинается со слоя «Medium», значит на втором кадре видимым слоем будет либо «Small» либо «Large».



:

После того как вы все сделаете установите такие параметры оптимизации изображения на палитре Optimize.



:

Сохраните файл File > Save Optimized As… как .GIF

Ваш текст готов.

Информация к уроку:

Категория - Уроки » Анимация

Дата публикации: 18-04-2011, 13:19

Опубликовал: killot

Просмотров: 839

Комментариев: 0

Ссылки к этой статье:

Источник - FlashGameDesign

Автор - Не указан

Переводчик - Killot

Найти - Все уроки с FlashGameDesign

Еще по этой теме:

Меню в старом стиле Меню в старом стиле
В этом уроке создадим меню навигации в старинном ...
3D фотоэффект 3D фотоэффект
В этом уроке я попытаюсь объяснить, как из ...
Анимация – Выпадение зуба Анимация – Выпадение зуба
В этом уроке будем делать анимацию выпадающего ...
Анимация имитации 3D логотипа Анимация имитации 3D логотипа
Этот логотип разрабатывался для сайта Radioactive ...
Анимируем снег Анимируем снег
В этом уроке вы узнаете как анимировать снег, ...
Шаблон «Гранж» часть 1 Шаблон «Гранж» часть 1
В этом уроке я покажу вам как создать стильный ...
Шаблон «Гранж» часть 2 Шаблон «Гранж» часть 2
Продолжение к уроку Шаблон «Гранж». В этом уроке ...
Смайлик Yahoo! Смайлик Yahoo!
В этом уроке мы воссоздадим смайлик который стал ...
Завернутый текст Завернутый текст
Создаем текст, а затем заворачиваем буквы в ...
Значок звезды в стиле Web 2.0 Значок звезды в стиле Web 2.0
В этом уроке мы создадим символ звезды, который ...

Социальные закладки:


Уважаемый посетитель, Вы зашли на сайт как незарегистрированный пользователь. Мы рекомендуем Вам зарегистрироваться либо войти на сайт под своим именем.

 

Добавление комментария

 
 
Ваше Имя:
Ваш E-Mail:
Вопрос:
Ты робот? (да-нет)
Ответ:*
Код:
Включите эту картинку для отображения кода безопасности
обновить, если не виден код
Введите код: