-Музыкальный плеер



плеер собран приложением V.exeR

 -Кнопки рейтинга «Яндекс.блоги»

 -Интересы

видео кино кулинария магия музыка.здоровье психология воспитание юмор семья нумерология приколы рейки руны таро фото

 -Сообщества

Участник сообществ (Всего в списке: 42) Кремлевская_диета ПОИСК_ПРАВДЫ БагЛи Рамки_для_днева Темы_и_схемы опекАй Рецепты_домохозяек Наши_рецептики О_детях Всем_Вкусно БУДЬ_ЗДОРОВ Ветеринарный_кабинет УспешнаяДомохозяйка Царство_Кулинарии Всё_для_блога Обречены_на_Счастье Секреты_здоровья Цитируем_Тут Усы_лапы_и_хвост РЫЖИЙ_КОНЬ Все_о_Таро Кошколюбам ЛиРу Книжный_БУМ Картинки_для_днева Стихи_любимых_поэтов Gala-Feya_and_Photoshop Котомания Школа_кулинара Руны Сама_овца Это_Смешно Лучшее_Для_Цитатника -HochuVseZnat- Любимый_Дизайн_Дневников Сообщество_Творческих_Людей Школа_славянской_магии Вкусно_Быстро_Недорого Creative_Designs Только_для_мужчин Только_для_женщин Книга-лучший_друг
Читатель сообществ (Всего в списке: 18) _ПрОсТо_ДлЯ_ВаС_ ПОМОЩЬ_НОВИЧКУ Темы_и_схемы_для_Вас Магия_рун Учимся_вместе_ЛиРу Все_о_Таро Школа_Иггдрасиль Сила_ведьм -Дизайны_от_МяУ- Evernote_Ru Кино-Видео-На-Лиру Mimi_Kids Photoshopinka WiseAdvice Мир_клипарта О_Самом_Интересном Школа_славянской_магии Рецепты_блюд

 -Статистика

Статистика LiveInternet.ru: показано количество хитов и посетителей
Создан: 15.05.2011
Записей: 10810
Комментариев: 1782
Написано: 14154


Запускаем праздничный фейерверк своими ручками. Урок во флеш.

Воскресенье, 23 Декабря 2012 г. 20:15 + в цитатник
Цитата сообщения Та_ещё_штучка_Я Запускаем праздничный фейерверк своими ручками. Урок во флеш.

Урок в Macromedia Flash 8. Будем создавать несложный фейерверк своими ручками. ) Результат будет выглядеть как - то так.




Для начала подберём картинку или коллаж, на котором вы хотите посалютовать. Фон желателен тёмный, чтобы таки наш фейерверк просматривался. Нашли картинку, подсмотрели размеры. Идём в прогу. Открываем новый документ, идём в файл-импорт-импортировать в библиотеку... Пусть наша картинка полежит в ней до поры до времени.
Жмём сочетание клавиш Ctrl+J и в открывшемся окне меняем пропорции сцены, который соответствует размеру вашей картинки.Выставляем число фреймов - 25 и делаем заливку каким-нить тёмным цветом. На скрине я указала пропорции своей картинки.

а (372x346, 12Kb)


Салют можно создать из любого крохотного фрагмента. Можно нарисовать его с помощью инструмента овал, предварительно выбрав цвет заливки на противоположный цвету фона и убираем обводку. Размер фрагмента зависит от размера картинки. Чем меньше картинка (фон ), тем меньше фрагмент салюта. Отредактировать размер фрагмента можно, выделив его инструментом "выделение" (V)
и, в окошке "свойства" уменьшить его ширину и высоту.


Второй вариант отрисовки фрагмента салюта - с помощью инструмента "текст". Находите на клавиатуре значок "*", затем заклинанием [Ctrl+B] превращаем ее в векторный объект.

б (345x310, 20Kb)

Теперь нам нужно этой звезде добавить движение. Для этого превратим ее в клип и засунем в другой клип (скажем - контейнер), в котором она и будет двигаться.

Итак: звезда выделена? Нажмите F8. В панели "Convert to Symbol" включите MovieClip, имя поставьте - "zw_fly" и кнопку ОК.


в (414x143, 7Kb)


Дважды кликните по созданному клипу на сцене, этим самым, вы войдете в режим его редактирования и вновь увидите выделенный шейп.
Снова нажмите F8. В панели "Convert to Symbol" включите MovieClip, имя поставьте - "zw" и жмякните кнопку ОК.

Т.е. мы получили клип "zw_fly", а внутри него - клип "zw", который мы будем анимировать. Изучите внимательно следующий рисунок для лучшего понимания дальнейшего процесса.

г (428x352, 33Kb)


Мышкой выделите на монтажном столе 25 кадр и нажмите F6 - кадр станет ключевым. Не покидая его, инструментом выделения выделите наш клип на сцене. Внизу слева найдите панельку "Параметры"(Properties). Поменяйте в ней значение y-координаты примерно на 100 больше изначального и жмём энтер. Вы увидите, что клип сместился вниз.

Правой кнопкой на любом закрашенном кадре монтажного стола вызовите контекстное меню и в нем выберите опцию "вставить промежуточный кадр"(Create Motion Tween). Если вы все делали правильно, то анимационная последовательность кадров окрасится в бледно-серый цвет и от 1 до 25 кадра протянется стрелка. В противном случае вы увидите там штрих линию.

Можно нажать [Ctrl+Enter] и полюбоваться на полет.

Добавим, стал быть, замедление по траектории, ну и плавное затухание в конце.

Выделите любой кадр и внизу на панели "Параметры" найдите регулятор "Ease", поднимите его на ваш вкус ( у меня до 70). См. скрин.

д (428x352, 18Kb)


Теперь выделите 15 кадр и нажмите F6, после выделите последний 25 кадр. Находясь на нем выделите клип на сцене и снова обратимся к панели Параметры. см. скрин. Найдите там список "Color" имеющий сейчас тип свойства - "None". Выберите там - "Alpha" и поставьте значение (рядом) = "0%".

е (428x352, 23Kb)


Снова выделите 25 кадр, нажмите F9 и в панели "Действия"(Actions - Frame) введите команду(скрипт) "removeMovieClip(this);" (без ковычек разумеется)

Все! С клипом закончили! Щелкните по символу "сцена" для выхода на главную линейку фильма.

Найдите на сцене наш клип, выделите его и дайте имя - "zwezda"post-9953-1268740914 (170x135, 3Kb)

Щелкните по пустому месту на сцене, нажмите "Действия"( F9) и вставьте следующий код:



CODE
/**********************
* @ MOHCTEP © 2007 *
***********************/
//Глобальные переменные
//*********************
var x0:Number, y0:Number;// Координаты салюта. К ним полетит "запущенный пушкой снаряд" :))
var id:Number;// Таймер повтора залпов
var fireLength:Number=100; //Примерный радиус раскрытия салюта
var colorNum:Number=0;// Счетчик цвета
var colors:Array=[0xFF0000, 0xFFFF00, 0x00FF00, 0x00FFFF, 0x2020FF, 0xFF00FF, 0xFFFFFF];
// Массив цветов
zwezda.gotoAndStop(1);
/* Клип с летящей звездочкой. "Внутренняя" анимация выключена, поскольку использовать его бум
в 2-х вариантах. 1 показ траектории полета снаряда. 2 - производитель для дубликатов салюта
************************
ПРОЦЕДУРЫ
************************/
/*Вывод случайного целого числа из заданного диапазона
Пользуем для расчета координат салюта, угла вылета конкретной звездочки и ее масштаба и т.д.*/
function randomNum(min:Number, max:Number):Number{
return Math.floor(Math.random()*(max-min))+min;
}
//Полет снаряда от "пушки" до точки салюта
function shoot(){
clearInterval(id);// Кирдык таймеру
x0=randomNum(fireLength,(Stage.width-fireLength));// задаем
y0=randomNum(fireLength,(Stage.height-fireLength));// координаты салюта
zwezda._x=randomNum(fireLength,(Stage.width-fireLength));//и начальные
zwezda._y=Stage.height+5;// координаты снаряда
zwezda.onEnterFrame=function(){// Полетели...
this._x-=(this._x-x0)/6;// Замедление скорости полета. Не совсем красивое.
this._y-=(this._y-y0)/6;// Лучше пользовать класс "Tween". Оставил для обучения
if((this._y-y0)<3){//Долетели до точки взрыва
this._y=Stage.height+5;// прячем снаряд
delete this.onEnterFrame;// Тормозим полет
createFirework();// Идем взрываться...
}
}
}
//Создание салюта
function createFirework(){
var total:Number=randomNum(70,120);// Кол-во звезд в салюте
var color:Number=colors[colorNum];// Цвет салюта
colorNum++;
colorNum%=colors.length;
for(var i:Number=0;i/ Дублируем звезду, ставим в координаты салюта, разворачиваем и масштабируем
new Color(mc).setRGB(color);// Покрасим звездочку
}
// БАБАХ!!!!
id=setInterval(shoot, 1000);// Следующий выстрел, через секунду
}
shoot();// Запуск салюта.

Жмём сочетание клавиш Ctrl+Enter смотрим, что вышло.


Добавляем новый слой на монтажном столе. Встаём на него (выделяем) и тянем нашу подготовленную картинку из библиотеки. Выравниваем её с помощью стрелок на клавиатуре, или же в панели трансформации "Выравнивание". Зажав сой мышкой, тянем его под предыдущий слой. Просматриваем результат - экспортируем. При желании добавляем декоративные флеш-элементы в готовую работу. Я дорабатываю флеш в Sothink SWF Quicker.

Любуемся результатом..радуемся )


Успешных творческих работ!

оригинал урока туточки http://demiart.ru/forum/index.php?showtopic=20807

Серия сообщений "флешки с кодами":
флешки с кодами
Часть 1 - Flash-картинки
Часть 2 - Милый котёнок (флэшка)
...
Часть 15 - флеш открытка - С Рождеством! (3)
Часть 16 - Красивые кнопочки-переходы зимние и новогодние!Подарок от Pannamusic!+код!
Часть 17 - Запускаем праздничный фейерверк своими ручками. Урок во флеш.
Часть 18 - комментики
Часть 19 - Маленькие комментики.Часть 2
...
Часть 26 - Смайлики разнообразные.
Часть 27 - Анимированные картинки с кодами. Животные
Часть 28 - Посидим в тишине...Музыкальная флешка от MissKcu+открытка (коды)

Рубрики:  Дневник на ЛиРа/ оформление дневника
оформление дневника
Метки:  

 

Добавить комментарий:
Текст комментария: смайлики

Проверка орфографии: (найти ошибки)

Прикрепить картинку:

 Переводить URL в ссылку
 Подписаться на комментарии
 Подписать картинку