Панель "Фрагменты кода" в Adobe Flash CS6..)

Будем учиться использовать Панель "Фрагметы кода" в Adobe Flash.
Что же это за панель , для чего и как она примеяется?

"Использование фрагментов кода, включенных в среду Flash, облегчает изучение новичками языка ActionScript 3.0. Путем просмотра кода во фрагментах и выполнения настроек, описанных в инструкциях к фрагменту, можно понять структуру и словарь кода.
Данная панель помогает быстро понять и использовать фрагменты кода, а также сохранить собственные фрагменты для применения в будущем."

1.Откроем Панель.
Окно-Фрагменты кода.Или используем значек(см.скрин)
Для удобства значек можно вывести и закрепить на панельке(см скрин)


2.Рассмотрим из чего она состоит.
Вот так выглядит Панель при открытии

Мы видим папки с названием разделов,если нажать на треугольничек ,папки"раскроются"..


Смотрим далее.На самой панельке видим значки.

При наведении на них мышкой всплывают подсказки.
На скрине слева-добавить в текущий кадр
На скрине справа-скопировать в буфер обмена


3.А теперь на конкретном примере рассмотрим как использовать Панель Фрагменты кода в программе.
Будем делать вот такой эффект вращения.


3.1 Для этого создадим документ AS3.
(Файл-Создать- ActionScript 3.0)
3.2 Импортируем в рабочую область подходящую для вращения картинку.
3.3 Сохраним документ.(Файл-Сохранить как).
Назовем.Укажем куда сохранить.
Я назвала "вращение".Сохранила в заранее созданную для этого проекта папку.
Потом в процессе работы,чтобы фиксировать изменения,достаточно просто"Сохранить".
3.4 Выделяем картинку инструментом Стрелка(V).
Преобразуем в символ(ПКМ-преобразовать в символ или Модификация-Преобразовать в символ).

Я назвала "вращение"(как документ).Вы можете назвать как угодно.Или оставить по-умолчанию(Символ1(2,3,4...).В конкретном случае это абсолютно не принципиально.

А в Панели Свойства вписываем имя латинскими буквами. У меня-это "rosa".


3.5 Раскроем раздел Анимация- Непрерывное вращение.
При наведении мышкой появляются 2 значка.

Нажав на первый вы увидите окошко с описанием кода.

При нажатии на второй вы увидите окно с инструкциями.
Прочтите их.

Прокрутив вниз, мы видим фрагмент кода,в котором уже прописалось имя экземпляра "rosa",которое мы ввели ранее в Свойства.
Поменяем скорость вращения на на 2. Жмем - Вставить

Смотрим на временную шкалу.
Фрагмент кода в виде черной полоски"залетает"на временную шкалу и создает новый слой с кодом.
Понаблюдайте за этим действием , забавно.

Если открыть панель Действия(F9),
мы видим код с теми же инструкциями,который программа поместила на верхний слой в 1-ый кадр.

Все,смотрим ,что получилось(CTRL+Enter)
3.6 Сохраняем.Экспортируем.
Файл-Экспорт-Экспотировать ролик

Немножко пофантазировав,у меня получился вот такой результат.
Для тех кому интересно,во вложении исходник fla с кратким описанием.

Серия сообщений "Мои уроки":

Часть 1 - Цветочный шлейф за курсором
Часть 2 - Делаем снегопад в SWFQuicker..)
Часть 3 - Делаем заготовку для флеш-календарика в Adobe Flash CS6..)!перепост!
Часть 4 - Эффект листопада в Adobe Flash CS6( АS2).
Часть 5 - Панель "Фрагменты кода" в Adobe Flash CS6..)
Часть 6 - Как взять прямую ссылку для аудиофайла с Привет.ру
Часть 7 - Загружаем музыку в Adobe Flash CS6 c помощью Панели"Фрагменты кода"
...
Часть 12 - Делаем в Adobe Flash 3D Эффект переворота(3D вертелка).
Часть 13 - Как создать и наложить маску определенной формы на видео в Adobe Flash.Урок.
Часть 14 - Использование анимированной маски в Adobe Flash.Урок

Урок в Adobe Flash CS6 - Анимация кусочками

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



Огромное СПАСИБО novprospekt за TweenLite и код скрипта и jzayka и ВАТ за подсказки при выполнении урока. Без них не справилась бы...))

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

Создание 3D карусели (мои пояснения к уроку).

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

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

Рассмотрим как сделать вот такой эффект.

Спасибо Наташе -DiZa-74 за фотографию

Как сделать подобный эффект в программе SWFQuicker можно посмотреть Здесь

Работать будем в программе Adobe Flash CS6.

1.Файл-Создать-ActionScript3.0
Размеры сцены выставляем по размеру картинки,
которую будем использовать.Назовем"Анимация картинки"

2.Подготовим необходимый материал.
Нам потребуется :
картинка,которУю будем анимировать
и
анимированная маска,которОй будем анимировать.

Что такое анимированная маска и как ее сделать , рассматривать не будем.
Подробности можно узнать в этом Уроке.

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

смотрим и читаем далее

Анимация в программе SWFQuicker

Цитата из сообщения novprospekt

 

Если тебе надо в Сотнике задать какую-то кривую линию передвижения, то это делается так.

Помещаешь, например, листик в нужное тебе место рабочего поля. Выбираешь любой рисующий инструмент. Например, "Карандаш". Когда ты его выбираешь, то внизу под инструментами появляются маркеры свойств рисования. Выделяешь маркер - "Рисовать как направляющую линию". Рисуешь нужную тебе загогулину для движения. Затем на Временной шкале щелкаешь, например, пятый кадр и в контекстном меню выбираешь "Преобразовать в ключевой кадр". Стоя на новом ключевом кадре передвигаешь листик в любую следующую точку на направляющей и между ключевыми кадрами создаешь анимацию движения. И так по всей линии.

Во флеш анимации очень даже часто используется Но делать это надо с мелкими предметами. Вот как в твоем случае, то лучше смотреться будет как у тебя сделано. Вот я бабочку сделала по кругу. Сделала отдельным видеороликом. Вставка - Новый символ- Видеоролик. И в этом видеоролике сделала бабочку по кругу. Затем этот видеоролик перетащила из Библиотеки три раза на Рабочее поле (каждый на отдельный слой). И можно уменьшать размеры ролика, поворачивать его и т.д. Так и с листиками мелкими можно листопад делать.

 

Урок «Маска текстом в программе Sothink SWF Quicker».




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




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



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

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

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

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

Часть 1 - Делаем элементарные часики.Начинаем учиться созданию flash.
Часть 2 - Как правильно записать код флешки или видео в рамочку для кодов.
...
Часть 13 - Эффект колышущейся картинки с помощью маски. Урок для Sothink SWF Quicker.
Часть 14 - Использование масок в программе Sothink SWF Quicker
Часть 15 - Урок «Маска текстом в программе Sothink SWF Quicker».
Часть 16 - Программная анимация в Adobe Flash.
Часть 17 - Уроки Flash. Падающий снег. Классы AS3.
...
Часть 24 - Создание 3D карусели ( пояснения к уроку от Веры BAT)
Часть 25 - Работа по уроку «Создание эффекта Боке».
Часть 26 - Календарик. Работа Preriy

Серия сообщений "Маска в 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.

Урок. Сделать свой плеер в Sothink SWF Quicker самому

Эффект колышущейся картинки с помощью маски. Урок для Sothink SWF Quicker.

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


Делать урок будем в программе Sothink SWF Quicker (русская портативная версия)
Скачать можно здесь
SothinkSWFQuicker 5.3.511

Сам готовый флеш файл анимированной маски есть в материалах к уроку и прилагается для скачивания.
Материалы к уроку "Эффект колышущейся картинки с помощью маски."
Почему же маска называется анимированной, и как она делается, будет рассказано в процессе этого урока. При желании каждый потом сможет сам такую маску сделать.
Маска в программе Sothink SWF Quicker, как в прочем, и во многих других флеш программах – это графический объект, который маскирует изображение, которое находится под маской и связано с ней. Будет видна только та часть вашей картинки, которая закрыта полем маски. Все остальное видно не будет.
Приступим к уроку.
Открываем программу и создаем новый документ
600 X 600 пикс.


"Читаем далее урок Эффект колышущейся картинки с помощью маски"

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

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

Часть 1 - Делаем элементарные часики.Начинаем учиться созданию flash.
Часть 2 - Как правильно записать код флешки или видео в рамочку для кодов.
...
Часть 11 - Делаем музыкальную флеш открытку в программе Sothink SWF Quicker.
Часть 12 - Гуси-лебеди. Урок с анимацией крыльев. Sothink SWF Quicker.
Часть 13 - Эффект колышущейся картинки с помощью маски. Урок для Sothink SWF Quicker.
Часть 14 - Использование масок в программе Sothink SWF Quicker
Часть 15 - Урок «Маска текстом в программе Sothink SWF Quicker».
...
Часть 24 - Создание 3D карусели ( пояснения к уроку от Веры BAT)
Часть 25 - Работа по уроку «Создание эффекта Боке».
Часть 26 - Календарик. Работа Preriy

Серия сообщений "Программмы для создания флеш":

Часть 1 - Часики для страничек дневника.
Часть 2 - Часики для дневника "Арбузные"
Часть 3 - Программа для флеш роликов Flash Gallery Factory Deluxe
Часть 4 - Adobe Flash CS6 Portable.
Часть 5 - Эффект колышущейся картинки с помощью маски. Урок для Sothink SWF Quicker.
Часть 6 - Работа с шаблонами в Adobe Flash. Обратный отсчет даты.
Часть 7 - Aleo SWF GIF Converter 1.6(engl+rus).
Часть 8 - Флеш меню «Облако тегов».
Часть 9 - SWiSH Max4[Ru+En] с русификатором

Серия сообщений "Маска в 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.

Перевод команд программы Sothink SWF Quicker

Серия сообщений "* Sothink SWF Quicker":
Часть 1 - Украшаем простые цифровые часики. Разнообразие дизайна
Часть 2 - Делаем элементарные часики.Начинаем учиться созданию flash.
...
Часть 23 - Урок. Как извлечь мувиклип из готового флеш-ролика
Часть 24 - Sothink SWF Quicker - Урок по созданию пользовательского курсора
Часть 25 - Перевод команд программы Sothink SWF Quicker
Часть 26 - Использование масок в программе Sothink SWF Quicker
Часть 27 - Урок «Маска текстом в программе Sothink SWF Quicker»
...
Часть 37 - Маска динамическим текстом. Урок для флеш. Action Script 2. Часть 3.
Часть 38 - Урок. Делаем кликабельные флеш кнопки в программе Sothink SWF Quicker.
Часть 39 - Устанавливаем Sothink SWF Quicker

Работа с шаблонами в Adobe Flash. Обратный отсчет даты.

Хотя программа Adobe Flash и является профессиональным инструментом веб программистов и дизайнеров, но содержащиеся в ней готовые шаблоны и проекты позволяют многим пользователям сети, с минимальными познаниями флеш приложений, создавать интерактивный контент для своих веб страничек. Таким очень полезным шаблоном является проект - шаблон "Обратный отсчет даты".
Рассмотрим подробно работу с этим шаблоном
Работаем в Adobe Flash CS6. Прочитать о программе и скачать ее можно здесь Adobe Flash CS6 Portable.

До начала работы с шаблоном я предлагаю вам создать рабочую папку проекта, можно прямо на рабочем столе. Назовите ее, например "Шаблон таймера". В эту папку, в процессе работы с шаблоном, периодически сохраняйте проект в формате *.fla, родном формате Adobe Flash(Файл - Сохранить как). Это очень удобно, потому что всегда можно вернутся к доработке проекта. Кроме того созданный в Adobe Flash и скомпилированный в swf - файл нельзя будет открыть в этой программе для редактирования.

Вот теперь, используя шаблон "Обратный отсчет даты", создадим таймер обратного отсчета до 4 часов утра 22 июня 2013 года.




Открываем программу и в списке проектов в разделе "Создать по шаблону" выбираем пункт "Образцы файлов".





"Читаем далее Работа с шаблонами в Adobe Flash. Обратный отсчет даты"

Серия сообщений "Программмы для создания флеш":

Часть 1 - Часики для страничек дневника.
Часть 2 - Часики для дневника "Арбузные"
...
Часть 4 - Adobe Flash CS6 Portable.
Часть 5 - Эффект колышущейся картинки с помощью маски. Урок для Sothink SWF Quicker.
Часть 6 - Работа с шаблонами в Adobe Flash. Обратный отсчет даты.
Часть 7 - Aleo SWF GIF Converter 1.6(engl+rus).
Часть 8 - Флеш меню «Облако тегов».
Часть 9 - SWiSH Max4[Ru+En] с русификатором

Делаем простую flash подпись используя шаблонные эффекты.

Делаем простую flash подпись используя шаблонные эффекты.

Продолжаем постигать азы flash. ( Первый урок "создание часиков" ТуТ ) В этом уроке будем делать забавные подписи, при нажатии на которые,- будет осуществлен переход на вашу страничку ( дневник, сайт и т.д.). Получится примерно такое:



Или большего размера естественно:-) В первой части будем делать флешку, а во второй точно такую же, но gif анимацию.

Flash

Делать можно и прямо в сцене, но чтоб привыкнуть к верной последовательности действий на будущее,- будем делать через клипы:-)Поехали:

Открываем программу, в выползшем окошке выбираем первый пункт и жмем "ок" ( как мы делали в первой части про часы).
Далее сверху жмем "insert" и выбираем пункт "new simbol":


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

Делаем кнопки во flash. Плюс bonus - плеер в коллекцию для дневника

Делаем кнопки во flash. Плюс bonus - плеер в коллекцию для дневника:-)

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



Это конечно примитив, но поможет вам понять основную идею и способы ее воплощения))

А в дальнейшем научимся делать и такие кнопочки ;-))


Это стандартная кнопка из программы, но создание подобных кнопок начинается именно с освоения азов;-)

Как всегда,- открываем программу и в выползшем окошке выбираем первый пункт и жмем "ок" :-)
Далее вверху окна программы кнопочка "insert", пунтк "new simbol":

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

Делаем элементарные часики.Начинаем учиться созданию flash.

Делаем элементарные часики.Начинаем учиться созданию flash

Все тянул, тянул с этой темой, но чувствую, что пора:-) А то без практики сам не учусь и забывать начинаю, а так хоть по ходу написания постов вспомню и может узнаю че нить:-)

Небольшое предисловие:
1.- Я сам только учусь в этой области. Поэтому рассказываю только-то, что умею и как умею:-)
2.- Лично я пользуюсь программой Sothink SWF Quicker. Adobe flash у меня нету и пока устанавливать не планирую.
3.- Исходя из пункта "2", вам надо скачать Sothink SWF Quicker. Программа легкая ( около 15 мб) (ссылка на скачку в конце поста)

Прошу прощения за сурьезное начало)))

Теперь немного теории, многа букаффф))

Используя "технологию флеш" можно создавать много всего, поэтому будьте готовы. Флеш- это не только мультики и открытки, но и вполне работоспособные программы, выполняющие определенные функции.
Но естественно и те же баннеры тоже можно делать во флеш) И вообще много чего)

Теперь к работе в самой программе.

Перед тем как приступить к созданию чего-либо на примерах конкретных, надо немноооожечко уловить самую суть. Т.е. основные вещи в проге) Это я точно знаю, понял на примере обучения Inmira Я, как всегда, не буду использовать верную терминологию ( сам еще не до конца ее знаю, да и не надо нам это пока)

Итак, в программе мы можем создавать три основные "вещи", это-
1.- Кнопки
2.- клипы
3.- графические объекты

Из этих трех "вещей" мы складываем основную "сцену",- которая уже является окончательным результатом, т.е. нашей флешкой:-)
Представили примерно?
Отлично, теперь идем дальше.

В программе используется Action Script . Т.е. впринципе это язык программирования. Когда-то, говорят, его недооценивали... но не о том речь) Так что готовьтесь к изучению непонятных надписей и иероглифов шутка))

Все, теперь к практике. Шаблонные возможности программы пока использовать не будем, делаем все сами)
Вообще конечно, лучше бы не с часов начать, но чтоб зацепить ваш интерес ;-) начнем с них))) а в следущих уроках изучим нужные основы

Открываем программу. В таком выползшем окошке выбираем первый пункт и жмем ок:


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

Делаем флеш-плеер в Sothink SWF Quicker

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

Делаем флеш-плеер
в Sothink SWF Quicker.
Вот, наконец, давно обещанный урок по Мейловским плеерам. Многие их умеют делать в ФШ. Теперь будем превращать их во флеш-плееры.
Вот в такие, например:

Сразу оговорюсь, я в этой программе работаю недавно, так что "знатоки" проходят мимо. Урок - для новичков в этой проге, таких, как я сама...))

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