-Цитатник

Без заголовка - (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


Урок во флеш.Делаем анимированный флеш-плеер в программе Sothink SWF Quicker

Воскресенье, 08 Апреля 2012 г. 17:34 + в цитатник



Хочу поделиться одним из способов сборки анимированного флеш-плеера. Я разделила урок на два этапа. Оговорюсь заранее. Работа предстоит кропотливая, но не сложная.На первой стадии я не пытаюсь переписать готовые посты из дневника Legionary. Вот ссылочка на уроки: http://le8.ru/post144802889/, http://le8.ru/post118952144/?upd, http://le8.ru/journalshowcomments.php?jpostid=1188...rnalid=3236775&go=prev&categ=0 Взяла на себя смелость объединить и дополнить их. Тот, кто уже овладел навыками по изготовлению плеера, может пропустить первый этап и перейти ко второму.


Этап первый. Делаем элементарный плеер.

Открываем Sothink SWF Quicker. Меню - файл. Далее по скриншоту.


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


Вот мой объединённый на одном слое клипарт. Для работы во флеш детали вашей картинки должны быть на отдельных слоях.

Убедились, в наличии клипарта в библиотеке прожки. То есть в правом нижнем её углу


Оставляем его до поры, до времени и приступаем к работе с кнопкой плеера. Для этого идём в меню. Insert - New Symbol

В новом окошке выбираем символ Button.

Прежде чем рисовать кнопочку определимся с её цветом. Желательно, чтобы он соответствовал цветовой гамме клипарта. Смотрим в верхний правй угол прожки.


Обратите внимание на карандашик и белый квадратик с красной линией по диогонали. Этот значок обозначает отсутствие обводки. Вы же можете сделать обводку для кнопочек, кликнув на крохотный треугольничек в уголке квадратика и выбрать соответствующий тон в палитре цветов.


В этом скрине обратите внимание на ведёрко и цветной квадратик. А так же на крохотные окошечки рядом. У меня стоит Type :Linear, то есть "линейный градиент" Вы же можете не морочить голову градиентами и выбрать любой цвет.


Кликаем на треугольничек в уголке квадратика с цветом заливки. Выпадает окошко с палитрой цветов.

Жмём на крохотный ярлычок в левом верхнем уголке.

Выбираем цвет "на ощупь", или же вписав нужный код в соответстующее окошечко. Подтверждаем свой выбор - "ОК".

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

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

Жмём на кадр первого слоя с обозначением "UP"


На рабочем поле рисуем выбранную фигуру. Для этого зажимаем левую кнопку мыши и тянем вниз и вправо.

Кнопка выделена, а значит рабочие окошки активировались. Вновь возращаемся в правую часть проги и выставляем нули в указанных на скрине окошках координат. Тем самым центрируем нашу фигуру.

Идём к нашему слою. Встаём на второй кадрик с обозначением "Over"и правой кнопкой мыши выбираем "insert blank keyframe"

Выбираем инструмент и рисуем окружность.

Центрируем её, установив нули в тех же окошках, что и при работе с овалом.

Встаём на третий кадр первого слоя с обозначением "DOWN" и снова правой кнопкой мыши выбираем "insert blank keyframe"

Выбрали нужный инструмент и рисуем прямоугольник с закруглёнными уголками.

Встаём на четвёртый кадр первого слоя - "HIT". Жмём на клавиатуре кнопку "F6",

Взяли инструмент "окружность" и рисуем овал, перекрывая наш прямоугольник.(пряча его). Выровняли по оси координат как предыдущие фигуры.

Создали новый слой. Встали на первый кадр.

Берём инструмент "Текст" и устанавливаем курсор мыши на фигуре. (в моём случае это овал).Зажимая левую кнопку мыши, тянем курсор в право и вниз, вырисовывая прямоугольник.

Встали на белый прямоугольничек, пишем текст - Play. Наше внимание сосредотачиваем на нижней части проги.



Если вы хотите анимированный текст, выбираем тип текста динамический. (на скрине - "Dynamic") Другой вариант текста - статический, то есть неподвижный.Выделенный зелёный квадратик на скрине - цвет текста. Здесь можно выбрать первоначальный цвет и подтвердить, или изменить его в следующих шагах урока.

Написали. Выделили текст так же, как выделяете его в ФШ. То есть зажав левую кнопку мыши, ведёте курсор от последней буквы к начальной.

Выбираем шрифт текста и его размер.


Если шрифт и размер нас устраивает, жмём на инструмент в виде стрелочки. Вокруг текста образуется синяя обводка.

С помощью стрелочек на клавиатуре выраниваем текст по центру кнопочки. Приступаем к добавлению эффекта к тексту. Кликаем на "Click to add.." (смотрим скрин)

Появляется окошко с эффектами. Здесь мы определяемся с цветом текста, нажав на выделенное в скрине - "Settings"


В новом окне выбираем цвет текста, обводки и тени. Я выбрала линейный градиент. Переключиться на линейный, или радиальный градиент можно в выделенном на скрине окошечке.

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


Таким же способом выбираем цвет обводки и тени. Для повтора эффекта (постоянной анимации) ставим галочку в нижней части окна "Loop"



Жмём ОК. Возвращаемся к окну с выбором эффекта. Подобрали понравившийся эффект, нажали ОК.

Выскочило вот такое окошко.Жмём "ДА"

Встаём на четвёртый кадр второго слоя и жмём "F5". Возвращаемся на сцену, где собираем плеер, нажав на "Skene 1"



Смотрим в правый нижний угол сцены, в библиотеку. Наш плеер будет выглядеть так, как на скрине

Точно так же рисуем кнопку "Stop" и возвращаемся на сцену. Далее в левой нижней части проги определяем размеры нашего флеша, учитывая параметры клипарта. Графу "Frame rate" оставляем без изменения.

Стоим на первом слое.Цепляем мышью кнопочку "Play" и тащим её из библиотеки на рабочее поле. Выравниваем (определяем ей место ) с помощью клавиш со стрелочками на клавиатуре.

Пока кнопочка выделена вписываем в соответствующую графу (нижняя левая часть проги) play_bt


Добавляем новый слой, встали на него и тащим кнопку "Stop" на рабочее поле. Установили кнопочку поверх кнопки "Play"

Вписываем "имя" кнопочки stop_bt там же, что и в случае с предыдущей кнопкой

Добавляем новый слой. Встаём на него.


В нижней части проги, в указанном поле вписываем скрин


stop_bt._visible=false;
play_bt.onRelease=function()
{
myMP3 = new Sound();
myMP3.loadSound(mp3, true);
play_bt._visible=false;
stop_bt._visible=true;
};
stop_bt.onRelease=function()
{
play_bt._visible=true;
stop_bt._visible=false;
myMP3.stop();
};


В выпавшем окошке жмём Ок

Смотрим, что получилось, нажав на зелёный треугольничек на верхней панели проги.





Экспортируем готовую кнопочку себе в комп. Загружаем на Лире. Берем ссылку на песенку и проверяем.
Код вставки такого вашего плеера будет:
flash=Ссылка_на_сам_плеер?mp3=Ссылка_на_песню
После знака = вписываем размеры готового плеера. Код заключаем в квадратные скобки []


Если возникнут вопросы, спрашивайте. Для настойчивых и упрямых пишу продолжение урока. Так называемый этап второй. Прожку не закрываем )

Метки:  

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

MissKcu   обратиться по имени Воскресенье, 08 Апреля 2012 г. 17:57 (ссылка)
УТАЩИЛА...туда же....
Ответить С цитатой В цитатник
Перейти к дневнику

Воскресенье, 08 Апреля 2012 г. 17:58ссылка
океюшки ) надеюсь, всё понятно..но если чё..подскажу.
Перейти к дневнику

Воскресенье, 08 Апреля 2012 г. 18:01ссылка
если че...я дорогу назад знаю...смеюсь....
Franzuzhenka   обратиться по имени Воскресенье, 08 Апреля 2012 г. 19:53 (ссылка)
kogda nibud wsö rawno oswoü!!! Spasibki rodnulja!
Ответить С цитатой В цитатник
Перейти к дневнику

Воскресенье, 08 Апреля 2012 г. 20:09ссылка
Пожалуйста, Катюш! ..конечно освоишь!
Нина_Гуревич   обратиться по имени Воскресенье, 08 Апреля 2012 г. 20:30 (ссылка)
СПАСИБо, огромное, буду изучать и делатьd80f8a4747ec (600x362, 1144Kb)
Ответить С цитатой В цитатник
Перейти к дневнику

Воскресенье, 08 Апреля 2012 г. 21:02ссылка
С праздником вас!
..и пожалуйста, у вас получится!
Kapitoshka_N   обратиться по имени Воскресенье, 08 Апреля 2012 г. 20:53 (ссылка)
Та_ещё_штучка_Я, спасибо )
Ответить С цитатой В цитатник
Перейти к дневнику
Наталья_Ивановна_НИК   обратиться по имени Воскресенье, 08 Апреля 2012 г. 21:15 (ссылка)
Лешины уроки у меня есть. Но вот эта программка осталась на старом ноуте с Windows XP....
сейчас ее снова скачала, а она у меня в Windows 7 не хочет работать.
Чёт я не так делаю....А очень хочется...
Ответить С цитатой В цитатник
Перейти к дневнику

Воскресенье, 08 Апреля 2012 г. 21:23ссылка
сейчас ссылку поищу. у меня тож не всё становится на винду..
Перейти к дневнику
Перейти к дневнику

Воскресенье, 08 Апреля 2012 г. 21:34ссылка
http://novprospekt.ru/post162459685/
посмотрите в комментах, я от туда брала ссылку.
Или здесь:
http://www.liveinternet.ru/users/morela4/post190048845/
Перейти к дневнику

Воскресенье, 08 Апреля 2012 г. 21:41ссылка
Хорошо,сейчас попробую!
Перейти к дневнику

Воскресенье, 08 Апреля 2012 г. 22:11ссылка
В общем,что-то не получается...от morela4 всего на 30 дней- пробная...
Ладно,потом попробую...
Перейти к дневнику

Воскресенье, 08 Апреля 2012 г. 22:16ссылка
сходите по первой ссылочке, там два варианта предложены...не пробники!
татьяна_татуревич   обратиться по имени Воскресенье, 08 Апреля 2012 г. 22:52 (ссылка)
классный урок,спасибо
Ответить С цитатой В цитатник
Перейти к дневнику

Воскресенье, 08 Апреля 2012 г. 22:53ссылка
Пожалуйста, Танюш!
Лида_Юринец   обратиться по имени Понедельник, 09 Апреля 2012 г. 08:38 (ссылка)
Спасибо за урок
Ответить С цитатой В цитатник
Перейти к дневнику
alla56   обратиться по имени Вторник, 10 Апреля 2012 г. 09:25 (ссылка)
СПАСИБО Будем учиться.
Ответить С цитатой В цитатник
Перейти к дневнику

Вторник, 10 Апреля 2012 г. 23:14ссылка
это очень увлекательно! Пожалуйста!
pappesa   обратиться по имени Вторник, 10 Апреля 2012 г. 10:34 (ссылка)
спасибо!
Ответить С цитатой В цитатник
Перейти к дневнику
Mausinka   обратиться по имени Четверг, 12 Апреля 2012 г. 14:51 (ссылка)
спасибо Алечка за прекрасный урок! будем учиться....если что прибегу с вопросами....))))
Ответить С цитатой В цитатник
Перейти к дневнику

Четверг, 12 Апреля 2012 г. 14:52ссылка
Пожалуйста! ..прибегай, Танюш )
Cadmii   обратиться по имени Воскресенье, 22 Апреля 2012 г. 00:02 (ссылка)
Здравствуйте,Аля!
Мне очень нужно задавать Вам вопрос. Прошу не обижайтесь за вторжение.

По Вашему уроку я благополучно сделала флеш плеер, научилась наконец. С музыкой и без. В разных вариантах

Но вот как в просто флеш плеер вставить музыку?
Например, я сделала флеш с разными картинками. Опубликовала их. А потом хочу в этот флеш-плеер вставить подходящую музыку.
Я вроде все правильно делала. А в пустом флеше вставленная музыка не играет, кнопки не реагируют.
Может код какой-то другой должен быть. Чтобы и флеш и плеер вместе были.?
Спасибо за внимание! Ну и за любой ответ!
Ответить С цитатой В цитатник
Перейти к дневнику

Воскресенье, 22 Апреля 2012 г. 00:27ссылка
попробую объяснить про код.
Вы загружаете флеш- плеер. Опубликовываете в черновик дневника.
Дальше жмёте "редактировать сообщение"
У вас в черновике увидите код, заключённый в квадратные скобки.
Вам нужно загрузить какую нить музычку сюда же, в редактировании сообщения.
Загрузили. Снова редактируете сообщение.
Теперь внимание! В конце кода (перед квадратной скобкой ) дописываете:
?mp3=Ссылка_на_песню.
БЕЗ пробелов и отступов.
В готовом виде код будет так выглядеть:
flash=110,149,//img1.liveinternet.ru/images/attach/c/2//3863/3863712_t_f_001_002.swf?mp3=Ссылка_на_песню
110,149, - вот это размеры вашего плеера. Но и без размеров(без цифр) флеш тож будет играть.
Вместо "Ссылка на песню!" вставляете ссылку на вашу музычку, которая начинается с "httr " (не помню точно значки)
И не забудте квадратные скобки в начале и в конце всего кода. Вот такие: []
Перейти к дневнику

Воскресенье, 22 Апреля 2012 г. 00:47ссылка
Все так сделала. Но кнопки не реагируют. Попробую плеер еще раз сделать.


Аля!!!!!!!!!!!!Спасибо!!!!!!!!!!!!!
Перейти к дневнику

Воскресенье, 22 Апреля 2012 г. 00:29ссылка
код конечно же ваш. Здесь просто для примера написала.
Перейти к дневнику

Воскресенье, 22 Апреля 2012 г. 00:52ссылка
Все поняла! Спасибочки еще раз!!!!!!!!!!!!!!!!!
Удачи в творчестве и любви!!!!!!!!!!!!
Бог_в_Блог   обратиться по имени Среда, 09 Мая 2012 г. 17:33 (ссылка)
Спасибо за урок!
Ответить С цитатой В цитатник
Перейти к дневнику
Зиновия   обратиться по имени Среда, 15 Августа 2012 г. 10:15 (ссылка)
Хотела поучиться, но пропали все изображения. Может посмотрите.
Ответить С цитатой В цитатник
Зиновия   обратиться по имени Среда, 15 Августа 2012 г. 10:20 (ссылка)
Все появились картинки.
Ответить С цитатой В цитатник
Перейти к дневнику

Среда, 15 Августа 2012 г. 19:24ссылка
когда пост тяжёлый и с флешами, загрузка долгой бывает.
терпение и ещё раз оно..)
SlavnayaAli   обратиться по имени Пятница, 26 Октября 2012 г. 20:41 (ссылка)
Спасибище огроменное)))))))
Ответить С цитатой В цитатник
Перейти к дневнику

Пятница, 26 Октября 2012 г. 20:50ссылка
да лан вам..учитесь на здоровье! )
Лариса_Гурьянова   обратиться по имени Суббота, 02 Февраля 2013 г. 18:01 (ссылка)
Изучаю как раз создание флеш-плееров в этой проге..)) Так что ваш урок как нельзя кстати! Спасибо огромное!!!!!
Ответить С цитатой В цитатник
Перейти к дневнику

Суббота, 02 Февраля 2013 г. 18:48ссылка
да..учиться - эт классно! ..тож люблю чё-нить поизучать )
Пожалуйста, Лариса!
mimozochka   обратиться по имени Воскресенье, 03 Февраля 2013 г. 11:35 (ссылка)
Спасибо большое за урок!!
Ответить С цитатой В цитатник
Перейти к дневнику
ha4ik   обратиться по имени Воскресенье, 03 Февраля 2013 г. 14:11 (ссылка)
Отличный урок!!! Благодарю!!! вот бы еще отдельный урок по создаванию текста
Ответить С цитатой В цитатник
Перейти к дневнику

Воскресенье, 03 Февраля 2013 г. 17:52ссылка
Спасиб! урок с анимацией текста туточки: http://www.liveinternet.ru/users/grif9000/post189847768/
Перейти к дневнику

Воскресенье, 03 Февраля 2013 г. 20:12ссылка
Спасибочки! пойду пробывать. Приятного вечерочка!
Nella__solneshko   обратиться по имени Воскресенье, 03 Февраля 2013 г. 18:38 (ссылка)
Большое спасибо!
Ответить С цитатой В цитатник
Перейти к дневнику
FaithMona   обратиться по имени Понедельник, 04 Февраля 2013 г. 02:31 (ссылка)
Огромное спасибо за доходчивый урок! Теперь только попробовать осталось!
Ответить С цитатой В цитатник
Перейти к дневнику
klubokschastja   обратиться по имени Суббота, 09 Февраля 2013 г. 17:08 (ссылка)
Спасибо!!!:give_rose
Ответить С цитатой В цитатник
Перейти к дневнику
musjusik   обратиться по имени Четверг, 06 Июня 2013 г. 23:42 (ссылка)
Спасибо большое
Ответить С цитатой В цитатник
Иришка-Манюшка   обратиться по имени Суббота, 13 Сентября 2014 г. 19:51 (ссылка)
Ой, столько уже хочу научиться работать в этой программе! Огромное спасибо!
Ответить С цитатой В цитатник
Захаринка   обратиться по имени Вторник, 28 Октября 2014 г. 08:31 (ссылка)
Благодарю сердечно!Цитирую с великой благодарностью!
Ответить С цитатой В цитатник
Комментировать К дневнику Страницы: [1] [Новые]
 

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

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

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

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