разработка
- о дизайне, моде и утилитарности
- малобюджетные сайты
- почему умирают сайты
- CMS и типы навигации
- разработка CMS
- семантика в web
- основы веб-дизайна 4
- основы веб-дизайна 3
- основы веб-дизайна 2
- основы веб-дизайна 1
- история дизайна 2
- история дизайна 1
- корпоративный дизайн
- СSS - основные понятия
- СSS - часть 2
- валидатор - необходимость использования
- accessibility для WEB
- план работ (web-проект)
- некоторые типы протоколов
графика
- .ico history
- стили в дизайне логотипов
- advanced select
- рисованная графика
- цвет как элемент дизайна
- создание сложного ани- баннера
- собственно о Adobe IR (часть I)
- собственно о Adobe IR (часть II)
продвижение и PR
- SEO-команда
- интервью с Татьяной Вукс
- интервью с Сергеем Тачковым
- заказчик и семантическое ядро
- продвижение сайта - бизнес-предложение
- рассылка сайтостроительства - архивы
- обзор книги для авторов рассылок
- эффективная рассылка
- пять ошибок в site promotion`ге
- пять советов по site promotion`гу
будни разработки
- IT офис
- дизайнер и комплекс услуг
- заказчик: какой нужен сайт-II?
- заказчик: какой нужен сайт-I?
- наполнение сайта и авторское право
- дизайнер и заказчик
- дизайнер и творческий кризис
- проблемы дизайнеров
- заказчик и теория цвета
- о структуре web-проекта
обзоры
- бизнес-сеть и рекомендации
- Обзор сайта об оружии
- Обзор сервера документации i2r
- Обзор спам-письма от оптимизаторов
Создание простого анимированного баннера в Ulead Gif Animator и его оптимизация
статья Кати Закарян (сайт http://makeweb.narod.ru)
Предположим, что самый трудный этап в изготовлении баннера мы прошли - продумали идею, решили каким образом будем создавать анимацию: покадрово или с применением эффектов, подготовили графику - нарисовали картинки.
Теперь нам надо слепить анимацию. Мы будем делать простейший анимированный баннер с помощью покадровой анимации. Предположим у нас будет использоваться 3 кадра. Вот эти картинки.
Запускаем Ulead Gif Animator, если у нас выскакивает окошко с выбором, то выбираем Animation Wizard, или же проходим путь File --> Animation Wizard
Появляется диалоговое окно в первом окне, щелкая по кнопке 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 - Лучше, не так ли?!
Как мы видим внешне разница не очень бросается в глаза, а разница по весу - значительная. Теперь мы сохраняем файл - и дело сделано - наш простейший анимированный баннер готов!!!
Внимание! Вся информация, размещенная на этом сайте в разделах "статьи" или "рассылки", является собственностью NunDesign. О полном или частичном использовании материалов вы можете узнать на странице "авторское право".
