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


Урок во флеш. Делаем анимированный флеш-плеер. Этап второй. 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): «первая «назад
Cadmii 08-04-2012-23:53 удалить
Ответ на комментарий Та_ещё_штучка_Я # Спасибо! Н у жу если.... То больше некуда обращаться.
Ответ на комментарий Cadmii # вы не смущайтесь..я правда не против помочь.
напишите на каком моменте загвоздка, когда готовы будете.
Cadmii 09-04-2012-10:55 удалить
Ответ на комментарий Та_ещё_штучка_Я # Я вчера делала, у меня получилась кнопка. Я ее сохранила во флеш. Но еще не знаю рабочая ли она. Но я делала ее по второму Вашему уроку. Сегодня после обеда буду делать по первому,где есть музыка.
Я Вас чмоки-чмоки и цем цем!
[400x396]
желаю приятного дня Алечка!
Ответ на комментарий Cadmii # Рада, что у вас получилось!
но,если вы делали урок второй, (т.е в этом посте) то здесь анимируется только клипарт к кнопке.
Идея второго этапа состоит в том, чтобы добавить к обычной кнопочке-плееру декоративную анимашку.
Сама же кнопочка делается в уроке первом( предыдущий пост)
Там указан скрипт, благодаря которому кнопка срабатывает, как плеер.
Ответ на комментарий Лида_Юринец # Пожалуйста! Успехов вам и красивых работ!
Ответ на комментарий Елена_Мишакова # Спасибо и очень взаимно, Леночка!
Cadmii 09-04-2012-21:56 удалить
Ответ на комментарий Та_ещё_штучка_Я # Здравствуй милая!!!!!! Только собиралась Вам написать и вдруг увидела в почте сообщение.
Сегодня разбиралась с первым уроком. Ну никак.
У меня рускоязычный Сотник. Урок для английского. А я в нем бум-бум!
Никак не могу понять что такое и где взять- Insert,insert blank keyframe"... и много еще.

Может у Вас есть урок для рус Сотника?

Спасибо Вам за внимание! Мне очень ценны Ваши уроки.
Ответ на комментарий Та_ещё_штучка_Я # Добрый вечер! ..можно на ты, лучше на ты )
я Аля...)
прожка у меня на английском и качала намеренно не русифицированную, потому как училась по таким урокам..
ну..эт как бы детали.
Попытаюсь помочь.
В английском не сильна, обратилась в гугл - переводчик.
insert blank keyframe - вставить пустой ключевой кадр.(за точность перевода не ручаюсь. Возможно такой перевод вернее - вставить В пустой ключевой кадр.)
insert - вставить
Теперь, где взять ..
Вы встаёте на кадрик 15 ( по уроку),кликайте на этот кадр сразу правой клавишей мыши. Выпадет окошко, где вы и обнаружите это действие.
И ещё , мне кажется, что можно сориентироваться по расположению всех действий.
То есть в русифицировонном и англоязычном варианте прог РАСПОЛОЖЕНИЕ всех действий аналогично.
в любом случае спрашивайте, если что то ещё не понятно.
novprospekt 10-04-2012-10:47 удалить
Ответ на комментарий Та_ещё_штучка_Я # Здравствуйте, вот сейчас читаю комментарии и решила тоже помочь. Думаю надо сделать словарик перевода терминов с картинками, так как у половины стоит английская версия, а у другой русифицированная. По переводу В меню русифицированной версии пункт "Вставка" соответствует пункту "Insert". Insert KeyFrame означает вставить "Ключевой кадр". Следовательно, необходимо 15 кадр выделить,щелкнув по нему и можно выбрать пункт меню Вставка и в открывшевся списке выбрать пункт "Ключевой кадр".
novprospekt 10-04-2012-11:01 удалить
Ответ на комментарий Та_ещё_штучка_Я # Аленька, молодец, хороший урок. Вот сейчас читаю комментарии и думаю,что надо делать словарик со скринами. У меня стоит и английская версия и русифицированная портабельная 5.3.11. Она, кстати, очень даже не плохая. Сейчас многие ее установили, так как 5.2 не у всех устанавливается. Скачала недавно совсем новую английскую версию 5.4, но у нее проблемы с применением эффектов. Как только начинаешь применять эффект сразу прогу выбивает. Так что, пока, вот все варианты держу. Поэтому и думаю что надо делать словарик. А то, вот, сейчас пишу урок по часикам и столько мороки. Везде надо давать переводы и по нескольку скринов делать.
alla56 10-04-2012-15:39 удалить
Благодарю. Сейчас займусь изучением.
Ответ на комментарий Та_ещё_штучка_Я # Спасибо за поддержку!
а словарик не помешал бы. сама иной раз теряюсь, когда уроки по русифицированной проге попадаются.
Вы таки титанический труд на себя взвалили..уроки, да ещё перевод...
Терпения вам и успешного завершения урока!..заждалась уже )
Ответ на комментарий pappesa # Пожалуйста!
Ответ на комментарий alla56 # Успеха вам!
Fideriga 19-03-2013-23:02 удалить
Большое Спасибо! Процитировала себе.
Ответ на комментарий Fideriga # Пожалуйста! приятно..
musjusik 07-06-2013-00:11 удалить
Спасибо большое за урок.
Tatyana-Zlata 27-09-2014-12:24 удалить
Огромное спасибо за урок, буду пробовать, я пока на ВЫ с прогой ...


Комментарии (51): «первая «назад вверх^

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

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