Анимированный текст с блестками придаст вашим проектам гламурный и динамичный вид - идеальное решение для постов в социальных сетях, приглашений или цифровых работ. В Photoshop вы можете легко создать этот эффект, сочетая стили слоя, эффекты блеска и анимацию на временной шкале. В этом уроке я покажу вам шаг за шагом, как создать сверкающий глиттерный текст и заставить его сиять с помощью анимации. Давайте начнем и приведем ваш текст в движение!
1. новый документ
Для начала создадим новый документ размером 574 Px x 319 Px.
Затем возьмем инструмент градиента и зальем фон цветами от #29108c до #152869.
Мы рисуем градиент сверху слева направо.
2. Создайте текст и добавьте эффект блеска
Выберите шрифт и напишите текст. Здесь я использовал "Franklin Gothic Heavy" размером 235 px и цветом #8e5ade.
Дублируем слои, дважды нажав Ctrl+J. Теперь у нас есть 3 одинаковых слоя.
Для создания первого эффекта блеска добавим шум на первый слой через Filter>Noise Filter>Add Noise и выберем значение 20%. На вопрос, нужно ли растрировать слой, отвечаем "ОК".
То же самое проделываем со вторым слоем. Однако с силой 21%.
И снова для третьего слоя со значением 22%. Теперь у нас разное поведение шума для каждого из трех слоев.
3. Создаем блеск
Затем мы создадим пустой слой над каждым текстовым слоем, чтобы добавить различные звездные узоры.
Вы также можете найти кисти звезд на PSD-Tutorials.de и с помощью выбранной вами кисти разместить множество звезд на нижнем слое. Немного измените размер кисти, чтобы звезды располагались хаотично.
Проделайте то же самое с оставшимися двумя слоями со звездами, чтобы получился другой звездный узор.
4. Анимируйте блестки
Теперь наступает самая интересная часть: мы собираемся анимировать созданный нами блеск. Для этого перейдем в меню Окно>Анимация...
В появившемся окне нажмите на значок просмотра кадра в правом нижнем углу...
Затем дважды щелкните на маленьком символе отрывного блока внизу, чтобы создать еще два кадра.
Выделим первый кадр и покажем первый текстовый слой с соответствующей звездой.
Затем щелкните на втором кадре и покажите вторую пару слоев с текстом и звездой...
А для третьего кадра мы покажем два последних слоя.
Затем, удерживая клавишу Shift, выделите все три кадра сразу,...
...щелкните на маленьком треугольнике рядом с числом секунд и установите значение 0,2 секунды времени воспроизведения на кадр.
А чтобы анимация воспроизводилась не один раз, а несколько раз подряд, мы установим неограниченное значение, как показано ниже.
Если мы нажмем кнопку воспроизведения, наша анимация начнет проигрываться.
5. сохранение анимации
Чтобы сохранить нашу анимацию, переходим в меню Файл>Сохранить для Web и устройств.
В появившемся окне нужно выбрать только GIF. Затем нажимаем "Сохранить", и наша анимация сохраняется.
Теперь часто случается, что анимации, открытые с помощью программ просмотра изображений, не воспроизводятся. Отображается только один кадр. Однако, чтобы просмотреть анимацию, достаточно просто перетащить файл изображения в окно браузера. Тогда она также будет воспроизведена.
Надеюсь, вам понравился этот урок. Здесь вы можете увидеть наш конечный результат:
