Главная ReadMe F.A.Q. Регистрация Форум




Сколько вам лет?
10-15
15-18
18-22
22-27
27-35
35-40
40-60
Система Orphus
Популярные новости!
» flash юмор:Animator vs Animation
» Flash программа: Flash Decompiler Trillix v4.0.0.7 ...
» Идея проекта
» Браузерная flash игра (этап 1): Движек игры боевки
» flash игра: FastClick
Случайные новости!
» Flash прикол: падающая женщина
» Миссии и идейные составляющие проекта!
» flash конкурс: Работы Участников Конкурса \"Создай ...
» flash работы: Моя первая наработка
» Flash открытка: Поющие Лошадки!
» работы: flash MP3-плеер
» Flash открытка: Спасибо! Спасибо! Спасибо! Thank y ...
Архив
Июль 2009 (4)
Июнь 2009 (30)
Май 2009 (18)
Апрель 2009 (15)
Март 2009 (24)
Февраль 2009 (23)


Внимание! У Вас появился шанс изучить все секреты Flash анимации! Перейти из разряда новичка в разряд опытного пользователя даже без посещения дорогих репетиторов и толстенных толмутов "библий пользователя".

Более 100 уроков записанных с экрана компьютера в превосходном качестве помогут пройти, Вам, терни Flash анимации кратчайшим путём!

Подробнее!..

Обучение к программе: Selteco Alligator Flash Designer. Урок 7: Создание анимированных Flash кнопок для сайта

20 февраля 2009
Анимированные кнопки являются одним из важнейших элементов веб-сайта. Они направляют посетителей к разным разделам сайта и вносят вклад в эстетику, и общее впечатление.

Прежде всего вы должны понять как устроена кнопка. На схеме ниже показана структура.

alt






















Создайте спрайт, который содержит 3 фрейма, Master Frame, и 2 рабочих фрейма (Frame 1 и Frame 2)


На скриншотах показано где надо нажимать. Первый скриншот создаёт спрайт (Sprite), на втором под цифрой 1 - Mater Frame, а под цифрой 2 - Frame(Frame 2). Справа в колонке Frame List созданные фреймы должны показываться.


alt

alt
























После того, как создали спрайт и в нём 3 фрейма - переходим в Master Frame и заливаем его оранжевым цветом по градиенту, что бы создавалось впечатление 3D. Делаем это командой Item > Line and Fill > Gradient Fill и в раскрывающемся меню ставим 3D Outset. Жмём Ок.


 


Обучение к программе: Selteco Alligator Flash Designer. Урок 7: Создание анимированных Flash кнопок для сайта

























Далее скопируйте прямоугольник с Mater Frame на Frame 2 и с помощью команды Gradient Fill выберете в Fill Color серый цвет. Frame 1 оставляем пустым.


Mater Frame - это активная область кнопки, то есть, когда вы нажимаете на кнопку, Frame 1 - это нормальное состояние кнопки, а Frame 2 - это состояние, когда вы наводите на неё курсор мышки.


 


Во Frame List выставляем background у Frame 1 и Frame 2 из списка "Master Frame 1".


 


После выбора Master Frame как фон Frame 1 и Frame 2 активная область будет воспроизведена на обоих фреймах, поэтому мы должны остановить эти кадры, поставив галочку stop. Далее на скриншоте показаны настройки для всех трёх кадров:


 


alt

















Чтобы определить действия мыши выделите оранжевый прямоугольник на Master Frame. Выберите Item > Actions > On Over и поставьте в настройках галочку: Go to Frame и из списка выберите Frame 2. То есть при наведении мышки на кнопку - будет ролик будет перескакивать на второй фрейм.

Обучение к программе: Selteco Alligator Flash Designer. Урок 7: Создание анимированных Flash кнопок для сайта















Затем, когда курсор покидает область кнопки - она должна возращаться в нормальное состаяние. Выбираем Item > Actions > On Out и выбираем в настройках Go to Frame 1 (У вас должен быть всё езё выделен Master Frame).


Можете пока проверить то, что у вас получилось: нажимаем F9 и наводин курсор мышки на кнопку и затем убираем курсор. Кнопка должна менять цвет оранжевый-серый-оранжевый соответственно.

Теперь давайте добавим небольшую анимацию. Перейдём во Frame List к Frame 2, что бы сделать блик, когда вы наводите курсор мышки на кнопку. Выделим серый прямоугольник и выберим Animation  >  Flash In и поставим 30%.

Для того, что бы при нажатии на кнопку происходило какое-нибудь действие, например открывалась страница сайта надо выделить оранжевый прямоугольник в Master Frame и выбрать в меню Item > Actions > On Click и ввести URL адрес. Обязательно проставьте _blank, так как сайт будет открываться в том же окне, а это не очень удобно :). Так же можете поэксперементировать с настройками. Это альтернативный способ.



Обучение к программе: Selteco Alligator Flash Designer. Урок 7: Создание анимированных Flash кнопок для сайта




Правильно будет (если вы делаете сайт или игру) когда пользователь нажимает на кнопку фильм идёт на другой кадр. Надо выделить оранжевый прямоугольник в Master Frame и выбрать в меню Item > Actions > On Click. Далее жмём More Actions, затем Jump&Stop; или Jump&Play; (в зависимости от того, что вам надо). Далее выбираем _root и в следующем диалоге пишем название нужного кадра, так как у нас выбор не велик, то можно написать Frame 2 для примера.

Обучение к программе: Selteco Alligator Flash Designer. Урок 7: Создание анимированных Flash кнопок для сайта









Затем выйдите из спрайта нажав клавишу Esc. Напишите на кнопке какой - нибудь текст. Далее дублируйте кнопку, что бы у вас получилось меню. Выбираем Edit > Duplicate и в поле Count ставим нужное кол-во копий.













Уважаемый посетитель, Вы зашли на сайт как незарегистрированный пользователь. Мы рекомендуем Вам зарегистрироваться либо зайти на сайт под своим именем.

Другие новости по теме:

  • Обучение к программе: Selteco Alligator Flash Designer. Урок 6: Создание ан ...
  • Обучение к программе: Selteco Alligator Flash Designer. Урок 9:Создание кра ...
  • Обучение к программе: Selteco Alligator Flash Designer. Урок 1: Создание ан ...
  • Обучение к программе: Selteco Alligator Flash Designer. Урок 10: Кнопки для ...
  • flash урок: Кнопка, которая остается в нажатом состоянии.



  •  (голосов: 0)
    Fly | Просмотров:2071 | Напечатать
    Информация
    Посетители, находящиеся в группе Гости, не могут оставлять комментарии в данной новости.
    Видео Журнал "Легко о Flash" - подписавшись на него вы будете один раз в месяц получать его выпуск на свой почтовый ящик, там вы найдете новые видео уроки по работе в программе Adobe Flash CS4.

    Ваш e-mail:

    Ваше имя на русском:
    политика антиспама
    подпишитесь сейчас и получите доступ ко всем выпущенным журналам
    Логин
    Пароль
     


    Требуется для просмотраFlash Player 9 или выше.

    Показать все теги


    Рейтинг@Mail.ru Rating All.BY Каталог SiteCreation rate your site
    links
    Internet Map page counter