Svoboda | Graniru | BBC Russia | Golosameriki | Facebook

 -Цитатник

Найди кота! или Как правильно спрятаться? - (5)

Ну очень улыбнуло!!!

Анимация формы во Flash(морфинг). - (5)

Анимация формы во Flash(морфинг) Морфинг отличается от предыдущих типов анимации тем,что работает...

Урок для Фотошоп " Закрываем глазки". - (11)

От меня добавка - Кисти для фотошоп "Ресницы" Вложение: 4167720_eyelashes.rar Смотреть зде...

Анимация частей картинки с помощью маски.Урок для Adobe Flash. - (2)

В комментариях к посту Использование анимированной маски в Adobe Flash.Урок ...

Текстовый скроллинг средствами флеш. - (0)

Текстовый скроллинг. Прокрутка текста средствами флеш. (Часть п...

 -Рубрики

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

Поиск сообщений в novprospekt

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

 

 -Статистика

Статистика LiveInternet.ru: показано количество хитов и посетителей
Создан: 02.09.2010
Записей: 709
Комментариев: 11273
Написано: 13505


Плеер кнопка из анимашки. Урок для Sothink SWF Quicker.

Суббота, 04 Января 2014 г. 15:47 + в цитатник

Будем делать простой потоковый плеер - кнопку из анимационной картинки. Это очень быстрый способ создать музыкальную флеш картинку для украшения своих записей или эпиграфа дневника. Для создания плеера нам потребуется только одна интересная анимационная картинка и минимум действий.
Вот мой результат урока.


А это анимационная картинка сделанная мною для плеера
Анимашка "Санта" для плеера.

Вы тоже можете сделать свою анимацию или взять готовую из интернета.
Урок выполнен в программе Sothink SWF Quicker русская портативная версия SothinkSWFQuicker_5.3.511
Скачать эту версию можно здесь
http://rusfolder.com/37464551
1 Открываем программу и В панели "Свойства" выставляем параметры для флеш ролика
Ширина рабочего поля в пикселях.
Высота рабочего поля в пикселях.
Частота кадров и цвет фона.
Размеры рабочего поля равны размерам вашей картинки
В моем случае это 550 пикс x 500 пикс. Частота кадров равна 12 кадрам в сек.
Плеер кнопка из анимашки. Урок для Sothink SWF Quicker.

2.Далее, на Временной Шкале создаем 4 слоя (снизу вверх). Самый нижний слой "Play". Здесь будет картинка, работающая как кнопка "Play". Над этим слоем второй слой - "Stop". Здесь будет располагаться картинка - кнопка "Stop". Еще выше, третий слой для подписи - "Подпись" и самый верхний - четвертый слой для записи скрипта - "Скрипт".

Плеер кнопка из анимашки. Урок для Sothink SWF Quicker.





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

Плеер кнопка из анимашки. Урок для Sothink SWF Quicker.


Загружаем анимационную картинку. Для это создаем для нее некий контейнер - "Новый символ".
Вкладка меню "Вставка - Новый символ".

Плеер кнопка из анимашки. Урок для Sothink SWF Quicker.


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

Плеер кнопка из анимашки. Урок для Sothink SWF Quicker.


После того как нажмете ОК, откроется окно редактирования вновь созданного символа - "Символ1"
В этот символ и загружаем нашу анимашку. Файл - Импорт.

Плеер кнопка из анимашки. Урок для Sothink SWF Quicker.


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

Плеер кнопка из анимашки. Урок для Sothink SWF Quicker.


Нажимаем "Да". После этого все кадры анимации появятся на Временной шкале и в Библиотеки программы. Кроме того, в Библиотеке будет присутствовать "Символ2 "- покадровый видеоролик анимашки. Нам же для работы необходим будет созданный символ - "Символ1"

Плеер кнопка из анимашки. Урок для Sothink SWF Quicker.


В палитре "Трансформация" для "Символ1" настраиваем параметры. Координаты X и Y обязательно должны быть равны 0, а ширина и высота картинки - это размеры загруженной анимашки. В моем случае width="550", а height="500".

Плеер кнопка из анимашки. Урок для Sothink SWF Quicker.


Теперь переходим на основную Сцену, переключившись на вкладку "Сцена" (вкладки над Временной шкалой)

Плеер кнопка из анимашки. Урок для Sothink SWF Quicker.


На основном рабочем поле "Сцена1" выделяем слой "play", а в палитре инструментов выбираем инструмент "Выбор". В Библиотеке полосу прокрутки устанавливаем в самом верху и инструментом "Выбор" перетягиваем на рабочее поле первый кадр (первую картинку) нашей анимашки. В палитре "Трансформация" устанавливаем размеры этой статичной картинки и выравниваем картинку по центру. Для выравнивания по центру координата X должна быть равна половине размера ширины картинки, а координата Y должна быть равна половине высоты картинки. В моем случае при размерах картинки 550x500 пикс. - X=275; Y=250.
При установке параметров в палитре "Трансформация" картинка должна быть выделена на рабочем поле, а активным слоем должен быть слой "play"

Плеер кнопка из анимашки. Урок для Sothink SWF Quicker.


Плеер кнопка из анимашки. Урок для Sothink SWF Quicker.


Теперь эту статичную картинку, размещенную на слое "play", для того, что она могла стать элементом создаваемого плеера, необходимо сделать символом - видеороликом.
Для этого, проверяем, чтобы наша картинка была выделена на рабочем поле, а затем на панели "Свойства" находим кликабельную надпись "Преобразовать в символ". Щелкаем по этой надписи.

Плеер кнопка из анимашки. Урок для Sothink SWF Quicker.


В открывшемся диалоговом окне преобразования в символ выставляем следующие параметры.
Тип символа - видеоролик; имя символа - "play"; точка регистрации - посередине.

Плеер кнопка из анимашки. Урок для Sothink SWF Quicker.


В панели "Свойства" также для вновь созданного символа "play" в графе "Имя" вводим
"play_bt".

Плеер кнопка из анимашки. Урок для Sothink SWF Quicker.


Плеер кнопка из анимашки. Урок для Sothink SWF Quicker.

Кнопка "play" для нашего плеера готова.

Теперь сделаем кнопку "stop". Кнопку "stop" мы будем делать из видеоролика "Cимвол1", т.е. из самой анимашки. Но сначала закроем замочком слой "play", чтобы случайно не сдвинуть расположенную на нем картинку. Щелкаем на слое "play" в клеточку рядом с глазком видимости слоя. В клеточке появится замочек.

Плеер кнопка из анимашки. Урок для Sothink SWF Quicker.


Следующим шагом выделяем слой "stop" и из Библиотеки перетягиваем на этот слой "Cимвол1".

Плеер кнопка из анимашки. Урок для Sothink SWF Quicker.


В палитре "Трансформация" выравниваем по середине рабочего поля этот видеоролик. Для выравнивания по центру координата X = половине размера ширины картинки, а координата Y должна быть равна половине высоты картинки. В моем случае это X=275; Y=250.

Плеер кнопка из анимашки. Урок для Sothink SWF Quicker.


Для того чтобы этот видеоролик "Cимвол1" выполнял в нашем плеере функцию кнопки "stop", в палитре "Свойства" вписываем ему в графе "Имя" -
"stop_bt"
При этом не забываем, что активным слоем должен быть слой "stop", сам видеоролик "символ1" должен быть выделен на рабочем поле инструментом "Выбор".

Плеер кнопка из анимашки. Урок для Sothink SWF Quicker.


Плеер кнопка из анимашки. Урок для Sothink SWF Quicker.

Кнопка "stop" также готова.
Наши кнопки плеера - "play" и "stop" готовы и им присвоены имена "play_bt" и "stop_bt"
Картинки, выполняющие роль кнопок располагаются одна над другой и картинка - кнопка "stop" закрывает собой кнопку "play".
Чтобы кнопки заработали в нашем плеере, необходимо задать сценарий их работы, то есть. вставить в флешку скрипт.
Выделяем слой "скрипт" и в палитре "Свойства" переходим на вкладку "Действие". Открываем эту вкладку. Вставляем скопированный скрипт, который приведен ниже, и производим проверку скрипта на ошибку. Если все верно, то тестируем сам ролик.
Нажимаем на статичную картинку и должна открываться анимационная картинка.

Плеер кнопка из анимашки. Урок для Sothink SWF Quicker.


Плеер кнопка из анимашки. Урок для Sothink SWF Quicker.


code:

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();
};



Для создания подписи с активной ссылкой на ваш дневник выделяем слой "подпись" и выбираем инструмент "Текст". На слое "подпись", вне картинки плеера, растягиваем текстовое поле для подписи и в палитре "Свойства" задаем параметры текста. Тип текста обязательно должен быть "HTML". Шрифт, его цвет и расположение - на ваше усмотрение. Внизу, справа, в палитре "Свойства" имеется строка для ввода URL - адреса ресурса, на который будет ссылка (строчка для введения адреса помечена значком цепочки). Рядом со строкой для введения адреса есть строка для выбора того, как будет открываться ваша ссылка. Необходимо выбрать цель - _blank.
Далее, обязательно необходимо нажать кнопку "Встроить шрифт" и проставить галочки во всех чекбоксах, а также выбрать используемые символы.

Плеер кнопка из анимашки. Урок для Sothink SWF Quicker.


Плеер кнопка из анимашки. Урок для Sothink SWF Quicker.


Сохраняем нашу флешку в формате .swf (формат флеш) на компьютер, а затем размещаем в интернет. Например, в черновике своего дневника. К готовому плееру можно подгружать любую музыку в формате .mp3.
Формула для размещения плеера с музыкой на страничке Лиру выглядит следующим образом:
code:

[flash=ширина флешки,высота флешки,http://(Ссылка на флешку).swf?
mp3=http://(Ссылка на музыку).mp3]





Серия сообщений "Уроки Flash":
уроки в разных флешпрограммах, авторские уроки flash
Часть 1 - Делаем элементарные часики.Начинаем учиться созданию flash.
Часть 2 - Как правильно записать код флешки или видео в рамочку для кодов.
...
Часть 18 - Вечный таймер обратного отсчета в программе Sothink SWF Quicker. AS2 .
Часть 19 - Делаем «Вечный таймер обратного отсчета» в Adobe Flash. AS3
Часть 20 - Плеер кнопка из анимашки. Урок для Sothink SWF Quicker.
Часть 21 - Делаем заготовку для флеш-календарика в Adobe Flash CS6..
Часть 22 - Маска динамическим текстом. Урок для флеш. Action Script 2. Часть 1.
...
Часть 48 - Анимация частей картинки с помощью маски.Урок для Adobe Flash.
Часть 49 - Использование панели «Редактор движения» в Adobe Flash CS6.
Часть 50 - Анимация формы во Flash(морфинг).

Серия сообщений "Рождество":
Часть 1 - Символы Православия. Клипарт PNG.
Часть 2 - Кластеры "Рождественское тепло".
...
Часть 16 - Векторный клипарт «Снежное Рождество».
Часть 17 - Набор для дизайна «Рождество».
Часть 18 - Плеер кнопка из анимашки. Урок для Sothink SWF Quicker.
Часть 19 - С Рождеством!
Часть 20 - Флеш эффект движения картинок. Флеш галерея «Photo Stack Gallery».
Часть 21 - Надписи и шрифты «С Новым Годом и Рождеством».
Часть 22 - Коллажи с анимацией "С Рождеством!".
Часть 23 - Маски для Photoshop и Corel «Christmas masks».

Серия сообщений "Flash плееры":
Часть 1 - Flash плееры "Цветочные"
Часть 2 - Осенние флешки для приветствий в дневниках и эпиграфах..
...
Часть 19 - Флеш часики, информер и флеш плеер «Старое кафе».
Часть 20 - Прикольное флеш поздравление с Новым Годом.
Часть 21 - Плеер кнопка из анимашки. Урок для Sothink SWF Quicker.
Часть 22 - Флеш плеер «Радио микс».
Часть 23 - Плеер - радиомикс «Мужской характер».
...
Часть 30 - Как получить ссылку на поток онлайн радиостанции.
Часть 31 - Флеш поздравления с Новым Годом.
Часть 32 - Рамочка с флеш «За Святую Русь помолюсь...».

Серия сообщений "Флешки Новогодние":
Часть 1 - Флешинформер "До Нового Года осталось..."
Часть 2 - Создаем флешки в программе Aleo Flash Intro Banner Maker.Часть первая.
...
Часть 13 - Флеш календарики с часиками в новогоднем дизайне.
Часть 14 - Новогодняя флеш гирлянда с приветствием.
Часть 15 - Плеер кнопка из анимашки. Урок для Sothink SWF Quicker.
Часть 16 - Снегопад с блёстками. Урок для Adobe Flash.
Часть 17 - Плеер с календариком, часиками и приветствием «Снег с блёстками»
...
Часть 25 - Флеш поздравления с Новым Годом.
Часть 26 - Флеш открытка «2015».
Часть 27 - С Новым Годом!

Рубрики:  Flash/уроки sothnik swf quicker
Уроки по программе Sothnik SWF Quicker
Метки:  

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

марина-значит_морская   обратиться по имени Суббота, 04 Января 2014 г. 15:58 (ссылка)
Спасибо Мариночка ! С Новым Годом!!!
Ответить С цитатой В цитатник
Перейти к дневнику

Воскресенье, 05 Января 2014 г. 17:54ссылка
Мариша с наступающим Рождеством! Пусть все будет хорошо.
таила   обратиться по имени Суббота, 04 Января 2014 г. 16:35 (ссылка)
Спасибо! Но до меня все это пока что не доходит, а точнее страшновато в фотошоп залазить и скачивать, хотя уже столько уроков прочитала на лирушке, а у меня какой-то барьер стоит!
С наступающим рождеством!!!
Ответить С цитатой В цитатник
Перейти к дневнику

Воскресенье, 05 Января 2014 г. 17:53ссылка
С наступающим Рождеством.
А бояться не надо. Надо, пока есть, возможность попытаться все-таки. Ведь действительно здесь на Лиру очень много всяких уроков и программы можно скачать бесплатно, и совета спросить. А занятие это, что - то создавать, очень увлекательное, да и не бесполезное. Всегда может пригодится.
Перейти к дневнику

Воскресенье, 05 Января 2014 г. 17:57ссылка
Тебя тоже с наступающим! Будь счастлива!!!
Irina-snez   обратиться по имени Суббота, 04 Января 2014 г. 16:37 (ссылка)
Спасибо, Мариночка! Вообще-то, я плееры в Sothink делала, но процитирую для коллекции. Все никак не соберусь с разборкой урока по вставлению музыки в кнопку в Adobe Flash. Я в Sothink стала редко работать... Еще раз с Новым Годом!
Ответить С цитатой В цитатник
Перейти к дневнику

Воскресенье, 05 Января 2014 г. 17:47ссылка
Ириш, а этот урок можно и в Adobe Flash в AS2 делать. Все тоже самое. В Adobe Flash даже легче с анимацией работать. Бракованные кадры из анимашки удаляются легко, а вот в Sothink с этим проблема. При удаление кадров из анимашки у меня программа частенько зависает.
Мне просто нравится, что в Sothink можно флешки с AS2 открывать напрямую без всяких исходников, поэтому и пользуюсь частенько, так в Adobe Flash больше нравится работать.
С наступающим Рождеством!
Перейти к дневнику

Вторник, 07 Января 2014 г. 11:08ссылка
С Наступающим Рождеством, Мариночка! Согласна с тобой по поводу использования Sothink и AdobeFlash. Урок смотрела только мельком, поэтому не поняла, подойдет ли к Adobe Flash. На праздниках никогда не бывает времени, кормлю своих мужчин, а они развлекают меня..., еще и к маме нужно заглянуть, принести ей еды и прочее...
jzayka   обратиться по имени Суббота, 04 Января 2014 г. 16:49 (ссылка)
Мариночка,спасибо.Я как раз разбираюсь с плеерами .Ну хорошо сделали мы кнопку плеер.В формулу вставили музыку..А дальше..Кроме дневника куда ее можно,я имею ввиду с музыкой..В программу ее наверное не вставишь.Мариночка,пролей свет,я уже многих достала с этим.Вчера смотрела твой урок по созданию муз открытки.Сегодня вот вижу твой урок... Для чего эта формула..убей,до меня не доходит.Почему я не могу сразу в программе вставлять музыку,а пользоваться формулой..Извини за сумбурный комментарий,Мариша..Ну не доходит..
Ответить С цитатой В цитатник
Перейти к дневнику

Воскресенье, 05 Января 2014 г. 17:24ссылка
Леночка с наступающим Рождеством.
По твоему вопросу. Здесь все просто. Вот есть у тебя проигрыватель для дисков. В него ты можешь вставлять разные диски и слушать любую музыку. И есть, например, музыкальная шкатулка или музыкальная игрушка в чип(микросхему этого электронного устройства) которого раз и на всегда вшита какая-то музыка. Эту музыку ты уже поменять не сможешь. Так и в плеере потоковом с помощью формулы ты подгружаешь любую мелодию- хочешь одну, хочешь другую. Потоковый плеер - это проигрыватель для музыкальных файлов в интернете. А то, что когда ты в созданную оболочку в программе добавляешь музыкальный файл называется музыкальной открыткой и вставить в эту открытку новую музыку можно только если заново открывать её в программе и переделывать.
Перейти к дневнику

Воскресенье, 05 Января 2014 г. 19:34ссылка
Мариночка,с Наступающим Рождеством!
Спасибо за подробное объяснение.И меня попутно возникал вопрос как расположить play и stop.Подсмотрела в твоем ответе на коммнтарий.С этим все ясно.В Адобе справилась тоже.Главное принцип.Очень понравилось то,что картинка статичная,а не анимашка сразу при открытии..).Просто и красиво и эффектно.Когда разные и резко меняются,не очень..)
Меня только музыка добивает..Умирают ссылки.
Знаю,чт на ли ру можно загружать.Но залипания,заикания достают..
С музыкой отдельная тема..)
Спасибо за твой труд .Я тебе всегда это говорю,потому что времени отнимает очень много.
Желаю тебе много новых ,творческих фантазий).
Stravinski   обратиться по имени Суббота, 04 Января 2014 г. 18:30 (ссылка)
Спасибо Марина! Пока в копилочку..но обязательно доберусь и до создания флеш. Счастливого Нового Года!
Ответить С цитатой В цитатник
Перейти к дневнику

Воскресенье, 05 Января 2014 г. 17:55ссылка
Пожалуйста. С Наступающим Рождеством. Всего самого доброго и светлого.
wellax   обратиться по имени Суббота, 04 Января 2014 г. 19:17 (ссылка)
С наступившим, Марина!
Спасибо за урок, вовремя, как всегда!
Ответить С цитатой В цитатник
Перейти к дневнику

Воскресенье, 05 Января 2014 г. 17:56ссылка
Пожалуйста. С наступающим Рождеством! Всего самого светлого в этой жизни.
Перейти к дневнику

Воскресенье, 05 Января 2014 г. 21:21ссылка
Марина, спасибо! Получилось сразу, даже не поверила...правда, не уверена, что повторю.

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

Пятница, 10 Января 2014 г. 13:03ссылка
Очень забавный плеер получился. Удачи в дальнейшем творчестве. Чтобы вспомнить, что и как делал можно к основному окну, в котором делаете новый плеер, открыть еще одно окно и импортировать туда вот этот плеер с мышонком. Ну и смотреть и вспоминать что делали. И то же самое делать в новом плеере.
Файл - Новый - Новое окно , а затем в этом новом окне Файл - Импорт и указать путь к плееру с мышонком на компьютере.
Перейти к дневнику

Пятница, 10 Января 2014 г. 13:10ссылка
Спасибо, Марина! Конечно, тут очень не чистая гифка, я не сразу поняла, а от неожиданности, что удалось сделать, потащила к вам в дневник...после, я ещё сделала несколько более удачных, в дневник опубликовала. Новое окно я умею открывать, только иногда программа закрывается, тогда обидно, но может поставлю другую версию, у меня довольно старая стоит, я в ней очень мало что делала. Ещё много раз спасибо, жду ещё урока интересного. Удачи вам!
Татьяна_Волкова_Литвинова   обратиться по имени Суббота, 04 Января 2014 г. 19:39 (ссылка)
Марина, спасибо за урок! Буду пробовать делать.
Ответить С цитатой В цитатник
Перейти к дневнику

Воскресенье, 05 Января 2014 г. 17:57ссылка
Пожалуйста. С наступающим Рождеством!
Если будут вопросы по уроку, то обращайтесь.
Перейти к дневнику

Вторник, 07 Января 2014 г. 18:26ссылка
Спасибо! А они обязательно будут. С Рождеством!
Перейти к дневнику

Четверг, 09 Января 2014 г. 18:38ссылка
Марина, а это мой труд! Анимацию сделала в фш. А вот как музыку вставить, не получилось.Спасибо за урок.

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

Четверг, 09 Января 2014 г. 19:21ссылка
В окошечки пример записи формулы вашей флешки с музыкой для вставки в дневник




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

Четверг, 09 Января 2014 г. 19:31ссылка
Марина, спасибо! С подсказкой постараюсь разобраться.
ВАТ   обратиться по имени Суббота, 04 Января 2014 г. 23:02 (ссылка)
Мариночка, спасибо за урок, за ваш труд! Цитирую с благодарностью. Сделала, но у меня 2 вопроса есть. 1-й у меня почему-то нет слова play как у вас, я сама-то знаю что нужно нажать, а вот самого слова нет, может быть я что-то не так сделала? И 2-й вопрос я не нашла как сделать текст на прозрачном фоне, у меня надпись-ссылка на белом фоне, я даже её потом удалила. Вот здесь сам плеер http://www.yapfiles.ru/show/769882/WYLEK_pleer_po_uroku_mariny_novikovoi.swf.html
Ответить С цитатой В цитатник
Перейти к дневнику

Воскресенье, 05 Января 2014 г. 16:59ссылка
Верочка, урок сделан правильно, все получилось. Слов play - stop нет. Их нужно отдельно написать статическим текстом в полях редактирования символов, отвечающих за play и stop, соответственно. Я намерено не стала усложнять урок,так как писала его по просьбе совсем начинающих. Как эти надписи сделать. На "Сцене 1" выделяем слой stop и на рабочем поле дважды щелкаем по "символу 1", расположенному на этом слое. Попадаем в поле редактирования этого символа.Он у нас отвечает за кнопку stop, значит и текст будем делать - "stop". Для текста создаем новый слой и, поскольку у нас "символ 1" - это анимашка с энным количеством кадров, то новому слою для текста также необходимо добавить недостающие кадры. На созданном слое инструментом "Выбор" щелкаем в кадр до которого делаем добавку и нажимаем F5 с клавиатуры. Теперь у нас на обоих слоях одинаковое количество кадров. Теперь берем инструмент текст, делаем для него настройки - размер, цвет. Чтобы у текста не было белой подложки и он был не редактируемый - необходимо, чтобы все три кнопки, которые справа рядом с выпадающим списком Типов текста были в отжатом состоянии (картинка про эти кнопки ниже). Тип текста для надписи - Статический. Шрифт в таком типе текста внедрять не надо. Делаем надпись - Stop. Где расположить текстовое поле с этой надписью - надо смотреть по расположению картинки - анимашки и самой композиции флеш ролика. Только, чтобы это текстовое поле было в рамках (размерах) поля "символа 1", иначе надпись выйдет за пределы рабочего поля готовой флешки. Когда надпись Stop будет готова, выделяем ее инструментом "Выбор", запоминаем координаты X и Y из панели "Трансформация" и возвращаемся на "Сцену 1". Отключаем видимость слоя "stop" и снимаем замочек со слоя "play". Щелкаем по символу "play", находящемуся на рабочем поле "Сцены 1" и заходим в поле редактирования этого символа. Здесь инструментом "Текст" делаем надпись Play, с теми же параметрами, что и для текста Stop, а затем также выделяем его инструментом "Выбор" и в панели "Трансформация" устанавливаем координаты X и Y такие же,как для надписи Stop. Возвращаемся на "Сцену 1" и тестируем ролик.

Плеер кнопка из анимашки. Урок для Sothink SWF Quicker.


Плеер кнопка из анимашки. Урок для Sothink SWF Quicker.


Плеер кнопка из анимашки. Урок для Sothink SWF Quicker.
декс.Фотках
Перейти к дневнику

Воскресенье, 05 Января 2014 г. 17:09ссылка
Мариночка, спасибо большое за объяснение! Про слова стоп и плей так и подумала, что их надо отдельно было писать, но сама бы не догадалась как это сделать. Сейчас попробую ещё один плеер кнопку сделать. Мне очень неприятно, что я столько времени у вас отняла, я так благодарна вам за это, что не выразить словами. С наступающим рождеством! Всего вам самого доброго!
Перейти к дневнику

Воскресенье, 05 Января 2014 г. 18:55ссылка
Вера, этот урок можно и в Adobe Flash в AS2 делать. Все тоже самое. В Adobe Flash даже легче с анимацией работать. Бракованные кадры из анимашки удаляются легко, а вот в Sothink с этим проблема. При удаление кадров из анимашки у меня программа частенько зависает.
Перейти к дневнику

Воскресенье, 05 Января 2014 г. 18:57ссылка
Спасибо большое! Попробую там сделать. Ищу анимашку подходящую к музыке какой-нибудь.
Smelena   обратиться по имени Суббота, 04 Января 2014 г. 23:49 (ссылка)
novprospekt, потрясающий урок, сколько сл и труда ты вложила в него, со всеми картинками, тегами, скринами..
Мариш, ты просто уникум!!!!!!!!!!
А как здОрово!!!!!!
Спасибо огромное за неоценимый труд, дорогая:-)))
Все-таки я решусь сделать что-то.... так и чешутся руки....
Все скачено уже, только вот... чуть боязно!
С наступающим Рождеством, милая Маришка!
Удачи тебе во всем:-)))
Ответить С цитатой В цитатник
Перейти к дневнику

Воскресенье, 05 Января 2014 г. 17:06ссылка
Леночка, не надо бояться. Обязательно надо пробовать. Тем более я всегда смогу подсказать. Ты же делаешь такие красивые открытки и коллажи. Можно все это и в флешках применять. Очень интересно будет. С наступающим Рождеством! Удачи.
Перейти к дневнику

Воскресенье, 05 Января 2014 г. 20:09ссылка
novprospekt, спасибо тебе на добром слове, Мариш!
И за комплимент благодарю:-)))
Буду учиться....
Если что - то к тебе, обязательно обращусь:-)))
Спасибо тебе за все, лапуль:-)))
Kantemirova_Irina   обратиться по имени Воскресенье, 05 Января 2014 г. 00:40 (ссылка)
Маришка,спасибо за урок,люблю твои уроки-всё ясно и понятно!
Ответить С цитатой В цитатник
Перейти к дневнику

Воскресенье, 05 Января 2014 г. 18:04ссылка
Иришечка, с наступающим Рождеством!
Урок делала по просьбе совсем начинающим, по- моему самый простой способ сделать плеер из любой картинки подходящей к сообщению.
Flash_Magic   обратиться по имени Воскресенье, 05 Января 2014 г. 01:07 (ссылка)
Мариночка, спасибо за урок и твой ОГРОМНЫЙ труд!!!
Ответить С цитатой В цитатник
Перейти к дневнику

Воскресенье, 05 Января 2014 г. 18:08ссылка
Пожалуйста.
Наташенька, с наступающим Рождеством! Всего самого светлого и доброго.
lyudmilakedinova   обратиться по имени Воскресенье, 05 Января 2014 г. 02:29 (ссылка)
спасибо за урок хочу спросить в какой программе делали анимацию и как если не секрет
Ответить С цитатой В цитатник
Перейти к дневнику

Воскресенье, 05 Января 2014 г. 18:13ссылка
Пожалуйста. Анимацию собирала в фотошоп. Санта на метле с котиком - это готовый клип. Добавила голову лошадки и табличку на палку. Голову лошадки и табличку вставляла вручную в каждый кадр с соответствующей трансформацией.
Lyussi_ya   обратиться по имени Воскресенье, 05 Января 2014 г. 06:55 (ссылка)
novprospekt, Спасибо огромное за урок!!!
С Новым Годом и Рождеством!!!

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

Воскресенье, 05 Января 2014 г. 18:45ссылка
Пожалуйста. С наступающим Рождеством!
Рождественские открытки
vadimka69   обратиться по имени Воскресенье, 05 Января 2014 г. 10:23 (ссылка)
Спасибо большое, за урок Марина. Попробую обязательно. Но пока читал урок, сразу возник первый вопрос : для работы и создания флешь мы что в данную прогу уже загружаем анимационную картинку из инета, тогда результат действия в данной проге это придать данной анимации функции остановки и начала движения в тот момент, когда мы этого желаем - и это все ? Я просто считал, что в данной проге непосредственно создается сама анимация
Ответить С цитатой В цитатник
Перейти к дневнику

Воскресенье, 05 Января 2014 г. 19:13ссылка
Да в данном уроке мы для быстрого создания плеера используем готовую анимацию. Но в программе тоже можно создавать флеш анимацию, делают даже мультики и флеш сайты.
Вот в конце урока плеер и в нем в символе для кнопки stop кроме готовой анимации еще используется выполненная в программе программная анимация снежинки и покадровая (ручная) анимация цветных вспышек звездочек.
А вот в этой флешке вся анимация - движение объекта, перемещение, салют, звездочки, сделано исключительно в программе.

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

Воскресенье, 05 Января 2014 г. 20:57ссылка
Очень красивая флешь с анимацией. А у вас, Марина, есть в огромном багаже уроков уроки по созданию подобных анимашек или флеш-часиков ? Если таковы есть, то можно пожалуйста ссылочку на них. За ранее благодарю. Вадим
Перейти к дневнику

Четверг, 09 Января 2014 г. 18:23ссылка
Марина, а как в этой программе выполнить движение по прямой? Спасибо!
mimozochka   обратиться по имени Воскресенье, 05 Января 2014 г. 11:49 (ссылка)
Спасибо за урок,но мне даже страшно приступать!!С Новым годом дорогая!всего доброго!!
Ответить С цитатой В цитатник
Перейти к дневнику

Воскресенье, 05 Января 2014 г. 19:25ссылка
Наденька, обязательно надо пробовать. Тем более столько красивой анимации сами делаете и рамочки , и коллажи. В рамочки можно вместо обычных полосочек плееров вставлять свои плееры анимашки .
С наступающим Рождеством! Творческого вдохновения и удачи в земных делах.
Перейти к дневнику

Воскресенье, 05 Января 2014 г. 19:31ссылка
novprospekt, Как то взялась делать плеер и запуталась в слоях.теперь просто боюсь приступать.Но хочется научиться.
Tamreko   обратиться по имени Воскресенье, 05 Января 2014 г. 12:22 (ссылка)
Ответить С цитатой В цитатник
Перейти к дневнику

Воскресенье, 05 Января 2014 г. 19:26ссылка
Спасибо. С наступающим Рождеством!
пихточка   обратиться по имени Воскресенье, 05 Января 2014 г. 14:52 (ссылка)
Очень хочу,чтобы получилось также у меня!
Ответить С цитатой В цитатник
Перейти к дневнику

Воскресенье, 05 Января 2014 г. 19:26ссылка
Удачи! С наступающим Рождеством!
пихточка   обратиться по имени Воскресенье, 05 Января 2014 г. 14:52 (ссылка)
Спасибо!!!!
Ответить С цитатой В цитатник
Перейти к дневнику

Четверг, 09 Января 2014 г. 12:09ссылка
Пожалуйста. Удачи в Новом году!
Нина_Гуревич   обратиться по имени Воскресенье, 05 Января 2014 г. 15:54 (ссылка)
Спасибо за урок большое. будем осваивать С новым годом, милая
Ответить С цитатой В цитатник
Перейти к дневнику

Воскресенье, 05 Января 2014 г. 19:28ссылка
Ниночка, с наступающим Рождеством! Удачи во всех делах.
Ana-pa   обратиться по имени Воскресенье, 05 Января 2014 г. 16:19 (ссылка)
Неоценимые уроки!!! С новым годом и большой благодарностью!!!
Ответить С цитатой В цитатник
Перейти к дневнику

Воскресенье, 05 Января 2014 г. 19:29ссылка
Спасибо. Очень приятно. С наступающим Рождеством. Всего самого доброго и светлого.
Сулия   обратиться по имени Воскресенье, 05 Января 2014 г. 19:13 (ссылка)
Замечательный урок, спасибо!!!!!
Ответить С цитатой В цитатник
Перейти к дневнику

Воскресенье, 05 Января 2014 г. 19:33ссылка
Пожалуйста. С наступающим Рождеством! Всего только хорошего и доброго.
alina1980   обратиться по имени Воскресенье, 05 Января 2014 г. 21:59 (ссылка)
Мариночка, спасибо за урок, надо попробовать...! Плеер классный. веселый! С наступающим Рождеством!!!

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

Четверг, 09 Января 2014 г. 12:57ссылка
Пожалуйста. Какая красивая открыточка. Удачно начать рабочие будни в новом году.
КЛЕНОВЫЙ_ЛИСТ61   обратиться по имени Воскресенье, 05 Января 2014 г. 23:41 (ссылка)
Спасибо урок интересный,надо практиковаться,у меня неверное сразу не получится.
Ответить С цитатой В цитатник
Перейти к дневнику

Четверг, 09 Января 2014 г. 13:00ссылка
Пожалуйста. Конечно, надо практиковаться. Потихонечку, шаг за шагом. Удачи.
Лариса_Гурьянова   обратиться по имени Вторник, 07 Января 2014 г. 17:26 (ссылка)
Мариша, только человек промаявшись с флешками, может понять какую грандиозную работу ты проделала!!!!
Спасибо огромное!!!!!
А я все гадала, как же сделать так, чтобы только кнопка в определенном месте включалась, а не целая картинка. Очень понравился урок!!!!
Утаскиваю с великой благодарностью!!!! Счастья, дорогая, и всех благ!!!!!
Ответить С цитатой В цитатник
Перейти к дневнику

Четверг, 09 Января 2014 г. 13:05ссылка
Ларисочка, урок делала для совсем начинающих, чтобы не использовать тип символа "кнопка". Многим эта кнопка с её состояниями никак не дается. Так. что некоторым поможет сделать свой первый плеер. Я давно этот урок начала писать да все времени не было закончить. Твои уроки по плеерам тоже очень удачные. Теперь все кто очень захочет, научится.
Liudmila_Sceglova   обратиться по имени Вторник, 07 Января 2014 г. 19:55 (ссылка)
Спасибо!!!
С Рождеством Христовым!
Ответить С цитатой В цитатник
Перейти к дневнику

Четверг, 09 Января 2014 г. 13:06ссылка
Удачи в Новом году и спокойного начала трудовых будней.
AGAPILAV   обратиться по имени Четверг, 09 Января 2014 г. 01:34 (ссылка)
Спасибо за урок!Действительно большую работу сделали.Очень давно хотела научиться плееры.Всё получилось.Но застряла на самом простом,не знаю как флешку сохранить к себе в комп.Ведь она не сохраняется как простая открытка.Ну нечего завтра опять сделаю,очень уж понравилось.Теперь только надо искать анимашки или самой учится делать.
Ответить С цитатой В цитатник
AGAPILAV   обратиться по имени Четверг, 09 Января 2014 г. 01:59 (ссылка)
Пока писала,сообразила-через экспорт.Огромное спасибо,за урок.Я закачала плеер в черновик,а он получился у меня на белом фоне,как его убрать?Или я какую-то ошибку сделала?
Ответить С цитатой В цитатник
Перейти к дневнику

Четверг, 09 Января 2014 г. 03:48ссылка
Вы мне дайте ссылку на ваш плеер. Тогда смогу посмотреть и сказать точно в чем ошибка.
Перейти к дневнику

Четверг, 09 Января 2014 г. 16:42ссылка
Вставила музыку! Играет-т-т!! Но портит белый фон.Спасибо заранее.http://www.liveinternet.ru/users/4752600/post235831138/
Перейти к дневнику

Четверг, 09 Января 2014 г. 18:40ссылка
Так у вас сама картинка анимашка на белом фоне. возьмите анимашку на прозрачном фоне и тогда такого не будет. Вот например в этом дневничке есть много таких анимашек, как раз для плеера.
http://www.liveinternet.ru/users/natalia_nz/post260048235/
Перейти к дневнику

Четверг, 09 Января 2014 г. 19:40ссылка
Я так и подумала,что в этом проблема.Вот как раз следующий урок для мастера,как убрать темный или белый слой с картинки)))Благодарю вас ещё раз.Обязательно пройду по ссылке.
Перейти к дневнику

Четверг, 09 Января 2014 г. 23:08ссылка
Действительно большой выбор анимашек на прозрачном фоне,но когда я стала делать плеер,то не одна картинка не дается импортироваться.Почему? Я процитировала пост,затем перенесла к себе в папку на компьютер,а затем вызываю анимашку из папки.Или я что-то не так делаю?Спасибо.
Перейти к дневнику

Пятница, 10 Января 2014 г. 13:10ссылка
Наверное, неправильно сохранили картинку к себе на компьютер. Чтобы сохранить анимашку с правильным расширением (.gif) надо щелкнуть по картинке и перейти в альбом Яндекс Фото. Сохранять картинки из альбома. Выбираете нужную анимашку, щелкаете по ней правой кнопкой мыши и в контекстном меню выбираете "Сохранить картинку как". Смотрите чтобы при сохранении в окне вашего проводника обязательно для картинки анимашки было расширение .gif
Перейти к дневнику

Пятница, 10 Января 2014 г. 18:51ссылка
Всё получилось,спасибо.Я заметила,когда делаешь плеер в программе,картинка увеличивается в размере.Мне же нравяться миниатюрные плееры.Можно как-то уменьшать их при работе в программе.Спасибо.
Перейти к дневнику

Вторник, 14 Января 2014 г. 13:22ссылка
Задавайте, нужные вам размеры в панели Свойства, т. е. выставляйте нужные размеры Рабочего поля. Размеры картинку (чтобы они совпадали с размерами Рабочего поля) можно уменьшить в панели "Трансформация". Затем при публикации указываете оригинальные размеры флешки. На Лиру, если размеры не указывать, выставляются - 400x400 пикс. На других ресурсах при публикации флеш и видео указание размеров обязательно. Уменьшить или увеличить размеры флешки от оригинального размера можно по закону пропорции.
akso48   обратиться по имени Четверг, 09 Января 2014 г. 22:25 (ссылка)
Ответить С цитатой В цитатник
сукулентная   обратиться по имени Пятница, 10 Января 2014 г. 15:28 (ссылка)
Спасибо за замечательный урок
Ответить С цитатой В цитатник
Перейти к дневнику

Вторник, 14 Января 2014 г. 13:22ссылка
Пожалуйста. Пользуйтесь в удовольствие и с пользой.
AGAPILAV   обратиться по имени Понедельник, 13 Января 2014 г. 14:32 (ссылка)
Огромная благодарность ещё раз за урок.Подсказали как уменьшить в размере плеер и как написать код.Будет желание,загляните,оцените.
http://www.liveinternet.ru/users/4752600/post307130747
Ответить С цитатой В цитатник
Перейти к дневнику

Вторник, 14 Января 2014 г. 13:06ссылка
Замечательные получились плееры. Удачи в дальнейшем творчестве.
Перейти к дневнику

Вторник, 14 Января 2014 г. 15:47ссылка
Спасибо! И Вам того же!
Комментировать К дневнику Страницы: [1] 2 [Новые]
 

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

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

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

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