Створення анімації в Easy Gif Animator за допомогою Майстра програми

Продовжуємо знайомство з програмою для створення анімації Easy Gif Animator.

У цьому уроці, як я і обіцяла, ми будемо вчитися створювати анімації, анімовані банери і кнопки за допомогою Майстра (Чарівника), який «вбудований» в саму програму і значно спрощує нам роботу.

1- Створення анімованого зображення за допомогою Майстра анімації

Створення анімації за допомогою Майстра анімації ми розглянемо на прикладі створення анімованого банера, який ми вже створювали в одному з уроків в фотошопі. Тепер ми подивимося, як легко це зробити за допомогою Майстра.

Починається процес створення анімації з запуску Майстра. Для цього вибираємо в меню вкладку Файл і в випадаючому контекстному меню вибираємо Майстер нової анімації. Після цього робимо наступні кроки.
Крок 1. Вибираємо зображення, які ми хочемо використовувати при створенні анімації. Я вибираю три зображення, представлені на картинці А.
Раніше я використовувала їх для створення анімованого банера в фотошопі.
картинка А
Натиснувши на кнопочку (1) можна додавати або видаляти зображення, а за допомогою стрілок (2) можна змінювати черговість розташування кадрів нашої анімації
(Див картинку 1). І натискаємо кнопочку «Вперед».

картинка-01
Крок 2. Вибираємо тип анімації (3): постійна або на певний час і час анімації (4) – час зміни кадрів. Натискаємо кнопочку «Вперед».

Крок 3. Вибираємо місце розташування зображень щодо кордонів кадру. Звертаю Вашу увагу на той факт, що розмір кадру визначається автоматично за розміром найбільшого зображення, яке Ви обираєте для створення анімації. Тому якщо ви збираєтеся робити анімацію у вигляді зміни зображень, то краще спочатку завантажувати в Майстер картинки одного розміру.
Натискаємо кнопочку «Вперед».
картинка 2
Крок 4. З’являється картинка Фініш. Робота закінчена!
картинка 3
Натискаємо на однойменну кнопочку і переходимо в саму програму, де можемо переглянути і зберегти отриману анімацію. Як це зробити дивіться в розділі 3.2 і 3.3 попередньої статті.

У підсумку я отримала ось такий банер без тексту зі зміною картинок.
баннер результат 1

Якщо ви захочете змінити ефект анімації, то далі дієте так, як описано в розділі створення ефектів анімації для зображень (пункт А розділу 3.4 попереднього уроку).
Застосувавши, наприклад, ефект «Зникнення», отримаємо ось такий банер.

баннер-результат-2

А застосувавши кілька ефектів, можемо отримати ось такий банер.

баннер-результат-3

2- Створення анімованого банера за допомогою Майстра

Починаємо створення банера з відкриття Майстра: Файл / Майстер нового банера.

Крок 1. Вибираємо у вікні розмір банера (картинка 4):
• Стандартний (1) – вибираємо із запропонованих стандартних розмірів;
• Довільний (2) – будь-який по ваших розмірах;
• В залежності від розміру фонового зображення (3), яке ми завантажуємо через кнопочку «Огляд» зі свого комп’ютера.
картинка 4
Крок 2. Вибираємо стиль (4) і колір фону банера (5). Тут спробуйте проекспериментувати! Це цікаво і захоплююче! Мій варіант представлений на зображенні 4.

Крок 3. Вибираємо стилі анімації для текстів. Програма передбачає три тексту. Анімацію до кожного з них можна налаштувати окремо.
картинка 5
Вибираємо номер тексту (6), підбираємо для нього всі необхідні атрибути (7) і налаштовуємо анімацію (8). У віконце нижче карбується необхідний текст і переглядаємо результат обраного типу анімації.

Ви можете вибрати: як буде з’являтися текст, скільки по часу він буде показуватися відвідувачеві вашого сайту і яким чином зникне. Коли перший текст ми підготували, натискаємо на наступний номер тексту (текст 2) і робимо з ним ті ж операції.

Аналогічним чином поступаємо і з текстом 3, якщо ми вирішили використовувати всі три тексти (але можна використовувати і тільки два тексту).
картинка 6

Кнопочка «Вперед» натискається тільки тоді, коли ми остаточно завершили роботу з усіма текстами (див картинки 5 і 6).

Крок 4. Анімований банер готовий! Зберігаємо його і натискаємо кнопочку «Фініш», щоб переглянути, що у нас вийшло і при необхідності підправити анімацію у вікні програми.

В результаті у нас вийшло:
баннер-результат-05

3- Створення анімованої кнопки за допомогою Майстра

Запусків майстер кнопок: Файл / Майстер нової кнопки.

Крок 1. Вибираємо будь-яку із запропонованих форм (1) або вибираємо вже готовий шаблон (2). Натискаємо кнопку «Вперед».
картинка 7
Я вибрала варіант – Шаблон.
При цьому відразу з’являється табличка з різноманітними шаблонами (3), з яких, я впевнена, ви зможете собі вибрати відповідний!
До того ж можна, натиснувши на кнопочку «Відкрити файл» переглянути ще варіанти. Потім натискаєте ОК.

Якщо ви хочете створити свою особливу кнопочку, а не взяти за основу готову, то проекспериментуйте і з іншими формами (1).
картинка 8

Крок 2. Вибираємо розмір кнопки (4).
Не буду зупинятися на цьому кроці. Тут все просто.

Крок 3. Створюємо ефекти анімації для тексту на кнопці.

Вибираємо «Заголовок 1» (5), визначаємо для нього необхідні атрибути (6) і час показу тексту (7).

Потім таким же чином налаштовуємо Тема 2 і Заголовок 3 (при необхідності, але мені здається, що загрожують кнопку трьома заголовками буде зайвим).
Я вибрала варіант з двома заголовками.

Коли все готово, натискаємо кнопочку Фініш і переглядаємо отриману анімовану кнопочку.
картинка 9
анимированная кнопка
Скажу з приводу Майстри Програми Easy Gif Animator ще кілька слів: на будь-якому етапі Ви можете зупинитися і закінчити свою роботу над анімацією, банером або кнопочкою, або повернутися до попереднього вікна для редагування або зміни, а також можете скасувати свої дії. У вікні перегляду ви буде постійно бачити, як відбувається зміна вашої анімації.
Ну, ось і все на сьогодні!

Сподіваюся, що я переконала вас, що з Майстром працювати легко і цікаво!

До нової зустрічі!

Text.ru - 100.00%

  Мітки:

Ваш коментар

Ваша e-mail адреса не оприлюднюватиметься. Обов’язкові поля позначені *

  Відправляючи коментар, ви погоджуєтеся з політикою конфіденційності цього сайту *

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