Как сделать меню со слайдером
А что, сообразим вот такое меню, за пунктами которого неотступно следует слайдер. У меня это шарик, а у вас может быть что угодно, хоть груздь.
1. Начнем с создания пунктов меню. Можно делать каждый пункт с нуля, а можно сделать один - в данном случае "кнопка1", а потом размножить его, после чего сменить текст на "кнопка2", "кнопка3" и прочая. Так и поступим.
Жмем
2. С помощью Draw Rectangle рисуем
3. Кликаем на него правой кнопкой и превращаем в кнопку - Convert to button. Щелкаем на получившуюся кнопку дважды и в открывшемся окне выбираем ее состояния - States. Здесь изгаляемся над ее внешним видом, пока он не станет нас удовлетворять - накладываем градиенты, устанавливаем толщину границы и т.п. Все инструменты для изгалений в окне свойств (Properties), которое опять же вызывается либо двойным кликом на объекте, либо кликом на объекте и последующим нажатием
4. С помощью инструмента
5. Теперь забацаем нашу кнопку в том состоянии, когда мышь все же окажется наведенной на нее. Для этого жмем
6. Здесь в окне свойств находим строку Actions, заходим, жмем зеленый плюсик и выбираем Action Script (AS1). В открывшемся окне вставляем вот этот скриптец:
on(rollover)
{
_root.mousey=this._y;
}
7. Уходим
8. Итак, одна кнопка нашего меню готова. Правда, она не совсем кнопка, технически, а скорее муви клип, но нам это пофику. Теперь размножаем ее: копируем (CTRL+C) и вставляем (CTRL+V). На вопросы смело отвечаем второе: "Make a complete copy". Делаем так столько, сколько потребуют обстоятельства, размещаем кнопочки красивым образом и начинаем менять на них надписи: заходим в них по одной и меняем, всего-то делов.
9. Ну и теперь о главном, о слайдере. Это тоже будет муви клип. Соответственно, жмем Create empty movie clip. Здесь внутри нам не надо никаких кнопок и прочих баттонов, просто рисуем нужную фигуру. У меня это круг, а у вас, мне кажется, будет не меньше чем дракон! Нет? Простая стрелка? Ну это ваша разница.
10. Возвращаемся на основной экран и в свойствах этого клипа... ааааа! кстати, его обязательно надо переназвать - на шкале времени щелк на него, щелк правой кнопкой, щелк "rename" - follow. Так вот, в свойствах этого клипа, который теперь называется follow, вызываем строку Actions, опять колдуем над зеленым плюсиком и вставляем-таки самый главный скрипт:
onclipevent(enterframe){
speed=7;
_root.followy=_root.follow._y-5;
if(_root.mousey>_root.followy+speed) {
followm=speed;
}
else if(_root.mousey<_root.followy-speed)
{
followm=speed*-1;
}
else {
followm=0
}
_root.follow._y+=followm
}
11. Ну, собственно, и все. Тот стриптизный шест, по которому у меня бегает шарик, - это дело вкуса. Функционально он ни о чем. Удачного вам секса с Koolmoves.
1. Начнем с создания пунктов меню. Можно делать каждый пункт с нуля, а можно сделать один - в данном случае "кнопка1", а потом размножить его, после чего сменить текст на "кнопка2", "кнопка3" и прочая. Так и поступим.
Жмем
Create empty movie clip.
2. С помощью Draw Rectangle рисуем
прямоугольник.
(овал, квадрат, круг, звездочку, казю-базю).3. Кликаем на него правой кнопкой и превращаем в кнопку - Convert to button. Щелкаем на получившуюся кнопку дважды и в открывшемся окне выбираем ее состояния - States. Здесь изгаляемся над ее внешним видом, пока он не станет нас удовлетворять - накладываем градиенты, устанавливаем толщину границы и т.п. Все инструменты для изгалений в окне свойств (Properties), которое опять же вызывается либо двойным кликом на объекте, либо кликом на объекте и последующим нажатием
сюда:
4. С помощью инструмента
"Текст"
пишем на прямоугольнике (или чего у вас там нарисовано) "кнопка1". В свойствах текста выбираем цвет. Вот примерно так будет выглядеть ваш пункт меню до наведения на него мыши.5. Теперь забацаем нашу кнопку в том состоянии, когда мышь все же окажется наведенной на нее. Для этого жмем
"Over"
и потом на возникающие сомнения отвечаем ОК. Теперь меняем цвета прямоугольника и текста в соответствии с вашими графическими фантазиями. Все, хорош с состояниями возиться, возвращаемся на экран назад.
6. Здесь в окне свойств находим строку Actions, заходим, жмем зеленый плюсик и выбираем Action Script (AS1). В открывшемся окне вставляем вот этот скриптец:
on(rollover)
{
_root.mousey=this._y;
}
7. Уходим
отсюда.
8. Итак, одна кнопка нашего меню готова. Правда, она не совсем кнопка, технически, а скорее муви клип, но нам это пофику. Теперь размножаем ее: копируем (CTRL+C) и вставляем (CTRL+V). На вопросы смело отвечаем второе: "Make a complete copy". Делаем так столько, сколько потребуют обстоятельства, размещаем кнопочки красивым образом и начинаем менять на них надписи: заходим в них по одной и меняем, всего-то делов.
9. Ну и теперь о главном, о слайдере. Это тоже будет муви клип. Соответственно, жмем Create empty movie clip. Здесь внутри нам не надо никаких кнопок и прочих баттонов, просто рисуем нужную фигуру. У меня это круг, а у вас, мне кажется, будет не меньше чем дракон! Нет? Простая стрелка? Ну это ваша разница.
10. Возвращаемся на основной экран и в свойствах этого клипа... ааааа! кстати, его обязательно надо переназвать - на шкале времени щелк на него, щелк правой кнопкой, щелк "rename" - follow. Так вот, в свойствах этого клипа, который теперь называется follow, вызываем строку Actions, опять колдуем над зеленым плюсиком и вставляем-таки самый главный скрипт:
onclipevent(enterframe){
speed=7;
_root.followy=_root.follow._y-5;
if(_root.mousey>_root.followy+speed) {
followm=speed;
}
else if(_root.mousey<_root.followy-speed)
{
followm=speed*-1;
}
else {
followm=0
}
_root.follow._y+=followm
}
11. Ну, собственно, и все. Тот стриптизный шест, по которому у меня бегает шарик, - это дело вкуса. Функционально он ни о чем. Удачного вам секса с Koolmoves.
| < Предыдущая | Следующая > |
|---|














