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

Интерактивная анимация вращения Adobe Flash Professional CS: различия между версиями

Материал из ЗАметки
Строка 13: Строка 13:
 
[[Файл:vra4.png]]
 
[[Файл:vra4.png]]
  
Выделяем символ, заходим в раздел "Свойства" даем ему уникальное имя "'''qw_mc'''".
+
Выделяем символ, заходим в раздел "Свойства" и указываем ему уникальное имя "'''qw_mc'''".
  
 
[[Файл:vra5.png]]
 
[[Файл:vra5.png]]
  
Создаем новый слой для Action Script.
+
Создаём новый слой для Action Script.
  
 
[[Файл:vra6.png]]
 
[[Файл:vra6.png]]
  
 
+
Нажимаем F8.
  
 
[[Файл:vra7.png]]
 
[[Файл:vra7.png]]
Строка 44: Строка 44:
  
 
[[Файл:vra9.png]]
 
[[Файл:vra9.png]]
 +
 +
Кликаем на белый фон рабочей области,заходим в раздел "Свойства".
  
 
[[Файл:vra10.png]]
 
[[Файл:vra10.png]]
 +
 +
Выбираем цвет.
  
 
[[Файл:vra11.png]]
 
[[Файл:vra11.png]]
 +
 +
Кликаем мышкой два раза по символу, чтобы зайти внутрь его.
  
 
[[Файл:vra12.png]]
 
[[Файл:vra12.png]]
 +
 +
Выбираем инструмент прямоугольник.
  
 
[[Файл:vra13.png]]
 
[[Файл:vra13.png]]
 +
 +
В нерабочей области рисуем прямоугольник.
  
 
[[Файл:vra14.png]]
 
[[Файл:vra14.png]]
 +
 +
Преобразуем прямоугольник в ролик, для этого выделим его и нажмём клавишу F8.
  
 
[[Файл:vra15.png]]
 
[[Файл:vra15.png]]
 +
 +
  
 
[[Файл:vra16.png]]
 
[[Файл:vra16.png]]

Версия 13:05, 27 мая 2012

Vra.png

Создаём новый документ.

Vra2.png

Импортируем картинку в рабочую область комбинациями клавиш Ctrl+R.

Vra3.png

Нажимаем F8, преобразуем картинку в ролик.

Vra4.png

Выделяем символ, заходим в раздел "Свойства" и указываем ему уникальное имя "qw_mc".

Vra5.png

Создаём новый слой для Action Script.

Vra6.png

Нажимаем F8.

Vra7.png

Вставляем туда нижеуказанный Action Script.

_root.onEnterFrame = function() {
	a = qw_mc._x - _root._xmouse;
	b = qw_mc._y - _root._ymouse;
	
	radian = Math.atan2(b,a);
	
	angel = (radian*180)/Math.PI;
	
	qw_mc._rotation = angel;
}



Vra8.png

Нажимаем обратно F9.

Vra9.png

Кликаем на белый фон рабочей области,заходим в раздел "Свойства".

Vra10.png

Выбираем цвет.

Vra11.png

Кликаем мышкой два раза по символу, чтобы зайти внутрь его.

Vra12.png

Выбираем инструмент прямоугольник.

Vra13.png

В нерабочей области рисуем прямоугольник.

Vra14.png

Преобразуем прямоугольник в ролик, для этого выделим его и нажмём клавишу F8.

Vra15.png


Vra16.png

Vra17.png

Vra18.png

Vra19.png

Vra20.png

Vra21.png

Vra22.png

Vra23.png

Vra25.png

Vra26.png

Vra27.png

Vra28.png

Vra29.png

Vra30.png

Vra31.png

Vra32.png

Vra33.png

Vra34.png

Vra35.png

Vra36.png

Vra37.png


Vra38.png


Проверяем ролик, нажимаем комбинацию клавиш CTRL+ENTER


Просмотреть файл: http://wikiency.org/swf/qw_mc3.swf

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