Создание анимации в Easy Gif Animator с помощью Мастера программы

Продолжаем знакомство с программой для создания анимации Easy Gif Animator.

В этом уроке, как я и обещала, мы будем учиться создавать анимации, анимированные баннеры и кнопки при помощи Мастера (Волшебника), который «встроен» в саму программу и значительно упрощает нам работу.

1-Создание анимированного изображения с помощью Мастера анимации

Создание анимации с помощью Мастера анимации мы рассмотрим на примере создания анимированного баннера, который мы уже создавали в одном из уроков в фотошопе. Теперь мы посмотрим, как легко это сделать при помощи Мастера.

Начинается процесс создания анимации с запуска Мастера. Для этого выбираем в меню вкладку Файл и в выпадающем контекстном меню выбираем Мастер новой анимации. После этого делаем следующие шаги.

Шаг 1. Выбираем изображения, которые мы хотим использовать при создании анимации. Я выбираю три изображения, представленные на картинке А.
Раньше я использовала их для создания анимированного баннера в фотошопе.

картинка А

Нажав на кнопочки (1) можно добавлять или удалять изображения, а при помощи стрелочек (2) можно менять очередность расположения кадров нашей анимации
(см картинку 1). И нажимаем кнопочку «Вперед».

картинка-01

Шаг 2. Выбираем тип анимации (3): постоянная или на определенное время и время анимации (4) – время смены кадров. Нажимает кнопочку «Вперед».

Шаг 3. Выбираем место расположения изображений относительно границ кадра. Обращаю Ваше внимание на тот факт, что размер кадра определяется автоматически по размеру наибольшего изображения, которое Вы выбираете для создания анимации. Поэтому если вы собираетесь делать анимацию в виде смены изображений, то лучше изначально загружать в Мастер картинки одного размера. Нажимаем кнопочку «Вперед».

картинка 2

Шаг 4. Появляется картинка Финиш. Работа окончена!

картинка 3

Нажимаем на одноименную кнопочку и переходим в саму программу, где можем просмотреть и сохранить полученную анимацию. Как это сделать смотрите в разделе 3.2 и 3.3 предыдущей статьи.

В итоге я получила вот такую анимашку: баннер без текста со сменой картинок.

баннер результат 1

Если вы захотите изменить эффект анимации, то дальше действуете так, как описано в разделе создание эффектов анимации для изображений (пункт А раздела 3.4 предыдущего урока).
Применив, например, эффект «Исчезновение», получим вот такой баннер.

баннер-результат-2

А применив несколько эффектов, можем получить вот такой баннер.

баннер-результат-3

2- Создание анимированного баннера при помощи Мастера

Начинаем создание баннера с открытия Мастера: Файл/Мастер нового баннера.

Шаг 1. Выбираем в открывшемся окне размер баннера (картинка 4):
• Стандартный (1) – выбираем из предложенных стандартных размеров;
• Произвольный (2) – любой по вашим размерам;
• В зависимости от размера фонового изображения (3), которое мы загружаем через кнопочку «Обзор» со своего компьютера.

картинка 4

Шаг 2. Выбираем стиль (4) и цвет фона баннера (5). Здесь попробуйте поэкпериментировать! Это интересно и увлекательно!!! Мой вариант представлен на картинке 4.

Шаг 3. Выбираем стили анимации для текстов. Программа предусматривает три текста. Анимацию к каждому из них можно настроить отдельно.

картинка 5

Выбираем номер текста (6), подбираем для него все необходимые атрибуты (7) и настраиваем анимацию (8). В окшко ниже впечатываем необходимый текст и просматриваем результат выбранного типа анимации.

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

Аналогичным образом поступаем и с текстом 3, если мы решили использовать все три текста (но можно использовать и только два текста).

картинка 6

Кнопочка «Вперед» нажимается только тогда , когда мы окончательно завершили работу со всеми текстами (см картинки 5 и 6).

Шаг 4. Анимированный баннер готов! Сохраняем его и нажимаем кнопочку «Финиш», чтобы просмотреть, что у нас получилось и при необходимости подправить анимацию в окне программы.

В результате у нас получилось:

баннер-результат-05

3- Создание анимированной кнопки при помощи Мастера

Запускам мастер кнопок: Файл/ Мастер новой кнопки.

Шаг 1. Выбираем любую из предложенных форм (1) или выбираем уже готовый шаблон (2). Нажимаем кнопку «Вперед».

картинка 7

Я выбрала вариант — Шаблон.

При этом сразу появляется табличка с разнообразными шаблонами (3), из которых, я уверена, вы сможете себе выбрать подходящий!
К тому же можно, нажав на кнопочку «Открыть файл» просмотреть еще варианты. Затем нажимаете ОК.

Если вы хотите создать свою особую кнопочку, а не взять за основу готовую, то поэкспериментируйте и с другими формами (1).

картинка 8Шаг 2. Выбираем размер кнопки (4).
Не буду останавливаться на этом шаге. Здесь все просто.

Шаг 3. Создаем эффекты анимации для текста на кнопке.

Выбираем «Заголовок 1»(5), определяем для него необходимые атрибуты (6) и время показа текста (7).

Затем таким же образом настраиваем Заголовок 2 и Заголовок 3 (при необходимости, но мне кажется, что загружать кнопку тремя заголовками будет излишним).
Я выбрала вариант с двумя заголовками.

Когда все готово, нажимаем кнопочку Финиш и просматриваем полученную анимированную кнопочку.

картинка 9
анимированная кнопка

Скажу по поводу Мастера Программы Easy Gif Animator еще несколько слов: на любом этапе Вы можете остановиться и закончить свою работу над анимацией, баннером или кнопочкой или вернуться в предыдущее окно для редактирования или изменения, а также можете отменить свои действия. В окне просмотра вы будет постоянно видеть, как происходит изменение вашей анимации.
Ну, вот и все на сегодня!

Надеюсь, что я убедила вас, что с Мастером работать легко и интересно!

До новых встреч!

[link]Text.ru - 100.00%[/link]

Поделиться в соц. сетях
Поделиться в Фейсбуке Поделиться записью в Твиттере Поделиться в Телеграмм Поделиться в ЖЖ Поделиться в Whatsapp Поделиться в Viber
  Метки:

Ваш комментарий

Ваш адрес email не будет опубликован. Обязательные поля помечены *

  Отправляя комментарий, вы соглашаетесь с политикой конфиденциальности этого сайта *

© 2024 Взгляд на мир   
Все права защищены. При копировании материалов с сайта обязательно ставьте активную ссылку на первоисточник
Уважайте, пожалуйста, авторские права и чужой труд.