главная    здоровье    мода    видео   спорт    фото    статьи    музыка    контакты

Веб-анимация с помощью Ulead GIF Animator
 

PhotoImpact предлагает различные варианты  создания быстрой и нетрудоемкой анимации, которая .позволяет оживить веб -страницы  любого сайта.  В данном примере рассмотрим создание gif-анимации (корова, прыгающая через луну).

Шаг 1:

Сначала создадим объекты в PhotoImpact и сохраним их как UFO-File. Затем в правом верхнем углу нажимаем кнопку Switch и выбираем кнопку Ulead GIF Animator.

Если при открытии появляется окно ассистента, закрываем его, автоматически открывается новый проект. Заходим File-Open и открываем наш UFO-файл.

Выбираем на панели объектов один из них и задаем ему начальное положение анимации. Используем инструмент для изменения величины и наклона нашего объекта.

Таким образом мы создали первый кадр нашей анимации. Дважды щелкаем левой кнопкой мыши по первому кадру, появляется окно для задания его длительности , по умолчанию - 0,1 секунды. В нашем случае это довольно быстро, изменяем длительность и нажимаем OK. Жмем клавишу [F6], чтобы изменить длительность кадров во всем проекте на 20/100 секунды.

Шаг 2:

Кликнем правой кнопкой мыши на первый кадр и выбираем Duplicate Frame [Strg+F], чтобы создать второй кадр анимации. На втором кадре переместим корову немного дальше по траектории полета и сделаем звезды мерцающими. Для правильного отображения движения коровы необходимо изменять положение ее продольной оси. Но если мы вращаем корову на втором кадре, она вращается точно также и на первом. Поэтому нам нужна новая корова. Кликнем правой кнопкой мыши по корове и выбираем Duplicate Object(s) [Strg+D].

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

Совет: переименуйте продублированные объекты, чтобы не запутаться.

Проделываем вышеописанные операции с каждым новым кадром.

Шаг 3:

Добавим текст, который будет перемещаться слева на право, а в центре будет исчезать. Выбираем первый кадр. Правая кнопка мыши: Add Bannertext.

Набираем текст, устанавливаем шрифт, размеры, стиль, тень и т.д. В окне просмотра выставляем начальное местоположение текста .

Выбираем входящий эффект Scroll right. Число кадров устанавливаем на  6. В качестве исходящего эффекта выставляем Fade, а число кадров на 3 .

В Frame Control  устанавливаем значение Delay Time на 20 . Для контроля жмем на Start Preview, если все нормально - на Ok.

 Нажимаем на воспроизведение и просматриваем созданную анимацию.

Шаг 4:

Чтобы наша анимация загружалась на веб - страничке побыстрее, в Ulead GIF Animator встроен оптимизатор изображения. Для его включения нажимаем кнопку Optimize.

Можно поиграться с пользовательскими установками. Чтобы оптимизация проходила в автоматическом режиме необходимо, чтобы кнопка    была нажата.

Шаг 5:

Чтобы сохранить готовый анимированный файл заходим File - Save as - GIF-File.

А сохранив проект как File - Save as - UGA-File, мы сможем работать с ним и в будущем.

главная    здоровье    мода    видео   спорт    фото    статьи    музыка    контакты