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

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

Материал из ЗАметки
 
(не показано 10 промежуточных версий этого же участника)
Строка 11: Строка 11:
 
[[Файл:forma.png]]
 
[[Файл:forma.png]]
  
Выбираем инструмент овал.
+
Выбираем инструмент "Овал".
  
[[Файл:forma2.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/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