• Авторизация


Урок Sothink SWF Easy ( День защитника Отечества) 16-02-2012 00:56 к комментариям - к полной версии - понравилось!


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


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

[650x540]

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

[650x640]

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


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

[649x468]

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

[650x437]

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

.

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

[650x647]

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


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

[650x643]

Смотрим:


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

[650x643]

Смотрим:


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

[650x466]

Смотрим:


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

[633x700]

Смотрим:


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

[650x691]

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

[650x670]

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

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

[650x556]

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

[650x593]

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


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

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

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


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

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

 

 

 

 

 

вверх^ к полной версии понравилось! в evernote
Комментарии (22):
Franzuzhenka 16-02-2012-08:15 удалить
Otlichnij urok! Spasibochki! Budem rasbiratsja!
Бижан 16-02-2012-12:05 удалить
Красиво получается!Спасибо за урок
Добрый день! Спасибо за урок!
daf53 16-02-2012-13:10 удалить
Ответ на комментарий Татьяна_Козырева # Пожалуйста!
Konsimeon 16-02-2012-19:34 удалить
Благодарю, здорово!
Спасибо за урок! вы, извините, не прописали..в каком формате импортировать салют )
daf53 18-02-2012-00:48 удалить
Ответ на комментарий Та_ещё_штучка_Я # Пожалуйста! Салют можно импортировать и в формате SWF и в формате GIF на прозрачном фоне.
olga_rakitina 22-02-2012-01:28 удалить
Спасибо за урок!Будем грызть науку,только вот не знаю получится у меня или нет....
M_i_K_a_z_Z_z 25-02-2012-12:27 удалить
Спасибо за замечательный урок!
Красота!!!! Может быть в будущем освою!!!! Спасибо огромное!!!!!!
Огромное спасибо за подробный урок.
эрилика 17-03-2013-22:10 удалить
Спасибо большое за Ваши уроки!
daf53 17-03-2013-22:57 удалить
Ответ на комментарий эрилика # Пожалуйста! Рад, что они кому-то нужны!
Александр, спасибо,а не могли бы Вы сделать урок по интерфейсу программы для новичков,какие кнопочки и зачем. Спасибо!
daf53 02-11-2013-22:54 удалить
Ответ на комментарий marinapetrova1950 # marinapetrova1950, Описать интерфейс у меня пока нет времени. но в каждом уроке есть описание опций программы, которые используются при создании флешек.
Спасибо Вам за ответ! Буду ждать с нетерпением!


Комментарии (22): вверх^

Вы сейчас не можете прокомментировать это сообщение.

Дневник Урок Sothink SWF Easy ( День защитника Отечества) | daf53 - Дневник daf53 | Лента друзей daf53 / Полная версия Добавить в друзья Страницы: раньше»