[flash=700,500,http://www.yapfiles.ru/files/1782806/_bliki_i_belye_bryzgi.swf]

 [flash=700,500,http://www.yapfiles.ru/files/1782835/_bliki_i_belye_bryzgi1.swf]

 


 [flash=700,500,http://www.yapfiles.ru/files/1782836/_bliki_i_belye_bryzgi2.swf]

[flash=700,500,http://www.yapfiles.ru/files/1782841/_bliki_i_belye_bryzgi3.swf]

[flash=700,500,http://www.yapfiles.ru/files/1782868/_i_belye_bryzgi1.swf]

[flash=750,600,http://www.yapfiles.ru/files/1782878/_i_belye_bryzgi2.swf]

[flash=600,400,http://www.yapfiles.ru/files/1782882/_i_zvezdy1.swf]

[flash=600,400,http://www.yapfiles.ru/files/1782890/_i_zvezdy1.swf]

[flash=600,400,http://www.yapfiles.ru/files/1783521/_i_zvezdy1.swf]

[flash=700,670,http://www.yapfiles.ru/files/1782913/_i_zvezd_2.swf]

[flash=700,670,http://www.yapfiles.ru/files/1782968/_i_zvezd_3.swf]

Серия сообщений "Мои фракталы, футажи и фоны":

Мои фракталы, футажи и фоны

Часть 1 - Бордюрные атласные бесшовные фоны
Часть 2 - Бордюрные атласные бесшовные фоны для схем дневников
...
Часть 39 - Бесшовные фоны с бегущими клетками. Моя работа
Часть 40 - Сотворила очередные бесшовные анимированные... понятно... фоны
Часть 41 - Авторский флеш материал (Мои труды). След за курсором

Вашему вниманию предлагается ещё один урок по программе 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 (Гроза)

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

Серия сообщений "Mои уроки Flash":
Часть 1 - Урок по Sothink SWF Easy (создание эффектов)
Часть 2 - Урок Sothink SWF Easy (эффекты со звездами)
Часть 3 - Урок 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".

Movie Window

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

Окно клипа

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

Три метода вывода холста:

• Используйте расположенный вверху справа чекбокс, для ввода вручную или выбора из выпадающего списка- масштаба, в котором будет выводится содержимое клипа..
• Выберите изменение масштаба изображений в or zoom out в панели инструмептов. Щелкните по холсту и зажав левую кнопку переместите содержимое.
• Когда изображение увеличено, вы не сможете увидеть всё на холсте. Просмотреть всё содержимое вам поможет инструмент , позволяющая перемещать содержимое клипа на холсте. Щелкните по холсту и зажав левую кнопку переместите содержимое.

Используйте вспомогательные инструменты:

SWF Quicker имеет инструменты, которые помогают расположить содержимое в определённой точке холста.Используя такой инструмент, как сетка вы сможете довольно точно, привязать изображения друг к другу..

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

• Чтобы показать сетку, выберите представление->Grid->Show Grid.
• Чтобы привязать к сетке, выберите представление->Grid->Привязать к сетке.
  
  Подсказки:Когда вы перемещаете птицу, пункт центра будет хватать пересечение сетки автоматически..
• Чтобы редактировать сетку, выберите представление ->Grid->Редактировать параметры настройки сетки...

Использование линеек
Когда линейки показаны, они появляются вверху и слева документа.Если элемент перемещается, линии на линейках показывают координаты центра элемента.

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

• Чтобы использовать гидов, примените показ линеек.
• Чтобы использовать гидов, используйте Transform инструмент чтобы перемещать по горизонтали или вертикали.
  
  Подсказки: По умолчанию, когда элемент перемещается на новое место, это будет привязываться к гидам автоматически. Позтому, как только гиды- setted, моментальная привязка к гидам будет функционировать.
• для гидов, используйтеTransform инструмент, для перемещения по вертикальной или горизонтальной линейкам.

Урок 1. Назначение и структура программы
Урок 2. Создание статических изображений
Урок 3. Работа с текстом в Macromedia Flash MX Professional 2004
Урок 4. Создание анимации
Урок 5. Автоматическая анимация, анимированные символы
Урок 6. Цветовые эффекты на базе автоматической анимации движения
Урок 7. Использование слоя маски
Урок 8. Интерактивность во Flash
Урок 9. Работа со звуком во Flash
Урок 10. Моделирование эффекта освещения букв
Урок 11. Моделирование эффекта свечения букв со вспышкой
Урок 12. Моделирование эффекта «Салют»
Урок 13. Свойства мувиклипов и кнопок и их программное изменение
Анимация во Flash с использованием ActionScript. Урок 1
Анимация во Flash с использованием ActionScript. Урок 2
Flash-открытка своими руками
Обзор программ для работы с Flash-технологией. Часть 1
Обзор программ для работы с Flash-технологией. Часть 2
Обзор программ для работы с Flash-технологией. Часть 3
Обзор программ для работы с Flash-технологией. Часть 4
Обзор программ для работы с Flash-технологией. Часть 5
Обзор программ для работы с Flash-технологией. Часть 6
Новые возможности Flash 8
Презентационный flash-ролик из ваших фотографий
Примеры новых графических возможностей Flash Professional 8
Создание анимированного персонажа
Обводка слова лучом лазера
Электронный калейдоскоп своими руками