-Поиск по дневнику

Поиск сообщений в daf53

 -Подписка по e-mail

 

 -Статистика

Статистика LiveInternet.ru: показано количество хитов и посетителей
Создан: 08.03.2010
Записей:
Комментариев:
Написано: 4225


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

Четверг, 16 Февраля 2012 г. 00:56 + в цитатник

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


Ну, что-ж, начнем! Открываем программу и создаем новый документ с размерами 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 Марта )
Часть 7 - Урок по программе Art Waver
...
Часть 20 - Урок Sothink SWF Easy "Кликабельные флешки - кнопки"
Часть 21 - Урок по созданию пасхальной флешки
Часть 22 - Создание анимированного плеера в Sothink SWF Quicker



Процитировано 76 раз
Понравилось: 22 пользователям



Nella__solneshko   обратиться по имени Четверг, 16 Февраля 2012 г. 01:13 (ссылка)
Ответить С цитатой В цитатник
Franzuzhenka   обратиться по имени Четверг, 16 Февраля 2012 г. 08:15 (ссылка)
Otlichnij urok! Spasibochki! Budem rasbiratsja!
Ответить С цитатой В цитатник
lyudmilakedinova   обратиться по имени Четверг, 16 Февраля 2012 г. 11:20 (ссылка)
.
83350391_70304497__65533_65533_65533_65533_65533_65533_65533_65533_65533_6553311 (600x546, 106Kb)
Ответить С цитатой В цитатник
НАТАЛИЯ_КОНОВАЛЕНКО   обратиться по имени Четверг, 16 Февраля 2012 г. 11:30 (ссылка)
какая красота.
Ответить С цитатой В цитатник
Бижан   обратиться по имени Четверг, 16 Февраля 2012 г. 12:05 (ссылка)
Красиво получается!Спасибо за урок
Ответить С цитатой В цитатник
Татьяна_Козырева   обратиться по имени Четверг, 16 Февраля 2012 г. 12:54 (ссылка)
Добрый день! Спасибо за урок!
Ответить С цитатой В цитатник
Перейти к дневнику

Четверг, 16 Февраля 2012 г. 13:10ссылка
Пожалуйста!
Kapitoshka_N   обратиться по имени Четверг, 16 Февраля 2012 г. 14:49 (ссылка)
daf53, спасибо )
Ответить С цитатой В цитатник
Konsimeon   обратиться по имени Четверг, 16 Февраля 2012 г. 19:34 (ссылка)
Благодарю, здорово!
Ответить С цитатой В цитатник
Та_ещё_штучка_Я   обратиться по имени Пятница, 17 Февраля 2012 г. 23:53 (ссылка)
Спасибо за урок!
вы, извините, не прописали..в каком формате импортировать салют )
Ответить С цитатой В цитатник
Перейти к дневнику

Суббота, 18 Февраля 2012 г. 00:48ссылка
Пожалуйста!

Салют можно импортировать и в формате SWF и в формате GIF на прозрачном фоне.
olga_rakitina   обратиться по имени Среда, 22 Февраля 2012 г. 01:28 (ссылка)
Спасибо за урок!Будем грызть науку,только вот не знаю получится у меня или нет....
Ответить С цитатой В цитатник
Татси   обратиться по имени Среда, 22 Февраля 2012 г. 04:34 (ссылка)
Спасибо!
Ответить С цитатой В цитатник
M_i_K_a_z_Z_z   обратиться по имени Суббота, 25 Февраля 2012 г. 12:27 (ссылка)
Спасибо за замечательный урок!
Ответить С цитатой В цитатник
Галина_Викторова   обратиться по имени Суббота, 25 Февраля 2012 г. 23:51 (ссылка)
Красота!!!! Может быть в будущем освою!!!! Спасибо огромное!!!!!!
Ответить С цитатой В цитатник
Visparman   обратиться по имени Понедельник, 18 Июня 2012 г. 11:51 (ссылка)
Спасибо!
Ответить С цитатой В цитатник
наташа_Проценюк   обратиться по имени Среда, 24 Октября 2012 г. 08:32 (ссылка)
Огромное спасибо за подробный урок.
Ответить С цитатой В цитатник
эрилика   обратиться по имени Воскресенье, 17 Марта 2013 г. 22:10 (ссылка)
Спасибо большое за Ваши уроки!
Ответить С цитатой В цитатник
Перейти к дневнику

Воскресенье, 17 Марта 2013 г. 22:57ссылка
Пожалуйста! Рад, что они кому-то нужны!
marinapetrova1950   обратиться по имени Суббота, 02 Ноября 2013 г. 22:36 (ссылка)
Александр, спасибо,а не могли бы Вы сделать урок по интерфейсу программы для новичков,какие кнопочки и зачем. Спасибо!
Ответить С цитатой В цитатник
Перейти к дневнику

Суббота, 02 Ноября 2013 г. 22:54ссылка
marinapetrova1950,

Описать интерфейс у меня пока нет времени. но в каждом уроке есть описание опций программы, которые используются при создании флешек.
marinapetrova1950   обратиться по имени Суббота, 02 Ноября 2013 г. 22:55 (ссылка)
Спасибо Вам за ответ! Буду ждать с нетерпением!
Ответить С цитатой В цитатник
Комментировать К дневнику Страницы: [1] [Новые]
 

Добавить комментарий:
Текст комментария: смайлики

Проверка орфографии: (найти ошибки)

Прикрепить картинку:

 Переводить URL в ссылку
 Подписаться на комментарии
 Подписать картинку