У Вас отключён javascript.
В данном режиме, отображение ресурса
браузером не поддерживается
24. 05. 12. Так как заказ стилей закрыт, вы можете оставить ваши заявки в теме Стили на очередь!, которые будут выполняться по мере возможностей дизайнеров!
22. 07. 12. Наконец у нас новый дизайн! В котором как вы успели заметить - учтены ваши пожелания! Ваши отзывы и предложения вы можете высказать в ДАННОЙ ТЕМЕ

Калейдоскоп аватар

Информация о пользователе

Привет, Гость! Войдите или зарегистрируйтесь.


Вы здесь » Калейдоскоп аватар » УРОКИ АНИМАЦИИ » Мигающая кнопка для сайта.


Мигающая кнопка для сайта.

Сообщений 1 страница 2 из 2

1

Урок довольно легкий, поэтому приступим!
Для начала создадим саму кнопку:
1. Создаем документ нужного рамера (у меня это 50*30пикс).
Заливаем нужным вам цветом c помощью инструмента "Ведерко"(я взяла оранжевый #f26522).
Двойным кликом на слое, открываем окошко "Стиль слоя" и устанавливаем такие параметры
http://savepic.org/1508021m.pnghttp://savepic.org/1570484m.png
2.Пишем надпись, какую нам надо (я написала new), цветом контрастирующим с цветом фона
http://savepic.org/1524404.png
Дублируем слой с текстом (CTRL+J), открываем окошко "Стиль слоя" (двойной клик на слое) и устанавливаем Внешнее свечение с такими параметрами
http://savepic.org/1560247m.png
Жмем на глазик, пока отключаем видимость этого слоя.
3.Открываем окошко анимации.
Первый кадр у нас уже установлен (слой без свечения).
Жмем на кнопочку "Новый кадр"
http://savepic.org/1515191.png
Отключаем видимость первого слоя с текстом и включаем глазик у слоя "Текст с внешним свечением".
С зажатой клавишей Schift кликаем на оба кадра - выделяем их и кликаем на кнопку "Создание промежуточных кадров"
http://savepic.org/1520310.png
В выпадающем окошке устанавливаем нужное вам количество кадров (у меня 5), кликаем Ok.
Опять выделяем все кадры и жмем кнопочку "Создать новые"
http://savepic.org/1529545m.png
Не снимая выделения с этих кадров, ищем стрелочку в самом правом верхнем углу нашего окна анимации, открываем доп меню
выбираем пункт "Кадры в обратном порядке"
http://savepic.org/1554120m.png
Удаляем последний кадр (перетащив его в корзину).
С зажатой клавишей Shift кликаем на первом и последнем кадре (выделяем их).
Устанавливаем время раскадровки 0,1 сек!
Вот и все!
http://savepic.org/1566411.gif
Конечно вы можете добавить эффектов и тому прочее, но смысл этой анимации я думаю вам теперь понятен!

http://s016.radikal.ru/i337/1010/6a/a2d23e843ada.png

0

2

так еще можно баннер сделать.

0


Вы здесь » Калейдоскоп аватар » УРОКИ АНИМАЦИИ » Мигающая кнопка для сайта.