» » Gif-анімація - як це робиться? Частина 3

Gif-анімація - як це робиться? Частина 3

Фото - Gif-анімація - як це робиться? Частина 3

В попередній частині статті про програму «Ulead GIF Animator» ми навчилися створювати анімацію, а тепер подивимося, як можна видозмінювати наявні у нас зображення, а заодно і навчимося зберігати файл.

Робочий стіл

Тепер подивимося, що є на робочому столі і як цим користуватися. У верхній частині столу над картинкою, з якою ми працюємо, знаходяться три вкладки: «Edit» - це основна вкладка, в якій ми малюємо і правимо зображення, «Optimize» - вкладка для оптимізації зображення, яку ми зараз детально розглянемо, і «Preview »- для перегляду анімації в дії. (Не знаю, для чого вона потрібна, анімацію простіше дивитися, клікнувши на кнопку «play-pause»)

І так, вкладка «Optimize». На робочому столі відкриваються два варіанти нашої картинки - оригінал і змінене зображення. При переході в цей режим дивимося на панель атрибутів. В атрибуті «preset» («встановлені установки») можна вибрати одну з декількох налаштувань відображення графіки і підібрати найбільш цікаву для нас забарвлення і тональність. Якщо вам не хочеться використовувати шаблони, то можете скористатися сусідніми атрибутами, які змінюються окремо.

Атрибут «color» («колір») надає нам можливість пограти з кількістю квітів в діапазоні від 2 до 256. При мінімумі у нас вийде чорно-біла анімація. Озвучити її грою на піаніно, і ми зробимо німий фільм а-ля Чарлі Чаплін. Якщо виставити значення «колір» на максимум, то нічого особливого не станеться - зображення не зміниться, мабуть, воно й так має 256 кольорів.

Атрибут «dither» («згладжування колірних переходів») зазвичай виставлений зі значенням 100. При мінімальному значенні атрибута кольорові переходи будуть занадто різкі і це не дуже красиво, хоча для абстракції зійде.

Атрибут «Lossy» також має значення в діапазоні від 0 до 100, з його допомогою теж можна неабияк зіпсувати картинку (або поліпшити, це ще як подивитися). Кожна з налаштувань діє на зображення по-своєму, але якщо їх використовувати разом, то можна домогтися цікавих результатів. Словами це не описати, тут ви повинні експериментувати самі - у кожного свій смак. Коли ми, нарешті, прийшли до повної гармонії квітів і тонів і захочемо наступного разу використовувати ці ж налаштування, то їх можна зберегти.

Поруч з атрибутом «preset» знаходиться іконка «add a preset», клікнувши в неї, ми відкриємо невелике вікно, в якому можна дати свою назву новим налаштуванням і завантажити їх. Всі зміни в режимі «Optimize» зачіпають не один певний кадр, а кліп в цілому. Тому оптимізувати слід вже після того, як мультфільм закінчений, інакше потім доведеться все переробляти, а то і видаляти деякі кадри.

Що ще можна робити в режимі «Optimize»? Я знайшов тут одну цікаву річ. Це стосується підбору кольору для заливки. Інший раз дуже складно підібрати відповідний колір, щоб залити ту або іншу область зображення. Неможливо добитися ідеального подібності, якщо не користуватися цією опцією: без неї припадає заливати майже все, тобто зафарбовувати і ті області, які потрібно було залишити в незайманому вигляді. Але тут процедура підбору проста і зручна.

На лівому зображенні (оригінал) знаходимо колір, який ми хотіли б використовувати в заливці (втім, неважливо яким інструментом ми будемо користуватися, це може бути і кисть), і тикаємо в нього лівою кнопкою миші. Цим простим способом ми копіюємо колір в панель інструментів, замість того, щоб півгодини витратити на підбір відтінку. Після цього слід перейти в режим «Edit» і ми можемо підмалювати, наприклад, хмара на фотографії. Ця опція є так само в програмах «Adobe photoshop» і «Corel Paint Shop Pro X».

Робота в панелі розкадровки

Тепер подивимося, що можна зробити в панелі розкадровки.

Двічі кликнемо в кадр лівою кнопкою миші і заглянемо в відкрилося вікно «Frame properties» (властивості кадру). Тут можна задати час відтворення кадру, від 0,1 секунди. Зазвичай ми використовуємо стандартний час відтворення, але іноді доводиться уповільнити або прискорити перегляд одного зображення.

Якщо натиснути правою кнопкою в кадр, то ми побачимо вікно зі списком команд, які можна використовувати. Переглянемо їх по порядку. І буде краще, якщо ми для початку попрацюємо ні з картинкою, а просто з порожнім кадром.

«Add banner text ...» («Додати анімований текст»). Цю опцію можна використовувати при створенні рекламної анімації. Робиться це дуже просто - в два-три кліка. У вікні, натискаємо вкладку «text», в якій вибираємо шрифт, розмір і колір. Також можна відрегулювати відстань між символами, розташувати текст вертикально або горизонтально, додати тінь з будь-якого боку і відформатувати (зробити напівжирний, курсив і так далі).

Під вкладці «effect» вибираємо стиль анімації. Це може бути лівий, правий, горизонтальний скролінг, кручення, поява, зникання, збільшення, зменшення або комбінація цих стилів. Також тут є можливість задати кількість кадрів, від чого залежить швидкість відтворення анімованого тексту (чим менше кадрів виставлено, тим швидше пронесеться напис).

Вкладка «Frame control» дозволяє задати час відтворення кадрів. А у вкладці «Neon» нам дозволяється ще трохи познущатися над текстом: зробити прозорим, розмитим і збільшити ширину розмитості.

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

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

Для зміни кліпу можна використовувати так само вкладку «Reverse frame order». Назва говорить про те, що при запуску цієї опції кадри міняються місцями і наш кліп буде відтворюватися задом наперед.

І остання вкладка, що працює із змінами кліпу - «Change frame order». Вона дозволяє переміщати кадри вперед або назад по панелі розкадровки.

Збереження файлу

Ми створили наш мультфільм (фільм, рекламний ролик) і тепер нам його потрібно зберегти, щоб потім можна було розмістити на сайті. Зберігає програма в декількох форматах. Основний формат це Gif, який сприймають практично всі телефони і більшість відео-редакторів. Є ще PSD (формат програми photoshop), але в ньому зберігаються тільки вибрані кадри, а не весь кліп. А якщо натиснути клавіші ctrl + E, то збережуться всі кадри в форматі JPEG, і якщо кліп містить сотню кадрів, то папка «Мої малюнки» буде сповнена купою майже однакових фотографій.

Крім формату GIF, зберегти кліп, а не зображення, можна у відеоформаті MPG.

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