Как сделать свою флеш кнопку

flash кнопкаНаучиться делать flash кнопку со ссылкой и вставлять ее на сайт, вовсе не так сложно, как может показаться некоторым начинающим дизайнерам и вебмастерам. Для этих целей, на мой взгляд, одним из лучших инструментов будет программа SwishMax.  Конечно, она служит именно для создания собственно кнопки, вставка на сайт делается  с помощью небольшого куска кода, о котором чуть позже.

Предлагаю вашему вниманию текстовый урок с картинками, а также видеоурок как сделать свою флеш кнопку о создании  flash кнопки со ссылкой и вставке ее на сайт.

Последовательность действий при создании простой  кнопки в SwishMax:

1.  Создаем новый документ и настраиваем его параметры. Правой кнопкой на рабочем поле → флеш movie → properties → настраиваем размер в пикселях, а так же цвет фона.

параметры документа
2. Выбираем инструмент “прямоугольник со скругленными углами” → произвольно создаем прямоугольник → настраиваем его размеры в окне “Properties” → настраиваем форму радиусов скругления, таская за зеленую точку.

контуры кнопки

3. Активируем привязку относительно листа: modify → align → relative to stage. Настраиваем расположение фигуры: modify → align → центруем по горизонтали и вертикали.

настраиваем расположение

 

4. Настраиваем цвета кнопки (фигура выделена) – заливаем вертикальным градиентом, делаем обводку – согласно скриншотам. Все окна свойств обычно справа, в виде сайдбара.

цвет фигуры

 

5. Пишем надпись на кнопке с помощью инструмента “текст”. Делаем все настройки по форматированию текста в соответствующем  меню свойств справа.

 

текст для кнопки

6. На шкале времени выбираем текст и кнопку с зажатой клавишей shift – то есть выделяем оба объекта. Жмем правую кнопку и выбираем группировку объектов “as group”. Появившуюся группу конвертируем в кнопку (buttom).

конвертируем в кнопку

7. Определяем вид кнопки когда курсор вне и на ней: проставляем галочки в настройках напротив “Has separate over state” и “Use bounding box for hit state”  → на вкладке “outline” (правый нижний угол) редактируем текст для положения “Over state”, в данном случае увеличиваем его и меняем цвет на красный → редактируем кнопку для положения “Over state”, в данном случае делаем ее просто желтой без градиента.

настраиваем кнопку

8. Вставляем в кнопку ссылку: включаем окно “script” → переходим в окно “script” → выбираем кнопку → выбираем для кнопки нужную заготовку скрипта (в данном случае get(URL..)) → вставляем в кавычки свою ссылку и атрибут “_blank”, чтобы она открывалась в новом окне.

вставляем ссылку в кнопку

9. Экспортируем флэш кнопку в формат SWF: file → export → swf.

10. Загружаем готовую кнопку на хостинг и вставляем на сайт, с помощью вот этого кода:

1
2
3
4
5
6

<object width=”ширина” height=”высота”
codebase=”http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=8,0,0,0″>
<param name=”quality” value=”high” /><param name=”src” value=”путь” />
<embed type=”application/x-shockwave-flash” width=”ширина” height=”высота” src=”путь” quality=”high”>
</embed>
</object>

В коде, естественно, прописываем свои пути и размеры.

Посмотрите на всякий случай еще видео о том, как сделать flash кнопку. Надеюсь вам будет понятно как все нужно сделать.

Оставляйте пожалуйста комментарии и вопросы, рекомендуйте друзьям

с уважением,  Agor


Поделись с друзьями



Рекомендуем посмотреть ещё:


Закрыть ... [X]

Как сделать кнопку во Flash Cs4 - wikiHow Сити студия маникюр



Как сделать свою флеш кнопку Как flash-баннер сделать ссылкой
Как сделать свою флеш кнопку Flash кнопка
Как сделать свою флеш кнопку 5 способов как определить тип кожи лица - Рецепты для
Как сделать свою флеш кнопку Londa Professional профессиональная косметика для волос
Как сделать свою флеш кнопку WhatsApp FAQ - Cтатус WhatsApp
Как сделать свою флеш кнопку Все хочу делить с тобою поровну как мне дальше жить
Как сделать свою флеш кнопку Ганс Христиан Андерсен - отзывы на произведения
Как сделать свою флеш кнопку Дачный дом с верандой может быть не только местом отдыха, но
Как сделать свою флеш кнопку Измельчитель яблок своими руками как сделать?
Как избавиться от нежелательного медного (рыжего) оттенка Как подключить блок розетка выключатель или блок розеток Королева бензоколонки (1962) Купить типсорезку, клиппер, каттер, гильотину для маникюра Морщины на лбу - что делать Отношения с женатым мужчиной. Что делать Полидекса - инструкция по применению, аналоги, отзывы и

ШОКИРУЮЩИЕ НОВОСТИ