-Цитатник

Без заголовка - (0)

Волшебный алфавит. В продолжение темы: тролли, гномы, эльфы, феи - сказочный народ от Pas...

Без заголовка - (0)

Пугательные Испанский иллюстратор Ramon PLA рисует интересные образы, которые иногда воплощает в ...

Без заголовка - (0)

Ирэн №3 2018 2 3 4 5 6 7 8 9 10 11 12 ...

 -Приложения

  • Перейти к приложению Я - фотограф Я - фотографПлагин для публикации фотографий в дневнике пользователя. Минимальные системные требования: Internet Explorer 6, Fire Fox 1.5, Opera 9.5, Safari 3.1.1 со включенным JavaScript. Возможно это будет рабо
  • Перейти к приложению Открытки ОткрыткиПерерожденный каталог открыток на все случаи жизни
  • ТоррНАДО - торрент-трекер для блоговТоррНАДО - торрент-трекер для блогов

 -Музыка

 -Поиск по дневнику

Поиск сообщений в Та_ещё_штучка_Я

 -Подписка по e-mail

 

 -Сообщества

Читатель сообществ (Всего в списке: 3) Мир_мультяшек CoolArt Мир_клипарта

 -Статистика

Статистика LiveInternet.ru: показано количество хитов и посетителей
Создан: 11.04.2010
Записей: 1494
Комментариев: 8459
Написано: 23046


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

Суббота, 22 Декабря 2012 г. 22:42 + в цитатник

Урок в 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

Метки:  

Процитировано 44 раз
Понравилось: 24 пользователям

Franzuzhenka   обратиться по имени Суббота, 22 Декабря 2012 г. 22:50 (ссылка)
Klass-klass-klass!!! Utashila w sunduchok , do luchshix wremön...
Ответить С цитатой В цитатник
Перейти к дневнику

Суббота, 22 Декабря 2012 г. 22:53ссылка
Катюш, ваще ничё сложного. Главное скрипт правильно скопировать и вписать в указанных пунктах.
Уютной ночи тебе! ..я в отруб..)
Grif-studio   обратиться по имени Суббота, 22 Декабря 2012 г. 22:57 (ссылка)
Ответить С цитатой В цитатник
jzayka   обратиться по имени Суббота, 22 Декабря 2012 г. 23:00 (ссылка)
Приветик..Молодец..
Я только вот с того сайта,смотрела другой урок..
Я никак не возьму в толк как вставлять скрипты..
Все ,что идет после слова CODE копировать?
Меня это смущает сбивает с толку...
Или оттуда надо что-то выбирать...?
Вот не понимаю я скрипты,хоть застрелись..
Ответить С цитатой В цитатник
Перейти к дневнику

Воскресенье, 23 Декабря 2012 г. 08:48ссылка
Спасиб!
Леночка, копируете код целиком, вместе с комментариями к нему. Т.е от слова CODE
до shoot();// Запуск салюта..
"Фильтровать" ничего не нужно. Если скрипт написан без ошибок, то фле сработает.
По поводу комментов к скриптам. Малёхо подумала и кажись догналась.
Коммент (текст) спрятан в такие значки / - что делает их невидимыми для проги.
когда вы вводите скрипт целиком, они у вас будут светло серого цвета..отличные от цвета скриптов (значков)
Ошибкой не будет, если повыбирать только скрипт..без комментов. но кому нужна эта морока.
и ещё, уроки на сайте не все авторские. достаточно много выкладывается не опробованных уроков. чисто передирают где-нить в инете. или же, как вариант перевод уроков не точный.
соответственно...неверно прописан скрипт..и увы, все труды на смарку.
......................
незнание скриптов не освобождает от ответственности ))
эт я и о себе в том числе )
Леночка, если какие то шаги не получаются...спросите.
Перейти к дневнику

Воскресенье, 23 Декабря 2012 г. 10:32ссылка
О,Алечка..конечно буду спрашивать..
Вот именно комментарии в скриптах ..здесь я туплю
Вчера просидела весь вечер на демиарте...
Только один скрипт не показал ошибку декомпилляции.
Уроки то написаны давно,я пробовала по-разному(AS2,AS3).
Тем более,что у меня не Macromedia,а Adobe-малейшее несовпадение с (меню , опциями и т.д.)сбивют с толку.
Да и вообще я ,очень мало практиковалась с этим делом.
Все больше в простых,где скрипты не нужны..
В Сотнике только по урокам и готовые ..
Знаю,что это не просто,надо мало-мальски понятие иметь что это и с чем..
Сегодня еще посижу на этом сайте..
Может что-то конкретное спрошу.
Перейти к дневнику

Воскресенье, 23 Декабря 2012 г. 10:42ссылка
я тож у самых истоков в макромедии. что касается адобе флеш. теперь она тоже есть.
Открываю, пробую и там уроки делать. Но если в уроке косяки, то без вариантов. в чём не парься - всё без толку.
К стати, на демиарте пробегайтесь по комментам читателей, прежде чем браться за урок.
если негатив за негативом..то не стоит и замарачиваться.
Для профи конечно море по колено, но новичкам - по самые гланды. )
Перейти к дневнику

Воскресенье, 23 Декабря 2012 г. 10:47ссылка
Спасибо,будем пробовать..
Все в наших руках..
!!!!!!!!!!!!!!!!!)))))))))))
Доброго тебе дня и хорошего настроения..
татьяна_татуревич   обратиться по имени Суббота, 22 Декабря 2012 г. 23:00 (ссылка)
Ответить С цитатой В цитатник
Перейти к дневнику
Нина_Гуревич   обратиться по имени Суббота, 22 Декабря 2012 г. 23:06 (ссылка)
Спасибо, Алечка, милая, будем осваивать
Ответить С цитатой В цитатник
Перейти к дневнику

Воскресенье, 23 Декабря 2012 г. 08:51ссылка
Пожалуйста, Ниночка!
GanikoZ   обратиться по имени Суббота, 22 Декабря 2012 г. 23:17 (ссылка)
Ну и умничка же ты Алечка!Спасибо за науку.Попробуем сделать!!!
Ответить С цитатой В цитатник
Перейти к дневнику

Воскресенье, 23 Декабря 2012 г. 08:52ссылка
умничка всё же автор урока , но таки спасиб! )
TalaNat   обратиться по имени Суббота, 22 Декабря 2012 г. 23:20 (ссылка)
Спасибо,моя дорогая! Утащила.
Ответить С цитатой В цитатник
Перейти к дневнику

Воскресенье, 23 Декабря 2012 г. 08:52ссылка
Очень пожалуйста!
Lana4ka_T   обратиться по имени Суббота, 22 Декабря 2012 г. 23:22 (ссылка)
Вау!!! Как здорово, надо попробовать! Спасибо забираю в капилочку1
Ответить С цитатой В цитатник
Перейти к дневнику

Воскресенье, 23 Декабря 2012 г. 08:53ссылка
вам понравится! )
MissKcu   обратиться по имени Суббота, 22 Декабря 2012 г. 23:36 (ссылка)
класс...а скрип для других флеш прог подходит?
Ответить С цитатой В цитатник
Перейти к дневнику

Воскресенье, 23 Декабря 2012 г. 08:56ссылка
для Sothink SWF Quicker точно не прокатит.
есть некоторое сходство в интерфесе прог и в операциях
зная одну, не сложно приспособиться к другой.
Скрипт, возможно ляжет в Flash CS5 . Но я там не пробовала этот урок.
Перейти к дневнику

Воскресенье, 23 Декабря 2012 г. 14:45ссылка
поняла...тогда мне не подходит...ни одну, ни другую прогу незнаю...тока сотник пытаюсь освоить
Перейти к дневнику

Воскресенье, 23 Декабря 2012 г. 15:00ссылка
Ксюш, все флеш-проги, как однояйцевые близнецы. Но в одном ты права - не научившись свободно ориентироваться в одной, за другую можно даж не помышлять.
Перейти к дневнику

Воскресенье, 23 Декабря 2012 г. 16:47ссылка
воть...потому не прыгаю на другие...
слушай...а скрипты КТО ТО пишет...или тоже надо учится их писать???
Перейти к дневнику

Воскресенье, 23 Декабря 2012 г. 16:59ссылка
Ксюш, для каждого урока пишется свой скрипт. надо учиться.
я вот сёня вся в загадках..куда пойти-куда податься. с чего начать короч.
Перейти к дневнику

Воскресенье, 23 Декабря 2012 г. 20:10ссылка
понЯла...
ну...я ролик сделать хочу...переключилась
Kapitoshka_N   обратиться по имени Воскресенье, 23 Декабря 2012 г. 06:52 (ссылка)
Та_ещё_штучка_Я, спасибо )
Ответить С цитатой В цитатник
Перейти к дневнику
FaithMona   обратиться по имени Воскресенье, 23 Декабря 2012 г. 08:07 (ссылка)

Ответить С цитатой В цитатник
Перейти к дневнику

Воскресенье, 23 Декабря 2012 г. 08:57ссылка
Какая прелесть! ) Пожалуйста!
Елена_Мишакова   обратиться по имени Воскресенье, 23 Декабря 2012 г. 13:13 (ссылка)
здорово Алечка!
Ответить С цитатой В цитатник
Перейти к дневнику

Воскресенье, 23 Декабря 2012 г. 15:01ссылка
Спасибо, Леночка! )
novprospekt   обратиться по имени Понедельник, 24 Декабря 2012 г. 04:04 (ссылка)
Вот моя работа


Делала в Sothink SWF Quicker
Ответить С цитатой В цитатник
Перейти к дневнику

Понедельник, 24 Декабря 2012 г. 09:19ссылка
Шикарная открыточка получилась!
а я в сотик даж не лазала..
Мариш (надеюсь, я не ошибаюсь с именем), а скрипт вы свой прописывали?
Перейти к дневнику

Понедельник, 24 Декабря 2012 г. 16:05ссылка
Спасибочки. Ну, очень люблю когда хвалят. Скрипт брала этот же. Немного синтаксис (это скобочки, запятые) подправила и комментарии вырезала. Сотник очень некорректно работает в скриптах с киррилицей.


Вложение: 4011489_feyerverk_v_sothink_swf_quicker_.txt


Вот это тоже в Сотнике сделано. Здесь хорошо видно как ракета летит.


А эту флешку в Adobe Flash делала. Здесь еще такой же программный снежок добавила.

Перейти к дневнику
Перейти к дневнику

Понедельник, 24 Декабря 2012 г. 17:18ссылка
я прям по пунктам распишу )
За скрипт у меня даж сомнений не возникало, что смогёте..пристроите в Сотник. )
За него же огромное спасибочки!!!! и за подсказку с кириллицей тоже отдельная благодарность!
Теперь за открытку с ракетой и домиками. вот стопудово сами рисовали фон. )
ну..мне так кажется.. пробовала..знаю, не хухры мухры ..
Снежок ....да,очень милый флеш ролик! и вот урок с ним ну..как то не проняло особо
Мариш, у меня ещё интерес к вам.
с чего начать в изучении скриптов? где они..азы ? )
У Лёши (Легионер) чисто к флеш-ребусу разбор скриптов есть. вот собственно и весь багаж эээ знаний(не приобретённых мною пока мест))
Перейти к дневнику

Понедельник, 24 Декабря 2012 г. 18:51ссылка
Аль, я тебе по скриптам завтра с утречка в личку напишу свои советы. А домики это векторный клипарт. Я его из готовых векторных рисунков в иллюстраторе делаю. Сама учусь в иллюстраторе рисовать, но до такого мастерства еще не дошла. Это с виду только кажется нарочито примитивно. Но это очень сложные векторные рисунки. А еще это большое чувство цвета и формы. Оно либо у человека от природы есть либо его, это чувство долго в себе воспитывать надо.
Перейти к дневнику

Понедельник, 24 Декабря 2012 г. 19:47ссылка
ну всё..я спать не лягу..буду утро дожидаться )
Мариш, конечно..как сможется, так и.....Спасибо!
а вектором я нынче в Flash CS5 покорячилась. всяко разно руку набивать.
в фш я вектором приспособилась уже. но ничё кроме грибов и шаров новогодних не рисовала, и то по урокам. )
ALBENS   обратиться по имени Понедельник, 24 Декабря 2012 г. 06:47 (ссылка)

95170829_913250cd15 (83x126, 7Kb)
Ответить С цитатой В цитатник
Перейти к дневнику

Понедельник, 24 Декабря 2012 г. 09:20ссылка
И вас с Наступающим!
Irina-snez   обратиться по имени Понедельник, 24 Декабря 2012 г. 12:22 (ссылка)
Урок потрясающий и по сути и по оформлению!!! Алечка - супер умница!
Ответить С цитатой В цитатник
Перейти к дневнику

Понедельник, 24 Декабря 2012 г. 15:36ссылка
Спасиб, Ирин! ) ...автор не я, мои здесь ток миниатюрные междустрочья и некоторая доработка )
daf53   обратиться по имени Вторник, 25 Декабря 2012 г. 15:01 (ссылка)
Спасибо! Познавательный урок! Очень даже пригодится!
Ответить С цитатой В цитатник
Перейти к дневнику

Вторник, 25 Декабря 2012 г. 20:08ссылка
Пожалуйста! буду только рада!
koreckolga   обратиться по имени Четверг, 27 Декабря 2012 г. 01:57 (ссылка)
Здорово получается! Спасибо, милая Алечка! С Наступающим Новым Годом тебя, дорогая!
image (250x300, 66Kb)
Ответить С цитатой В цитатник
Перейти к дневнику

Четверг, 27 Декабря 2012 г. 10:59ссылка
Пожалуйста! С наступающим вас!
Лида_Юринец   обратиться по имени Четверг, 27 Декабря 2012 г. 23:27 (ссылка)
Спасибо за урок!!!
Ответить С цитатой В цитатник
Tamreko   обратиться по имени Воскресенье, 06 Января 2013 г. 00:14 (ссылка)
686275 (240x320, 94Kb)
Ответить С цитатой В цитатник
Оленька_555   обратиться по имени Суббота, 31 Мая 2014 г. 17:00 (ссылка)
Очень интересный урок! Пока всё собираю! Не могу прогу установить! Система не разрешает!
Ответить С цитатой В цитатник
Комментировать К дневнику Страницы: [1] [Новые]
 

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

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

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

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