Знайомимося: програма для створення анімації Easy Gif Animator

Коли ми з вами вчилися створювати банери в фотошопі, я пообіцяла вам, що розповім, як цей процес можна здійснити в програмі Easy Gif Animator. Виконую обіцянку.

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

На питанні установки я не зупиняюся. Вона стандартна.
Завантажити пробну або придбати ліцензійну версію можна на офіційному сайті

Хоча за бажанням можна знайти портативну і русифіковану версію, яка дуже полегшить вам життя (у мене як раз цей варіант). Або завантажити пробну версію і протягом пробного періоду по повній її використати!

1- Про програму Easy Gif Animator.

Easy Gif Animator допоможе вам створити:
— анімовані банери,
— анімовані кнопки,
— різні види простих і складних анімацій.

Для роботи можна використовувати зображення в форматах gif, jpg, jpeg, png, iso, bmp, а на виході отримувати зображення в форматах gif, avi, flash.

Програма дає можливість:
• створювати «анімацію з нуля» або за допомогою Майстра;
• редагувати кадри в процесі роботи;
• редагувати створені раніше або готові гіфки;
• застосовувати різноманітні ефекти для тексту та зображень;
• попередньо переглядати результат роботи в вашому браузері;
• змінювати розмір анімації, експортувати з неї всі або тільки окремі кадри, а також робити прозорими необхідні її частини;
• додавати музику при збереженні в форматі flash;
• генерувати HTML код для публікації в Мережі.

2- Інтерфейс Easy Gif Animator

Відкрийте програму. Перед вами з’явиться вікно запуску (картинка 1).

Розгляньте уважно, які можливості для творчості у вас є.

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

Я не буду детально зупинятися на цьому питанні, тому що:
— по-перше, там все достатньо зрозуміло,
— по-друге, для успішного творчого процесу ця самостійна «екскурсія» по меню просто необхідна.

Якщо у вас англійська версія, то ось невеликі пояснення (переклад) основних термінів:

У вікні редагування і перегляду (картинки 2 і 3) зліва розташовується вікно кадрів, де ви зможете бачити всі створені кадри. По центру – вікно редагування, де ви побачите всі зміни (ви зможете за допомогою кнопок 3 переглянути вже створену або раніше готову роботу).

Завдяки вкладці «Властивості анімації» (Animation properties) (картинка 2 (2)) ви можете:
— встановлювати її тип: постійний або ж з певною кількістю повторів (2).
— вибирати колір фону,
— змінювати розмір роботи та додавати коментар до неї.

Поставивши галочку біля функції «Не об’єднувати палітру» (do not merge palette), ви поліпшите кольорі анімації, в якій кожен фрейм містить різні зображення.

На вкладці «Властивості кадру» (Properties of the frame) (картинка 3 (4)) вибирається час кожного кадру, і додається при необхідності коментар до фото. Тут же передбачена можливість встановлювати прозорість (5) обраних ділянок зображення.

При натисканні на кнопку «Встановити прозорість» (To set the transparency) за допомогою інструменту “Піпетка” виділяємо колір, який ми хочемо замінити прозорим. Таким чином можна прибрати, наприклад, однотонний фон навколо зображення.

3- Основні алгоритми роботи Easy Gif Animator

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

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

3.1 Початкове налаштування програми

Вибираємо у верхньому меню вкладку Інструменти (Tools) і з меню, що випадає вибираємо вкладку Налаштування (Opsions). І в вікні «Параметри» (картинка 4) в кожній вкладці вибираємо потрібні нам налаштування.

Во вкладці Вид (View) я б радила прибрати обидві галочки, щоб кожного разу не показувалося вікно вітання (Show Welcome Screen) і щоб була можливість створювати анімацію з нуля, тому що за замовчуванням встановлена функція створення за допомогою Майстра (Use (Anination Wizard when Czreating New Animation)). Знявши галочки, не забудьте натиснути на OK, щоб зберегти ці налаштування.

У вкладці Анімація (Animation) ви можете вибрати основний тип анімації: постійний (Повтор завжди – repead forever) або періодичний. Вибираємо – повтор завжди.

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

У вкладці Інструменти (Tools) треба вказати шлях до запуску програми, яку ви хочете використовувати за замовчуванням для редагування кадрів вашої анімації.
Я не вказувала шлях, і в результаті при редагуванні фрейму у мене відкривається стандартна програма для малювання Paint.

Початкові налаштування завжди можна змінити в процесі роботи в полі «Властивості анімації» та «Властивості кадру» (див картинки 2 (2) і 3 (4)).

3.2 Робота з кадрами в програмі

Створення фрейму (кадру).
Для того щоб створити новий кадр, треба натиснути на кнопку 6 або кнопку 7 (картинка 5).

У першому випадку ви зможете створити фрейм з зображення, яке виберете на своєму комп’ютере. Можна одночасно завантажити кілька зображень, утримуючи клавішу Shift. При цьому кожне з них створиться у вигляді окремого фрейму.

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

Спочатку вам буде запропоновано вибрати розмір зображення і колір фону. Вибирайте ці параметри та натискає кнопку OK.
Можна таким чином створювати будь-яку кількість різних кадрів.

Всі кадри, які ви створите, будуть показані зліва в поле вікна кадрів. Їх можна потім за допомогою інструментів 8 (стрілок) переміщати вгору або вниз, та міняти місцями.

Б)Редагування і перегляд
Спочатку виділяємо потрібний кадр в поле вікна кадрів анімації. Потім для редагування можна скористатися панеллю інструментів 9 або натиснувши на кнопку 10 (змінити кадр – change frame), перейти в редагування в обраній вами програмі.

Будь-якій фрейм можна видалити, виділивши його і натиснувши на кнопку 11 (картинка 5).

Крім того в процесі редагування ви можете у вкладці «Властивості кадру» виставити тривалість кадру, дописати коментар до нього, а також скористатися кнопкою «Встановити прозорість» (картинка 5).

Для зміни розміру кадру скористайтеся вкладкою «Властивості анімації», вибравши кнопку «Змінити розмір».

Для редагування завантажених зображень і тексту в програмі передбачений Інструмент «Виділення» (основне верхнє меню).
З його допомогою можна:
• Зробити будь-яке кольорове зображення чорно-білим (пункт «Відтінки сірого»);
• Інвертувати зображення (пункт “Інвертувати»);
• Відбити по горизонталі та вертикалі.
• Додати тінь.

Крім того, як і в будь-якому іншому редакторі, кадри можна копіювати, вирізати, вставляти, користуючись вкладкою верхнього меню «Правка».

В поле вікна «Перегляд» ви зможете побачити відредагований фрейм.

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

Г) Експорт кадрів
У будь-який момент створення анімації ви можете будь-якій її кадр або групу кадрів зберегти до себе на комп’ютер у вигляді окремих зображень в форматі gif.

Для цього треба вибрати потрібні файли, клацнувши по нім лівою кнопкою миші (якщо кадрів багато, то при виділенні утримуйте Shift на клавіатурі) і далі вибрати в меню «Кадр»/ «Експорт виділених кадрів».

3.3 Збереження анімації

Готову анімацію необхідно зберегти. Для цього вибирайте з верхнього меню Файл/Зберегти або Файл/Зберегти як … (в форматі gif).

А якщо ви хочете зберегти свою роботу в іншому форматі, то вибирайте Файл/Експорт в …

І зберігайте вашу роботу в avi або flash.

Ось, мабуть, про всі головні алгоритмах. Як відправити картинку поштою, як переглянути її в браузері, як отримати html-код і т.п., впевнена, ви розберетеся самі!

3.4 Створення ефектів анімації

А) Для зображень.
Щоб створити ефект анімації для будь-якого завантаженого вами зображення необхідно:
1. Виділити потрібний кадр, клацнувши по ньому лівою кнопкою мишки (картинка 8).
2. Натиснути кнопочку 13 (створити ефект для зображення – create the effect to the image).
3. Відкриється вікно «Створити ефект переходу» (картинка 9), в якому ми вибираємо необхідний нам ефект.
Для кожного ефекту Програма пропонує встановити свої параметри.
Щоб відразу ж побачити, що у нас виходить при виборі того чи іншого ефекту і його параметрів, поставимо галочку в лівому нижньому кутку біля «Показати» (картинка 9).
4. Коли вас в створеному ефекті все влаштовує, натискаємо OK і переходимо у вікно перегляду (картинка 10).
5. Зберігаємо анімацію.

Ось подивіться, що вийшло у мене. У першому випадку я використовувала ефект «Збільшення», а в другому – до нього додано ще ефект «Обертання».

Б) Створення текстових ефектів анімації

Для створення текстових ефектів діємо таким чином:
1. Створюється новий кадр (з’являється частина зображення). Для прикладу візьму в якості кадру зображення. (Див. картинку 11).
2. Натискаємо на кнопочку 14 «Створити анімований текст» – «Create animated text».
3. У вікні «Створити текстовий ефект»/«Create text effect» вводимо текст і виставляємо потрібні вам параметри для анімації (картинка 12). Експериментуйте, встановивши галочку біля напису «Показати», і ви будете бачити, що у вас виходить в кожному конкретному випадку.
4. Якщо текст потрібно пересунути, натисніть на кнопочку «Змінити позицію тексту»/«To change position text» і в діалоговому вікні за допомогою стрілок пересуньте його в потрібне вам місце. Я пересунула, як бачите, «Привіт» з центру вниз (картинка 13)
5. Якщо вас все влаштовує, сміливо натискайте OK, і зберігайте свій шедевр!

Ось що у мене вийшло.

Проекспериментуйте, створюючи найпростіші анімації, поступово переходячи до більш складних!

А я з вами на сьогодні прощаюся.

Все, про що я розповіла вам в цьому уроці, в основному стосується створення анімації «з нуля», хоча ці знання, впевнена, стануть в пригоді вам і при роботі з Майстром програми, якщо ви захочете удосконалити або змінити те, що цей самий Майстер допоможе вам створити!

Наступного разу ми продовжимо розмову про Easy Gif Animator і на конкретних прикладах розглянемо безпосередньо сам процес створення анімованих зображень, банерів і кнопок за допомогою Майстра, в яких можна застосувати й ті всі знання, набуті в цьому уроці.

Поділитися в соц. мережах