• Авторизация


Урок во флеш. Делаем анимированный флеш-плеер. Этап второй. 08-04-2012 17:35 к комментариям - к полной версии - понравилось!


Этап второй. Добавляем анимированный клипарт к готовому плееру.


Для начала нам нужно сделать анимацию из заготовок клипарта.Идём в меню проги. Insert - New Symbol

[показать]

В выпавшем окошке выбираем символ "Grapchics". Жмём Ок.

[показать]

Импортированный изначально в библиотеку клипарт будет выглядеть так, как на скрине.

[показать]



Цепляем мышкой выделенную картинку и тянем на рабочее поле.

Следующий шаг - Insert - New Symbol. Теперь выбираем символ "Movie Clip", жмём Ок.

[показать]

Тянем из библиотеки проги нашу картинку на рабочее поле. Она выделена на скрине

[показать]

Картинка на месте. Выделяем её, используюя инструмент в виде стрелочки

[показать] [показать]

Центрируем картинку, выставляя нули в координатах, так же,как при работе с кнопками плеера.

[показать]

Ставим курсор на 15 кадре слоя и выбираем правой клавишей мыши "Insert Keyframe"

[показать]

Выделяем картинку. Устанавливаем угол наклона -15 градусов.Угол наклона не принципиален.Поэкспериментируйте, но не перестарайтесь! )

[показать] [показать]

Далее встаём на какой-нить кадрик между первым и пятнадцатым и правой кнопкой мыши выбираем функцию"Сreate Motion Tveen"

[показать]

Cлой будет выглядеть следующим образом.

[показать]

Теперича встаём на второй кадрик и выбираем правой кнопкой мыши функцию"Сopy Frames"(копируем фрейм)

[показать]

Переходим на 29 кадрик и таким же образом выбираем функцию "Paste Frames"(вставляем фрейм)

[показать]

Снова встаём между кадром 15 и 29 , выбираем "Сreate Motion Tveen".Возвращаемся на сцену.

[показать]

В библиотеке проги наша анимашка имеет вид, как на скрине.

[показать]

Добавляем новый слой, четвёртый и тащим нашу анимированную картинку на сцену. Выравниваем, выделив её инструментом "стрелочка". При необходимости подогнали параметры сцены , кликнув на свободную часть сцены.

[показать] [показать] [показать]


Нажали просмотр. Если всё устраивает, идём дальше.



На примере первой картинки анимируем остальные кусочки клипарта. Готовые анимашки перетаскиваем на тот же четвёртый слой. При накладке каждой новой картинки у вас будут выделяться уже перенесённые. Выравнивая очередную анимашку, выделяйте (кликайте по ней) дважды.

Не бойтесь эксперементировать. И не забывайте нажимать просмотр. )


Готовый плеер экспортируем и заливаем на ЛиРу.Берём ссылку на песенку и проверяем. Код вставки вашего плеера будет:
flash=Сcылка_на_сам_плеер?mp3=Ссылка_на_песню ( код заключаем в квадратные скобочки- [])После знака= вписываем размеры своего плеера


Успехов в работе и побольше фантазии!

вверх^ к полной версии понравилось! в evernote
Комментарии (51): вперёд»
Ответ на комментарий MissKcu # Приветик, Ксюш!
Спасибочки!
как он меня задолбал..этот урок с продолжением..)
MissKcu 08-04-2012-17:51 удалить
Ответ на комментарий Та_ещё_штучка_Я # я еще не пробовала...попробую и я тя долбать начну...смеюсь
Ответ на комментарий MissKcu # долби..я не против )
MissKcu 08-04-2012-17:58 удалить
Ответ на комментарий Та_ещё_штучка_Я # хорошо...дятлом буду
Ответ на комментарий yaqut # Пожалуйста!
vladarxipoff 08-04-2012-19:09 удалить
Благодарю вас за урок! С праздником!
Ответ на комментарий vladarxipoff # Пожалуйста! Взаимно!
Franzuzhenka 08-04-2012-19:48 удалить
Alechka, kakaja zhe ti umnichka! Spasibo solnishko!!!S prasdnichkom dorogaja!
[600x400]
Ответ на комментарий Franzuzhenka # С праздником, Катюш!
не за что..
шип кактусовый в палец засадила..спешила очень )
Franzuzhenka 08-04-2012-20:12 удалить
Ответ на комментарий Та_ещё_штучка_Я # Slawa Bogu zhiwa ostalas!!!
Ответ на комментарий Franzuzhenka # так то ранение не смертельное..вынуть не можу )
Franzuzhenka 08-04-2012-20:20 удалить
Ответ на комментарий Та_ещё_штучка_Я # a ti subkami, subkami...
Ответ на комментарий Franzuzhenka # а я чем?..других инструментов немае )
Franzuzhenka 08-04-2012-20:23 удалить
Ответ на комментарий Та_ещё_штучка_Я # pinzetikom ne probowala...
Ответ на комментарий Franzuzhenka # я сам шип не вижу..ток чувствую..ошчушчаю )
да лан..выйдет, кудой он денется )
Franzuzhenka 08-04-2012-20:27 удалить
Ответ на комментарий Та_ещё_штучка_Я # sabud, ili rastworitsja ili wijdet rano ili posdno!!!
СПАСИБо, солнышко за урок
Ответ на комментарий Нина_Гуревич # Очень пожалуйста!
Ответ на комментарий Kapitoshka_N # Пожалуйста! )
Prudent 08-04-2012-21:11 удалить
Спасибо большое.
Ответ на комментарий Prudent # Пожалуйста )..авка прикольная )
утащила,спасибо.пригодится
Ответ на комментарий татьяна_татуревич # вроде не сложно изложила..пробуйтесь. Удачи вам!
Cadmii 08-04-2012-23:34 удалить
Здравствуйте! С праздником Вас! Пусть удача и счастье войдет в Ваш дом!

Я пробовала делать по Вашему кроку. Вроде все получилось. Вот только вопрос.
После того как флеш готов
нажимая на Play или Stop музыка будет воспроизводиться? Никак понять не могу.
Спасибо за внимание и за любой ответ.
Ответ на комментарий Cadmii # Спасибо за пожелания и с праздником!
Будет. в этом уроке я не вставляла музычку в плееры..просто выложила флешки недоработанные.
А в первом уроке стоит играющий плеер. включите..послушайте.
Вы не забывайте за код в конце урока.
Cadmii 08-04-2012-23:45 удалить
Ответ на комментарий Та_ещё_штучка_Я # Спасибо еще раз. Счас процитирую чтобы потом учиться.
Ответ на комментарий Cadmii # ладушки..
если возникнут вопросы, подскажу..


Комментарии (51): вперёд» вверх^

Вы сейчас не можете прокомментировать это сообщение.

Дневник Урок во флеш. Делаем анимированный флеш-плеер. Этап второй. | Та_ещё_штучка_Я - Дневник Та_ещё_штучка_Я | Лента друзей Та_ещё_штучка_Я / Полная версия Добавить в друзья Страницы: раньше»