(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
Symantec Endpoint Encryption, License, 1-24 Devices
SAP Crystal Reports 2008 INTL WIN NUL License
DevExpress / ASP.NET Subscription
Microsoft 365 Business Basic (corporate)
ABBYY Lingvo x6 Европейская Домашняя версия, электронный ключ
 
Другие предложения...
 
Курсы обучения   WWW.ITSHOP.RU
 
Другие предложения...
 
Магазин сертификационных экзаменов   WWW.ITSHOP.RU
 
Другие предложения...
 
3D Принтеры | 3D Печать   WWW.ITSHOP.RU
 
Другие предложения...
 
Новости по теме
 
Рассылки Subscribe.ru
Информационные технологии: CASE, RAD, ERP, OLAP
Программирование в AutoCAD
Компьютерный дизайн - Все графические редакторы
Реестр Windows. Секреты работы на компьютере
3D и виртуальная реальность. Все о Macromedia Flash MX.
Краткие описания программ и ссылки на них
Работа в Windows и новости компании Microsoft
 
Статьи по теме
 
Новинки каталога Download
 
Исходники
 
Документация
 
 



    
rambler's top100 Rambler's Top100