Як створити gif анімацію в фотошоп

Створіть новий документ (Ctrl + N) з розмірами файлу 800 х 500 пікселів. Залийте фон будь-яким кольором, який ви хочете. Тепер йдемо в меню Слоі- Стільслоя- Наложеніеградіента (Layer> Layer Styles> Gradient Overlay). Застосуйте наступні настройки: Стиль Радіальний (Radial), кольору від чорного (# 000000) до синього (# 54799b), який буде використовуватися в центрі.

Створіть новий шар і назвіть його Noise Layer. Виберіть інструмент Заливка (Paint Bucket Tool) і залийте створений шар темним кольором (# 231f20). Залиште активним шар Noise Layer і йдіть в меню Фільтр - Шум - Додати шум (Filter> Noise> Add Noise). У діалоговому вікні налаштувань фільтра поставте такі значення: Ефект (Amount) 3%, розподіл Рівномірний (Uniform) і натисніть ОК.

Натисніть комбінацію клавіш (Ctrl + U) і в діалоговому вікні налаштувань корекції введіть значення насиченості (Saturation) 100%: Змініть цього шару режим накладення на М'яке світло (Soft Light).

Додайте будь-який текст, який ви хочете. Тут ми будемо використовувати текст логотипу сайту 123RF. У стилях шару використовуйте Обведення (Stroke). Значення розміру обведення виберіть за своїми уподобаннями.

У цьому кроці ми будемо створювати світиться ефект для тексту за допомогою стилів шару. Двічі клацніть по шару, щоб викликати вікно налаштувань стилів. Для того щоб налаштувати стилі шару, використовуйте скріншоти нижче.

Тиснення (Bevel Emboss)

Внутрішня тінь (Inner Shadow)

Внутрішнє світіння (Inner Glow)

Накладення кольору (Color Overlay)

Зовнішнє світіння (Outer Glow)

Як тільки ви закінчите створювати світлові ефекти за допомогою стилів шару, перейдіть в палітру шарів і зменшіть цій верстві значення Заливання (Fill) на 0%.

Дублюйте шар, який ви створили в кроці 5 і вимкніть цієї копії всі стилі шару. Налаштуйте тепер стилі так:

Внутрішня тінь (Inner Shadow)

Внутрішнє світіння (Inner Glow)

Нижче результат після того як ви застосували стилі шару.

Тепер ми створимо рухомі світлові цятки. Створіть 5 шарів поверх існуючих, і перейменуйте їх як 1,2,3, R і F. Якщо у вас свій текст створіть шари відповідно до ваших буквами. Згрупуйте ці шари в папку, якій дайте назву Light Spots і змініть режим накладання на Освітлення основи (Color Dodge).

Тепер йдемо в меню Вікно - Шкала часу (Window> Timeline). Ви помітите, що ваші шари вже побудовані в цій палітрі в лівій її частині. Виділіть кожен з п'яти шарів зі світловими плямами, які знаходяться в групі Light Spots і переконайтеся що індикатор поточного часу (блакитний слайдер) коштує на нульовому кадрі. Тепер на кожному шарі в групі, при його активності, натисніть на опцію Позиція (Position), щоб створити ключовий кадр.

Встановіть індикатор поточного часу (блакитний слайдер) на позначці 1:00 F і перемістіть шари зі світловими плямами по траєкторії їх руху щодо контуру букви.

Так буде виглядати початкове положення світлової плями на буквах. Переміщайте індикатор поточного часу за шкалою і рухайте шари зі світловими плямами, створюючи ключові кадри. Продовжуйте їх переміщати, поки не закінчите рух плямочки по всій букві кожного текстового шару. Для інструкції дивіться кілька скріншотів нижче

Примітка перекладача: Робіть невеликі відрізки для переміщення світлових плям, щоб їх рух і відповідно анімація були плавними.

Ось так буде виглядати шкала часу після пересування світлових плям і створення ключових кадрів. Зауважте, що ключовий кадр знаходиться в точці зміни положення плямочки у вашій анімації.

Як тільки все буде готово, перейдіть в меню Файл - Зберегти для Web (File> Save for Web) і застосуєте настройки, як показано на скріншоті. Після цього натисніть кнопку Зберегти (Save) і збережіть анімацію у форматі GIF.

доповнень:
23 370

передплатників:
70 000+

Робіт користувачів:
328 998

Інші наші проекти:

Реєстрація

Реєстрація через пошту