Сейчас 127 заметки.

Анимация формы: различия между версиями

Материал из ЗАметки
 
(не показаны 3 промежуточные версии этого же участника)
Строка 27: Строка 27:
 
[[Файл:4forma.png]]
 
[[Файл:4forma.png]]
  
 
+
Выбираем 10-ый кадр. Жмем правую кнопку мыши, создаем анимацию формы.
 
 
[[Файл:5forma.png]]
 
 
 
Выбираем любой кадр - кроме первого, двадцатого и сорокового кадра. Жмем правую кнопку мыши, создаем анимацию формы.
 
  
 
[[Файл:6forma.png]]
 
[[Файл:6forma.png]]
  
 
+
Выбираем 30-ый кадр. Жмем правую кнопку мыши, создаем анимацию формы.
  
 
[[Файл:7forma.png]]
 
[[Файл:7forma.png]]
  
 
+
Переходим на 20-ый кадр.
  
 
[[Файл:8forma.png]]
 
[[Файл:8forma.png]]
  
 
+
Выбираем инструмент "Спецвыделение"
  
 
[[Файл:9forma.png]]
 
[[Файл:9forma.png]]
  
 
+
Жмем на край символа.
  
 
[[Файл:10forma.png]]
 
[[Файл:10forma.png]]
  
 
+
Видим, что у нас появилась обводка спецвыделения.
  
 
[[Файл:11forma.png]]
 
[[Файл:11forma.png]]
  
 
+
Жмём на верхний квадратик - куда показывает стрелка.
  
 
[[Файл:12forma.png]]
 
[[Файл:12forma.png]]
  
 
+
Видим, что квадратики трансформировались в кружки.
  
 
[[Файл:13forma.png]]
 
[[Файл:13forma.png]]
  
 
+
Нажимаем на центральный кружок и перетаскиваем его вниз.
  
 
[[Файл:14forma.png]]
 
[[Файл:14forma.png]]
  
 
+
Тоже само делаем с нижней частью.
  
 
[[Файл:15forma.png]]
 
[[Файл:15forma.png]]
  
 
+
Изменяем правую сторону.
  
 
[[Файл:16forma.png]]
 
[[Файл:16forma.png]]
  
 
+
Изменяем левую сторону.
  
 
[[Файл:17forma.png]]
 
[[Файл:17forma.png]]
  
 +
Смотрим, что получилось.
  
 
http://wikiency.org/images/a/ac/Forma2.swf
 
http://wikiency.org/images/a/ac/Forma2.swf
 +
 +
Скачать исходник: http://wikiency.org/fla/forma2.fla

Текущая версия на 02:50, 20 февраля 2012

Мы уже научились делать анимацию формы. Теперь рассмотрим усложненную анимацию.

1flesh.png

Создаем документ

2flesh.png

Нажимаем OK.

Forma.png

Выбираем инструмент "Овал".

1forma.png

Рисуем круг.

2forma.png

Переходим на 20-ый кадр, жмем правую кнопку мыши и вставляем ключевой кадр.

3forma.png

Тоже самое далаем на 40-ом кадре. Жмем правую кнопку мыши и вставляем ключевой кадр.

4forma.png

Выбираем 10-ый кадр. Жмем правую кнопку мыши, создаем анимацию формы.

6forma.png

Выбираем 30-ый кадр. Жмем правую кнопку мыши, создаем анимацию формы.

7forma.png

Переходим на 20-ый кадр.

8forma.png

Выбираем инструмент "Спецвыделение"

9forma.png

Жмем на край символа.

10forma.png

Видим, что у нас появилась обводка спецвыделения.

11forma.png

Жмём на верхний квадратик - куда показывает стрелка.

12forma.png

Видим, что квадратики трансформировались в кружки.

13forma.png

Нажимаем на центральный кружок и перетаскиваем его вниз.

14forma.png

Тоже само делаем с нижней частью.

15forma.png

Изменяем правую сторону.

16forma.png

Изменяем левую сторону.

17forma.png

Смотрим, что получилось.

http://wikiency.org/images/a/ac/Forma2.swf

Скачать исходник: http://wikiency.org/fla/forma2.fla