Урок от Нарцисс
Попытаюсь описать ход создания баннера с эффектом исчезновения букв в виде размытия.
изображения кликабельны (для увеличения)
1. Создаем документ нужных размеров.
2. Заливаем его фоном. Можно сразу оформить рамку, а можно заняться этим в самом конце работы. Скажу сразу - слой с рамкой должен быть поверх всех остальных слоев.
3. Переходим к тексту. Пишем и умещаем в размеры баннера название нашего форума или другого ресурса. В моем случае это название форума "ШАТИКА". Каждая буква должна быть написана на отдельном слое.
У меня вышло с буквами 6 слоев (такое количество букв в названии форума). Применяем к буквам стили (наложение цвета или градиента, внешнее свечение или тень и т.д. и т.п.).
Создаем дубликат всех слоев с буквами, выделяем дубликаты и объединяем. В итоге у нас получится слой с целым словом "ШАТИКА" и создаем его дубликат.
Идем в фильтр "Размытие" - "Размытие в движении" и выставляем параметры как на скрине.
Создаем дубликат слоя с размытием и к нему так же применяем фильтр "Размытие" - "Размытие в движении", но с другими параметрами как на скрине.
В итоге у нас вот что получилось в слоях:
слой с заливкой, 6 слоев с буквами, слой с целым словом "ШАТИКА", два слоя с размытием и слой с рамкой.
4. Теперь можем перейти к созданию анимации.
Отключаем видимость всех слоев с буквами и размытием. активными остаются слой с заливкой и рамкой.
Переходим в окно анимации. Выставляем время 0,1 сек. с постоянным циклом
5. добавляем новый кадр и включаем слой с буквой "Ш".
6. добавляем новый кадр и включаем слой с буквой "А", в сумме активны слои "ША".
7. добавляем новый кадр и включаем слой с буквой "Т", в сумме активны слои "ШАТ".
и так далее, пока не включим все шесть букв.
8. добавляем новый кадр, отключаем слои с буквами и включаем слой с цельным словом"ШАТИКА".
9. Добавляем новый кадр. Включаем слой с первым размытием, а у слоя со словом "ШАТИКА" ставим прозрачность на 0%.
Создаем промежуточные кадры
10. Добавляем новый кадр и включаем на нем слои с размытием 1 и размытием 2. При этом прозрачность слоя с размытием 1 ставим на 0%.
Добавляем промежуточные кадры.
11. Добавляем новый кадр. включаем для него слой с размытием 2 и ставим прозрачность на 0 %.
добавляем промежуточные кадры.
12. Жмем пуск и проверяем ход нашей анимации. При необходимости корректируем время задержки кадров.
Далее сохранить для web.
Получится должно нечто подобное
