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

Adobe Edge Animate

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

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

Создание падающих теней для графических элементов в Edge Animate

Падающие тени, которые Вы можете создавать в Adobe Edge Animate не только выглядят круто, но, и с практической точки зрения очень полезны — они помогают визуально отделять различные графические элементы композиции друг от друга. После того как Вы добавите падающую тень к объекту, он начинает словно «плавать» над сценой.

Тень от объекта в Edge Animate

Если Вы используете падающую тень внутри графики, то изображение выглядит объемным (трехмерным). Тени очень часто добавляются к кнопкам, чтобы показать их различные состояния:

  • курсор над кнопкой (hover);
  • кнопка нажата;

  • кнопка выделена.

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

Ну, что ж, давайте на практике нарисуем тень, которая отделит элемент от фона:

  • Создайте три элемента на сцене.
  • Выделите один из элементов и затем в панели Properties опуститесь вниз к подразделу Shadow (Тень).
  • Кликните на кнопке Drop Shadow (Падающая тень) в верхней части подраздела.
  • Кликните на образце цвета тени и выберите черный.
  • Кликните на поле для ввода значения горизонтального сдвига (X) и наберите 3.
  • Кликните на поле для ввода значения вертикального сдвига (Y) и наберите 3.
  • Кликните на поле для ввода радиуса размытия (Blur) и наберите 10.
  • Кликните на поле для ввода распространения (Spread) и наберите 1.

Создание падающей тени drop shadow для объекта в Edge Animate

Если Вы хотите, чтобы один из элементов выглядел объемным (трехмерным), то используйте те же самые установки, но вместо Drop Shadow кликните на кнопке Inset (Внутренняя тень). В результате вместо того, чтобы появляться снаружи элемента, тень появится внутри него.

Свойство Spread контролирует распространение тени во всех направлениях.

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

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

Чтобы включить-отключить тень кликните на маленькой кнопке в правом верхнем углу подраздела Shadow.

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


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