|
ГЛАВНАЯ | GIF АНИМАЦИЯ. КОЛЛЕКЦИЯ | WEB МАСТЕРУ | КАРТА САЙТА |
Как самостоятельно создать анимированный Gif? > Пример 2. Создание "живой" картинки с помощью Zoner GIF Animator 5. Пример 1. Подготовка кадров в CorelDraw. Пример 1. Создание "живой" картинки с помощью GifCon32. Пример 2. Подготовка кадров для анимации в Word. Список всех примеров.
Создание "живой" картинки
|
В предыдущей статье были созданы два кадра для бедующей анимации. Здесь мы создадим остальные недостающие кадры, и потом объединим их в подвижную картинку.
|
|
Открываем Zoner GIF Animator.
На закладке Animation в блоке Animation size выбираем Elastic size. Проверяем, что Loop включен и переключатель находится в положении infinite. С помощью команд Копировать/Вставить (Copy/Paste) копируем приготовленные ранее кадры из документа Word в GIF аниматор. Скорее всего, размеры кадров не совпадают. Определим максимальные размеры. Для этого откроем закладку Frame и поочередно выделим кадры. Теперь зададим новые размеры для нашего анимированного GIF файла. Для этого на закладке Animation в блоке Animation size выбираем Fixed size и задаем фиксированные размеры, например W=83, H=90. Выравним по центру оба кадра. Для этого воспользуемся кнопками горизонтального ( Horizontal ) и вертикального ( Vertical ) выравнивания. Для обоих кадров зададим прозрачность фона. На закладке Frame Transparency type укажем palette color. Нажмем кнопку Transparent color и кликнем по фону изображения. Теперь цвет фона пропал. В поле комментария укажем для первого кадра “i1”, для второго – “b1”. Это делается на закладке Frame. Создадим дополнительные кадры, обеспечивается эффект размытия. Убедившись, что первый кадр ( “i1” ) выделен, в меню выберем Filter>Effects>Distortion. Открывается окно редактирования свойств фильтра. Изменим значения только двух параметров. Пусть Number of frames будет равным 6, а Distortion number – равным 2. Остальные значения оставляем без изменений. Сохраняем новые параметры нажав кнопку OK. В результате добавилось шесть новых кадров. Они заняли места со второго по седьмое. Пропишем в поле комментария только что созданных кадров - соответственно – i2 – i7. Сделаем размытие для кадра “b1”. Выполним все в том же порядке как и для “i1”. Добавилось еще шесть новых кадров. Они заняли места с 9-го по 14-е. Добавим в их комментарий b2 – b7. Итак, у нас есть 14 кадров. Теперь требуется выставить их в нужном порядке. Порядок должен быть такой: i2 i3 i4 b4 b3 b2 b1 b7 b6 b5 i5 i6 i7 Зададим длительность отображения кадров. На закладке Frame для кадров i2-i7 и b2-b7 определим значение Duration равным 16. Для кадров i1 и b1 установим длительность - 100. Выделим все кадры, нажав кнопку Select All на панели инструментов. На закладке Frame установим свойство Redraw method как restore background color. И, наконец, последний штрих. Для того, чтобы уменьшить размер итогового GIF файла надо выполнить оптимизацию. На закладке Optimize нажмем одноименную кнопку. Размер файла уменьшился почти в 10 раз. |
|
Для просмотра результата нажмем кнопку Player. Для того, чтобы открыть созданную картинку в браузере, достаточно нажать кнопку Preview in Internet Explorer. | |
Осталось только сохранить файл с нужным именем в нужном месте. |
Что еще посмотреть?Подробный пример с описанием того, как были созданы начальные кадры для этого примера. Еще о создании GIF анимации. Десятки готовых "живых" картинок, сгруппированных по разным темам. Рекомендованные партнерские программы, размещение вашей рекламы на этом сайте. Поискать еще... |
2009 | livegif@yandex.ru |
|