Gif-анімація - як це робиться? Частина 2
В першій частині статті ми ознайомилися зі стартовим вікном «Startup Wizard» програми «Ulead GIF Animator», а тепер приступимо безпосередньо до створення анімації.
Створюємо анімацію
Спочатку визначимо, які результати ми очікуємо побачити. Припустимо, ви вмієте малювати і хочете створити рекламний мультфільм. Що ви будете рекламувати, як ви будете малювати, це вже самі визначайтеся - можете це робити безпосередньо на робочому столі «Ulead GIF Animator» або в будь-якому графічному редакторі. Можна також малювати від руки на папері і сканувати малюнки.
Припустимо, ви вирішили малювати в «Ulead GIF Animator». Можливостей тут, звичайно? поменше, ніж у «Adobe Photoshop», але є опції, що дозволяють додавати нові шари, що дуже зручно при роботі з анімацією. Панель інструментів для малювання тут дуже проста. Кисть, стірательная гумка, заливка, прямокутне виділення, овальне виділення, трансформація і додавання тексту.
Небагато, але якщо врахувати, що це все-таки не графічний редактор, то досить добре. Інструменти, на відміну від професійних редакторів, тільки одного виду, але дещо можна налаштувати. При натисканні на іконку інструменту трохи вище відображається панель атрибутів даного інструменту.
Панель інструментів
Почнемо з прямокутного виділення. Пограємо з настройками. «Soft edge» - «згладжена кромка». За умовчанням в цьому атрибуті варто 0, і в цьому випадку при виділенні у нас виходить прямокутник з рівними кутами, але якщо виставити 1 і вище, то кути будуть згладжуватися. При максимумі у нас вийде нерівний овал. «Anti-aliasing» - «усунення контурних нерівностей», великої ролі при малюванні ця настройка не грає. «Equal width and height» - якщо включити цей атрибут, то замість прямокутника буде виходити квадрат.
Та ж система при роботі з овальним виділенням. При нульовому значенні «Soft edge» і включеному «Equal width and height» у нас виходить ідеально рівне коло. Якщо «Soft edge» виставити на максимум, то коло вийде спотворений. А якщо відключити «Equal width and height», то ми намалюємо овал.
Кисть також можна видозмінювати. Вона має тільки дві форми - круглу і квадратну. Установки дозволяють змінювати товщину мазка, прозорість, ступінь розмитості і спосіб малювання. Перший спосіб малювання - звичайний: малюючи, ми просто ми водимо мишкою по екрану. Другий спосіб зручний для нанесення ідеально рівних ліній і проводиться двома кліками миші - від пункту «А» в пункт «Б». Ширина кисті може бути від тоненької, не товще волоска, до широкої смуги, якої в три-чотири мазка можна зафарбувати полхолста. Лінії, які залишає розмита кисть, схожі на слід від фарбувального балончика і красиво виглядають.
Стірательная гумка має ті ж самі налаштування, що й кисть.
Заливка. Після того, як ми натиснемо на кнопку заливки, слід підібрати колір, який нам потрібен. Для цього ми звернемося до бібліотеки кольорової гами. Ми знайдемо її в самому низу панелі інструментів. Відкриється вікно, що показує поточний колор, в якому ми виберемо колір будь-якого відтінку - заливай скільки хочеш!
Є можливість писати текст на зображенні. Шрифти і підтримка мов залежать від налаштувань вашого комп'ютера. Є одне велике «АЛЕ»: кирилицю програма сприймає тільки в тому випадку, якщо ми станемо просто писати текст на картинці. У програмі є можливість створювати анімовані тексти, і при використанні опції «add banner text ...» кирилиця не сприймається.
Ми нарешті намалювали картинку і вирішили приступити до другого кадру (У дужках зауважу, що якщо в кіно під кадром мається на увазі сцена, знята однією камерою, яка може тривати і півсекунди, і сорок хвилин, то тут кадр - це просто одне зображення). Щоб перейти до наступного кадру, нам потрібно скопіювати нашу картинку, потім в управлінні панелі розкадровки додати нову рамку (кнопка «Add frame») і вставити в неї наше зображення.
Щоб виділити картинку, треба правою кнопкою миші клікнути на ній в робочому столі і у вікні вибрати «selection», потім «All». Є спосіб простіше: в меню «frame» потрібно вибрати опцію «duplicate frame (s)», але спочатку необхідно виділити потрібний кадр (кадр виділяється в панелі розкадровки одним кліком). Вставивши картинку в нову рамку, ми продовжимо з нею працювати. Тобто, десь подотрём гумкою, десь додамо кілька штрихів, щоб при перегляді відчувалося рух.
Тут є одне невелике «але»: для того, щоб почати працювати з обраним кадром (а нам часто доведеться повертатися до попередніх картинкам, щоб щось в них виправити), обов'язково потрібно клікнути на цей кадр в менеджері об'єктів, інакше ми не зможемо користуватися інструментами. У тому випадку, якщо в менеджері об'єктів потрібна картинка не буде виділена, при спробі що-небудь намалювати або зробити яке-небудь інше дію з зображенням, вискочить діалогове вікно з таким написом: «No active object for the operation». Що в перекладі на нашу рідну мову буде звучати приблизно так: «нічого мишкою тикати куди попало, спочатку інструкцію почитайте» (лається програма досить часто, я завжди забуваю виділити картинку в менеджері).
Але, нарешті, ми обійшли всі підводні камені і стали працювати далі. І так далі, кадр за кадром, ми намалюємо наш рекламний мультфільм. Чим більше кадрів ми зробимо, тим кращої якості буде мультик і тим вагоміше в мегабайтах вийде gif-файл.
У другій частині статті ми навчилися створювати анімацію, а в заключній частині ми попрацюємо в робочому столі, в панелі розкадровки та навчимося зберігати файл.
