ГЛАВНАЯ | GIF АНИМАЦИЯ. КОЛЛЕКЦИЯ | WEB МАСТЕРУ | КАРТА САЙТА



Как самостоятельно создать анимированный Gif? > Пример 2. Создание "живой" картинки с помощью Zoner GIF Animator 5.
Пример 1. Подготовка кадров в CorelDraw.
Пример 1. Создание "живой" картинки с помощью GifCon32.
Пример 2. Подготовка кадров для анимации в Word.
Список всех примеров.




Создание "живой" картинки
с помощью Zoner GIF Animator 5.




В предыдущей статье были созданы два кадра для бедующей анимации. Здесь мы создадим остальные недостающие кадры, и потом объединим их в подвижную картинку.





Открываем 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 кадров. Теперь требуется выставить их в нужном порядке. Порядок должен быть такой:
i1
i2
i3
i4
b4
b3
b2
b1
b7
b6
b5
i5
i6
i7
Перемещать кадры можно нажатием соответствующих кнопок на панели GIF аниматора или просто перетаскивать мышью. Можно перемещать сразу несколько кадров.

Зададим длительность отображения кадров. На закладке 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? Подробные примеры.
    Еще о создании GIF анимации.


  • Kоллекция анимированных Gif картинок.
    Десятки готовых "живых" картинок, сгруппированных по разным темам.


  • Web мастеру.
    Рекомендованные партнерские программы, размещение вашей рекламы на этом сайте.




  • Поискать еще...





    Главная | GIF анимация. Коллекция | Web мастеру | Карта сайта




    2009 livegif@yandex.ru








    mytours.narod.ru




    Получайте 2 раза в месяц бесплатные видеоуроки по созданию анимации от авторов сайта animashky.ru
    Ваше имя: *
    Ваш e-mail: *

    Rambler's Top100
    Сайт создан в системе uCoz