Без заголовка |
Ну, вот записал ещё один урок по программе Sothink SWF Easy. В итоге урока получим вот такой эффект :
Я намеренно наложил эффект на картинку, так, как у многих дневники имеют поля сообщений белого цвета . Эффект имеет прозрачный фон и белые снежинки не будут видны.
Начнем!
|
Без заголовка |
В этом уроке я расскажу, как сделать плеер с кнопками и ещё о некоторых тонкостях работы с программой, до которых дошла опытным путём. Все большие картинки кликабельны.
Плеер будем делать из вот такой картинки с анимацией – корзины с розами
Это моя анимация, сделанная в фотошопе с помощью фильтра 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 – Создание плеера с двумя кнопками
Часть 21 - Создание плеера с кнопками из картинки с анимацией. Часть II – Создание плеера с одной кнопкой
Часть 22 - Создание плеера "Биение сердца" из статичной картинки. Часть I
Часть 23 - Создание плеера "Биение сердца". Часть II
|
Без заголовка |
Для создания такой флеш используется Actionscript 2.
Основная идея состоит в том, что глаза должны менять угол относительно оси Х, согласно положению (позиции) мыши.
Но не станем заморачиваться над тригонометрией и описывать взаимодействие глазиков с мышью.
Мы пойдем более легким путём:
Вам надо запустить программу Sothink SWF Quicker. Указать размер сцены и параметры публикации. Импортировать нужные картинки в библиотеку.
Из панели программы выбрать «Вставить новый символ» видеоролика, дать общее имя символу, например: «Глаз» .
В открывшемся поле в первом слое инструментом «Овал» нарисовать роговицу глаза и подобрать цвет.
На втором слое инструментом «Овал» нарисовать зрачок и обязательно расположить в правой стороне роговицы глаза. Это ВАЖНО и ОБЯЗАТЕЛЬНО!
Вернуться на основную сцену.
Встать на слой «Левый глаз» и перенести созданный символ видеоролика (нарисованный глаз) на сцену . Расположить в нужном месте. Символу Дать имя eye_1
Встать на слой «Правый глаз» и опять перенести символ видеоролика на сцену(нарисованный глаз). Расположить в нужном месте . Символу Дать имя eye_2
Встать на слой скрипт и вписать в него этот код:
function followCursor()
{
var _loc5 = _ymouse - eye_1._y;
var _loc8 = _xmouse - eye_1._x;
var _loc3 = Math.atan2(_loc5, _loc8);
var _loc1 = _loc3 * 180 / 3.141593E+000;
eye_1._rotation = _loc1;
var _loc4 = _ymouse - eye_2._y;
var _loc6 = _xmouse - eye_2._x;
var _loc7 = Math.atan2(_loc4, _loc6);
var _loc2 = _loc7 * 180 / 3.141593E+000;
eye_2._rotation = _loc2;
} // End of the function
onMouseMove = followCursor;
Ваша фантазия и Ваши возможности помогут Вам сделать это еще более красивой и эффектной флеш.
Желаю всем удачи !
Все картинки увеличиваются по клику.
Надеюсь Вам понравилось!
|
Без заголовка |
|
Без заголовка |
Серия сообщений "Уроки по флеш от MissKcu":Часть 1 - Aleo Flash Intro Banner Maker 4.0 Rus и урок по установке
Часть 2 - Создаем слайд-шоу в Aleo Flash Intro Banner Maker 4.0.Авторский урок от MissKcu
...
Часть 10 - Урок вращения в SWFQuicker от MissKcu.
Часть 11 - Анимация движения в программе SWFQuicker. Видеоурок от MissKcu (дополнение)
Часть 12 - Урок вращение в Sothink SWF Quicker от MissKcu
Часть 13 - Урок для Sothink SWF Quicker от MissKcu. Анимация надписи.
Часть 14 - Урок "Эффект лупы во флеш"+ссылка на скачивание проги Macromedia Flash Professional 8 (портабельная версия)
|
Без заголовка |
Серия сообщений "Часовая мастерская":Как сделать часики, рисование циферблатов и часовых стрелок, сборники клипарта на часовую тему
Часть 1 - Как правильно записать код флешки или видео в рамочку для кодов.
Часть 2 - Создаем таймер обратного отсчета в программе Sothink SWFQuicker
...
Часть 5 - Создаем аналоговые часики в программе Sothink SWFQuicker. Часть 1 Создание часового механизма.
Часть 6 - Создаем аналоговые часики в программе Sothink SWFQuicker. Часть 2. Дизайн для часиков.
Часть 7 - Шаблон - конструктор часиков для Sothink SWF Quicker.
Часть 8 - Делаем заготовку для флеш-календарика в Adobe Flash CS6..
Часть 9 - Флеш часики с будильником.
...
Часть 13 - Флеш заготовки «Цифровые часикидля ваших работ».
Часть 14 - Мои копилочки с Я - ру. Для часиков.
Часть 15 - Флеш приветствие для дневника, изменяющееся в зависимости от времени суток.
Серия сообщений "Флеш заготовки":флеш заготовки, флеш материал
Часть 1 - Флеш заготовки «Часики, календарики и приветствия».
Часть 2 - Флеш заготовки «Календарики и часики».
Часть 3 - Маленький пони. Флеш заготовки.
Часть 4 - Шаблон - конструктор часиков для Sothink SWF Quicker.
Часть 5 - Флеш исходники «Пламя свечи»
Часть 6 - Мои копилочки с Я - ру. Корпуса для часиков. Винтаж. часть1
...
Часть 17 - Анимированные флеш кнопки.
Часть 18 - FLA исходники для Adobe Flash CS6 «Happy Valentine's Day».
Часть 19 - Флеш заготовки «Календари цветные». AS2.
|
Без заголовка |
Долгое время я решала вопрос о том как же включить анимацию кнопкой.
Я многое узнала, многое перепробовала, использовала многие программы, в том числе Macromedia Flash.
Но всегда были заковырки.
То скрипт не подходит, то в самой проге анимация включается,
а при сохранении в оригинале флеш анимация проигрывается без остановки, то ещё всякая всячина.
Всё дело конечно в скрипте. И это факт.
Для каждой версии флешки (галлерея, плеер, игра, анимация....) свой скрипт.
Не во всех программах он одинаков и выполняет именно желаемую функцию.
И вот добралась я и до очень оригинальной , хорошей программы Sothink SWF Quicker.
Ею я пользуюсь с огромным удовольствием. В ней так много перспектив для творчества!
Для примера нажмите на эти кнопки флешки.
И так, запускаем программу.
САМОЕ ГЛАВНОЕ ЭТО СКРИПТ. Если о сместиться у Вас, внизу сообщения есть вложение. Скачайте его себе.
Серия сообщений "Все уроки для флеш":Сделать флеш плеер. Видео Клип. Панораму. Скрипты. Уроки флеш.Часть 1 - Урок. Включить анимацию кнопкой в программе Sothink SWF Quicker
Часть 2 - Создание флеш-альбома "Листалка" в программе FLIP Flash Album Deluxe 2
Часть 3 - Урок для Adobe Flash CS5 . Эффект "Yo-Yo".
Часть 4 - «Эффект "Yo-Yo" во флеш» по уроку Jorjorych.
|
Без заголовка |
Серия сообщений " Sothink SWF Easy 6.3 Build 630 Portable":
Часть 1 - Sothink SWF Easy 6.3 Build 630 Portable
Часть 2 - Уроки по программе Sothink SWF Easy
...
Часть 6 - Видеоурок ArtWaver, Sothink SWF Easy "Новогодняя открытка
Часть 7 - Sothink_SWF_Easy v6.2_622_RU - программа для флеш-анимации
Часть 8 - УРОКИ Sothink SWF Easy от Александра Дорошева
Часть 9 - Снег в программе Sothink SWF Easy
Часть 10 - Урок "Делаем новогоднюю флешку в Sothink SWF Easy"
Часть 11 - Урок "Делаем новогоднюю флешку в Sothink SWF Easy"
Часть 12 - Урок Sothink SWF Easy по флешке "Музыка дождя!
|
Без заголовка |
Серия сообщений "Часовая мастерская":Как сделать часики, рисование циферблатов и часовых стрелок, сборники клипарта на часовую тему
Часть 1 - Как правильно записать код флешки или видео в рамочку для кодов.
Часть 2 - Создаем таймер обратного отсчета в программе Sothink SWFQuicker
Часть 3 - Украшаем простые цифровые часики. Разнообразие дизайна.
Часть 4 - Флешчасики для коллажей в Aleo Flash Intro Banner Maker
...
Часть 13 - Флеш заготовки «Цифровые часикидля ваших работ».
Часть 14 - Мои копилочки с Я - ру. Для часиков.
Часть 15 - Флеш приветствие для дневника, изменяющееся в зависимости от времени суток.
Серия сообщений "День всех влюбленных":
Часть 1 - Клипарт «Пары».
Часть 2 - Идеи для изготовления Валентинок своими руками
...
Часть 5 - Часики и информер к Валентину. Часть 1.
Часть 6 - Часики и информер к Валентину. Часть 2.
Часть 7 - Создаем таймер обратного отсчета в программе Sothink SWFQuicker
Часть 8 - С Днем святого Валентина.
Часть 9 - Сладкое сердце-сумочка.Из бумаги.МК.
...
Часть 14 - Набор для дизайна «Романтик».
Часть 15 - FLA исходники для Adobe Flash CS6 «Happy Valentine's Day».
Часть 16 - Графический декор к Валентину для дизайна и оформления.
|
Без заголовка |
Серия сообщений "Флешки Новогодние":
Часть 1 - Флешинформер "До Нового Года осталось..."
Часть 2 - Создаем флешки в программе Aleo Flash Intro Banner Maker.Часть первая.
...
Часть 22 - Программное вращение 3-d во флеш. Action Script 3.
Часть 23 - Флеш Радио «Новогоднее».
Часть 24 - Мои работы по уроку «Движение глаз за курсором для Sothinka SWF Quicker»
Часть 25 - Флеш поздравления с Новым Годом.
Часть 26 - Флеш открытка «2015».
Часть 27 - С Новым Годом!
|
Без заголовка |
По просьбе читателей сделал урок по созданию флешки в 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 по флешке "Музыка дождя!
Часть 18 - Урок Sothink SWF Quicker " Анимация роз"
|
Без заголовка |
Серия сообщений "Часовая мастерская":Как сделать часики, рисование циферблатов и часовых стрелок, сборники клипарта на часовую тему
Часть 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 - Флеш приветствие для дневника, изменяющееся в зависимости от времени суток.
|
Без заголовка |
Серия сообщений "Часовая мастерская":Как сделать часики, рисование циферблатов и часовых стрелок, сборники клипарта на часовую тему
Часть 1 - Как правильно записать код флешки или видео в рамочку для кодов.
Часть 2 - Создаем таймер обратного отсчета в программе Sothink SWFQuicker
...
Часть 5 - Создаем аналоговые часики в программе Sothink SWFQuicker. Часть 1 Создание часового механизма.
Часть 6 - Создаем аналоговые часики в программе Sothink SWFQuicker. Часть 2. Дизайн для часиков.
Часть 7 - Шаблон - конструктор часиков для Sothink SWF Quicker.
Часть 8 - Делаем заготовку для флеш-календарика в Adobe Flash CS6..
Часть 9 - Флеш часики с будильником.
...
Часть 13 - Флеш заготовки «Цифровые часикидля ваших работ».
Часть 14 - Мои копилочки с Я - ру. Для часиков.
Часть 15 - Флеш приветствие для дневника, изменяющееся в зависимости от времени суток.
Серия сообщений "Флеш заготовки":флеш заготовки, флеш материал
Часть 1 - Флеш заготовки «Часики, календарики и приветствия».
Часть 2 - Флеш заготовки «Календарики и часики».
Часть 3 - Маленький пони. Флеш заготовки.
Часть 4 - Шаблон - конструктор часиков для Sothink SWF Quicker.
Часть 5 - Флеш исходники «Пламя свечи»
Часть 6 - Мои копилочки с Я - ру. Корпуса для часиков. Винтаж. часть1
...
Часть 17 - Анимированные флеш кнопки.
Часть 18 - FLA исходники для Adobe Flash CS6 «Happy Valentine's Day».
Часть 19 - Флеш заготовки «Календари цветные». AS2.
|
Без заголовка |
Серия сообщений "Часовая мастерская":Как сделать часики, рисование циферблатов и часовых стрелок, сборники клипарта на часовую тему
Часть 1 - Как правильно записать код флешки или видео в рамочку для кодов.
Часть 2 - Создаем таймер обратного отсчета в программе Sothink SWFQuicker
...
Часть 5 - Создаем аналоговые часики в программе Sothink SWFQuicker. Часть 1 Создание часового механизма.
Часть 6 - Создаем аналоговые часики в программе Sothink SWFQuicker. Часть 2. Дизайн для часиков.
Часть 7 - Шаблон - конструктор часиков для Sothink SWF Quicker.
Часть 8 - Делаем заготовку для флеш-календарика в Adobe Flash CS6..
Часть 9 - Флеш часики с будильником.
...
Часть 13 - Флеш заготовки «Цифровые часикидля ваших работ».
Часть 14 - Мои копилочки с Я - ру. Для часиков.
Часть 15 - Флеш приветствие для дневника, изменяющееся в зависимости от времени суток.
Серия сообщений "Флеш заготовки":флеш заготовки, флеш материал
Часть 1 - Флеш заготовки «Часики, календарики и приветствия».
Часть 2 - Флеш заготовки «Календарики и часики».
Часть 3 - Маленький пони. Флеш заготовки.
Часть 4 - Шаблон - конструктор часиков для Sothink SWF Quicker.
Часть 5 - Флеш исходники «Пламя свечи»
Часть 6 - Мои копилочки с Я - ру. Корпуса для часиков. Винтаж. часть1
...
Часть 17 - Анимированные флеш кнопки.
Часть 18 - FLA исходники для Adobe Flash CS6 «Happy Valentine's Day».
Часть 19 - Флеш заготовки «Календари цветные». AS2.
|
Без заголовка |
"Овал". Нажать кнопку в дополнительных параметрах "Рисовать как форму" (Draw as Shape). На вкладке "Свойства" (Properties) установить - заливка контура отсутствует, заливка для формы черный цвет.
Серия сообщений "Часовая мастерская":Как сделать часики, рисование циферблатов и часовых стрелок, сборники клипарта на часовую тему
Часть 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 SWF Quicker
|
Без заголовка |
Урок по созданию простенькой флеш-одевалки.
(методом перетаскивания объктов)
Что нам нужно?
Итак. Часть 1.
Программу можно скачать здесь Letitbit
Как её установить смотрим Здесь
Часть 2.
После того, как установили программу выполняем следующее:
Нам нужен фон - идем File - Import to Library и выбираем уже приготовленный фон.
Перетаскивем картинку в главное окно. Устанавливаем нужный размер фона (если этого не сделали заранее при выборе его) в правой панели. Установили. Теперь надо установить те же параметры для белого фона, который у нас появился при открытии программы и который сейчас находится под нашим красивым фоном. Накладываем их друг на друга. Всё. Фон готов.
Часть 3.
Теперь нам нужно разместить куклу и иже с ними. Каждый объект помещаем в отдельный слой и называем их примерно так: КУКЛА, ПЛАТЬЕ1, ПЛАТЬЕ2, ШЛЯПКА1, БУКЕТ и т.д. как вам нравиться.
Но не будем торопиться лепить слои. Начнем с куклы. Создали слой, назвали его КУКЛА, далее идем в File - Import to Library (как это было с фоном), выбираем уже приготовленную куклу и помещаем ее на фон.
Готово.
Больше КУКЛУ мы не трогаем.
Теперь нужно поместить всю одежку и другие аксессуары. Все отдельно в новых слоях. Создаем слой, обзываем его ПЛАТЬЕ1, File - Import to Library, помещаем на фоне, (как это было с куклой) выделяем, правая кнопка мыши Convert to Symbol, обзываем слой, например, zxc, и Movie Clip - OK. Всё, теперь наша картинка стала клипом.
 |
 |
Не забываем каждому клипу присваивать данное ему вами имя (как у меня, например, zxc) во вкладке Properties. Вот так.
И так каждый слой. Порядок: новый слой-импорт-перемещение на фон-перевод в клип-присвоение имени.
Совет: все мелкие аксессуары добавляйте последними, чтобы они перекрывали нижние слои.
Часть 4.
Скрипт. После добавления всех объектов создаем новый слой, никак его не называем, идем во вкладку Action и вставляем такой скрипт:
|
onPress=function() { this.startDrag(true); }; onRelease=function() { this.stopDrag(); }; |
Но. Это общий скрипт, так сказать шаблон. Для каждого объекта нужен свой скрипт (кроме куклы). Например, мы в этом примере давали имя объекту zxc, значит скрипт будет такой:
|
zxc.onPress=function() { this.startDrag(true); }; zxc.onRelease=function() { this.stopDrag(); }; |
И так для каждого клипа. Без пробелов, друг за другом.
Всё! Одевалка готова!
Вот что получилось в итоге: http://www.yapfiles.ru/files/350766/www.swf
Серия сообщений "- ОНЛАЙН ИГРЫ":
Часть 1 - Викторианская леди
Часть 2 - Всадницы
...
Часть 8 - Скромненько так
Часть 9 - Свадебный наряд Ширли
Часть 10 - Урок
Часть 11 - Белоснежка
Часть 12 - Золушка
...
Часть 14 - Принцессы
Часть 15 - Диснеевские принцессы
Часть 16 - Фея
|
Без заголовка |
Имитируем вращение звезды в программе Sothink SWF Quicker
|
Без заголовка |
Данный урок поможет изобразить имитацию вращения шара
|
Без заголовка |
Есть такая программа Sothink SWF Easy . Простая в использовании и незаменимая при создании Flash и Gif анимации. C ee помощью можно создавать банеры, кнопки, поздравительные открытки, альбомы и текстовую анимацию. И в том числе можно делать различные flash эффекты. Вот этим мы сейчас и займемся. Будем делать вот такой эффект:
Серия сообщений "Mои уроки Flash":
Часть 1 - Урок по Sothink SWF Easy (создание эффектов)
Часть 2 - Урок Sothink SWF Easy (эффекты со звездами)
Часть 3 - Урок Sothink SWF Easy (Луна)
...
Часть 7 - Урок по программе Art Waver
Часть 8 - Видеоурок ArtWaver, Sothink SWF Easy "Новогодняя открытка"
Часть 9 - Урок по созданию флешки "Космос"
|
Без заголовка |
Серия сообщений "Уроки Flash":уроки в разных флешпрограммах, авторские уроки flash
Часть 1 - Делаем элементарные часики.Начинаем учиться созданию flash.
Часть 2 - Как правильно записать код флешки или видео в рамочку для кодов.
...
Часть 13 - Эффект колышущейся картинки с помощью маски. Урок для Sothink SWF Quicker.
Часть 14 - Использование масок в программе Sothink SWF Quicker
Часть 15 - Урок «Маска текстом в программе Sothink SWF Quicker».
Серия сообщений "Маска в Sothink SWF Quicker":Уроки флеш в программе Sothink SWF Quicker
Часть 1 - Эффект колышущейся картинки с помощью маски. Урок для Sothink SWF Quicker.
Часть 2 - Использование масок в программе Sothink SWF Quicker
Часть 3 - Урок «Маска текстом в программе Sothink SWF Quicker».
|
| Страницы: | [1] |
