Создание плеера с кнопками из картинки с анимацией. Часть I – Создание плеера с двумя кнопками

В этом уроке я расскажу, как сделать плеер с кнопками и ещё о некоторых тонкостях работы с программой, до которых дошла опытным путём. Все большие картинки кликабельны.
Плеер будем делать из вот такой картинки с анимацией – корзины с розами



Это моя анимация, сделанная в фотошопе с помощью фильтра Alien Skin Xenofex 2.
Исходник картинки вот



В качестве кнопочек Play и Stop я возьму такие картинки
     

Вы можете взять любые другие кнопочки. Например, выбрать из моего альбома на Яндекс фото. Описание альбома здесь.
У меня из картинки получился вот такой плеер






1. Открываем русскую портативную версию программы Sothink SWF Quicker 5.3.511. Внизу должна быть открыта закладка – "Свойства".



Читать далее...

 

 

При написании урока использовались материалы уроков:
Урок 1
Урок 2
 

 

Серия сообщений "* уроки Sothink SWF Quicker":
Часть 1 - Делаем музыкальную флеш открытку в программе Sothink SWF Quicker
Часть 2 - Делаем элементарный плеер сами в программе Sothink SWF Quicker
...
Часть 18 - Создаем аналоговые часики в программе Sothink SWFQuicker. Часть 1 Создание часового механизма.
Часть 19 - Создаем аналоговые часики в программе Sothink SWFQuicker. Часть 2. Дизайн для часиков.
Часть 20 - Создание плеера с кнопками из картинки с анимацией. Часть I – Создание плеера с двумя кнопками

Качаем любую флешку из интернета



ПАМЯТКА НАЧИНАЮЩИМ БЛОГГЕРАМ

Качаем любую флешку из интернета

Хотите скачать себе любую флешку из интернета? Например, такой генератор часиков:


Читать далее...

Как загрузить флешку с компьютера в дневник?

Мы все знаем, как загрузить картинку в дневник... Обычно, для этого используем или Яндекс-фотки или Радикал-фото
Сегодня меня спросили, а как вставить флешку с компьютера в дневник? Рассказываю..))

Идем в «ЯП файлы» - бесплатный сервис для хранения мультимедийных файлов 

Читать далее...

Создаем плеер в Sothink SWF Quicker

Выполняю просьбу FlashMagic.Выкладываю видеоурок по созданию плеера в Sothink SWF Quicker.

Смотрим в качестве HD 720 в полноэкранном режиме.

продолжение урока

Читать далее

Серия сообщений "Mои уроки Flash":
Часть 1 - Урок по Sothink SWF Easy (создание эффектов)
Часть 2 - Урок Sothink SWF Easy (эффекты со звездами)
...
Часть 11 - Урок ArtVaver "Речка"
Часть 12 - Делаем из эмиттера Magic Particles флешэффект на прозрачном фоне
Часть 13 - Создаем плеер в Sothink SWF Quicker

Видео-уроки по Adobe Flash

Содержание курса

СИМВОЛЫ ФИЛЬТРЫ ПРОГРАММНЫЕ ИНСТРУМЕНТЫ

Анимация в Adobe® Flash® CS4
	1.	Временная шкала
	2.	Кадры и ключевые кадры (часть первая)
	3.	Кадры и ключевые кадры (часть вторая)
	4.	Покадровая анимация
	5.	Режим многослойной структуры
	6.	Редактирование нескольких кадров
	7.	Анимация движения
	8.	Сглаживание анимации
	9.	Создание собственного анимационного пути
	10.	Ориентация объекта по анимационному пути
	11.	Анимация формы
	12.	Подсказки формы
	13.	Анимация маски
	14.	Что такое символ
	15.	Создание символа
	16.	Редактирование символов
	17.	Точка регистрации
	18.	Графические символы и фрагменты ролика (часть первая...
	19.	Графические символы и фрагменты ролика (часть вторая...
	20.	Символ «кнопка»
	21.	Работа с фильтрами (часть первая)
	22.	Работа с фильтрами (часть вторая)
	23.	Копирование анимации
	24.	3D Инструменты
	25.	Инструмент «Аэрограф»
	26.	Инструмент «Декор»
	27.	Инструмент инверсивной кинематики «Кость»
	28.	Инструмент «Связывание»
	29.	Редактор движения

 

Некоторые хитрости в работе с программой Aleo Flash Intro Banner Maker

Серия сообщений "* Aleo Flash Intro Banner Maker":

Часть 1 - Aleo Flash Intro Banner Maker 3.8 + Rus
Часть 2 - Урок по созданию флеш в программке Aleo Flash Intro Banner Maker
...
Часть 16 - Делаем флешку в Aleo Flash Intro Banner Maker.
Часть 17 - Скачать и установить Aleo Flash Intro Banner Maker (портабельная и полная версии на русском)
Часть 18 - Некоторые хитрости в работе с программой Aleo Flash Intro Banner Maker

Серия сообщений "* Мои уроки по флешкам":

Часть 1 - Красивые флешки с кодами
Часть 2 - Как во флеш-плеере поменять музыку...
...
Часть 27 - Конструктор флеш-плееров
Часть 28 - Скачать и установить Aleo Flash Intro Banner Maker (портабельная и полная версии на русском)
Часть 29 - Некоторые хитрости в работе с программой Aleo Flash Intro Banner Maker
Часть 30 - Как скопировать флешку с инета и поставить в свой дневник...
Часть 31 - Работаем в Portable Flash Effect Maker Pro v5.01
Часть 32 - Делаем флеш-плеер в Sothink SWF Quicker

Градиентная маска текста.(Adobe FlashCS6)

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

Урок там

Как сделать красивый текст в программе Sothink SWF Quicker

Моя работа по уроку




СКАЧАТЬ ПРОГРАММУ

ФУТАЖИ ДЛЯ МАСКИ

Серия сообщений "* Sothink SWF Quicker":

Часть 1 - Украшаем простые цифровые часики. Разнообразие дизайна
Часть 2 - Делаем элементарные часики.Начинаем учиться созданию flash.
...
Часть 46 - Работы Марины по уроку «Движение глаз за курсором для Sothinka SWF Quicker»
Часть 47 - Урок. Снимаем логотип с плеера в программе Sothink SWF Quicker
Часть 48 - Как сделать красивый текст в программе Sothink SWF Quicker
Часть 49 - Устанавливаем Sothink SWF Quicker

Делаем свою флеш открытку

Нажми на кнопку *открыть* и загрузи свою картинку ,она появится на экране
затем на кнопку *получить код* - код будет в нижнем окне

Создаём флешки

http://www.liveinternet.ru/users/almiria/post110301409/



Делаем flash открытку с музыкой своими руками.>>>http://www.liveinternet.ru/users/legionary/post119344267/


Как самому создать музыкальную открытку? (плэйкаст)>>>http://www.liveinternet.ru/community/3080659/post125670251/


Переводчик текста>>>http://translate.google.ru/?#


Толковый словарь живого великорусского языка Владимира Даля>>>http://slovari.yandex.ru/dict/dal


Делаем плейкасты на ЛиРу.>>>>http://www.liveinternet.ru/users/inmira/post106571478/

Делаем flash открытку с музыкой своими руками.

Делаем flash открытку с музыкой своими руками.

Продолжаем постигать азы flash "строительства". Теперь будем делать музыкальную открытку к празднику, в данном случае,- к дню Святого Валентина. В этом уроке узнаем много нового и полезного;-) Так что читаем внимательно и запоминаем,- пригодится)))

Для тех, кто не в курсе,- работаем мы в программе Sothink SWF Quicker. Это первый пост с уроком по этой программе, там же и ссылки на ее скачку.

Итак, в результате мы получим вот такую открыточку ( дождитесь загрузки и нажмите плей, чтобы остановить,- нажмите квадратик справа в углу):



Урок распишу по шагам. А в следующем посте постараюсь прописать какие изменения вы можете сделать в том-то или том-то шаге, чтобы получить что-нибудь другое:-) И чуть позже постараюсь выложить видео шпаргалку к этому уроку:-)

Урок длинный, на первый взгляд кажется очень сложным, но на самом деле, если все делать строго по уроку,- ничего сложного:-) Зато, если вы справитесь с этим уроком,- вы уже сможете создавать подобные флеш открытки с музыкой самостоятельно к любым праздникам и на любой вкус. Советую не отчаиваться, если что-то не получается, а начать все заново или найти упущенный шаг.
В общем, - приступайте без страха и сомнений. Я тут, для страховки, всегда помогу, если что,- вместе разберемся.

Честное слово, урок писал очень долго и мне стыдно вас просить, но честно...так хочется увидеть хоть одну самостоятельно сделанную открыточку в комментариях ... А лучше много

Читать дальше > > >

Создаём флешки.


Скачать можно здесь…

Как правильно записать код флешки или видео в рамочку для кодов.

Для тех у кого возникли проблемы с правильным отображением кодов для флешек и видео в поле тега textarea.
Разбираясь с проблемой, я обнаружила, что все дело в том, что при написании текста для окошечек кодов нельзя использовать символы скобок, которые мы вводим с компьютера.(т.е. "<" или "[" ) Необходимо использовать их специальные кодовые обозначения. В табличке даны такие коды скобок. Как вы знаете для размещения флешек и видео на Лиру используются квадратные скобки "[; ]", но можно использовать и запись типа "embed src= " с треугольными скобками "<; >" Вот такие кодовые обозначения для скобок необходимо использовать в простом редакторе сообщений для записи флешек с окошечном для кодов.

Название	Символ	Код
Скобка квадратная левая	[	[
Скобка квадратная правая	]	]
Скобка треугольная левая	<	&lt;
Скобка треугольная правая	>	&gt;

"Читаем далее"

Серия сообщений "Уроки Flash":

уроки в разных флешпрограммах, авторские уроки flash

Часть 1 - Делаем элементарные часики.Начинаем учиться созданию flash.
Часть 2 - Как правильно записать код флешки или видео в рамочку для кодов.
Часть 3 - Создаем флешки в программе Aleo Flash Intro Banner Maker.Часть первая.
Часть 4 - Пошаговая инструкция по созданию флешролика в программе Aleo Flash Intro Banner Maker.
...
Часть 42 - Загружаем музыку в Adobe Flash c помощью библиотеки классов.
Часть 43 - Флеш Радио «Новогоднее».
Часть 44 - Делаем флеш календарик в Adobe Flash (AS3).

Серия сообщений "Часовая мастерская":

Как сделать часики, рисование циферблатов и часовых стрелок, сборники клипарта на часовую тему

Часть 1 - Как правильно записать код флешки или видео в рамочку для кодов.
Часть 2 - Создаем таймер обратного отсчета в программе Sothink SWFQuicker
Часть 3 - Украшаем простые цифровые часики. Разнообразие дизайна.
...
Часть 13 - Флеш заготовки «Цифровые часикидля ваших работ».
Часть 14 - Мои копилочки с Я - ру. Для часиков.
Часть 15 - Флеш приветствие для дневника, изменяющееся в зависимости от времени суток.

Делаем музыкальную флеш открытку в программе Sothink SWF Quicker.




Такую музыкальную флешку можно сделать очень быстро используя готовые кнопки контроля за воспроизведением музыки из галереи программы, а также понравившуюся песню или музыку в формате mp3, готовый коллаж, видеоролики и футажи.
Я в этом уроке взяла свою открытку к 9 мая в формате gif.
При написании урока использовалась версия программы
Sothink SWF Quicker 5.2.509
на английском языке
и русифицированная портативная версия
SothinkSWFQuicker 5.3.511

Материал для урока здесь
9 may.zip

"Читаем далее"

Серия сообщений "Уроки Flash":

уроки в разных флешпрограммах, авторские уроки flash

Часть 1 - Делаем элементарные часики.Начинаем учиться созданию flash.
Часть 2 - Как правильно записать код флешки или видео в рамочку для кодов.
...
Часть 9 - Создаем аналоговые часики в программе Sothink SWFQuicker. Часть 1 Создание часового механизма.
Часть 10 - Создаем аналоговые часики в программе Sothink SWFQuicker. Часть 2. Дизайн для часиков.
Часть 11 - Делаем музыкальную флеш открытку в программе Sothink SWF Quicker.
Часть 12 - Гуси-лебеди. Урок с анимацией крыльев. Sothink SWF Quicker.
Часть 13 - Эффект колышущейся картинки с помощью маски. Урок для Sothink SWF Quicker.
...
Часть 42 - Загружаем музыку в Adobe Flash c помощью библиотеки классов.
Часть 43 - Флеш Радио «Новогоднее».
Часть 44 - Делаем флеш календарик в Adobe Flash (AS3).

Как анимашку перенести на флешку

По многочисленным просьбам,пишу урок на скорую руку.
Вот программа Format Factory — многофункциональный бесплатный конвертер для преобразования популярных видео, аудио форматов и файлов изображений. Format Factory конвертирует большинство используемых видео и аудио форматов. Интерфейс FormatFactory прост в использовании, хотя и кажется слегка мудреным из-за большого количества функций.

Что касается преобразования изображений, то FormatFacory не только предоставляет возможность конвертации в популярные форматы, но и имеет дополнительные функции — в частности, увеличение и вращение изображений, и присвоение им тегов.
Основные характеристики Format Factory:

— Поддерживается большинством портативных устройств.
— Функция предварительного просмотра аудио и видео файлов.
— Разбивка аудио и видео файлов.
— Возможность выбрать для конвертации файл, несколько файлов и папку.
— Возможность настройки базовых опций конвертации.
— Настройка форматного соотношения в конфигурации видеофайла.
— Восстановление поврежденных файлов.
— Конвертация видеоформатов MP4, 3GP, MPG, AVI, WMV, FLV, SWF.
— Конвертация аудиоформатов MP3, WMA, MMF, AMR, OGG, M4A, WAV.
— Преобразование изображений в форматы JPG, BMP, PNG, TIF, ICO, GIF, PCX, TGA.
— DVD-риппер.
— Поддерживает 47 основных языков (в том числе русский и украинский).

СКАЧАТЬ ЗДЕСЬ

ВОТ анимашка
а вот флешка

Как перекодировать гифку в флешку и сберечь нервы читателей

Гифки — распространенные в Интернете смешные анимированные картинки графического формата .GIF. Часто они содержат какой-то сюжет и могут принести несколько секунд смеха. Всё было бы хорошо, но «весят» такие файлы достаточно много и, соответственно, отнимают на свою загрузку время и интернет-трафик.

Например, эта смешная гифка забрала у вас почти 4 мегабайта (уж простите — нужен был пример).

Но проблему легко решить, если перевести «картинку» из графического формата во флешку (.SWF) — «вес» файла будет уменьшен в десятки раз.

Как перекодировать гифку в флешку

УБИРАЕМ ЦВЕТНУЮ ПОДЛОЖКУ/ФОН ИЗ ФЛЕШКИ

УБИРАЕМ ЦВЕТНУЮ ПОДЛОЖКУ/ФОН ИЗ ФЛЕШКИ Вы никогда не обращали внимания на то что флешки получаются то на прозрачном фоне,то на цветном. А все потому что в код флешки надо добавить вот такой тег: wmode="transparent" можно перед размерами флешки а можно и перед конечной угловой скобкой...чтобы код выглядел вот так примерно: embed src="http://img1.liveinternet.ru/images/attach/c/3//3889/3889790_KISA_1.swf" width="500" height="370" wmode="transparent" я только не поставила начальную и последнюю угловую скобку. чтобы вы видели сам код а не флешку...НО они там должны быть!!! И тогда флешка например из последнего поста Ninel будет выглядеть в вашем дневнике не на белом фоне а на вашем фоне....Вот так... А просьба моя вот в чем заключается...Когда вы выкладываете флеш-анимацию....будьте экономны !!!Просто флешки тормозят загрузку страниц...которые и так в последнее время ползают как черепахи....А когда флешек сразу много......сами понимаете...Так что 3-4 штуки в посте вполне достаточно.... источник

Урок "Вставляем флеш-картинку в Aleo Flash"

 

Дорогие друзья, обещенный урок для вас, речь идет о применении китайcких флешек. Где их можно применять я писала ЗДЕСЬ Сегодня речь пойдет о том, как такую флешку вставить в Aleo Flash.

шаг 1. вам надо сохранить флещ картинку на компьютер, делаем так: а) если у вас ссылки в посте, то жмем на ссылку, если ссылки на компьютере в документе, вводим ссылку в поисковую строку, жмем Enter, ваша флешка откроется на весь экран

шаг 2. Жмете сочетание клавиш CTRL+S у вас появятся ваши документы, открываете папку, где вы будете хранить ваши флешки и жмете "соранить". Не удивляйтесь, что вместо картинки вы увидите просто значок, квадратный или круглый, вот такой

 

шаг 3. Идете в программу Aleo Flash и работаете как обычно, с картинками, с текстом, с эффектами, когда вам надо будет вставить флеш картинку, вы вставляете тот значок, который вы сохранили флешка откроется в программе, на скрине показываю параметры

Это вам бонус, набор очень красивых символов 2013 года<

Как нанести плавающие объекты на картинки? (Урок 2)

Адрес картинки: //img-fotki.yandex.ru/get/6429/206429358.3e/0_b7123_30dfeb0c_XL.jpg Адрес флешки: http://www.msieflash.com/xx/8/butterfly22.swf Формула нанесения плавающего объекта на картинку: <*table background="адрес картинки"><*tbody><*tr><*td width="780" height="550">[flash=770,500,адрес флешки]<*div><*/div><*/td><*/tr><*/tbody><*/table> Иногда нужно, чтобы, наносимая флешка, была меньшего размера, чем картинка: <*table background="адрес картинки"><*tbody><*tr><*td width="780" height="550">[flash=300,200,адрес флешки]<*div><*/div><*/td><*/tr><*/tbody><*/table>