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

Adobe Edge Animate

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

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

Рабочее пространство Edge Animate

Видео: 6 мин. 17 сек. Формат: HD.

После того как Вы перешли от стартового экрана к новому проекту или к уже ранее созданному, перед Вами появится рабочее пространство Edge Animate с несколькими панелями.

Рабочее пространство Edge Animate

Имя каждой из них можно увидеть на ярлыке в верхней части. Панели Timeline (Шкала времени), Elements (Элементы), Properties (Свойства) и Tools (Инструменты) содержат необходимые инструменты и виджеты для создания анимаций. Самая большая панель по размеру — это Cцена (Stage), на которой эта анимация и создается. На ее ярлыке написано имя Вашего проекта.

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

Поскольку сцена имеет определенные размеры, то у нее есть физические границы. Этим можно пользоваться для того чтобы прятать или размещать элементы за пределами сцены.

Элементы — это объекты, которые Вы добавляете на сцену. В результате они появляются на Вашей итоговой веб-странице. Элементами могут быть:

  • графика;
  • фотографии;
  • текст.

У элементов есть свойства, изменяя которые Вы можете влиять на положение элемента на сцене и его визуальные характеристики. Управление этими свойствами осуществляется в панели Свойства (Properties ).

Шкала времени (Timeline) отслеживает изменение свойств элементов во времени:

  • местоположения элемента на сцене;
  • визуальных характеристик элемента.

В Библиотеке (Library) хранится графика, импортированная в проект, а также символы, которые Вы создали в Edge Animate.

Инструменты (Tools) находятся в верхней части рабочего пространства. Они используются для создания, выделения и модификации элементов на сцене. Инструментов немного, но Вы будете удивлены их возможностями.

Справа, в панели Уроки (Lessons) находятся ссылки на уроки для начинающих, которые могут оказаться весьма полезными для этой категории обучаемых. Здесь Вы получите пошаговые инструкции и увидите результат их применения прямо на сцене программы. После просмотра этих уроков можно эту панель закрыть, нажав на кнопке Х ее ярлыка. Тем самым Вы сохраните приличный кусок пространства для своей основной работы в EA.

Панель Уроки - Lessons

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

Рабочее пространство Adobe Edge Animate во многом схоже с другими программами компании Adobe. Если Вы использовали в своей работе последние версии Dreamweaver, Photoshop или Flash, то быстро сориентируетесь. Если же это Ваша первая программа от Adobe, то все приемы, которые Вы здесь изучите можно будет использовать и в других приложениях.

Итак, все панели стыкуются друг с другом словно пазл, но его порядок может быть легко изменен. Кроме того, можно менять размер панелей и делать их «плавающими», чтобы они стали независимыми от других. Чтобы сделать последнее достаточно щелкнуть на маленькой кнопке меню в правом верхнем углу панели и затем выбрать Undock Panel (Отстыковать панель). В результате она станет «плавающей» относительно всего рабочего пространства EA.

Отстыковка панели в Edge Animate

Сохранение рабочего пространства пользователя

После того как Вы начнете менять положение панелей относительно друг друга может возникнуть две ситуации: либо Вам понравиться их новый порядок, либо нет. Предположим Вы нашли идеальный вариант расположения панелей и их количества. Например, Вы пользуетесь двумя мониторами и хотели бы, чтобы на одном из них были сцена и Шкала времени, а на другом панели Свойства, Элементы и Библиотека.

Теперь, чтобы сохранить такой макет рабочего пространства сделайте следующее: в главном меню программы выберите Window → Workspace → New Workspace....

Меню для выбора рабочего пространства

Перед Вами появится диалоговое окно, в котором Вы можете записать имя этого макета, например, myLayout. Щелкните на OK и имя Вашего пользовательского рабочего пространства появится в соответствующем меню. Выбирайте его когда посчитаете нужным. Удобно, не правда ли?

Рабочее пространство пользователя в Edge Animate

С другой стороны, после многократного изменения макета рабочего пространства может оказаться, что он Вам не нравится и Вы хотели бы вернуться к исходному варианту. Для этого выберите Default или любое другое название в меню Workspace. В случае выбора Default на экране появится макет по умолчанию. Чтобы вернуть текущее рабочее пространство к его последней сохраненной версии используйте опцию Reset (Сбросить).

C рабочим пространством закончили, давайте перейдем к созданию первой анимации в Edge Animate.


Добавьте комментарий
bbcode:
[br]  [b][/b]  [i][/i]  [u][/u]
[img]link image[/img]
[color=colour][/color]
[url]link[/url]
[url=link]title[/url]
 
* Введите проверочный код
* Поля с красной звездочкой необходимо заполнить