Вітаю Вас в черговий раз, шановні користувачі! Напевно, багато хто з Вас замислювалися про те, як зробити анімацію. Сьогодні їх можна зустріти на різних ресурсах, частіше за все, в соціальних мережах.
Створювати анімації досить легко. Головне знати, якими інструментами потрібно користуватися, щоб самому створити анімацію. У даній статті ми розглянемо, як зробити анімацію з відео, а також навчимося самостійно створювати анімацію з нуля.
Анімації створюються в графічному форматі GIF (Graphics Interchange Format). Головна відмінність цього формату полягає в тому, що він не є статичною.
Для створення анімації з відео або картинок існує величезна кількість програм, в інтернеті навіть можна знайти сайти, де в online-режимі можна створити анімацію. У сьогоднішній статті я вибрав найоптимальніше додаток для цього завдання. Що стосується створення анімації з нуля, то тут варто вибирати Photoshop CS (бажано, щоб це була шоста версія).
Як зробити анімацію з відео?
Допоможе в нашій справі відео конвертер Movavi. Нижче надані посилання для скачування:
Для Windows. - https://movavi.ru/download-videoconverter
Для Mac. - https://movavi.ru/download-videoconvertermac
Викачуємо програму і встановлюємо. Додаємо відео створення анімації. Для цього необхідно натиснути на кнопку «Додати відео», яка знаходиться в лівому верхньому кутку. Вибираємо потрібний файл. При бажанні можна додати відразу кілька відео.
Знаходимо цікавий для нас фрагмент, який ви хочете побачити у вигляді анімації. Для цього потрібно пересунути трикутні маркери: перший встановлює початок анімації, а другий - закінчення.
Тепер переходимо до списку з назвою «Конвертувати в» і вибираємо опцію «Зображення». Нам потрібно вказати формат - GIF, а потім визначитися з розміром анімації. Наприклад, в соціальних мережах зазвичай використовують середній розмір - 200 × 200.
Перед стартом необхідно вибрати папку, куди будуть зберігатися анімації після конвертації. Для цього натисніть кнопку «Огляд». Можна вказати певну папку або залишити налаштування за замовчуванням. Тоді файли будуть зберігатися в директорію «Movavi Library».
Тепер можна натискати «Старт», після чого запуститися процес конвертації певної ділянки з відео в GIF-анімацію. Після закінчення папка зі збереженим файлом відкриється автоматично.
Це, мабуть, найпростіша і ефективна програма для створення анімації. Якщо ви не хочете зайвий раз завантажувати софт, то завжди можна зробити GIF в онлайн-сервісах.
Як зробити анімацію з нуля в Photoshop CS6
Якщо Вам не потрібно просто вирізати шматок з відео, і Ви хочете зробити оригінальний анімований логотип, то пора відкривати Photoshop. Я на прикладі розповім Вам, як зробити ефектну анімацію. В результаті вийти ось такий анімований логотип:
Підготовка зображення для анімації
Відкриваємо програму і створюємо новий документ (натискаємо комбінацію Ctrl + N). У вікні вибираємо розміри 800 × 600 - це стандарт. Фон можна залити люблю кольором, у нас це чорний. Тепер переходимо в меню «Шари», далі «Стиль шару» - «Накладення градієнта» ((Layergt; Layer Stylesgt; Gradient Overlay). Встановлюємо наступні параметри: колір від чорного до синього, стиль Радіальний.
Нам потрібно зробити новий шар, назвіть його Noise Layer. Вибираємо інструмент «Заливка» (Paint Bucket Tool). Виконуємо заливку цього шару чорним кольором. Ми залишаємо шар активним і переходимо в меню «Фільтр», потім «Шум» - «Додати шум». (Filtergt; Noisegt; Add Noise). У діалоговому вікні нам необхідно задати такі параметри: розподіл (Uniform), Ефект (Amount) - 3%. Підтверджуємо своє дією натисканням на «ОК».
Натискаємо «Ctrl + U» і виставляємо в вікні значення «насиченості» (Saturation) 100%. Потрібно поміняти режим накладення шару, виставляємо «М`яке світло» (Soft Light).
Вписуємо будь-який текст на основний шар. У нашому випадку - це 123RF. У стилях не забудьте вибрати «Обведення» (Stroke) для тексту. Розмір обведення можна вибирати за особистим бажанням.
Тепер нам потрібно додати світиться ефект для нашого логотипу. Заходимо в настоянки шару (два рази клацаємо на нього). Тут нам потрібно виставити показник «Тиснення» (Bevel Emboss) точно так же, як на скріншоті нижче.
«Внутрішня тінь» (Inner Shadow).
«Внутрішнє світіння» (Inner Glow).
«Накладення кольору» (Color Overlay).
«Зовнішнє світіння» (Outer Glow).
Тінь (Drop Shadow).
Після закінчення переходимо в стилі шару і прибираємо йому значення «Заливання» (Fill) на 0%.
Дублюємо шар, де ми виконали всі маніпуляції. Переходимо в налаштування шару і відключаємо цієї копії всі параметри, які ми виставили вище. Тепер стилі потрібно налаштувати наступним чином:
«Внутрішня тінь» (Inner Shadow).
«Внутрішнє світіння» (Inner Glow).
В результаті у вас повинно вийти приблизно таке зображення.
Процес створення анімації
Задумка така, що маленькі світлові цятки будуть рухатися по буквах. Створюємо ще 5 шарів і назвіть їх 1, 2, 3, R і F - на кожен знак по шару, якщо Ви робите свій текст. Для зручності помістіть ці п`ять шарів в папку, назвіть її, наприклад, Light Spots. Зайдіть в налаштування папки і поміняйте режим накладення на Освітлення основи (Color Dodge).
Натискаємо на інструмент «Пензель» (Brush Tool), тут нам потрібно вибрати м`яку пензлик, показник «Непрозорість» (Opacity) міняємо на 95%. На кожному шарі з папки Light Spots поставте біло цятка. На кожному знаку - в певному місці.
Починаємо працювати над анімацією. Заходимо в «Вікно», далі в «Шкалу часу» (Windows - Timeline). У лівій частині ви можете спостерігати свої шари. Вам потрібно виділити шари з папки Light Sport. Перевірте індикатор - він повинен стояти на 0. На кожному шарі з групи потрібно створити ключовий кадр - для цього натискаємо на «Позицію» (Position).
Тепер виставляємо індикатор часу на позначку «1:00 F». Тепер перетягуємо світлову пляму на букві F по траєкторії.
Так створюється анімація, відрізки повинні невеликими.
Після всіх маніпуляцій шкала часу повинна виглядати приблизно так:
Після завершення роботи заходимо в меню «Файл» і вибираємо «Зберегти для Web» (File - Save for Web). Змініть настройки як на зображенні нижче.
Ось тепер все готово, Ви тільки що самостійно створили анімацію! Вітаю вас. А у Вас залишилися ще якісь питання про те, як правильно і красиво зробити анімацію не вдаючись до сторонньої допомоги. На завершення пропоную Вам подивитися відео - Як зробити анімацію.
На сьогодні це все про що я хотів Вам сьогодні розповісти. Всім до зустрічі в наступній статті.
Шановні користувачі, якщо у вас після прочитання цієї статті виникли питання або ви бажаєте щось додати щодо тематики даної статті або всього інтернет-ресурсу в цілому, то ви можете скористатися формою коментар. Задавайте свої питання, пропозиції, побажання ..
Отже, на сьогодні це власне все, про що я хотів вам розповісти в сьогоднішньому випуску. Мені залишається сподіватися, що ви знайшли цікаву і корисну для себе інформацію в цій статті. Ну а я в свою чергу, чекаю ваші питання, побажання або пропозиції щодо даної статті або всього сайту в цілому == gt;