-Всегда под рукой

 -Метки

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

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

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

 

 -Статистика

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


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

Воскресенье, 17 Января 2010 г. 08:31 + в цитатник

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



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



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

Flash


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

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


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

 (366x186, 16Kb)

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

 (132x270, 12Kb)

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

 (128x68, 1Kb)

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

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

 (550x116, 21Kb)

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

 (550x108, 20Kb)

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

 (107x277, 11Kb)

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

 (550x125, 22Kb)

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

 (330x230, 20Kb)

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

 (238x77, 7Kb)

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

 (400x65, 8Kb)

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

 (300x152, 13Kb)

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

 (300x131, 8Kb)

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

 (298x176, 13Kb)

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

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

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

 (159x117, 6Kb)

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

 (226x160, 11Kb)
Получится примерно так:

 (300x230, 6Kb)

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


 (361x154, 14Kb)

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

 (154x70, 2Kb)

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

 (398x93, 8Kb)

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

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


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

 (224x115, 9Kb)

GIF



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

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

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

Уф, вроде и все:-) Пробуем) Надеюсь, вам понравилось:-)) Ну а дальше будем учиться делать все красиво,добавлять фончики, картиночки и пр:-)
Рубрики:  Уроки по flash
Метки:  

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

Elena_Shepl   обратиться по имени Воскресенье, 17 Января 2010 г. 09:26 (ссылка)
Спасибо!Утаскиваю к себе
Ответить С цитатой В цитатник
Перейти к дневнику

Воскресенье, 17 Января 2010 г. 20:54ссылка
Георг, всегда пожалуйста:-))
Карл_Львович   обратиться по имени Воскресенье, 17 Января 2010 г. 09:26 (ссылка)
Спасибо!
Ответить С цитатой В цитатник
Перейти к дневнику

Воскресенье, 17 Января 2010 г. 20:54ссылка
Karl_Lvovich, пожалуйста:-))
овно4ка   обратиться по имени Воскресенье, 17 Января 2010 г. 09:40 (ссылка)
Спасибо!!!Забрала в цитатник!!
Ответить С цитатой В цитатник
Перейти к дневнику

Воскресенье, 17 Января 2010 г. 20:54ссылка
овно4ка, всегда пожалуйста:-))
Людмила_Малюта   обратиться по имени Воскресенье, 17 Января 2010 г. 09:52 (ссылка)
Вы такой полезный, понятный и полный -спасибо! Только, если можно, (кнопки на клавиатуре не работают) чем заменить "F6"?
И к себе не могу скачать вашу программку с часиками. Соседке скачала, а себе не выходит..
Ответить С цитатой В цитатник
Перейти к дневнику

Воскресенье, 17 Января 2010 г. 10:00ссылка
Людмила_Малюта, просят передать :"Вместо F6, правой кнопкой мыши по кадру и в выпавшей табличке пункт "Insert key frame".
А про программку Леша обещал ответить сам, когда придет)))
Перейти к дневнику

Воскресенье, 17 Января 2010 г. 21:14ссылка
Спасибо, а то бегаю меняю клавы
Перейти к дневнику

Воскресенье, 17 Января 2010 г. 21:16ссылка
Людмила_Малюта, всегда пожалуйста:-))
Перейти к дневнику

Воскресенье, 17 Января 2010 г. 20:56ссылка
Людмила_Малюта, а что не получается? почему не скачать т.е.?)) давайте я Вам ее перезалью куда-нибудь? куда лучше?)))
Перейти к дневнику

Воскресенье, 17 Января 2010 г. 21:15ссылка
Пришло мое дите и все получилось! Программка на столе! Спасибо!
Перейти к дневнику

Воскресенье, 17 Января 2010 г. 21:15ссылка
Людмила_Малюта, знакомая история))) удачи в изучении))
Перейти к дневнику

Воскресенье, 17 Января 2010 г. 21:18ссылка
Еще хочу сказать спасибо за полезную программу (жучок внизу окна). Освоила ваш урок, жду продолжения. Все тянула очень просто. Только из Вконтакте игру не удалось извлечь. Спасибо - вы золото!
Перейти к дневнику

Воскресенье, 17 Января 2010 г. 21:26ссылка
Людмила_Малюта, пожалуйста:-)) контакт вообще сложный в этом плане сайт)) я еще там не пробовал)) если получится,- отпишусь))
Перейти к дневнику

Вот мои мучения

Понедельник, 18 Января 2010 г. 12:15ссылка

Перейти к дневнику

Понедельник, 18 Января 2010 г. 12:18ссылка
Что я не так делаю? И не знаю какую я могу ссылку использовать.Почему у меня пе появилась сразу кнопочка. Исправьте меня. Только говорите без терминов, если это возможно. Спасибо.
Перейти к дневнику

Понедельник, 18 Января 2010 г. 15:23ссылка
Людмила_Малюта, объясню без терминов... только если вопрос пойму)) какая кнопочка?)
Перейти к дневнику

Понедельник, 18 Января 2010 г. 17:06ссылка
У меня все получается, но дохожу до сохранения - провал.Откуда брать свою ссылку. Я просто копирую (сохранить как), пробовала экспорт к себе на комп. А когда хочу показать вам (прикрепляю файл к тексту) мне пишет, что запрещается копирование неверного формата. Выше комментарий (ссылка на флеш-объект)- очень громадная кнопка получилась. Внизу Inmira и Леди_Муррр свои работы показали, а моя выглядит ссылкой. Как объяснить, что я хочу спросить.. не знаю.
Перейти к дневнику

Понедельник, 18 Января 2010 г. 17:13ссылка
Людмила_Малюта, ага) по порядку с конца))
флешка растягивается на шириру экрана, это нормально)) если вставить ее в пост и прописать размер, то будет нужного Вам размера) у Inmira, тоже самое, а второе- это гифка а не флешка))
э...про ссылку плохо понял... идете к себе в дневник, жмете правой кнопкой мыши по "записи", в выползшем окошке выбираете пункт "копировать ссылку") а потом во флеш, как по уроку, вставляете в нужное место кода ( правой кнопкой мыши , пункт "paste")) вот...вроде ответил... если что-то не правильно понял,- поправьте меня)))
Перейти к дневнику

Понедельник, 18 Января 2010 г. 21:27ссылка
идете к себе в дневник, жмете правой кнопкой мыши по "записи", КАКОЙ записи?
Inmira   обратиться по имени Воскресенье, 17 Января 2010 г. 09:56 (ссылка)
аааааааааааа, а ты мне про gif ки не рассказал!!!!!!!!! пошла делать много, ушла в программу, надолго))
Леха, пасиб))))))))))))))))))))))
по уроку все вышло)




Inmira
Ответить С цитатой В цитатник
Перейти к дневнику

Воскресенье, 17 Января 2010 г. 20:56ссылка
Inmira, молодес!!! про гифки... дык думал,- сама знаешь...))
Ольга_Пикулина   обратиться по имени Воскресенье, 17 Января 2010 г. 10:03 (ссылка)
СПАСИБО ЗА ТАКУЮ КРАСОТУ, КАК ИНТЕРЕСНО, ЗАБИРАЮ СЕБЕ!:give_rose
Ответить С цитатой В цитатник
Перейти к дневнику

Воскресенье, 17 Января 2010 г. 20:56ссылка
Ольга_Пикулина, да пока красоты мало... но пожалуйста:-))
Дария_Швельниц   обратиться по имени Воскресенье, 17 Января 2010 г. 10:34 (ссылка)
Спасибо большое за урок.Взяла себе!
Ответить С цитатой В цитатник
Перейти к дневнику

Воскресенье, 17 Января 2010 г. 20:57ссылка
Дария_Швельниц, всегда пожалуйста:-))
ЛеНн4ик   обратиться по имени Воскресенье, 17 Января 2010 г. 13:20 (ссылка)
Что-то где-то не доделала и получилось 2 в 1 :)))
Спасибо за урок!!!

Ответить С цитатой В цитатник
Перейти к дневнику

Воскресенье, 17 Января 2010 г. 21:10ссылка
ЛеНн4ик, молодец!!! туда еще че нить впихнуть, и ващщще класс будет
пульс_по_венам   обратиться по имени Воскресенье, 17 Января 2010 г. 13:51 (ссылка)
спасибо тебе огромное!!!
Ответить С цитатой В цитатник
Перейти к дневнику

Воскресенье, 17 Января 2010 г. 21:11ссылка
бит_сердца, всегда пожалуйста:-))
Sara_Stolz   обратиться по имени Воскресенье, 17 Января 2010 г. 13:53 (ссылка)
Спасибо,пригодиться!
Ответить С цитатой В цитатник
Перейти к дневнику

Воскресенье, 17 Января 2010 г. 21:11ссылка
Sara_Stolz, пожалуйста:-))
Чайка-белая_птица   обратиться по имени Воскресенье, 17 Января 2010 г. 15:26 (ссылка)
Ответить С цитатой В цитатник
Перейти к дневнику

Воскресенье, 17 Января 2010 г. 21:11ссылка
Чайка-белая_птица, всегда пожалуйста:-))
Перейти к дневнику

Понедельник, 18 Января 2010 г. 16:18ссылка
Чайка белая, подскажите, пожалуйста сайт, где так можно красиво написать...! Буду вам признательна...!
 (100x120, 62Kb)
Синица_в_ботах   обратиться по имени Воскресенье, 17 Января 2010 г. 16:57 (ссылка)
Спасибо.
Ответить С цитатой В цитатник
Перейти к дневнику
LebWohl   обратиться по имени Воскресенье, 17 Января 2010 г. 17:33 (ссылка)
спасибо большое.
Ответить С цитатой В цитатник
Перейти к дневнику

Воскресенье, 17 Января 2010 г. 21:12ссылка
Kisska67, всегда пожалуйста:-))
Бахыт_АБМ   обратиться по имени Воскресенье, 17 Января 2010 г. 17:36 (ссылка)
http://blestelka.ru/
Ответить С цитатой В цитатник
Перейти к дневнику

Воскресенье, 17 Января 2010 г. 21:12ссылка
АБМ, всегда пожалуйста:-))
Svetlana_Strelec   обратиться по имени Воскресенье, 17 Января 2010 г. 17:41 (ссылка)
спасибо!
Ответить С цитатой В цитатник
Перейти к дневнику

Воскресенье, 17 Января 2010 г. 21:13ссылка
strelec4477, пожалуйста:-))
Дарина423   обратиться по имени Воскресенье, 17 Января 2010 г. 17:54 (ссылка)
Спасибо, Алексей!!!
Ответить С цитатой В цитатник
Перейти к дневнику

Воскресенье, 17 Января 2010 г. 21:13ссылка
Дарина423, всегда пожалуйста:-))
Леди_Муррр   обратиться по имени Воскресенье, 17 Января 2010 г. 19:11 (ссылка)
Уф))Наконец-то))Никак не удавалось сохранить гифку... Не могла понять ,в чем ошибка)Все же дошло..Если хотим сделать гифку,то надо так:
Открываем программу, в выползшем окошке выбираем пункт Scene и жмем "ок")
Хотя и написано в уроке,что все надо делать в сцене,если хотим гифку,но чет тупила с этой сценой...Вот когда это сделала,тогда и удалось гифку сохранить)
Это мое получившееся"Спасибо",сделанное по уроку)

 (200x100, 62Kb)
Ответить С цитатой В цитатник
Перейти к дневнику

Воскресенье, 17 Января 2010 г. 21:14ссылка
Леди_Муррр, главное, что справилась! умничка
BaBotschka   обратиться по имени Воскресенье, 17 Января 2010 г. 20:08 (ссылка)
Спасибо большое! Забрала себе.
Ответить С цитатой В цитатник
Перейти к дневнику

Воскресенье, 17 Января 2010 г. 21:14ссылка
BaBotschka, всегда пожалуйста:-))
jeni_kz   обратиться по имени Воскресенье, 17 Января 2010 г. 20:32 (ссылка)
Legionary, пасиб, беру себе надо время найти посидеть попробовать
Ответить С цитатой В цитатник
Перейти к дневнику

Воскресенье, 17 Января 2010 г. 21:15ссылка
Evqechka, всегда пожалуйста:-)) надеюсь, время найдется)) тема очень увлекательная)
grandmother   обратиться по имени Воскресенье, 17 Января 2010 г. 22:24 (ссылка)
Вот, что у меня получилось, спасибо, только с кодом я что-то не поняла
 (210x50, 22Kb)
Ответить С цитатой В цитатник
Перейти к дневнику

Воскресенье, 17 Января 2010 г. 22:35ссылка
grandmother, здорово
а что с кодом?это же гифка,тут код не нужен...или про последний именно для гифок?))
grandmother   обратиться по имени Воскресенье, 17 Января 2010 г. 22:25 (ссылка)
И почему серый фон моргает?
Ответить С цитатой В цитатник
Перейти к дневнику

Воскресенье, 17 Января 2010 г. 22:35ссылка
grandmother, а Вы его как делали? на втором слое в сцене?)
lyudmilakedinova   обратиться по имени Воскресенье, 17 Января 2010 г. 23:22 (ссылка)
спасибо
33cb2f05675d (128x154, 43Kb)
Ответить С цитатой В цитатник
Перейти к дневнику

Воскресенье, 17 Января 2010 г. 23:42ссылка
lyudmilakedinova, всегда пожалуйста:-)
Николаевна_из_Должанки   обратиться по имени Понедельник, 18 Января 2010 г. 03:48 (ссылка)
Legionary, - спасибо поделюсь со своими друзьями)))
Ответить С цитатой В цитатник
Перейти к дневнику

Понедельник, 18 Января 2010 г. 15:29ссылка
Волчица_леди, всегда пожалуйста:-)) надеюсь, им понравится))
izidaC   обратиться по имени Понедельник, 18 Января 2010 г. 04:58 (ссылка)
Спасибо за полезное!!!
Ответить С цитатой В цитатник
Перейти к дневнику

Понедельник, 18 Января 2010 г. 15:29ссылка
izidaC, всегда пожалуйста:-))
Иннушка   обратиться по имени Понедельник, 18 Января 2010 г. 05:49 (ссылка)
Огромное спасибо!Беру
Ответить С цитатой В цитатник
Перейти к дневнику

Понедельник, 18 Января 2010 г. 15:29ссылка
Иннушка, на здоровье:-))
Orit   обратиться по имени Понедельник, 18 Января 2010 г. 07:04 (ссылка)
Нужное учение. Спасибо!
Ответить С цитатой В цитатник
Перейти к дневнику

Понедельник, 18 Января 2010 г. 15:30ссылка
Ирина_Крутихина, всегда пожалуйста:-))
Кладезь_знаний   обратиться по имени Понедельник, 18 Января 2010 г. 07:30 (ссылка)
Большое СПАСИБО . Беру .

(Добавил ссылку к себе в дневник)

Ответить С цитатой В цитатник
Перейти к дневнику

Понедельник, 18 Января 2010 г. 15:30ссылка
Oygen_007, всегда пожалуйста:-))
Tigrasha_dance   обратиться по имени Понедельник, 18 Января 2010 г. 07:35 (ссылка)
Лёша,Лёша,Лёша!
почему поверх надписи вылазит надпись"Powered by Sothin"???
Ответить С цитатой В цитатник
Перейти к дневнику

Понедельник, 18 Января 2010 г. 15:24ссылка
Tigrasha_dance, я,я,я!
Программу у меня качала? а кейгеном воспользовалась ? ;-))
Перейти к дневнику

Понедельник, 18 Января 2010 г. 16:55ссылка
у тебя,Лёш,у тебя=)
а что такое есть кейген?
Перейти к дневнику

Понедельник, 18 Января 2010 г. 16:56ссылка
Tigrasha_dance, это такая фтучка, которая лежала в архиве с программой, и которая нужна, чтобы ее активировать)))) код лицензии генерирует короче))
Перейти к дневнику

Понедельник, 18 Января 2010 г. 17:03ссылка
и хде я потеряла энту фтучку??? али не потеряла?
ох! как же тяжело быть блондинкой!!! пойду успокоюсь - налью себе кофе=)))
Перейти к дневнику

Понедельник, 18 Января 2010 г. 17:05ссылка
Tigrasha_dance, вот уж нинаю))) поищи)) если что,- напиши, пришлю с доставкой))
Перейти к дневнику

Понедельник, 18 Января 2010 г. 17:09ссылка
какой ты смешной=))))) поищи!=))))
ну что ж....пойду поищу в зале - там светлее=)))))
Перейти к дневнику

Понедельник, 18 Января 2010 г. 17:14ссылка
Tigrasha_dance, зал...это папочка такая?
Перейти к дневнику

Понедельник, 18 Января 2010 г. 17:21ссылка
нееее,папочка у меня не большой - нормальный=)))
брррр...
кажется я действительно стала белеть=))))
вот так вот захочется разочек что-то сделать самой и то - фиг!
наверное не стоит и пытаться=)))) есть же кому делать...
зато я красивая и танцую=))))
(пойду пожалуюсь кому-нибудь на жизнь,на ли.ру,на тебя ...)
milana07   обратиться по имени Понедельник, 18 Января 2010 г. 08:01 (ссылка)
Умничка ты наша! Спасибо!!!
Ответить С цитатой В цитатник
Перейти к дневнику

Понедельник, 18 Января 2010 г. 15:30ссылка
milana07, пожалуйста:-))
zangar   обратиться по имени Действительно ну оо-очень классно! Понедельник, 18 Января 2010 г. 08:32 (ссылка)
Надо же, столько с гифами намучился, а оказывается их так просто можно сделать из Flashа! Вот уж действительно - век живи, век учись! А с картинками что можно сделать? Как их приближать, отодвигать, чтобы они из темноты выплывали одна за другой и проч? Я так смотрю, Flash - очень прогрессивная программа, но пишут о ней жутко бездарно, у меня два толстенных учеюника и все равно в них ничего не понятно.
Ответить С цитатой В цитатник
Перейти к дневнику

Понедельник, 18 Января 2010 г. 15:26ссылка
zangar, скажем... все ж flash редакторы,- это не лучшее решение для создания именно gif :-)
Про картинки... будем еще говорить в следующих уроках)) в два слова, боюсь, рассказать не получится(
Комментировать К дневнику Страницы: [1] 2 3 4 [Новые]
 

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

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

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

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