Як у фотошопі зробити анімацію?

Як у фотошопі зробити анімацію?

Уроки Photoshop. Анімація.

Як створити Gif анімацію у Фотошоп замислювалися ви, як створюються анімовані GIF-файли? Автор уроку пропонує вам за одну ніч освоїти деякі секрети анімації за допомогою цього уроку. Так само ви навчитеся використовувати Шкалу часу (Timeline), яка доступна у версії Photoshop CS6.

А тепер почнемо! Результат уроку. Створіть новий документ (Ctrl + N) з розмірами файлу 800 х 500 пікселів. Залийте фон будь-яким кольором, який ви хочете.

Тепер йдемо в меню Шари — Стиль шару — Накладення градієнта (Layer Layer Styles Gradient Overlay). Застосуйте наступні налаштування: Стиль Радіальний (Radial), кольору від чорного (# 000000) до синього (# 54799b), який буде використовуватися в центрі. Створіть новий шар і назвіть його Noise Layer.

Виберіть інструмент Заливка (aint Bucket Tool) і залийте створений шар темним кольором (# 231f20). Залиште активним шар

Noise Layer і йдіть в меню Фільтр — Шум — Додати шум (Filter Noise Add Noise). У діалоговому вікні налаштувань фільтра поставте такі значення:

Ефект (Amount) 3%, розподіл Рівномірний (Uniform) і натисніть ОК. Натисніть комбінацію клавіш (Ctrl + U) і в діалоговому вікні налаштувань корекції введіть значення насиченості (Saturation) 100%: Змініть цьому шару режим накладення на М’яке світло (Soft Light). Примітка перекладача: для того щоб домогтися такого кольору як у автора на скріншоті, можна при корекції Тон / Насиченість (Hue / Saturation) значення Колірного тони (Hue) поставити на — 140. Додайте будь-який текст, який ви хочете.

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

Щоб у вас вийшло так само, після того як застосували обведення, приберіть Заливку (Fill) шару з текстом на 0%, перетворіть цей шар в смарт об’єкт, а потім растрируются його. У цьому кроці ми будемо створювати світиться ефект для тексту за допомогою стилів шару. Двічі клацніть по шару, щоб викликати вікно налаштувань стилів. Для того щоб налаштувати стилі шару, використовуйте скріншоти нижче. Тиснення Внутрішня тінь Внутрішнє світіння Накладення кольору Зовнішнє світіння Тінь Як тільки ви закінчите створювати світлові ефекти за допомогою стилів шару, перейдіть в палітру шарів і зменшіть цьому шару значення

Заливки (Fill) на 0%. Дублюйте шар, який ви створили в кроці 5 і відключіть цієї копії всі стилі шару.

Налаштуйте тепер стилі так: Внутрішня тінь Внутрішнє світіння Нижче результат після того як ви застосували стилі шару. Тепер ми створимо рухомі світлові цятки.

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

Непрозорість (Opacity) на 95% і білим кольором намалюйте цятки поверх тексту. Для кожної букви окреме світлове пляма на своєму шарі. Нижче на скріншоті ви можете розглянути, як шари виглядають у автора в палітрі шарів. Тепер йдемо в меню Вікно — Шкала часу (Window Timeline). Ви помітите, що ваші шари вже побудовані в цій палітрі в лівій її частині.

Виділіть кожен з п’яти шарів зі світловими плямами, які знаходяться в групі Light Spots і переконайтеся що індикатор поточного часу (блакитний слайдер) коштує на нульовому кадрі.

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

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

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

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

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

Автор бажає вам успіхів і досягнення рівня профі J Автор: Переклад.

Як у фотошопі зробити анімацію?

Сподобалася стаття? Поділися нею з друзями!