(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
ABViewer Standart пользовательская
DevExpress / Universal Subscription
Radmin 3.x - Стандартная лицензия 1 компьютер
Nero 2018 Platinum ESD
WinRAR 5.x Standard Licence - для частных лиц 1 лицензия
 
Другие предложения...
 
Курсы обучения   WWW.ITSHOP.RU
 
Другие предложения...
 
Магазин сертификационных экзаменов   WWW.ITSHOP.RU
 
Другие предложения...
 
3D Принтеры | 3D Печать   WWW.ITSHOP.RU
 
Другие предложения...
 
Новости по теме
 
Рассылки Subscribe.ru
Информационные технологии: CASE, RAD, ERP, OLAP
Программирование в AutoCAD
Компьютерный дизайн - Все графические редакторы
Adobe Photoshop: алхимия дизайна
3D и виртуальная реальность. Все о Macromedia Flash MX.
Краткие описания программ и ссылки на них
ЕRP-Форум. Творческие дискуссии о системах автоматизации
 
Статьи по теме
 
Новинки каталога Download
 
Исходники
 
Документация
 
 



    
rambler's top100 Rambler's Top100