Анімований блискучий текст надає вашим проектам гламурного і динамічного вигляду - ідеально підходить для постів у соціальних мережах, запрошень або цифрових ілюстрацій. За допомогою Photoshop ви можете легко створити цей ефект, комбінуючи стилі шарів, ефекти блискіток і анімацію на часовій шкалі. У цьому уроці я крок за кроком покажу вам, як створити блискучий глітерний текст і змусити його сяяти за допомогою анімації. Давайте почнемо і приведемо ваш текст у рух!
1. новий документ
Почнемо зі створення нового документа з розмірами 574 Px x 319 Px.
Потім беремо інструмент градієнт і заливаємо фон кольорами від #29108c до #152869.
Ми малюємо градієнт з лівого верхнього кута в правий нижній.
2. створюємо текст і додаємо ефект блиску
Виберіть шрифт і напишіть текст. Тут я використовував "Franklin Gothic Heavy" розміром 235 px і кольором #8e5ade.
Дублюємо шари, двічі натиснувши Ctrl+J. Тепер у нас є 3 однакових шари.
Для першого ефекту блиску додаємо шум до першого шару в меню Фільтр>Шумовий фільтр>Додати шум і вибираємо значення 20%. На запитання, чи хочемо ми растеризувати шар, підтверджуємо натисканням OK.
Робимо те саме з другим шаром. Однак із силою 21%.
І знову для третього шару зі значенням 22%. Тепер ми маємо різну поведінку шуму для кожного з трьох шарів.
3. створюємо блиск
Потім ми створюємо порожній шар над кожним текстовим шаром, щоб додати різні візерунки зірочок.
Ви також можете знайти пензлі-зірки на PSD-Tutorials.de і за допомогою обраного вами пензля нанести багато зірочок на нижній шар. Трохи змінюйте розмір пензля, щоб зірочки розташовувалися хаотично.
Зробіть те ж саме з двома іншими шарами зірок, щоб отримати інший зоряний візерунок.
4. оживляємо блискітки
Тепер настає найцікавіша частина: ми збираємося анімувати створені нами блискітки. Для цього ми переходимо до Вікно> Анімація...
У вікні, що з'явиться, клацніть на піктограму перегляду кадру внизу праворуч...
Потім двічі клацніть по маленькому символу відривного блоку внизу, щоб створити ще два кадри.
Потім ми виділяємо перший кадр і показуємо перший текстовий шар з відповідним шаром зірочок.
Потім ми клацаємо на другому фреймі і показуємо другу пару текстового і зоряного шарів...
І для третього кадру ми показуємо останні два шари.
Потім, утримуючи клавішу Shift, виділяємо всі три кадри одночасно,...
... натискаємо на маленький трикутник поруч з кількістю секунд і встановлюємо значення 0,2 секунди часу відтворення на кадр.
А щоб анімація відтворювалася не один раз, а кілька разів поспіль, встановлюємо необмежене значення, як показано нижче.
Якщо ми натиснемо кнопку відтворення, наша анімація буде відтворюватися.
5. збереження анімації
Щоб зберегти нашу анімацію, ми переходимо в меню Файл>Зберегти для Інтернету та пристроїв.
І у вікні, що з'явиться, потрібно лише вибрати GIF. Потім натискаємо на кнопку Зберегти і наша анімація збережена.
Зараз часто трапляється, що анімації, які відкриваються за допомогою програм для перегляду зображень, не відтворюються. Відображається лише один кадр. Однак, щоб переглянути анімацію, достатньо просто перетягнути файл зображення у вікно браузера. Після цього він також буде відтворений.
Сподіваюся, вам сподобався урок. Тут ви можете побачити наш кінцевий результат:
