Урок по Sothink SWF Easy (создание эффектов)

Есть такая программа Sothink SWF Easy .  Простая в использовании и незаменимая при создании Flash и Gif анимации. C ee помощью можно создавать банеры, кнопки, поздравительные открытки, альбомы и текстовую анимацию. И в том числе можно делать различные flash эффекты. Вот этим мы сейчас и займемся. Будем делать вот такой эффект:

 

 

Откроем новый документ и зададим размеры 400х300 px , цвет фона синий ( независимо от цвета фона, эффект получится на прозрачном фоне), частота кадров 24.

Идем в библиотеку и выбираем объект для создания анимации. Щелкаем на нем 2 раза левой кнопкой мышки и он появляется на рабочем поле.

Щелкаем по объекту правой кнопкой мыши и делаем несколько копий. Затем выбираем еще один объект и проделываем те же операции.

Объекты расположим по нижнему краю рабочего поля. Для каждого объекта можно задать степень прозрачности и цвет, а также размер. Эти манипуляции можно производить если объект выделен.

Чтобы заставить шарики двигаться необходимо им задать путь движения. Жмем "Добавить эффект", затем "Путь движения", затем "Каракули"( издержки перевода программы) т.е.какой путь вы нарисуете, по такому шарик и будет двигаться. Еще можно задать движение по кругу, по кривой и по прямой линии. Чтобы задать хаотичность в движениях шариков, каждому из них задается индивидуальный путь движения. Выделили шарик-задали путь движения. Затем следующий. Пути движения не полжны походить друг на друга.

Проделали аналогичные операции со всеми шариками и смотрим, что получилось:

Почему 3 шарика в конце пути останавливаются? Оказывается у них не установлен флажок на функции повтора!

Выделяем шарик , который останавливается , жмем "Конфигурация" и ставим флажок на функции"Повтор". Со вторым и третьим шариками делаем то же самое.

Теперь смотрим:

Вот, теперь другое дело!

После задания движения шарикам на временной шкале появятся( ну, для простоты назовем их "индикаторы") индикаторы эффекта движения. При выделении какого нибудь шарика, его индикатор подсвечивается синим цветом. Это значит, что этот индикатор определяет по какому пути и с какой скоростью будет двигаться выбраный шарик.

Чем ближе к началу временной шкалы находится индикатор, тем быстрее шарик появится на экране при просмотре ролика. Чем длиннее индикатор, тем медленнее будет двигаться шарик. Чтобы шарики не начинали движение одновременно, а появлялись с задержкой, индикаторы располагают на разном расстоянии от начала временной шкалы. Передвигается индикатор левой кнопкой мышки ( при наведении на индикатор появляется "рука"). Удлинить можно наведя курсор на край индикатора ( появится значок как в Word для перетаскивания линий). В данном случае я удлинил индикаторы, для того , чтобы шарики двигались не так быстро. И поставил их на разное расстояние от временной шкалы, чтобы шарики появлялись с интервалом. Посмотрим, что получилось:

Теперь сохраняем полученый результат. Открываем :"Файл" / " Экспорт ролика" и сохраняем созданный нами ролик эффекта в формате "SWF" в указанную Вами папку.

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

 Есть 3 группы эффектов: "Вход" (эффекты появления объектов на экране); "Акцент" (Эффекты основного времени нахождения на экране); "Выход" (эффекты исчезновения, ухода объекта с экрана). Но не обязательно применять их комплексно. Можно применить эффект из любой группы.  Для этого выделяем шарик к которому будем применять эффект. Жмем "Добавить эффект". В данном случае мы применим эффект из группы "Выход" , который называется "Врыв". Индикатор эффекта подсветился синим цветом. Ставим его в конец пути движения этого шарика и смотрим:

Теперь думаю, что маловато у нас шариков в эффекте. Нужно добавить.

Через функцию "Импорт" открываем наш сохраненный ролик.

Создаем еще 2 копии и размещаем их вверху рабочего поля. Т.К. в ролике шарики у нас поднимаются вверх, то добавленный ролик и его копии нужно перевернуть так, чтобы шарики летели вниз. Смотрим:

Шариков заметно добавилось. Сохраняем опять : "Файл" / "Экспорт ролика"  в формате "SWF" в указанную папку.

Теперь попробуем применить этот эффект на практике. Открываем через "Импорт" в программе какую нибудь картинку.

Через функцию "Импорт" загружаем наш последний ролик. Во всплывшем окне ставим фл. Наименьший вес картинки будет иметь в формате "SWF".ажок на " Импорт файла целым видеороликом". И помещаем наш ролик в понравившемся Вам на картинке месте и, любуемся  результатами своего труда.

Полученную анимированую картинку можно сохранить в "SWF", "AVI" и анимированый "Gif". Наименьший вес картинка будет иметь в формате "SWF".

 

 

 

КОММЕНТЫ: вопросы и ответы -Кстати! Я у тебя скачал FontExpert и никак не могу установить русский язык. В окне , которое выскакивает перед открытием программы список языков неактивен, а в настройках больше нигде не нашел. А мой английский на уровне начальных классов. Если пользуешся программой подскажи где искать. -Подождите,я сначала не понял,о какой программе Вы говорите.Я скачал программу и установил.У меня она на русском полностью.Там два архиав их нужно распаковать оба.Я в разные папки распаковывыл,чтоб не путаться.Конечно в архиве обман,там нет ,как обещалось портативной версии...А так все работает на русском. -Все нормально! Спасибо за подсказку! Я не обратил внимания на этот архив. Русский установился без проблем! -суперски конечно. ток вот какая фиговинка.. У меня тож стоит прога Sothink SWF Easy. Но никаких шариков в библиотеке не обнаруживаю. Может быть у меня аналог вашей проги. Я в ней в основном тексты анимирую. Ссылочкой на закачку не поделитесь? -Охотно! http://letitbit.net/download/36657....22_rus.rar.html. Кроме того скачайте архив с ресурсами, который я сегодня скачал с сайта программы: http://letitbit.net/download/17812.1033ba4b6df6171639d750ac6106/swfeasy_resource.zip.html Распакуйте архив и запустите файл на исполнение. Он сам установит ресурсы в папку с программой. После запуска программы они появятся в опциях. Удачи! -поставила на закачку. Попробовала ваш урок на своей проге ) загнала в библиотеку декор с рабочего стола..и вот чё нарисовалось ) Открыть flash-объект в новом окне! -Удлини ещё индикаторы, чтобы шарики ещё медленнее летали. И добавь количество, как в уроке. А так нормально! -это ж просто пробничек ) удлиню непременно в работке ) Пишите ещё уроки на эту тему. Буду внимать с удовольствием! ) -Ссылки на программу в этом посте: http://www.liveinternet.ru/users/daf53/post192282965/ -Извини пожалуйста! Не заметил вопроса. Лучше всего закачать ролик на хостинг хранения флеш-файлов. Например http://megaswf.com/, после закачки Вы получите прямую ссылку на ваш ролик.. Код для вставки флешек на Ли.ру Естественно размеры должны быть Вашего ролика.(400,300)

Урок Sothink SWF Easy (эффекты со звездами)

"Раскололи" Вы меня на новый урок по созданию эффектов в программе Sothink SWF Easy. Сегодня мы будем создавать эффект со звездами. Вот такой, а может и не только такой.

Для начала откроем новый документ и зададим прозрачному слою синий цвет.   Идем "Файл" / "Импорт" и открываем изображение какой нибудь звездочки.

Жмем "Добавить эффект"/ "Движение" /"Линия". Курсор будет в виде крестика. Рисуем линию от центра звездочки вверх. 

Еще раз жмем "Добавить эффект"/ "Акцент"/ "Неустойчивый"(мигающий). Теперь наш объект имеет 2 эффекта: эффект движения и мигающий эффект. На временной шкале наш объект(форма) будет иметь 2 индикатора. Их нужно выровнять по длине, чтобы эффекты начинались и заканчивались одновременно. Затем выделяете звездочку, щелкаете правой кнопкой мышки, затем "Копировать" и 6 раз ( можете и больше если хотите, чтобы звездочек в эффекте было больше) жмете "Вставить". Звездочки копируются вместе с эффектами. На временной шкале появятся 7 пар одинаковых индикаторов ( 6 копий+ оригинал). Фактически все копии и оригинал имеют один и тот же путь движения и будут двигаться как одна звездочка. Чтобы увидеть все звездочки в ролике необходимо для каждой задать свой путь движения.

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

Вот так, как на этом скриншоте.

Затем выделяем индикатор "линия" в следующей паре и на рабочем поле меняем направление движения. Так проделываем со всеми парами. Направление движения у всех звездочек должно быть разное.

Временная шкала будет иметь такой вид. Запускаем ролик и смотрим, что получилось.

Все звездочки движутся по разным направлениям, но довольно однообразно. Это нужно исправить. Нужно изменить время появления каждой звездочки на экране. Сдвинем каждую последующую пару индикаторов на 10 значений временной шкалы.

Примерно так должно получиться. Жмем "Файл" /"Экспорт ролика" и сохраняем в формате "SWF" на компьютер.

Смотрим ролик.

Уже и неплохо! Но можно сделать еще лучше. Импортируем ("файл" / "Импорт" ) на рабочее поле только что сохраненный ролик и располагаем его примерно так: 

Смотрим:

Или так, добавив еще одну копию: Смотрим.

Попробуем применить трансформирование ( изменение формы или размера объекта)

Применим Эффект

 

Ну, вот  пожалуй и все! Слава богу!

А дальше ваша фантазия! Дерзайте! Всем удачного творчества!

 

 

 

Урок Sothink SWF Easy (Луна)

Ну, вот по вашим просьбам сделал ещё один урок по работе с программой Sothink SWF Easy. Сегодня мы создадим ролик-эффект и назовем его ...ну, допустим "Луна в облаках".

Откроем новый документ. По умолчанию размеры документа 400х300, частота кадров 24. При запуске программы всегда всплывает окно" Создать из шаблона". Выбираем "Пустой документ" и жмем "ОК". Выбираем цвет фона темно-синий.

Выбираем инструмент "Овал"

Зажимаем "Shift" и рисуем правильный круг. Жмем на стрелку, чтобы выйти из инструмента "овал" и выделить наш круг.

Теперь нам будет нужен белый ,размытый по краям круг чуть большего диаметра чем луна. Проще всего его сделать в фотошопе круглой кистью с размытыми краями на прозрачном фоне и сохранить в формате PNG. Импортируем этот файл на рабочее поле.

Увеличиваем его, чтобы он был на 2-3 мм больше чем луна.

Теперь накладываем луну на размытый круг по центру. Объект луна должен находиться сверху (на переднем плане). Если это не так, то щелкаем правой кнопкой мыши на выделеном размытом круге и выбираем опцию "Порядок" и затем "Отправить назад".

Делаем выделение размытого круга и жмем "Добавить эффект"/"Акцент"/ "Рябь". Удлиняем индикатор эффекта "Рябь" до 80 делений временной шкалы эффектов( если оставить короткой, то  свечение будет слишком быстро мигать). Смотрим, что получилось.

Ну, вроде-бы как ничего получилось. Вокруг луны добавим немножко звездочек. К звездам применим эффект "Неустойчивый"(мигающий).

 

Ну, вот примерно так.

Индикаторы звезд распределяем примерно так и смотрим.

По моему недурно!

Идем дальше. Теперь нам нужны облака. Подойдет клипарт в PNG. Вчера специально для урока скачал из интернета. Огромного размера но, хорошего разрешения.  Пришлось уменьшать до 300 px. И так, импортируем  облако: "Файл" / "Импорт".

Облако выделяем, ставим галочку " к цвету" и выбираем цвет облака черно-коричневый или черно-серый( а вообще-то могу ошибиться, я наполовину дальтоник). Но однозначно, что на ночном небе ярких бело-голубых облаков не бывает и их нужно сделать более темными. Поэтому значение цветности выбираем равным 49 ( ну это конечно не обязательно, Вы может быть думаете по другому). Помещаем облако слева от рабочего поля. Затем жмем "Добавить эффект" / "Движение" / "Линия". И прокладываем линию движения за правый край рабочего поля. Опять жмем "Добавить эффект" / "Вход" / "Появление". Дальше опять жмем "Добавить эффект" / "Выход" / "Исчезание". 

Чтобы облака двигались более медленно нужно, чтобы индикатор "Линия" был не менее 250 делений шкалы. Облако должно в начале движения появиться и в конце пути движения исчезнуть.Поэтому индикатор эффекта "Появление" ставим вначале индикатора "Линия", а индикатор "Исчезание" в конец индикатора "Линия".  Импортируем второе изображение облака.Проделываем те же манипуляции. что и с первым, только сдвигаем все индикаторы эффектов второго облака вправо делений на 80. Это чтобы 2 облако появлялось позже первого. Импортируем 3 облако, делаем то же самое и сдвигаем индикаторы на 160 делений от начала шкалы.

Смотрим, что получилось.

А вроде бы нормально получилось!

Попробуем применить эффект

 

                        А это комбинированые. Анимация картинок сделана в Art Waver и вставлен наш эффект.                                                                                                                                                                                            

 

 

Ну, кажется приплыли благополучно. Получилось-нет! Судить вам!

Удачи! Что неясно задавайте вопросы.

 

 

 

 

 

 

Мои Flash эффекты

Эти эффекты сделаны в программе Sothink SWF Easy. Программу на русском с серийником можно скачать здесь. Формат эффектов " swf ". Их можно добавлять в любые флешкартинки с помощью этой же программы. Скачать флешэффекты можно  здесь.

Мыльные пузыри	Новогодний колокольчик	Снег
Снежинки	Звездочки	Шарики
Одуванчики	Фейерверк	Взрыв

 

Посмотреть ещё и скачать

 

Серия сообщений "FLASH- АНИМАЦИЯ":
Часть 1 - Мои Flash эффекты
Часть 2 - Мои Flash картинки
Часть 3 - Simitex ArtWaver 1.3 Rus
Часть 4 - Новогодние эффекты

Урок Sothink SWF Easy (Гроза)

Вашему вниманию предлагается ещё один урок по программе Sothink SWF Easy. Сегодня мы попытаемся изобразить грозу.

Итак начнем. Создадим новый докуиент размером 600х300 px . Зададим серый фон,  частота кадров 12.

 

Импортируем на рабочее поле облако (PNG). " Файл" / "Импорт"

Грозовое облако белого цвета? Такого не бывает! Изменяем цвет трансформации на черный и выставляем 84%.

Нам нужно заставить облака двигаться. Жмем "Добавить эффект" / "Путь движения" / "Линия"

Вот так это должно выглядеть

При выделеном облаке жмем "Добавить эффект" / "Вход" / "Появление" Затем ещё раз жмем "Добавить эффект" / "Выход" / "Исчезновение". Это значит, что облако должно в начале рабочего поля появиться, а в конце исчезнуть. Эффект "Появление" должен начинаться одновременно с линией движения.

А эффект  "Исчезновение" должен стоять в конце линии движения и заканчиваться одновременно с ней. Длина индикатора линии движения примерно 200 делений шкалы. Длина индикаторов эффектов  "Появление" и "Исчезновение" 20-30 делений.

 

Это должно выглядеть примерно так:

 

Теперь импортируем второе облако. Все делаем точно так же , но задаем движение навстречу первому облаку.

Импортируем третье облако. Эффекты те же, но движение чуть наискосок, чтобы облако смещалось немного вниз. Добавляем еще облака( Сколько? Да на сколько у кого хватит терпения!). Эффекты оставляем те же и постоянно, для каждого нового облака меняем направление движения.. и, на временной шкале сдвигаем индикаторы так, чтобы все облака начинали движение в разное время.

Теперь импортируем облако и сделаем такой эффект. Линия движения короткая и направлена вверх. К эффектам, которые мы применяли к предыдущим облакам добавим ещё один -"Добавить эффект" / "Акцент" / "Увеличение". Он должен начинаться раньше эффекта "Исчезновение" и заканчиваться вместе с ним. Сделаем 3 таких облака. 2 с краев и одно в центре грозовых туч. Индикаторы сдвинуть так, чтобы они появлялись и исчезали в разное время. Они будут появляться и увеличиваясь в размерах надвигаться на Вас. Импортируем  ещё одно облако, растянем его до щирины рабочего поля, зададим ему черный цвет процентов на 50. Щелкнем на нем правой кнопкой мышки- "Порядок" / "Отправить назад" тем самым отправив его на задний план . Оно будет фоном для грозовых облаков. К нему мы не применяем никаких эффектов, оно будет стоять на месте.

Должно получиться примерно так.

Теперь, создаем в фотошопе круглой размытой кистью пятно белого цвета и, растягиваем его в горизонтальный эллипс. Назовем его "Всполох молнии".  Импортируем его в нашу программу.

Выбираем понравившееся место. Применяем к нему эффект "Неустойчивый"  и отправляем на задний план. Индикатор эффекта должен быть достаточно коротким, чтобы вспышки молнии были короткими. Импортируем еще один "Всполох" и размещаем его немного правее и выше первого. Применяем те-же эффекты, что и к первому и отправляем на задний план. Индикатор первого "Всполоха" размещаем на 20-30 делений от начала временной шкалы. Индикатор второго на 80-90 делений.

Теперь нам нужно добавить молнии. Находим у себя или в интернете рисунки молний в формате "PNG" на прозрачном фоне. Импортируем на рабочее поле и расставляем в разные места грозовых облаков. Применяем эффекты для двух молний  "Неустойчивый" и для одной  "Пружина". Индикаторы должны быть короткими. Расставляем на разное расстояние от начала временной шкалы.

Смотрим, что получилось.

Ну, а теперь вставим в какую нибудь картинку.

Для большего эффекта можно вставить звуковой файл.

 

Ну, вот и все!  Удачи в творчестве!

 

 

Серия сообщений "Mои уроки Flash":
Часть 1 - Урок по Sothink SWF Easy (создание эффектов)
Часть 2 - Урок Sothink SWF Easy (эффекты со звездами)
Часть 3 - Урок Sothink SWF Easy (Луна)
Часть 4 - Урок Sothink SWF Easy (Гроза)

Ещё одна полезная программка для оптимизации(сжатия) изображений.

       Ещё одна информация в продолжение поста " Создаем фоны для дневника". Сегодня попалась еще одна хорошая программка для оптимизации ( уменьшения веса изображений). Может кому-нибудь пригодится.

        RIOT  0.4.5 Portable.

В переводе с английского, аббревиатура RIOT означает "инструмент для радикального изменения изображения". Это своеобразный графический редактор с набором басовых функций, основной целью которого является уменьшение размера обрабатываемого изображения (поддерживаются форматы jpg, gif и png)путём удаления из файла ненужной информации, без какой-либо видимой потери качества изображения. Так, например, можно удалить цветовые профили, метаданные, различные теги, профили EXIF, комментарии, изменить глубину цвета. Также можно задать минимальную и максимальную границы сжатия и программа в автоматическом режиме сожмёт файл с сохранением максимального качества. Для редакторов GIMP и IrfanView программ существует в виде дополнений.

          Программа Portable. Регистрации и установки не требует. Скачиваем, распаковываем и пользуемся. Размер 1.83 mb

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

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

ЕСЛИ НЕ СКАЧАЕТСЯ - ОБРАТИТЬСЯ (ссылка для меня)

Серия сообщений "Полезные программы":
Часть 1 - Создаем фоны для дневника
Часть 2 - В продолжение поста "Создаем фоны для дневника". Сжатие картинок.
Часть 3 - Ещё одна полезная программка для оптимизации(сжатия) изображений.
Часть 4 - Качественное увеличение изображений
Часть 5 - И снова программка для оптимизации изображений

Урок Sothink SWF Easy ( День защитника Отечества)

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

Ну, что-ж, начнем! Открываем программу и создаем новый документ с размерами 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 ( День защитника Отечества)

Урок Sothink SWF Easy ( 8 Марта )

В этом уроке мы рассмотрим создание вот такой открытки для наших девчонок и женщин, посвященной празднику 8 Марта.

 

Читать далее

Серия сообщений "Mои уроки Flash":
Часть 1 - Урок по Sothink SWF Easy (создание эффектов)
Часть 2 - Урок Sothink SWF Easy (эффекты со звездами)
...
Часть 4 - Урок Sothink SWF Easy (Гроза)
Часть 5 - Урок Sothink SWF Easy ( День защитника Отечества)
Часть 6 - Урок Sothink SWF Easy ( 8 Марта )

Мои флешкартинки "Миллион лет до нашей эры"

 

 

 

Серия сообщений "Флеш -картинки":
Часть 1 - Мои Flash картинки
Часть 2 - Мои флешкартинки
...
Часть 4 - Мои флешкартинки "Час вампиров"
Часть 5 - Мои флешкартинки "Драконы"
Часть 6 - Мои флешкартинки "Миллион лет до нашей эры"

Мои флешкартинки " Летний дождик"

 

 

 

 

Мои флешкартинки "Сказочный лес"

 

Серия сообщений "Флеш -картинки":
Часть 1 - Мои Flash картинки
Часть 2 - Мои флешкартинки
...
Часть 8 - Море бушует
Часть 9 - Мои флешкартинки " Вечер на озере"
Часть 10 - Мои флешкартинки "Сказочный лес"

Мои флешкартинки "Лазурный берег"

 

 

Посмотреть озвученную флешку

Серия сообщений "Флеш -картинки":
Часть 1 - Мои Flash картинки
Часть 2 - Мои флешкартинки
...
Часть 9 - Мои флешкартинки " Вечер на озере"
Часть 10 - Мои флешкартинки "Сказочный лес"
Часть 11 - Мои флешкартинки "Лазурный берег"

Урок ArtVaver "Речка"

 

Выкладываю еще один урок по программе ArtWaver. Он посвящен приемам анимации воды.

Вот результат урока. Правда я еще добавил туман.

 

 

Это тоже сделано в ArtWaver

 

 

 

Всем успешной учебы!

 

 

Серия сообщений "Mои уроки Flash":
Часть 1 - Урок по Sothink SWF Easy (создание эффектов)
Часть 2 - Урок Sothink SWF Easy (эффекты со звездами)
...
Часть 9 - Урок по созданию флешки "Космос"
Часть 10 - Урок по созданию флешколлажа "Мир осени пришел"
Часть 11 - Урок ArtVaver "Речка"