• Авторизация


Создание простого анимированного баннера в Ulead Gif Animator и его оптимизация 31-03-2011 23:36 к комментариям - к полной версии - понравилось!


 Создание простого анимированного баннера в Ulead Gif Animator и его оптимизация

Анимация бывает разная: с использованием эффектов или покадровая, простая (2-3-4 кадра) и сложная (количество кадров ограничевается только фантазией и весом). Новичкам в дизайне и общении с разными редакторами можно посоветовать начать с простой анимации, да и более опытные люди нередко ею пользуются. 

Предположим, что самый трудный этап в изготовлении баннера мы прошли - продумали идею, решили каким образом будем создавать анимацию: покадрово или с применением эффектов, подготовили графику - нарисовали картинки. 
Теперь нам надо слепить анимацию. Мы будем делать простейший анимированный баннер с помощью покадровой анимации. Предположим у нас будет использоваться 3 кадра. Вот эти картинки.

[234x60]

[234x60]

[234x60]

Запускаем Ulead Gif Animator, если у нас выскакивает окошко с выбором, то выбираем Animation Wizard, или же проходим путь File --> Animation Wizardwww.livegif.ru/articles/3.html
Появляется диалоговое окно в первом окне, щелкая по кнопке Add Image мы выбираем (по одному) картинки-кадры, щелкаем кнопку Далее, в следующем окне выбираем text-orientied или photo-orientied, если вы используете надписи выбирайте text-orientied, щелкаем далее и переходим к следующему окну где задаем временную задержку (Delay time) и количество кадров в секунду (frames per second); в нашем случае так как мы используем разные надписи в кадрах, то ставим задержку 250, а поле кадров остается пустым. Щелкаем кнопку Далее и Готово (Finish).

Перед нами находится окно редактора с четырьмя вкладками, нам будут нужны две из них - Optimize - оптимизировать и Preview - просмотр. В просмотре мы можем просматривать получающуюся анимацию, а в режиме оптимизации, оптимизировать постепенно уменьшая количество используемых цветов, для достижения наилучшего соотношения веса баннера и его качества.
Первый раз оптимизируем при использовании 256 цветов (если во вкладке оптимизации вы не видите возможности выбора количества цветов, то нажмите кнопку advanced и у вас появятся расширенные возможности).
У нас получилось 14,177 Bytes - это слишком много для такой крошки.

[показать]

Уменьшаем: количество цветов - 200, вес - 13,535! Но и это много. Надо принимать решительные меры, количество цветов: 150 - вес 12,990; 100 цветов - 11,498; 80 цветов - 8,851 - Лучше не так ли!

[показать] 

Как мы видим внешне разница не очень бросается в глаза, а разница по весу - значительная. Теперь мы сохраняем файл - и дело сделано - наш простейший анимированный баннер готов!!!

 
вверх^ к полной версии понравилось! в evernote


Вы сейчас не можете прокомментировать это сообщение.

Дневник Создание простого анимированного баннера в Ulead Gif Animator и его оптимизация | Mila_Trainer - MILA TRAINER DIGITAL | Лента друзей Mila_Trainer / Полная версия Добавить в друзья Страницы: раньше»