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

30.08.2012


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


Ну, что-ж, начнем! Открываем программу и создаем новый документ с размерами 600х450 px.  Для наглядности зададим синий фон.

3719215_20120213_202528 (650x540, 68Kb)

Будем идти по порядку!  Создадим два облака. Не будем здорово заморачиваться и добавлять эффекты появления и исчезновения ( кто смотрел предыдущие уроки знает как это сделать если возникнет такое желание). Просто укажем облакам путь движения. Если помните : жмем "Добавить эффект" / "Путь движения" / "Линия".  Появится крестик и зажав левую кнопку мышки чертим путь для первого облака. Индикатор пути движения появится от начала временной шкалы, подсвеченный голубым цветом. Делаем длину индикатора равной 250 делений шкалы. Выделяем 2 облако и создаем для него путь движения. Длина индикатора должна быть меньше, чем у первого облака (тогда второе облако будет проходить свой путь быстрее, чем первое и картинка движения облаков при прокрутке каждого цикла будет меняться) 

3719215_20120213_202204 (650x640, 85Kb)

Посмотрите и вы увидите это:


Теперь нам нужен самолет. Файл/Импорт- импортируем на рабочее поле(сцену) картинку самолета в формате PNG и уменьшаем до нужных размеров и размещаем там где нужно.

3719215_20120215_184714 (649x468, 53Kb)

Теперь нам нужно , чтобы самолет летел. Выделяем самолет и указываем ему путь движения. Добавляем ещё 3 эффекта. "Добавить эффект" / "Вход" / "Появление" (Fade in), дальше "Добавить эффект" / "Акцент" / "Увеличение" (Zoom in), дальше "Добавить эффект" / "Выход" / "Исчезание"(Fade out). Индикаторы располагаем как на скриншоте.

3719215_20120215_185549 (650x437, 73Kb)

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

.

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

3719215_20120213_200045 (650x647, 87Kb)

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


Чтобы сделать звено добавляем ещё 2 самолета, чтобы сделать звено. Проделываем те же операции , что и с первым самолетом.

3719215_20120213_194349 (650x643, 81Kb)

Смотрим:


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

3719215_20120213_193739 (650x643, 80Kb)

Смотрим:


Теперь скачайте какой нибудь скрап набор к 23 февраля. Добавляем элементы праздника. Например вот такой. Применяем к нему эффект из группы "Акцент"  "Увеличение"(Zoom in). Элемент должен появиться из ниоткуда и увеличиваясь вырасти до своих естественных размеров. Затем он должен зафиксироваться и, некоторое время находиться на одном месте без изменения. Чтобы это произошло мы должны применить к нему ещё один эффект из группы "Акцент"  "На месте" (Place). Длина индикатора эффекта "Увеличение" примерно 50 делений шкалы. Эффект "На месте" должен начинаться с места окончания первого эффекта и заканчиваться на отметке 300 делений шкалы(но это как кому понравится. Может быть кто-то захочет, чтобы объект находился на экране дольше и тогда этот индикатор можно сделать длиннее).

3719215_20120215_230003 (650x466, 69Kb)

Смотрим:


Теперь добавим букет красных гвоздик. Импортируем и расположим его ниже рабочего поля, чтобы он появлялся снизу из-за кадра. Применим к нему эффект "Движение" / "Линия" и в конце пути зафиксируем эффектом "На месте". Причем эффект"Линия"  букета гвоздик должен начинаться после окончания эффекта "Увеличение"(Zoom in) у орденской ленточки. Эффект "На месте" должен начинаться после окончания эффекта "Линия" и заканчиваться на одной отметке шкалы с эффектом "На месте"(Place) у орденской ленточки.

3719215_20120213_193233_1_ (633x700, 105Kb)

Смотрим:


Ну и последний штрих. Нужно написать по какому поводу мы создали сей "шедевр". То есть сделать надпись"С Днём защитника Отечества". Делаем как на скриншоте.

3719215_20120215_235343 (650x691, 112Kb)

К тексту прменяем 2 эффекта "Появление" (Fade in) и "На месте"(Place). Делаем как на скриншоте.

3719215_20120216_000527 (650x670, 117Kb)

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

Да чуть не забыл! Чтобы все эффекты работали как им положено нужно во вкладке "Конфигурация" для каждого эффекта ставить галочку на опции "Повтор".

3719215_20120216_002323 (650x556, 101Kb)

Или еще проще. Жмем "Сервис" / "Параметры" и выставляем как на скриншоте.

3719215_20120216_002749 (650x593, 117Kb)

Ну, вот мы и подошли к благополучному концу нашего урока. Посмотрим, что мы "наваяли".


Если нравится, то мы достигли того, к чему стремились!

Всё! Жмем "Файл" / "Экспорт ролика" и сохраняем на компьютер в формате "SWF".

Все теперь импортируем в программу какой нибудь фон, импортируем наш ролик , накладываем на фон и радуемся!


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

Спасибо всем! Удачи!

 

 

 

 

 

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