Анимация текста сайт - 31 Января 2010 - Уроки Flash, русификатор flash, исходники flash

Мой сайт

Главная » 2010 » Январь » 31 » Анимация текста сайт
11:13
Анимация текста сайт

В этом уроке я попытаюсь рассказать вам как,  за несколько минут сделать призентацию,
основанную на
flash. Давайте же начнём
наш урок.



Пример:





Шаг 1



Создайте новый
flash документ. Нажмите сочетание
клавиш
Ctrl+j (Свойства документа) на вашей клавиатуре , установите значение width на отметку 450 пикселей, установите значение height на отметку 264
пикселя. Выберите белый, как основной цвет вашего фона (вы также можете
использовать любое). Установите
Framerate на отметку 36 fps и кликните ОК.





http://www.flashfridge.com/img/3082059_img1.gif








Шаг 2



Переименуйте текущий слой текстовой анимации. Двойной клик по
имени слоя (
Layer 1) для того чтобы изменить его. Нажмите
Enter  после чего, все
изменения вступят в силу.





Шаг 3



Выберите  инструмент
Text Tool (Клавиша на клавиатуре
A) и откройте  Properties panel  (Ctrl + F3). Затем необходимо выставить корректировки, как
показано на рисунке:



http://www.flashfridge.com/img/08200_img2.gif

После этого напечатайте какой-либо текст.



Шаг 4



Выделите текст который вы напечатали, затем нажмите клавишу
F8 (Convert to symbol) для того чтобы преобразовать его в movie clip symbol.

http://www.flashfridge.com/img/208200_img3.gif



Шаг 5



Теперь кликните на
frame 10 и нажмите на клавишу F6 . До тех пор, пока у вас выбрана frame 10, вы можете располагать текст при помощи мыши в любой части экрана.
Расположите текст как показано на изображении ниже.

http://www.flashfridge.com/img/388200_img4.gif



Шаг 6



Не снимая выделения с 
frame 10, нажмите на клавишу F6 10 раз. После этого выберите frame 11,13,15,17 и 19 и удалите их при помощи клавиши Delete (см. изображение ниже).



http://www.flashfridge.com/img/318201_img5.gif



Шаг 7



Теперь вернитесь к первой
frame и расположите текст так, как это показано на изображении ниже.



http://www.flashfridge.com/img/498201_img6.gif



Шаг 8



После этого, выберите
Selection Tool (клавиша V на клавиатуре) и
единожды кликните по тексту для его выделения. Затем, откройте
Properties Panel (сочетание клавишей Ctrl + F3). Справа, вы увидите  Color menu. Выберите пункт Alpha и понизьте уровень этого значения до 0%.



http://www.flashfridge.com/img/98202_img7.gif



Шаг 9



Сейчас выберите первую
frame и опять вернитесь в Properties Panel (Ctrl + F3). Затем выставьте корректировки как показано на данном
изображении.



http://www.flashfridge.com/img/578202_img8.gif



Шаг 10



Щелкните правой кнопкой мыши по серой области
между
frame 1 и 10 на timeline и выберите Create Motion Tween в появившемся меню.



http://www.flashfridge.com/img/218203_img9.gif



Шаг 11



Сейчас щёлкните по
frame 60 и 70 и нажмите клавишу F6. Выделите frame 70, и выберите Free Transform Tool (Q) и увеличьте размер текста так, как показано на
изображении ниже.



http://www.flashfridge.com/img/408203_img10.gif



Шаг 12



После этого выберите инструмент
Selection Tool (V) и единожды кликните
по тексту, для того чтобы выбрать его.  После этого повторите Шаг 8.



Шаг 13



Опять выберите инструмент
Selection Tool (V) и единожды щёлкните
по тексту. После выбора
Filters tab который находится с левой стороны в Properties Panel , щёлкните по плюсику и выберите Blur filter. Выставьте
корректировки как показано на изображении:

http://www.flashfridge.com/img/48204_img11.gif



Шаг 14



Щелкните правой кнопкой мыши по серой области между
frame 60 и 70 на timeline и выберите Create Motion Tween в появившемся меню.



http://www.flashfridge.com/img/178204_img12.gif


Анимация готова!

Скачать исходник



Перевод  выполнил Алексей Faith специально для Flash-teacher.ru.

При копировании материала ссылка на источник обязательна.



разработка интернет-магазина
Категория: Сложные уроки Flash | Просмотров: 2947 | Добавил: Egoor | Рейтинг: 5.0/1
Всего комментариев: 1
1 - Написал: Darold
Опубликовано: (07.12.2011 05:10)




0





Можно и свое что то добавить!
Knolwedge wants to be free, just like these articles!

Имя *:
Email:
Код *:
Четверг
23.02.2012
09:12
Мини-чат
Категории
Простые уроки Flash [25]
Средние уроки Flash [9]
Сложные уроки Flash [5]
Мини-чат
500
Теги
реклама timer звук патч баннер macromedia ActionScript русский язык ролик линия Off часы Русификатор Фильмы http://www.flashfridge.com/img/3265 Clock variables on Flash mobie кнопка youtube кино Анимация pstch легкое клип as text
Вход
Логин:
Пароль:
Комментарии
SWTOR: кредиты, ключи и таймка...
падающие буквы
I went to tons of links bfeore...
Поиск
Статистика