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


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


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


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




"Читаем урок про плеер кнопку далее"

Серия сообщений "Рождество":

Часть 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 - С Новым Годом!

В уроке Использование масок в программе Sothink SWF Quicker рассказывалось о масках во флеш и их использование при создании флеш роликов. Итак, маской в программе Sothink SWF Quicker может являться графический символ, созданный в этой программе ее инструментами рисования (инструменты карандаш, кисть, ластик) или инструментами формы (инструменты овал, прямоугольник).
Взяв любой из этих инструментов, можно создавать маски любой сложности и, для получения необходимых эффектов, маскировать ими графику и видеоролики входящие во флеш проект.
Кроме использования этих инструментов для создания маски можно использовать инструмент "Текст"
Только, тип текст для маски обязательно должен быть "Статическим". Тип текста указывается при выборе инструмента "Текст" в панеле "Свойства".




Давайте попробуем создать самую простую маску текстом.



"Смотрим далее Урок «Маска текстом в программе Sothink SWF Quicker»"

Вот такие веселые комментики получились у меня.

Серия сообщений "Маска в Sothink SWF Quicker":

Уроки флеш в программе Sothink SWF Quicker

Часть 1 - Эффект колышущейся картинки с помощью маски. Урок для Sothink SWF Quicker.
Часть 2 - Использование масок в программе Sothink SWF Quicker
Часть 3 - Урок «Маска текстом в программе Sothink SWF Quicker».
Часть 4 - Маска динамическим текстом. Урок для флеш. Action Script 2. Часть 1.
Часть 5 - Маска динамическим текстом. Урок для флеш. Action Script 2. Часть 2.
Часть 6 - Маска динамическим текстом. Урок для флеш. Action Script 2. Часть 3.
Часть 7 - Эффект колышущейся картинки с помощью маски. Урок для Sothink SWF Quicker. Часть 2.

Близится христианский праздник Пасха. Назрела потребность, да и читатели просят сделать такой урок. Ну, что ж я готов!  Результат будет таким:

Урок смотрим здесь

Что не понятно спрашиваем! Удачи!

Серия сообщений "Mои уроки Flash":
Часть 1 - Урок по Sothink SWF Easy (создание эффектов)
Часть 2 - Урок Sothink SWF Easy (эффекты со звездами)
...
Часть 19 - Урок " Синхронное движение в Sothink SWF Quicker. Птичка на ветке"
Часть 20 - Урок Sothink SWF Easy "Кликабельные флешки - кнопки"
Часть 21 - Урок по созданию пасхальной флешки

Здравствуйте! В сегодняшнем уроке мы научимся делать анимацию цветов. Урок я буду делать в незарегистрированной версии Sothink SWF Quicker. На готовом ролике будет мигать надпись, напоминая о том, что это триальная версия. Я Вам покажу , как можно от нее избавиться. Ну остановимся и еще на некоторых неприятных моментах.

Итог урока будет таким:

Смотрим в качестве HD 1080 в полный экран

Спасибо, за просмотр! Удачи в творчестве!

Серия сообщений "Mои уроки Flash":
Часть 1 - Урок по Sothink SWF Easy (создание эффектов)
Часть 2 - Урок Sothink SWF Easy (эффекты со звездами)
...
Часть 16 - Урок "Делаем новогоднюю флешку в Sothink SWF Easy".
Часть 17 - Урок Sothink SWF Easy по флешке "Музыка дождя!
Часть 18 - Урок Sothink SWF Quicker " Анимация роз"

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

Sothink_SWF_Easy v6.2_622_RU - программа для флеш-анимации


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

Установка программы:































А уроки по работе в этой программе, смотрим ЗДЕСЬ

для вас Лариса Гурьянова

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

Часть 1 - Урок по Sothink SWF Easy (создание эффектов)
Часть 2 - Программа анимации Sothink SWF Easy 6.3 Build 630 Portable
...
Часть 7 - Урок Sothink SWF Easy ( 8 Марта )
Часть 8 - Sothink SWF Easy v6.2 622 Rus + tutorial
Часть 9 - Sothink_SWF_Easy v6.2_622_RU - программа для флеш-анимации
Часть 10 - Урок "Делаем новогоднюю флешку в Sothink SWF Easy"
Часть 11 - Урок Sothink SWF Easy по флешке "Музыка дождя!

Я сама только учусь в этой области. Поэтому рассказываю только-то, что умею и как умею.

Прогу в которой мы будем делать анимацию можно скачать ТУТ.

Урок как ее устанавливать ТУТ.

А это флешка, которая получилась в результате этого урока...

Дополнение: видеоурок

А это я добавила еще парочку эффектов и создала плейкаст

Серия сообщений "Уроки по флеш от MissKcu":

Часть 1 - Aleo Flash Intro Banner Maker 4.0 Rus и урок по установке
Часть 2 - Создаем слайд-шоу в Aleo Flash Intro Banner Maker 4.0.Авторский урок от MissKcu
...
Часть 7 - Урок "Как конвертировать анимированные GIF в SWF"
Часть 8 - Уроки от MissKcu. Портабельная версия SWFQuicker
Часть 9 - Анимация движения в программе SWFQuicker. Урок от MissKcu
Часть 10 - Урок вращения в SWFQuicker от MissKcu.
Часть 11 - Анимация движения в программе SWFQuicker. Видеоурок от MissKcu (дополнение)
Часть 12 - Урок вращение в Sothink SWF Quicker от MissKcu
Часть 13 - Урок для Sothink SWF Quicker от MissKcu. Анимация надписи.
Часть 14 - Урок "Эффект лупы во флеш"+ссылка на скачивание проги Macromedia Flash Professional 8 (портабельная версия)

Если вы выполнили первую часть урока
Создаем аналоговые часики в программе Sothink SWFQuicker. Часть 1 Создание часового механизма и создали свой собственый часовой механизм, то пора приступить к дизайну ваших часиков.
Для начала прикроем центральную точку, в которой сходятся концы стрелок, "пуговкой - винтиком".
Для этого, выше слоя "Сек" создаем новый слой. Сначала выделите слой "Сек", а затем нажмите на "Временной шкале" кнопку "Добавить слой" (Insert Layer). Созданный слой переименовать в "Винт" и добавить ему второй кадр. Щелкнуть курсором мыши во вторую клеточку слоя "Винт" и нажать на клавиатуре клавишу F5.


На этом слое "Винт" нарисовать небольшую окружность инструментом "Овал"(Oval)
Настройка параметров для инструмента: выбрать инструмент "Овал". Нажать кнопку в дополнительных параметрах "Рисовать как форму" (Draw as Shape). На вкладке "Свойства" (Properties) установить - заливка контура отсутствует, заливка для формы черный цвет.


Задаем для нашей пуговки размеры и координаты выравнивания. В панели "Трансформация" (Transform) вводим следующие размеры и координаты:


Ширина (width) = 20 пикс, высота (height) = 20 пикс
Координата X = 250, координата Y = 250


"Читаем урок далее"

Дорогие мои читатели, вот, наконец, я и закончила этот в принципе не очень сложный, но очень информативный урок, который для удобства разделила на две части. Урок этот полностью авторский, не перевод и не переделка других уроков. Дался он мне не легко. Делала большое количество скриншотов и подбирала слова для описания. Очень хотелось, чтобы все было понятно и доступно. Процесс, который сама проделываю за несколько минут при описании его, растянулся на несколько месяцев. Кроме того, я сама еще учусь писать скрипты и несколько раз переделывала скрипт для этого урока. Поэтому, думаю, вы отнесетесь с пониманием к моей просьбе о том, чтобы не использовать текст моих уроков о создании часиков со стрелками для создания своих постов. Метод создания аналоговых часиков, который описала я, один из нескольких десятков, также как и программный код скрипта. Поэтому, любой, желающий написать урок на эту тему, может написать свой авторский урок и свой скрипт. По своим же урокам я готова дать любые разъяснения и оказать любую помощь в их освоении.

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

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

Часть 1 - Как правильно записать код флешки или видео в рамочку для кодов.
Часть 2 - Создаем таймер обратного отсчета в программе Sothink SWFQuicker
...
Часть 4 - Флешчасики для коллажей в Aleo Flash Intro Banner Maker
Часть 5 - Создаем аналоговые часики в программе Sothink SWFQuicker. Часть 1 Создание часового механизма.
Часть 6 - Создаем аналоговые часики в программе Sothink SWFQuicker. Часть 2. Дизайн для часиков.
Часть 7 - Шаблон - конструктор часиков для Sothink SWF Quicker.
Часть 8 - Делаем заготовку для флеш-календарика в Adobe Flash CS6..
...
Часть 13 - Флеш заготовки «Цифровые часикидля ваших работ».
Часть 14 - Мои копилочки с Я - ру. Для часиков.
Часть 15 - Флеш приветствие для дневника, изменяющееся в зависимости от времени суток.

Урок как сделать аналоговые часики в программе Sothink SWFQuicker. Часть первая. Создание часового механизма.
В этом уроке мы создадим действующий часовой механизм со стрелками и циферблатом, иначе говоря, аналоговые флешчасики. Управлять часовым механизмом мы будем программно с помощью скрипта на языке ActionScript 2 . Я получала много комментариев с просьбой рассказать подробно, как сделать самим часики со стрелками, и постаралась написать подробный урок.
При написании этого урока использовалась версия программы SWF.Quicker.5.2.509 на английском языке

Sothink SWF Quicker 5.2.509

и русифицированная портативная версия Sothink SWF Quicker 5.3.511

SothinkSWFQuicker 5.3.511

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


Устанавливаем размеры рабочего поля (сцены) 500 x 500 и частоту кадров 25
Ширина (width) =500
Высота (height) =500
Частота кадров (Frame rate) = 25
Цвет рабочего поля (сцены) выбираете по своему усмотрению. В готовом ролике этот цвет не отображается. В данном случае фон сцены установлен - белый.
Размеры сцены и частоту кадров устанавливаем на панеле "Свойства" (Propertiees)





"Читаем урок далее"

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

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

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

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

По просьбе моих читателей написал еще один урок по sothink SWF Easy. Рассматриваем создание флешки " Музыка дождя".

Просмотр в качестве HD 1080 в полный экран.

Смотреть далее

Серия сообщений "Mои уроки Flash":
Часть 1 - Урок по Sothink SWF Easy (создание эффектов)
Часть 2 - Урок Sothink SWF Easy (эффекты со звездами)
...
Часть 15 - Уроки: Интерфейс программы Sothink SWF Easy.
Часть 16 - Урок "Делаем новогоднюю флешку в Sothink SWF Easy".
Часть 17 - Урок Sothink SWF Easy по флешке "Музыка дождя!

По просьбе читателей сделал урок по созданию флешки в Sothink SWF Easy.

Будем создавать вот такую флешку.

Смотрим видеоурок

Серия сообщений "Mои уроки Flash":
Часть 1 - Урок по Sothink SWF Easy (создание эффектов)
Часть 2 - Урок Sothink SWF Easy (эффекты со звездами)
...
Часть 14 - Меняем музыку и дизайн плеера
Часть 15 - Уроки: Интерфейс программы Sothink SWF Easy.
Часть 16 - Урок "Делаем новогоднюю флешку в Sothink SWF Easy".
Часть 17 - Урок Sothink SWF Easy по флешке "Музыка дождя!

Ну, вот записал  ещё один урок по программе Sothink SWF Easy. В итоге урока получим вот такой эффект :

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

Начнем!

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

Серия сообщений " программа Sothink SWF Easy":

Часть 1 - Урок Sothink SWF Easy (Луна)
Часть 2 - Урок Sothink SWF Easy (Гроза)
...
Часть 10 - Sothink SWF Easy 6.1. Rus
Часть 11 - Sothink swf quicker (HD) magyar
Часть 12 - Интерфейс Sothink SWF Easy
Часть 13 - Снег в программе Sothink SWF Easy

Часть 1 - Делаем элементарный плеер сами
Часть 2 - Делаем элементарные часики.Начинаем учиться созданию flash.
Часть 3 - Использование масок во flash
Часть 4 - Устанавливаем Sothink SWF Quicker
Часть 5 - Первая простая flash игра. Разгадываем ребусы.
Часть 6 - Делаем простую flash подпись используя шаблонные эффекты.
Часть 7 - Мини фотоальбомчик во flash
Часть 8 - Делаем кнопки во flash. Плюс bonus - плеер в коллекцию для дневника
Часть 9 - Создаем таймер обратного отсчета в программе Sothink SWFQuicker
Часть 10 - Урок во флеш. Делаем анимированный флеш-плеер. Этап второй.
Часть 11 - Урок во флеш.Делаем анимированный флеш-плеер в программе Sothink SWF Quicker
Часть 12 - Делаем музыкальную флешоткрытку в программе Sothink SWF Quicker.
Часть 13 - Делаем плеер в программе Sothink SWF Quicker
Часть 14 - Делаем элементарные flash часики. Видео шпаргалка.
Часть 15 - Создаем аналоговые часики в программе Sothink SWFQuicker. Часть 1 Создание часового механизма.
Часть 16 - Простая музыкальная flash-открытка с кнопками ВОСПРОИЗВЕДЕНИЕ и СТОП,в программе Sothink SWF Quicke
Часть 17 - Простые флеш часики своими руками
Часть 18 - Создаем таймер обратного отсчета(23 февраля) в программе Sothink SWF Quicker
Часть 19 - Время и дата. Флеш-ролик.
Часть 20 - Гуси-лебеди. Урок с анимацией крыльев. Sothink SWF Quicker
Часть 21 - Урок. Как извлечь мувиклип из готового флеш-ролика.
Часть 22 - урок - вращение шара в Sothink SWF Quicker
Часть 23 - урок - вращение звезды в Sothink SWF Quicker
Часть 24 - Урок создания флеш плеера в Sothink SWF Quicker без потери качества звука
Часть 25 - Эффект колышущейся картинки с помощью маски. Урок для Sothink SWF Quiker.
Часть 26 - Перевод команд программы Sothink SWF Quicker
Часть 27 - Использование масок в программе Sothink SWF Quicker
Часть 28 - Урок «Маска текстом в программе Sothink SWF Quicker».
Часть 29 - Дизайн кнопки. Урок для Sothink SWF Quicker
Часть 30 - Урок. Сделать свой плеер в Sothink SWF Quicker самому
Часть 31 - Анимация в программе SWFQuicker
Часть 32 - Создание музыкальной открытки в программе Sothink SWF Quicker
Часть 33 - Урок - SWFQuicker
Часть 34 - Вечный таймер обратного отсчета в программе Sothink SWF Quicker. AS2 .
Часть 35 - Делаем снегопад в SWFQuicker..)
Часть 36 - Анимация текста в программе Sothink SWF Quicker
Часть 37 - Анимация огня в программе Sothink SWF Quicker
Часть 38 - Анимация вращения земли в программе Sothink SWF Quicker

Серия сообщений "Sothink SWF Quicker":
Часть 1 - Дизайн кнопки. Урок для Sothink SWF Quicker
Часть 2 - Использование масок в программе Sothink SWF Quicker
...
Часть 11 - Флеш-плеер c кнопкой в Sothink SWF Quicker
Часть 12 - Плеер кнопка из анимашки. Урок для Sothink SWF Quicker
Часть 13 - Серия уроков в Sothink SWF Quicker
Часть 14 - Урок. Включить анимацию кнопкой в программе Sothink SWF Quicker
Часть 15 - Урок - SWFQuicker
...
Часть 28 - Кнопка повтора мувика - дополнение.
Часть 29 - Рисуем кнопку в Adobe Flash.
Часть 30 - Урок:увеличение текста по наведению курсора.

У нас скоро какой праздник? День защитника отечества! Ну вот к этому празднику мы сделаем открытку. Примерно вот такую:

Ну, что-ж, начнем! Открываем программу и создаем новый документ с размерами 600х450 px.  Для наглядности зададим синий фон.

Читать далее

Серия сообщений "Mои уроки Flash":
Часть 1 - Урок по Sothink SWF Easy (создание эффектов)
Часть 2 - Урок Sothink SWF Easy (эффекты со звездами)
Часть 3 - Урок Sothink SWF Easy (Луна)
Часть 4 - Урок Sothink SWF Easy (Гроза)
Часть 5 - Урок Sothink SWF Easy ( День защитника Отечества)
Часть 6 - Урок Sothink SWF Easy ( 8 Марта )
Часть 7 - Урок по программе Art Waver
...
Часть 14 - Меняем музыку и дизайн плеера
Часть 15 - Уроки: Интерфейс программы Sothink SWF Easy.
Часть 16 - Урок "Делаем новогоднюю флешку в Sothink SWF Easy".