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

Эффект появления Adobe Flash: различия между версиями

Материал из ЗАметки
 
(не показано 13 промежуточных версий 2 участников)
Строка 1: Строка 1:
Запускаем Adobe Flash Professional CS5.5 и после запуска видим такое окно.
+
Рассмотрим пример проявляющегося текста. Эффект прост в реализации и может применяться к отделенным символам, так и к тексту, фразам, блоку текста.
 +
Эффект основан на анимации движения(Create Classic Tween)  и на параметре альфа, которая управляет прозрачностью объекта.
 +
 
 +
Для начала запустим Adobe Flash Professional CS5.5.
  
 
[[Файл:Flash1.png]]
 
[[Файл:Flash1.png]]
  
 
Создаем новый проект нажав комбинацию клавиш CTRL+N. Выбираем ActipnScript 2.0 или ActipnScript 3.0 и нажимаем  кнопку Ok.
 
Создаем новый проект нажав комбинацию клавиш CTRL+N. Выбираем ActipnScript 2.0 или ActipnScript 3.0 и нажимаем  кнопку Ok.
Также по своему усмотрению можно выбрать ширину и высоту в пикселях, частоту кадров, цвет фона и автосохранение.  
+
По своему усмотрению можно выбрать ширину и высоту в пикселях, частоту кадров, цвет фона и автосохранение.  
  
 
[[Файл:Flash2.png]]
 
[[Файл:Flash2.png]]
  
Нажимаем на букву R  и правой клавиши мыши растягиваем прямоугольник до размера фон. Он у нас 550Х400 пикс.
+
Нажимаем на букву R  и правой клавиши мыши растягиваем прямоугольник до размера фон. Он у нас 550Х400 пикселей.
  
 
[[Файл:Flash3.png]]
 
[[Файл:Flash3.png]]
Строка 16: Строка 19:
 
[[Файл:Flash4.png]]
 
[[Файл:Flash4.png]]
  
Нажимаем на букву Т, кликаем на фон и таким образам создадим текст. Пишем текст.
+
Нажимаем на букву Т, кликаем на фон. Пишем текст.
  
 
[[Файл:Flash5.png]]
 
[[Файл:Flash5.png]]
Строка 36: Строка 39:
 
[[Файл:Flash9.png]]
 
[[Файл:Flash9.png]]
  
Нажимаем левой кнопкой мыши между 1 или 20-ым кадром, например на 10 кадр второго слоя.
+
Нажимаем правой кнопкой мыши между 1 или 20-ым кадром, например на 10 кадр второго слоя.
  
 
[[Файл:Flash10.png]]
 
[[Файл:Flash10.png]]
  
Нажимаем на правую клавишу мыши и создаем классическую анимацию движения.
+
Создаем классическую анимацию движения.
  
 
[[Файл:Flash11.png]]
 
[[Файл:Flash11.png]]
  
На 2-ом слое выбираем первый кадр, кликаем на символ и нажимаем комбинацию CTRL+F3. Таким обзорам мы попали в свойства ранее созданного символа 1. Выбираем цветовой эффект - альфа канал 0%.
+
На 2-ом слое выбираем первый кадр, кликаем на символ и нажимаем комбинацию CTRL+F3. Таким образам мы попали в свойства ранее созданного символа 1. <br />
 +
Выбираем цветовой эффект - альфа канал 0%.
  
 
[[Файл:Flash12.png]]
 
[[Файл:Flash12.png]]
Строка 85: Строка 89:
  
  
Вот что получилось:
+
'''Пример''': http://wikiency.org/images/5/56/Wiki.swf
 
 
http://wikiency.org/images/5/56/Wiki.swf
 

Текущая версия на 17:29, 13 апреля 2012

Рассмотрим пример проявляющегося текста. Эффект прост в реализации и может применяться к отделенным символам, так и к тексту, фразам, блоку текста. Эффект основан на анимации движения(Create Classic Tween) и на параметре альфа, которая управляет прозрачностью объекта.

Для начала запустим Adobe Flash Professional CS5.5.

Flash1.png

Создаем новый проект нажав комбинацию клавиш CTRL+N. Выбираем ActipnScript 2.0 или ActipnScript 3.0 и нажимаем кнопку Ok. По своему усмотрению можно выбрать ширину и высоту в пикселях, частоту кадров, цвет фона и автосохранение.

Flash2.png

Нажимаем на букву R и правой клавиши мыши растягиваем прямоугольник до размера фон. Он у нас 550Х400 пикселей.

Flash3.png

Создаем новый слой.

Flash4.png

Нажимаем на букву Т, кликаем на фон. Пишем текст.

Flash5.png

Кликаем на текст и нажимаем клавишу F8, чтобы преобразовать текст в символ. Жмём ОК.

Flash6.png

На втором слое(Слой2) двадцатого кадра кликаем правой клавиши мыши и вставляем ключевой кадр.

Flash7.png

Видим, что цвет нашего фон пропал, чтобы все исправить переходим на 60 кадр второго слоя, кликаем правой кнопкой мыши и добавляем кадр.

Flash8.png

Тоже самое делаем на Слой1.

Flash9.png

Нажимаем правой кнопкой мыши между 1 или 20-ым кадром, например на 10 кадр второго слоя.

Flash10.png

Создаем классическую анимацию движения.

Flash11.png

На 2-ом слое выбираем первый кадр, кликаем на символ и нажимаем комбинацию CTRL+F3. Таким образам мы попали в свойства ранее созданного символа 1.
Выбираем цветовой эффект - альфа канал 0%.

Flash12.png

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

Flash13.png

Делаем все тоже самое на 55-ом кадре.

Flash14.png

Нажимаем правую клавишу мыши между 40 или 55-ым кадром, например на 50 кадр.

Flash15.png

Создаем классическую анимацию движения.

Flash23.png

На 2-ом слое выбираем последний кадр (55 кадр).

Flash17.png

Кликаем на символ.

Flash18.png

Нажимаем комбинацию CTRL+F3. Выбираем цветовой эффект - альфа канал 0%.

Flash19.png


Для просмотра переходим на первый кадр и нажимаем клавишу Enter

Flash20.png


Сохраняем проект комбинациями клавиш CTRL+SHIFT+S и экспортируем flash ролик CTRL+ALT+SHIFT+S на свой компьютер.


Пример: http://wikiency.org/images/5/56/Wiki.swf