Sothink SWF Easy - легкая в использовании программа для создания GIF и Flash анимации. Пользователи смогут использовать данную программу для легкого создания Flash баннеров, кнопок, поздравительных открыток, альбомов и текстовой анимации. Богатые встроенные ресурсы позволяют вам с легкостью создавать все вышеперечисленные вещи. Эта программа сможет создать Flash и GIF анимацию или текстовую анимацию за несколько кликов мыши. Программа сочетает в себе всю мощь приложений PowerPoint и Flash аниматоров, благодаря чему SWF Easy является мощным приложением для создания Flash презентаций. На сегодня, данная программа является лучшим выбором среди приложений для легкого создания Flash анимации.

Возможности программы:
• Легкое создание Flash альбомов, кнопок, баннеров и т.д. с помощью готовых шаблонов
• Эффективное создание профессиональных Flash презентаций
• Большое количество встроенных ресурсов, таких как формы, кнопки, фоны, поздравительные открытки и т.д.
• Сотни встроенных редактируемых эффектов
• WYSIWYG редактирование и создание анимации
• Применение неограниченного количества внешних ресурсов из FLW файлов
• Группирование элементов SWF файлов перед импортированием для выборочного использования элементов
• Поддержка эффекта прозрачности для определенного цвета формы
• Блокировка и разблокировка элементов во избежании ненужных изменений
• Перетаскивание элементов вверх и вниз во временной шкале для изменения Z-порядка
• Импорт существующей векторной графики в форматах AI, SVG, WMF/EMF и .gls, .glb, .glm
• Импорт целых SWF файлов и видео файлов напрямую для полного использования
• Экспорт анимации в качестве GIF и AVI файлов
• Поддержка различных аудио форматов, включая MP3, WAV и другие
• Полная поддержка ActionScript 2.0

Платформа: Windows XP/2003/Vista/7
Язык: ML/рус
Лекарство/Medical: присутствутет / it present
Размер: 58.5 MB

Скачать Sothink SWF Easy v6.2 622 Rus + tutorial

Скачать с letitbit.net
Скачать с vip-file.com
Скачать с shareflare.net
Скачать с turbobit.net
Скачать с depositfiles.com

Серия сообщений "ФЛЕШКИ":
Часть 1 - Осень с ОДИСами
Часть 2 - Урок по созданию флеш в программке Aleo Flash Intro Banner Maker
...
Часть 51 - Новогодняя флешка
Часть 52 - Мини фотоальбомчик во flash
Часть 53 - Sothink SWF Easy 6.2 622 Rus + tutorial

Урок по отображению картинок в окне при наведении курсора на миниатюру.

Сегодня мы рассмотрим урок, в котором при наведении курсора на миниатюру в окне будет отображаться изображение большего (нужного нам)  размера. 

Для урока нам потребуются 5 изображений с размерами 400 х 300 пикселей, и 5 их уменьшенных копий с размерами  80 х 60 пикселей. Желательно последние отредактировать в каком-либо графическом редакторе (например, в Фотошопе), с тем, чтобы эти миниатюры были ярче и контрастнее. Вы можете выбрать другие размеры и количество изображений, потому, что  с помощью этого урока Вам станет, понятен принцип, как это делается, и Вы сможете вставлять в свой клип любое количество изображений. Важно лишь учесть при этом, что, чем больше их будет – тем больший размер холста нужно предусмотреть при создании нового документа.

Итак, приступим: я задаю размеры документа 600 х 500 пикселей. Делается это, если кто-то не знает, или забыл, на панели свойств (см. рисунок ниже)

Цвет фона я выбрал светло-желтый (можно выбрать какой Вам нравится)  

Далее: импортируем в библиотеку наши подготовленные изображения, для чего выбираем в меню файл командуImport to Library.
 

Далее нажимаем сочетание клавиш Ctrl + F8 или в меню Insert выбираем команду New Symbol, и в открывшемся диалоге выбираем Movie Clip.
 

Имя мувиклипа можно выбрать любое. Если у Вас уже существует в библиотеке символ с таким именем, программа сама Вас поправит и предложит присвоить символу другое имя.

После того, как мы нажмем кнопку ОК, мы окажемся в окне редактирования символов. 
Там помещаем наше первое изображение в первый кадр на первом слое. Далее создаем в этом же слое еще четыре пустых ключевых кадра, и помещаем в каждый из них  соответственно 2,3,4 и 5-е изображения. Все пять изображений необходимо отцентрировать. Для этого воспользуйтесь панелью Transform и выставьте координаты, такие как на рисунке ниже:

Создаем новый слой, для чего в меню Insert выбираем добавить слой

И в этом новом добавленном слое в первый кадр на панели Action вставляем такой код:

Вот, как к этому времени будет выглядеть временная шкала в окне редактирования мувиклипа:

А вот такую примерно картинку мы будем наблюдать в окне проводника:

Символы 4, 6, 8, 10 и 12 – это соответственно наши изображения 1-5 с размерами 400 х 300 пикселей.  На панели проводника Movie Explorer наглядно видно, что, в каком кадре, и на каком слое расположено.

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

Опять нажимаем Ctrl + F8, или в меню Insert  выбираем команду New Symbol, но на этот раз в открывшемся диалоге выбираем  Button.

Нажимаем кнопку ОК и оказываемся в окне редактирования символа. Перемещаем в первый кадр из библиотеки на холст нашу первую миниатюру размером 80 х60 пикселей.
Центрируем её с помощью панели Transform. Как это делается, смотри первую часть урока.

Кликаем во втором кадре (Over) и нажимаем клавишу F6. То же самое проделываем в 3-м (Down) и 4-м (Hit) кадре.

Вот как выглядит к этому времени временная шкала:

То же самое проделываем для оставшихся четырех миниатюр. Теперь давайте (по желанию) для разнообразия и эффекта добавим каждой кнопке некий блик во втором кадре. Как делается такой блик смотри в других разделах с уроками. Выглядеть это буде примерно так:

Для этой цели в окне редактирования наших кнопок на временной шкале добавляем новый слой (Insert Layer)  и во втором кадре вставляем ключевой кадр. 1(Up), 3(Down), и 4-й(Hit),кадры делаем пустыми. И в кадр Overперемещаем из библиотеки мувиклип с бликом.

Полезный совет для тех, кто только начинает пользоваться программой Sothink SWF Quicker. Для того чтобы найти какой-либо объект в библиотеке, необходимо щелкнуть по нему правой кнопкой мыши, и в открывшемся списке выбрать Locate in Library (Расположение в библиотеке) Объект в библиотеке сразу же выделится. Смотри рисунки ниже:

После того как мы добавили во второй слой мувиклип с бликом временная шкала будет выглядеть следующим образом:

Переходим к заключительной, третьей части урока.

В основной сцене добавляем второй слой и размещаем на нем все наши 5 кнопок.

Подготовленные кнопки размещаем на рабочем холсте примерно так, как показано на рисунке:

Перемещаем подготовленные кнопки на рабочий холст и на панели свойств (Properties)присваиваем  им  имена.  Соответственно btn1, btn2 , btn3, btn4, btn5.

Вот, как это выглядит для первой кнопки:

Наконец, добавляем на временной шкале основной сцены третий слой и переименовываем его в Action Layer. В первый кадр вставляем такой код:

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

Вот, что у нас должно получиться:

Урок по созданию пользовательского курсора.

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

В нашем уроке мы создадим курсор из нарисованной в Фотошопе стрелки. Для этого используется инструмент «Произвольная фигура». Сохраним его в формате png.

Итак, приступим:

Окно документа и цвет рабочего холста выбираем любые.

1. Импортируем в библиотеку созданный в Фотошопе курсор. 

2. Нажимаем Ctrl + F8, или выбираем в меню Insert - New Symbol.

В открывшемся окне выбираем первую позицию: создаем графический символ. После нажатия на кнопку ОК мы попадаем в окно редактирования символа. Здесь перемещаем на холст из библиотеки импортированное изображение курсора.

3. Кликаем по нему правой кнопкой мыши и из списка выбираем 
Convert to Symbol (смотри рисунок ниже)

4. На этот раз конвертируем в мувиклип:

5. Переходим в основную сцену, щелкнув вот по этому значку:

В основной сцене создаём два слоя. В первом слое у нас будет располагаться созданный  мувиклип (смотри п. 4). Для этого переместим его из библиотеки, зажав левую клавишу мыши, и поместив его в любое место на сцене.

А во втором слое мы поместим код для этого курсора, который будет выглядеть следующим образом:

Ниже я привожу код в текстовом формате

Объяснения к коду : первая строка делает мувиклип перетаскиваемым, вторая - использует метод объекта Mouse, отключает отображение курсора в клипе.

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


Вот, что у нас должно получиться:

Вращающееся меню.

На сегодняшнем уроке мы рассмотрим, как создается так называемое вращающееся меню. Итак приступим:

Открываем новый документ, и устанавливаем размеры сцены 621х256 пикселей. Вы можете задать другие размеры, но тогда пересчитайте размеры кнопок. Мы создадим  6 кнопок с размерами 100х250 пикселей с расстоянием между ними в 3 пиксела. Оставшаяся часть будет занята рамкой по периметру. Установим частоту 40 кадров в секунду, и выберите цвет фона #990000 (можно задать свои значения).Вот такая картинка должна у нас получиться к концу урока на рабочем холсте:

Создайте сразу  8 слоев, и назовите их примерно так как на следующем рисунке (не обязательно, но чтобы не запутаться):

Дальше нам необходимо создать шесть мувиклипов и шесть невидимых кнопок ( InvisibleButton). 

1. Нажимаем клавиши Ctrl +F8, или в меню Insert выбираем команду New Symbol. В появившемся окне выбираем:

Перемещаемся в окно редактирования символов.

2. Создайте три слоя. В первом слое инструментом Прямоугольник (R) нарисуйте прямоугольник с размерами 100х250 пикселей, предварительно выбрав на панели Shape  допустим ярко-зеленый цвет #00FF00.

3. Сделайте ключевым 20 кадр в первом слое.

Задайте с помощью инструмента Paint Bucket (K)в двадцатом кадре цвет прямоугольника синим (#0000FF)

Перейдите снова на первый кадр, и на панели свойств в поле Tween, выберите Shape.

Как только вы это проделаете цвет полоски в первом слое изменится на зеленый, и от первого кадра к двадцатому появится стрелка (смотри рисунок ниже):

4. Переходим во второй слой, и выбираем инструмент «Текст» (Т).
В первом кадре пишем слово к примеру ГЛАВНАЯ. Шрифт можете выбрать любой. Я в своем примере использовал Arial с  размером 13, красного цвета. Выравниваем текст примерно посередине будующей кнопки:

Переходим на панель Transform, и в поле Skew Horizontal выставляем значение 90 градусов.

Сразу же наш текст примет вертикальное положение и сместится. Отцентрируйте его, как на рисунке ниже:

Сделайте десятый кадр второго слоя ключевым(для этого щелкните на нем левой клавишей мыши и нажмите клавишу F6), и на панели Transform измените значение в поле Skew Horizontaly на ноль. Снова наш текст примет горизонтальное положение и сместится. Проделайте то же самое, что и в предыдущем шаге:

Перейдите в первый кадр второго слоя, или на любом кадре между первым и десятым щелкните правой кнопкой мыши и из списка выберите команду Create  Motion Tween (см рисунок)

От первого кадра к десятому протянется стрелка. Затем перейдите в 20 кадр второго слоя, и сделайте его ключевым. Переместите текст выше, почти к самому верху, снова перейдите в 10 кадр (или щелкните на любом кадре между 10-м и 20-м) и примените команду Create  Motion Tween. Вот, как к этому времени должна выглядеть временная шкала:

Переходим в третий слой, и делаем в нем 20 кадр ключевым. Переключаемся на панель Action и вставляем следуюший код в этот кадр:

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

На этом этап создания мувиклипа закончен, и переходим к следующему этапу.

5. Нам необходимо создать невидимую кнопку. Нажимаем клавиши Ctrl +F8, или в меню Insert выбираем команду NewSymbol. В появившемся окне выбираем на этот раз Button:

Для упрощения, и повторного использования предварительно создайте с помощью инструмента «Прямоугольник» графический символ (выбрав в этом окне Graphis) размерами 100х250 пикселей, любого цвета. Задайте ему координаты х = 0, и у =0. Я в своем примере нарисовал его светло голубого цвета. Смотри рисунок ниже:

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

Откроется окно его редактирования. Создайте поочередно в кадрах Up, Over, Down, Hit четыре пустых ключевых кадра. Первые три мы так и поставим пустыми. А вот в последний кадр вставим созданный нами графический символ. Вот, как это будет  выглядеть на временной шкале:

На этом этапы создания необходимых символов завершены, и переходим в основную сцену, щелкнув вот по этому значку:

6. Зажав левую кнопку мыши, перемещаем из библиотеки на сцену, в первый слой с названием Меню, созданный нами мувиклип, который будет имитировать кнопку «ГЛАВНАЯ». Позиционируем его на панели Transforn следующим образом:

Примечание:

В конце урока я приведу координаты для всех мувиклипов в виде таблицы. Естественно, если Вы выберите другие размеры кнопок, то необходимо будет все пересчитать, с учетом Ваших размеров.

И присваиваем ему в поле Name имя button1 (смотри рисунок ниже)

Теперь перемещаемся во второй слой с названием InvisibleButton 1, захватываем левой кнопкой мыши созданную нами невидимую кнопку, помещаем её на сцену, и позиционируем с теми же координатами, что и мувиклип. Цвет изменится на более тёмный:

Т.е. фактически мы поместили нашу невидимую кнопку поверх мувиклипа.

Теперь необходимо, при неснятом выделении кнопки, добавить к ней на панели Action следующий код:

Я, в уроке вставил URL в виде "/", но Вы вставьте тот, который Вам будет нужен. Так же можете использовать другие значения для параметров открытия страницы.

7. Создайте аналогично шагам 2-7 остальные пять кнопок, с названиями меню, которые сочтете нужным. При помещении мувиклипов на первый слой ( а именно там все шесть мувиклипов должны располагаться), присвойте им соответственно имена button1, button2, button3, button4, button5, button6. А вот, невидимые кнопки помещайте каждую, на отдельный слой, и в коде изменяйте порядковые номера. Например для второй кнопки это будет выглядеть так:

И так для всех остальных.

8. И последний этап. Переходим в самый верхний слой, с названием Action Layer, и вставляем в первом кадре такой код:

Нажимаем клавишу F12 и смотрим результат.

Урок наверно получился немного большим, но я постарался изложить всё достаточно подробно. Если у кого-то остались вопросы скачайте исходник в формате sgf для просмотра и сверки. А пока смотрим, то что получилось. Наводите курсор поочередно на каждое меню.

Скачать исходник 
в архиве rar 3 kb

Таблица координат для кнопок

Создание вертикального меню.

На сегодняшнем уроке мы научимся создавать вот такое меню:

Создадим новый документ размерами 250 на 180 пикселей , Frame Rate = 30.  Цвет фона выберем, к примеру, такой #E8EDBD.

Создадим в основной сцене сразу 14 слоев.  В первом слое мы разместим рамку. В следующих  шести слоях мы расположим  мувиклипы, которые будут представлять собой анимацию текста и форм. В следующих шести слоях так называемые невидимые кнопки. И в последнем 14 слое мы будем писать код.

Итак, приступим.

1. Нажимаем Ctrl + F8, и создаем новый символ (Graphics), Выбираем инструмент линия (N), и в окне редактирования символа рисуем линию, длинно примерно 200 пикселей, и толщиной 1 пиксель. Методом копирования и вставки получаем примерно вот такую рамку:

2. Далее нам необходимо будет создать мувиклип, который будет представлять собой примерно следующее:

Каким образом это делается? Давайте подробно разберем на примере создания одного из шести таких мувиков.

а) рисуем инструментом «Прямоугольник» (R) графический символ без контура с заливкой вот такого цвета: #D11212.  Размеры примерно 2-3 пикселя в ширину, и 21 – в высоту.
б) конвертируем его в мувиклип.
Вот что он из себя представляет. Рисунок увеличен примерно в 4 раза.

3. Нажимаем Ctrl + F8, и создаем новый символ. В окне выберите Movie Clip. В окне редактирования этого нового мувиклипа, создадим три слоя. В первом мы разместим созданный нами в шаге 2 мувиклип, во втором будет размещаться мувиклип с текстом, и в третьем мувиклип со стрелками.

Теперь давайте разберем создание этого мувиклипа послойно:

В первом слое, как уже было сказано выше, у нас будет располагаться прямоугольник красного цвета. Его размеры  по ширине и координаты, будут плавно меняться  от первого кадра к 20-му. Привожу размеры и координаты покадрово, в виде таблицы:

Во втором слое будет располагаться мувиклип с текстом. Цвет текста: #0000FF

Размеры его изменяться не будут, а вот расположение в каждом кадре будет разным. Кроме этого применим трансформацию цвета. Привожу координаты и цвет покадрово в виде таблицы.

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

Рисунок увеличен для наглядности в три раза.

Его можно будет нарисовать, используя инструмент Polygon (L), или воспользоваться графическими символами из шаблонов кнопок.

Размеры и цвет его изменяться не будут, а расположение по оси «Х» в каждом кадре будет различным. Смотри таблицу:

То есть в первом и 20 кадрах координаты будут одинаковыми.

Для лучшего понимания, как это выглядит, в конце урока я приведу ссылку на скачивание архива с исходником. Открыв его в отдельном окне, Вы всегда сможете сверить свои действия.

Таким же образом создаются остальные пять мувиклипов.

4. Теперь возвращаемся в основную сцену, и помещаем созданные нами мувиклипы на рабочее поле, присваивая им соответствующие имена на панели свойств. В моем примере это соответственно: Home, News, About, Lesson, Raznoe, Contact. Смотри рисунок ниже, применительно к мувиклипу, расположенному во втором слое.

5. Теперь поместим в первый кадр первого слоя, созданную нами в шаге первом рамку.

Подгоним с помощью инструмента Transform (Q), или используя одноименную панель,  размеры и координаты следующим образом. Смотри рисунок:

6. Теперь необходимо создать шесть невидимых кнопок. О том, как это делается подробно смотри, предыдущий урок.

Создаются такие кнопки очень просто: Нажимаете Ctrl + F8 и в открывшемся окне выбираете button. В окне редактирования кнопки первые три кадра (Up, Over, Down) делаете пустыми, а в четвертом кадре (Hit) рисуете инструментом «Прямоугольник» (R) вот такую примерно фигуру, с размерами 227 х 26,6 пикселей и цветом заливки #00FFFF

Помещаете каждую кнопку над мувиклипом, и пока кнопка выделена, на панели действий пишете такой код:

Соответственно  в третьей и шестой строке кода заменяете название кнопки на перечисленные в шаге четвертом. То есть,  к примеру, для кнопки «Об Авторе» это будет выглядеть так:

И так для всех кнопок.

7. И, наконец, последний шаг. Перемещаемся в последний слой (Action Layer), и пишем в первом кадре такой код:

Нажимаем Ctrl + Enter и смотрим, что у нас получилось.

Рецепт