(495) 925-0049, ITShop интернет-магазин 229-0436, Учебный Центр 925-0049
  Главная страница Карта сайта Контакты
Поиск
Вход
Регистрация
Рассылки сайта
 
 
 
 
 

Уроки Flash: Падающие звезды в тексте

Источник: mg raphics

Шаг 1. В этом уроке нам понадобится текст, сделанный в фотошопе, уже импортированный во -fla формат. Скачать можно здесь. Внутри файла две картинки, показанные ниже. Первая картинка будет помещена под картинкой ниже. Звезды будут созданы динамически между двумя этими слоями и после к ним будет применем эффект скроллинга. Также мы создадим маску, чтобы звезды распологались точно внутри текста.

Падающие звезды в тексте

Падающие звезды в тексте

Шаг 2. Начнем с создания нового флэш-документа с размерами 260 на 190 пкс и FPS = 30. Создайте слой, назовите его text и переместите textMC мувиклип на сцену.

Падающие звезды в тексте

Шаг 3. Создайте новый мувиклип и назовите его "holder".

Падающие звезды в тексте

Шаг 4. Поместите holder на слой holder (создайте его). Поместите его в координаты, показанные ниже. Instance Name - holder.

Падающие звезды в тексте

Шаг 5. Теперь мы создадим маску, чтобы звезды были видны только в области внутренностей текста. Создайте новый слой mask, выше слоя holder, создайте текст 150 размера поверх.

Падающие звезды в тексте

Шаг 6. Установите слой в режим mask.

Падающие звезды в тексте

Шаг 7. Слои теперь должны выглядеть следующим образом:

Падающие звезды в тексте

Шаг 8. Теперь создайте новый слой shade и поместите на него мувиклип shadeMC.

Падающие звезды в тексте

Шаг 9. Теперь мы создадим звезды. Создадим новый мувиклип star0 как показано ниже.

Падающие звезды в тексте

Шаг 10. Внутри мувиклипа star0 нарисуйте звезду из линий.

Падающие звезды в тексте

Падающие звезды в тексте

Падающие звезды в тексте

Залейте ее.

Падающие звезды в тексте

Шаг 14. Кликните правой кнопкой на star0 в библиотеке и дублируйте - star1.

Падающие звезды в тексте

Падающие звезды в тексте

Падающие звезды в тексте

Сделайте еще дубликатов (по разным цветам заливки и обводки).

Падающие звезды в тексте

Теперь мы напишем код, заставляющий звезды двигаться. Создайте слой script и кликните на первом кадре на таймлайне. Нажмите F9 и вставьте код, показанный ниже.

Падающие звезды в тексте

Падающие звезды в тексте

Падающие звезды в тексте

Падающие звезды в тексте

Падающие звезды в тексте

Нажмите Ctrl+Enter и наблюдайте за великолепным эффектом скроллинга :)



 Распечатать »
 Правила публикации »
  Написать редактору 
 Рекомендовать » Дата публикации: 24.09.2007 
 

Магазин программного обеспечения   WWW.ITSHOP.RU
ABBYY Lingvo x6 Многоязычная Домашняя версия, электронный ключ
ABViewer Professional пользовательская
ABBYY Lingvo x6 Многоязычная Профессиональная версия, электронный ключ
IBM RATIONAL Quality Manager Quality Professional Authorized User Single Install License + Sw Subscription & Support 12 Months
Rational ClearQuest Floating User License
 
Другие предложения...
 
Курсы обучения   WWW.ITSHOP.RU
 
Другие предложения...
 
Магазин сертификационных экзаменов   WWW.ITSHOP.RU
 
Другие предложения...
 
3D Принтеры | 3D Печать   WWW.ITSHOP.RU
 
Другие предложения...
 
Новости по теме
 
Рассылки Subscribe.ru
Информационные технологии: CASE, RAD, ERP, OLAP
Программирование в AutoCAD
Компьютерный дизайн - Все графические редакторы
Программирование на Visual Basic/Visual Studio и ASP/ASP.NET
3D и виртуальная реальность. Все о Macromedia Flash MX.
Краткие описания программ и ссылки на них
Corel DRAW - от идеи до реализации
 
Статьи по теме
 
Новинки каталога Download
 
Исходники
 
Документация
 
 



    
rambler's top100 Rambler's Top100