Glitter Text Animation Этот урок, покажет Вам, как создавать анимированный блестящий текст
[показать] 1. Приступим. Создайте новый документ а размерами 300x200. Напишите текст голубого цвета (8DF6FF) , используя
Arial Black / 150pt / sharp. Выделите текст, скопируйте его на новый слой, и заполните его темно-синим (41707A).
[показать] [показать]2.Теперь примените
Feather (select > feather) 6 px
и
contract (select > modify > contract) 8 px. Удалите выделенную область, и это придаст тексту эффект объемности. Выделите текст снова, увеличьте -
expand (select > modify > expand) 4px, и заполните новый слой ниже светло-голубым (B3F2FF)
[показать] [показать]3. Создайте новую группу слоев (иконка папки внизу панели слоев) и поместите светло-голубой слой туда. назовите группу
Noise и затем дублируйте светло-голубой слой 3 раза (рисунок
[показать].
[показать] [показать] 4. Примените
noise filter (filter > noise > add noise) к каждому 4 из светло-голубых слоев, используя параметры настройки, показанные на рисунке ниже. (прим. перев. - у автора не указаны настройки, так что делайте на свое усмотрение)
[показать] 5. Затем, сделайте выделение , используя один из светло-голубых слоев, увеличьте его на 4 px (
select > modify > expand), и заполните новый слой ниже светло-голубым (E0FDFF). Увеличьте выделение на 1 px(
select > modify > expand) ,
feather 4 px, и заполните новый слой ниже цветом A9F1F6. Это создаст нежный эффект свечения.
[показать] [показать]6. Теперь измените масштаб изображения до 600 % и создайте новую группу слоев, назовите
star 1. Создайте новый слой в группе слоев и используйте
polygonal lasso tool, чтобы создать первую часть звезды (рисунок a).
[показать] [показать]7. Дублируйте слой и затем поверните на 90 градусов (
edit > transform > rotate 90 dCW) Затем создайте линию шириной 1 px на новом слое, используя
rectangular marquee tool. [показать] [показать]8. Поверните линию на 45 градусов и переместите на первые 2 части (рисунок
[показать].
[показать] [показать]9. Дублируйте и поверните диагональную линию (рисунок a). Слейте слои звезды вместе и сделайте выделение. Увеличьте выделение на 1 px (
select > modify > expand ),
feather 3, и затем заполните слой под звездой белым цветом
[показать] [показать]9. Создайте новую группу слоев и назовите ее
star 1. Поместите звезду, которую мы только создали, в группу слоев и затем дублируйте это 3 раза. Назовите их "
large", "medium" and "
small". . Используйте
transform tool для изменения размеров (
edit > transform > scale),
medium звезду к 70 % и
small к 30 %.
[показать] [показать] [показать] [показать]10. Дублируйте группу слоев "
star 1", назовите ее "
star 2" и измените ее размеры до 70 %, как показано ниже.
[показать]11 Затем дублируйте группу слоев так, чтобы у вас получилось 11 звезд.
[показать] [показать]12. В каждой группе слоев сделайте только 1 из слоев ("
large", "
medium" или"
small") видимым. После выполнения этого ко всем 11 группам слоев, у вас должно получиться, как на рисунке b.
[показать] [показать]13. Теперь мы будем анимировать текст, поэтому откройте его в
Image Ready. Создайте 4 кадра и установите
delay в 0.1 секунды. Также Вы можете видеть, что группа слоев
Noise имеет все 4 видимых слоя.
[показать] [показать]14 Для второго кадра сделайте первый слой невидимым . Для третьего кадра делают второй слой невидимым, и наконец для четвертого кадра делают третий слой невидимым.
[показать] [показать]15. У вас должно получиться как на рисунке ниже
[показать]16. Теперь мы будем анимировать каждую звезду. Когда мы сделали только первый слой видимым для каждой звезды, я сделал "small" слой видимый для "
star 1"
[показать] [показать]17 Так как звезды будут постоянно меняться в размерах , для второго кадра мы изменим видимый слой с
small на
medium.
[показать] [показать]18. Для третьего кадра мы изменим видимый слой с
medium на
large.
[показать] [показать]19. Наконец, для четвертого кадра мы изменим видимый слой опять на medium, таким образом это будет уменьшаться, когда повторится с первого кадра ("
small")
[показать] [показать]20. Теперь вам осталось сделать ту же самую вещь с каждой из других звезд 2-11. "
star 2" начинается с "
medium", таким образом Вы имеете выбор создания видимого слоя, "
small" или "l
arge" для второго кадра. После того, как Вы анимировали"star 1" и "
star 2", у вас должно получиться, как на рисунке b.
[показать] [показать]21. Теперь все, что Вы должны сделать, - оптимизировать изображение. Я установил в 64 цвета, но Вы можете установить свои параметры, которые вы Вы хотите, в зависимости от того, насколько большой файл вам нужен.
[показать]22. Затем сохраните (
file > save optimized as) как .gif.
[показать]Автор
flash-game-design.comПеревод
Afrodita