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


Делаем простую flash подпись используя шаблонные эффекты. 17-01-2010 08:31 к комментариям - к полной версии - понравилось!


Делаем простую flash подпись используя шаблонные эффекты.



Продолжаем постигать азы flash. ( Первый урок "создание часиков" ТуТ ) В этом уроке будем делать забавные подписи, при нажатии на которые,- будет осуществлен переход на вашу страничку ( дневник, сайт и т.д.). Получится примерно такое:



Или большего размера естественно:-) В первой части будем делать флешку, а во второй точно такую же, но gif анимацию.

Flash


Делать можно и прямо в сцене, но чтоб привыкнуть к верной последовательности действий на будущее,- будем делать через клипы:-)Поехали:

Открываем программу, в выползшем окошке выбираем первый пункт и жмем "ок" ( как мы делали в первой части про часы).
Далее сверху жмем "insert" и выбираем пункт "new simbol":
[252x313]


В выползшей табличке выбираем пункт "movie clip" ( ставим точку у пункта):

[366x186]

Нам откроется наше окошко редактирования клипа. Теперь берем инструмент текст ( щелчок по значку в панели слева):

[132x270]

Удерживая левую кнопку мыши выделяем на белом поле область для текста, получится так:

 (128x68, 1Kb)

Пишем в этом получившемся окошке нужный нам текст ( ник в дневнике например). Потом выделяем его ( удерживая левую кнопку мыши ведем курсор от начала слова до последней буквы, если кто не знает):
 (113x58, 3Kb)

Смотрим вниз в настройки. То что должно быть,- Обведу красным:

[550x116]

В этом же окошке настроек можем поменять шрифт и размер букв - жмем по стрелкам и выбираем:

[550x108]

Теперь берем инструмент по стрелке:

[107x277]

Щелкаем по одной из буковок мышкой, после чего, снизу, должна появиться вот такая надпись,- жмем на нее:

[550x125]

Вылезет окошко со списком эффектов. Слева щелкаем один раз по эффекту,- справа смотрим как это будет выглядеть:

[330x230]

Выбрали понравившийся. В этом же окошке выбираем цвет текста или различные "окраски". Применяется либо цвет либо "окрас" ( и не ко всем эффектам, в общем,- потыкайте):

[238x77]

Остальные насройки пока трогать не будем:-) Жмем "ок", после чего выползет табличка, где тоже жмем "да":

[400x65]

Все, с этим закончили:-) теперь нам надо сделать прозрачную кнопку. Тут же, как и в начале жмем "insert" вверху программы и выбираем пункт "new simbol". В окошке, на этот раз ставим точку у "button":

[300x152]

Сразу смотрим вверх окна программы на линейку кадров. Четыре из них подписаны названиями:

[300x131]

Щелкаем на второй подписанный кадр ( левой кнопкой мыши) и жмем кнопку на клавиатуре "F6". То же продеоываем с третьим и четвертым подписанным кадром. Получится примерно так:

[298x176]

Оставаясь на 4-ом кадре, берем инструмент прямоугольник и на белом фоне рисуем прямоугольник примерно такого же размера, как и тот ваш текст, который мы делали в начале:

 (187x92, 4Kb)
Цвет прямоугольника не важен:-)

С кнопкой все:-) Теперь идем в сцену все это соединять:

 (159x117, 6Kb)

Нам открылось наше небольшое белое поле) на него переносим наш "movie clip" с текстом ( окошко справа):

[226x160]
Получится примерно так:

[300x230]

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


[361x154]

Все подогнали, надпись перенесли ( переносим мышкой или стрелками на клаве), получилось так:

 (154x70, 2Kb)

Теперь создаем новый слой и стоя на первом кадре этого нового слоя переносим нашу кнопку точно так же, как переносили муви клип:
 (179x145, 9Kb)
[237x195]
Выравниваем ее поверх нашей надписи ( выравнивать очень удобно стрелками на клавиатуре). Теперь смотрим вниз окна программы, жмем ACTION, и в поле вписываем код ( если поле для кода не белого цвета и ничего туда вписать не удается,- просто щелкните один раз по нашей кнопочке на тексте, которую только что перенесли):

[398x93]

Вот код. В нем только вместо Ваша ссылка,- вставляете нужную вам ссылку ( на днев, сайт и т.д., что захотите)(кавычки не убираем):

on(release)
{
getURL("Ваша ссылка", "_blank");
}


В общем и все:-) Жмем превью,- если все нравится,- сохраняем как swf файл:

[224x115]

GIF



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

Ну а чтобы эта ваша анимашка была ссылкой, для тех кто не знает html,- вставлять такую анимашку куда-нибудь надо так:

<a href="Ваша ссылка" target="_blank"><img src="Ссылка на анимашку" /></a>

Уф, вроде и все:-) Пробуем) Надеюсь, вам понравилось:-)) Ну а дальше будем учиться делать все красиво,добавлять фончики, картиночки и пр:-)
вверх^ к полной версии понравилось! в evernote
Комментарии (233): вперёд» последняя»
Elena_Shepl 17-01-2010-09:26 удалить
Спасибо!Утаскиваю к себе
овно4ка 17-01-2010-09:40 удалить
Спасибо!!!Забрала в цитатник!!
Вы такой полезный, понятный и полный -спасибо! Только, если можно, (кнопки на клавиатуре не работают) чем заменить "F6"?
И к себе не могу скачать вашу программку с часиками. Соседке скачала, а себе не выходит..
Inmira 17-01-2010-09:56 удалить
аааааааааааа, а ты мне про gif ки не рассказал!!!!!!!!! пошла делать много, ушла в программу, надолго))
Леха, пасиб))))))))))))))))))))))
по уроку все вышло)




Inmira
Inmira 17-01-2010-10:00 удалить
Ответ на комментарий Людмила_Малюта # Людмила_Малюта, просят передать :"Вместо F6, правой кнопкой мыши по кадру и в выпавшей табличке пункт "Insert key frame".
А про программку Леша обещал ответить сам, когда придет)))
СПАСИБО ЗА ТАКУЮ КРАСОТУ, КАК ИНТЕРЕСНО, ЗАБИРАЮ СЕБЕ!:give_rose
Спасибо большое за урок.Взяла себе!
ЛеНн4ик 17-01-2010-13:20 удалить
Что-то где-то не доделала и получилось 2 в 1 :)))
Спасибо за урок!!!

спасибо тебе огромное!!!
Sara_Stolz 17-01-2010-13:53 удалить
Спасибо,пригодиться!
LebWohl 17-01-2010-17:33 удалить
спасибо большое.
Уф))Наконец-то))Никак не удавалось сохранить гифку... Не могла понять ,в чем ошибка)Все же дошло..Если хотим сделать гифку,то надо так:
Открываем программу, в выползшем окошке выбираем пункт Scene и жмем "ок")
Хотя и написано в уроке,что все надо делать в сцене,если хотим гифку,но чет тупила с этой сценой...Вот когда это сделала,тогда и удалось гифку сохранить)
Это мое получившееся"Спасибо",сделанное по уроку)

 (200x100, 62Kb)
BaBotschka 17-01-2010-20:08 удалить
Спасибо большое! Забрала себе.
jeni_kz 17-01-2010-20:32 удалить
Legionary, пасиб, беру себе надо время найти посидеть попробовать
Legionary 17-01-2010-20:54 удалить
Ответ на комментарий Elena_Shepl # Георг, всегда пожалуйста:-))
Legionary 17-01-2010-20:54 удалить
Ответ на комментарий Карл_Львович # Karl_Lvovich, пожалуйста:-))
Legionary 17-01-2010-20:54 удалить
Ответ на комментарий овно4ка # овно4ка, всегда пожалуйста:-))
Legionary 17-01-2010-20:56 удалить
Ответ на комментарий Людмила_Малюта # Людмила_Малюта, а что не получается? почему не скачать т.е.?)) давайте я Вам ее перезалью куда-нибудь? куда лучше?)))
Legionary 17-01-2010-20:56 удалить
Ответ на комментарий Inmira # Inmira, молодес!!! про гифки... дык думал,- сама знаешь...))
Legionary 17-01-2010-20:56 удалить
Ответ на комментарий Ольга_Пикулина # Ольга_Пикулина, да пока красоты мало... но пожалуйста:-))
Legionary 17-01-2010-20:57 удалить
Ответ на комментарий Дария_Швельниц # Дария_Швельниц, всегда пожалуйста:-))
Legionary 17-01-2010-21:10 удалить
Ответ на комментарий ЛеНн4ик # ЛеНн4ик, молодец!!! туда еще че нить впихнуть, и ващщще класс будет
Legionary 17-01-2010-21:11 удалить
Ответ на комментарий пульс_по_венам # бит_сердца, всегда пожалуйста:-))
Legionary 17-01-2010-21:11 удалить
Ответ на комментарий Sara_Stolz # Sara_Stolz, пожалуйста:-))


Комментарии (233): вперёд» последняя» вверх^

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

Дневник Делаем простую flash подпись используя шаблонные эффекты. | Legionary - Legionblog | Лента друзей Legionary / Полная версия Добавить в друзья Страницы: раньше»