[показать]

More>>>

[показать] 

Читать урок>>>

[показать]

More>>>

[показать]

More>>>

[показать]

Читать урок...

Читать урок...

Анимация в Macromedia Flash - это последовательность изображений (кадров), при последовательном просмотре которых возникает иллюзия движения или изменения свойств объекта.

Виды анимации во Flash

Покадровая и расчётная Flash-анимация
Расчётная анимация может быть реализована двумя способами:
        Анимация формы — Tween Shape
        Анимация движения — Tween Motion
Принципиальное отличие между этими способами состоит в том, что в первом способе Flash работает с графикой как с набором графических примитивов (линий, дуг, окружностей, прямоугольников, заливок и т.д.), а во втором случае Flash будет работать только со сгруппированными объектами или символами.

При этом способе анимации Flash автоматически строит промежуточные кадры между ключевыми кадрами, заданными вами.

Вы рисуете объект, потом в другом ключевом кадре производите изменения и Flash рассчитает те кадры, которые лежат между этими двумя ключевыми кадрами и вы получаете плавную анимацию.

Существуют два вида расчетных анимаций: твининг (Tweening - движение) и шейпинг (Shaping - форма ).

Под изменением объекта в твининге (Tweening) понимается его:

• перемещение,
• масштабирование,
• поворот,
• искажение. More>>>

Направляющие слои (Guide layers) - это слои, которые содержат кривую (траекторию), по которой должен двигаться объект.

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

Технология создания движения по траектории состоит в следующем:

1. Создайте новый файл (Ctrl-N).

В рабочей области:

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

Шкала времени (главное меню Window->TimeLine)

Эта панель является основной панелью для создания и редактирования Flash-фильма.

Когда вы только начинаете создавать Flash-представление, шкала времени первой сцены (Scene 1) содержит один слой (Layer 1) с пустыми (белыми) кадрами.

[420x153]

В ней мы работаем с кадрами и со слоями (кнопки-пиктограммы 1-4, 10-12) и управляем режимом редактирования фильма (кнопки-пиктограммы 5-9)

Кнопки-пиктограммы шкалы времени

1. Добавить слой.
2. Добавить направляющий слой.
3. Объединить слои в папку.
4. Удалить слой.
5. Отцентрировать фрейм.
6. Показывать предыдущие кадры (полупрозрачно).
7. То же, но только контуры предыдущих кадров.
8. Редактирование нескольких кадров одновременно.
9. Настройки показа предыдущих кадров при включенном просмотре.
10. Показать - скрыть содержимое слоя.
11. Отключить - включить редактирование в слое.
12. Показывать только контуры объектов в слое. 

Изменение имени слоя

Имя слоя можно менять. Для этого нужно:

1. Левой клавишей мыши дважды щелкнуть по имени слоя.
2. В появившемся поле для редактирования задать новое имя.
3. Нажать OK.

Или же в шкале времени:

1. Кликнуть правой клавишей мыши по имени слоя, которое хотите изменить.
2. В выпавшем меню выбрать команду (кликнув левой клавишей мыши) Properties (Свойства).
3. В окне Layer Properties (Свойства слоя) в поле Name (Имя) задать новое имя.
4. Нажать кнопку OK.

[показать]

Далее...

[показать]

Читать далее>>>

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

Для начала потребуется создать анимированную картинку в формате GIF, для чего можно воспользоваться программой Adobe Photoshop или другой подходящей для этой цели. Также существуют библиотеки готовых анимированных файлов, которые можно применять в качестве фоновой картинки. Далее изображение добавляется в качестве фона с помощью стилевого атрибута background, как показано в примере 1.

Пример 1. Анимированный фон веб-страницы

HTML 4.01CSS 2.1IE 6IE 7Op 9.5Sa 3.1Ff 3.0

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
 <head>
  <meta http-equiv="Content-Type" content="text/html; charset=windows-1251">
  <title>Анимированный фон</title>
  <style type="text/css">
   BODY {
    background: url(animbg.gif); /* Путь к графическому файлу с фоном */
   }
  </style>
 </head>
 <body>
  <p>Содержимое веб-страницы</p>
 </body>
</html>

В данном примере файл animbg.gif устанавливается в качестве фоновой картинки всей веб-страницы.

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

[показать]

[показать]

[показать]