Анимированный баннер

Создание анимации в баннере

Для создания любой анимации в фотошоп, сначала в нём готовятся подходящие рисунки и, если нужно, придумывается текст.
После всем слоям, кроме первого, закрывается видимость, и готовое изображение баннера отправляется в программу "Adobe ImageReady", где постепенно открываем, по мере надобности, ранее закрытые слои, установив им нужные временные интервалы, что и создаёт эффект анимации.

Последнее, что нужно сделать, - сохранить созданную анимацию в нужном формате.

Вот как это выглядит и работает.

А сохранять анимацию следует ТОЛЬКО(!) в формате GIF, т.к. другие форматы анимацию не поддерживают.

Сохранение анимации

При сохранении, можно выбрать 2 варианта: отдельный GIF-файл, либо этот же файл, но в составе HTML-страницы.
Кстати! Если выбрать 2-ой вариант сохранения (в составе страницы), то ImageReady самостоятельно создаёт простенькую веб-страничку. Настолько простенькую, что особого смысла я в ней не вижу вообще.  Ну ... ..., разве что ради интереса или тренировки, как поступил в данном случае.

Обычно, сохраняют только анимированный GIF-файл.

И ещё!  Средний размер анимированного баннера - около 120 КБ.
Если получился более 200 КБ, значит файл слишком "тяжёлый", т.е. в нём много плавных переходов или слишком много двигающихся деталей.

* * *

Много других примеров создания разных типов изображений с анимацией: рисунков, рекламы, фотографий, веб-элементов и текстов посмотрите на других страницах раздела "Фотошоп" об анимации.
Прямой переход в раздел "Фотошоп" можете сделать по нижнему мини-навигатору.

ВВЕРХ