Бесплатные видео-уроки

Adobe Edge Animate

Создание графики, анимации и интерактивного контента для веб

  • бесплатно
  • перспективно
  • быстро
  • доступно

Показ и скрытие элементов (переключатель On/Off)

В предыдущем уроке мы рассмотрели несколько способов показа и скрытия элементов в Adobe Edge Animate.

Кнопка в виде глаза - скрытие показ элемента в Edge AnimateНапример, Вы можете это сделать с помощью кнопки в виде глаза, расположенной слева от имени элемента в панели Elements. При этом нужно помнить, что это действие скрывает элемент(ы) только при работе в Edge Animate, но не оказывает никакого действия во время просмотра финальной композиции в браузере.

Кроме того Вы узнали, как скрывать элементы с помощью свойства Opacity (непрозрачность) панели Properties. Если установить его значение равным 0, то элемент исчезнет. Это свойство особенно хорошо использовать для достижения нужных визуальных эффектов, например, в слайд-шоу и т.д.

Итак, используя свойство Opacity мы можем легко заставить элементы появляться и исчезать, но при этом нужно не забывать контролировать это свойство во временных рамках всей композиции.

Существует еще один фундаментальный способ показа и скрытия элементов на сцене:

  • их можно включать On и выключать Off (и это уже влияет на их отображение в браузере при просмотре финальной композиции).

В панели Properties, прямо под полем для ввода ID (идентификатор) элемента находится небольшое выпадающее меню, изначально установленное на Always On (Всегда включено).

Переключатель On/Off в Edge Animate

В наших предыдущих уроках мы использовали именно эту опцию для контроля видимости элементов. Но существуют еще две других:

  • On
  • Off

Предположим, что Вы хотите, чтобы в Вашем слайд-шоу картинки сменяли друг друга мгновенно, а не плавно как показано в следующем уроке Создание слайд-шоу в Edge Animate, т.е. без всякого движения и эффектов.

Это как раз тот случай, когда указанный переключать подойдет лучше всего. Давайте создадим простое слайд-шоу, в котором используем возможности включения и выключения элементов.

1 Создайте новый проект и импортируйте в него несколько картинок. В идеале картинки и сцена должны быть одного размера.

2 После того как Вы их разместите на сцене строго одна под другой, установите для верхней переключатель в положение On, а для всех остальных в Off.

Переключатель включен On - Edge Animate

3 Перетащите головку плейера на 0:02 (или в любую другую отметку на шкале времени).

4 Выключите ту картинку, которая сейчас видима (выберите опцию Off переключателя), а следующую включите (On). В такой ситуации положение картинок в стопке (стеке) не имеет значения, поскольку только одна из них включена, т.е. видима.

Переключение элементов - скрытие показ - в Edge Animate

Необходимо помнить, что поскольку Вы используете меню скрытия/показа элементов в панели Properties, то Edge Animate добавляет переключатель On/Off в виде кнопки для этого элемента на шкале времени. Это позволяет быстро показывать и скрывать элементы:

  • установите головку плейера на нужную точку
  • включите или выключите переключатель On/Off.

5 Проделайте аналогичные действия с оставшимися картинками.

Итак, буквально за несколько минут мы создали слайд-шоу, которое может украсить любой веб-сайт. Не правда ли, Edge Animate замечательная программа?

 

Комментарии.
 vasi
Как зациклить анимацию, не в одном уроке не нашел
Отправлено 23.03.2013 18:41:28
Добавьте комментарий
bbcode:
[br]  [b][/b]  [i][/i]  [u][/u]
[img]link image[/img]
[color=colour][/color]
[url]link[/url]
[url=link]title[/url]
 
* Введите проверочный код
* Поля с красной звездочкой необходимо заполнить