Урок во флеш.Делаем анимированны?флеш-плее??программ?Sothink SWF Quicker |
Хочу поделить? одни?из способов сборки анимированного флеш-плеера. ?разделил?урок на дв?этап? Оговорюс?заране? Работа предстои?кропотливая, но не сложная.На первой стадии я не пытаюс?переписать готовы? пост?из дневника Legionary. Во?ссылочка на урок? https://le8.ru/post144802889/, https://le8.ru/post118952144/?upd, https://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 та?же, чт???случае ?предыдущей кнопко?/p>
Добавляем новы?слой. Встаём на него.
?нижней част?прог? ?указанно?поле вписывае?скри?/p>
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=Ссылка_на_песн?br />
Посл?знак?= вписывае?размер?готового плеера. Ко?заключае??квадратные скобки []
Если возникну?вопрос? спрашивайт? Для настойчивы??уп?мы?пишу продолжени?урок? Та?называемый этап второй. Прожку не закрывае?)
Серия сообщени?"Урок Sothink SWF Easy":
Част?1 - Урок по Sothink SWF Easy (создание эффектов)
Част?2 - Урок Sothink SWF Easy (эффект?со звездами)
...
Част?8 - виде?урок - анимац? текста ?Sothink SWF Easy
Част?9 - урок - вращение шара ?Sothink SWF Quicker
Част?10 - Урок во флеш.Делаем анимированны?флеш-плее??программ?Sothink SWF Quicker
Част?11 - Урок по созданию флешколлаж?"Ми?осен?пришел"
Част?12 - Урок? Интерфей?программ?Sothink SWF Easy.
Серия сообщени?"Sothink SWF Quicker":
Част?1 - Создае?аналоговые часики ?программ?Sothink SWFQuicker. Част?1 Создание часового механизм?
Част?2 - Делаем плее??программ?Sothink SWF Quicker
Част?3 - урок - вращение шара ?Sothink SWF Quicker
Част?4 - Урок во флеш.Делаем анимированны?флеш-плее??программ?Sothink SWF Quicker
Част?5 - Устанавливае?Sothink SWF Quicker
Част?6 - Делаем элементарный плее?сами
...
Част?14 - Урок. Делаем кликабельные флеш кнопки ?программ?Sothink SWF Quicker.
Част?15 - Делаем ?украшаем флеш плее?- урок от Flash Magic.
Част?16 - Ка?сделат?красивый текс??программ?Sothink SWF Quicker
« Пред. запись — ?дневнику — След. запись » | Страницы: [1] [Новы?/a>] |