Главная
Форум
Баннеры
ТОП Сайтов
Мониторинг серверов
Банлист Сервера
Статистика Сервера
Наши отзывы
Новые сообщения · Участники · Правила форума · Поиск · RSS
  • Страница 1 из 1
  • 1
Вебсайт средствами АС3
DooDLeZДата: Воскресенье, 28.03.2010, 20:05 | Сообщение # 1

WebMaster
Сообщений: 485
[ ]
:-(
Этот урок объясняет, как создать передовое красивое меню со звуком во Flash 8 . Это звуковое меню очень привлекательно, и Вы можете использовать его для любых вебсайтов. Вы будете также учиться:
1. Как проектировать меню.
2. Как создавать элегантные кнопки меню.
3. Как использовать Transform Tool (Q).
4. Как создавать Невидимую Кнопку. (Invisible Button.)
5. Как применять Action Script code

Шаг1
Создайте новый документ с размером 250x180px. Установите 42 fps , и задайте второстепенный цвет *E3E3E3.

Шаг 2
Возьмите Line Tool (N) цвет линии *C0C0C0 и выбирает Solid как тип линии, с набором толщины 1.

Red flash sound menu :::Урок::: *

Шаг 3
Нарисуйте пять линий, которые будут линиями меню.

Red flash sound menu :::Урок::: *

Шаг 4
Берем Text Tool (T), жмем (Ctrl+F3) и выберите следующие варианты:
1. Выбрать область Static Text.
2. Выберите шрифт MS Trebuchet
3. Выберите 12 как размер шрифта
4. Выберите черный как цвет шрифта
5. Как метод представления, выберите nti-alias for readability

Red flash sound menu :::Урок::: *

После этого, создайте ваш текст как это показывается на картине ниже.

Red flash sound menu :::Урок::: *

Шаг 5
Используя инструменты Flash на левую сторону каждого текста добавьте две стрелки. ( я делал выбрав текст Wingdings 3 )

Red flash sound menu :::Урок::: *

Шаг 6
Берем Selection Tool (V) и выбираем первый текст в меню (в строке "Home Page"), включая стрелки. После этого, нажмите F8, чтобы преобразовать этот текст в Movie Clip Symbol.

Red flash sound menu :::Урок::: *

Шаг 7,
Затем переходим на ...СЦЕНУ_1... и в Properties Panel (Ctrl+F3) задайте название начальной странице Movie Clip -- HomePage (HomePage выделяем и вписываем)

Red flash sound menu :::Урок::: *

Step 8
Щелкните два раза на movie clip при помощи Selection tool (V) .Вы должны теперь быть в Movie Clip. ( HomePage_mc )

Red flash sound menu :::Урок::: *

Шаг 9
Берем Selection Tool (V) и выбирает ТОЛЬКО СТРЕЛКИ. Затем нажмите ...Ctrl+X... создайте новый слой, выберите его и нажмите Ctrl+Shift+V

Шаг 10
Вернемся на ...СЛОЙ_1... (именно СЛОЙ, а не СЦЕНУ), выбираем текст снова и нажимает F8, чтобы преобразовать в Movie Clip Symbol.

Red flash sound menu :::Урок::: *

Шаг 11
Щелкнув на 10 и 20 кадре нажмем F6.
В то время как Вы находитесь все еще на 20 кадре
берем Selection Tool (V), щелкаем на Movie Clip ("home page") и в Properties Panel (Ctrl+F3) внизу, Вы увидите ...Color... меню. Выберите Tint и цвет установите белый.

Red flash sound menu :::Урок::: *

Шаг 12
Затем вернитесь на 10 кадр и мышью переместите текст ("home page") немного влево.
Возьмите Selection Tool (V), щелкните еще раз на Movie Clip ("home page") и в Properties Panel (Ctrl+F3) выберите Tint с белым цветом.

Red flash sound menu :::Урок::: *

Шаг 13
Правый кнопкой мыши где-нибудь на серой области между 1 и 10 кадрами, а затем 10 и 20 кадрами на графике и выбираем Create Motion Tween

Red flash sound menu :::Урок::: *

Шаг 14
Выберите 2 слой (слой стрелок) и нажмите F8 выбираем Movie Clip Symbol.

Шаг 15
Выбирете 10 и 20 кадры и нажмите F6. В то время как Вы находитесь все еще на 20 кадре берем Selection Tool (V) и 1-н щелчок на стрелках, чтобы их выделить. Затем пойдите в Properties Panel(Ctrl+F3) -- Color -- Tint выбирите снова белый цвет.

Red flash sound menu :::Урок::: *

Шаг 16
Вернемся на 10 кадр и мышью перемещает стрелки немного вправо.

Шаг 17
Возьмите Selection Tool (V), щелкните еще раз на Movie Clip ("home page") и в Properties Panel (Ctrl+F3) выберите Tint с белым цветом.
См. картину ниже.

Red flash sound menu :::Урок::: *

Шаг 18
Правой кнопкой мыши где-нибудь на серой области между 1 и 10 кадрами, а также 10 и 20 кадрами на графике времени выбирете Create Motion Tween

Red flash sound menu :::Урок::: *

Шаг 19
Создадим новый слой выше слоя 2 (слой 3).

Шаг 20
Берем Rectangle Tool ®. Заблокировав Stroke color нажатием на небольшое изображение карандаша и затем на маленьком квадрате с красной диагональной линией. Для заполнения, цвет установил *D9031C. (Красный)
См. картину ниже.

Red flash sound menu :::Урок::: *

Шаг 21
Затем на левой стороне стрелок делаем прямоугольник 2.5 x 21px.

Red flash sound menu :::Урок::: *

Шаг 22,
В то время как "прямоугольник" все еще выбран нажмите F8, чтобы преобразовать в Movie Clip Symbol.

Red flash sound menu :::Урок::: *

Шаг 23
Щелкнув на 20 кадре слоя 3 нажимаем F6.
Затем возьмите Free Transform Tool (Q) нажимаем и удерживая клавишу ..Аlt.. на нужном уровне вытягиваем прямоугольник как показано на картине ниже.

Red flash sound menu :::Урок::: *

Переместите 3 слой ниже остальных и в 1 кадре при помощи Selection Tool (V), щелкните на "прямоугольнике", чтобы выбрать его.
В Properties Panel выберите Alpha и установите значение 0 %.

Red flash sound menu :::Урок::: *

Шаг 24
Правой кнопкой мыши где-нибудь на серой области между 1 и последним кадрами на графике времени выбирете Create Motion Tween

Шаг 25
Вернемся к главной ...СЦЕНЕ... (Scene1).

Создайте новый слой выше слоя 1 и назовите I.B.1 (Invisible Button 1). Возьмите Rectangle Tool ®, поскольку цвет Stroke color не выбран, для заполнения цвет выбирете любой и тянем "прямоугольник" в Movie Clip ("home page"). См. картину ниже.

Red flash sound menu :::Урок::: *

Шаг 26
В то время как "прямоугольник" все еще выбран нажмите F8, чтобы преобразовать в ..button..

Red flash sound menu :::Урок::: *

Шаг 27
Щелкаем два раза на button при помощи с Selection Tool (V). Вы должны быть перемещены в button.

Шаг 28
Затем на 1 кадр правой кнопкой мыши и переносим на 4 кадр

Red flash sound menu :::Урок::: *

Шаг 29
Создает новый слой выше слоя 1 (слой 2).

Шаг 30
Щелкаем по Over в слое 2 и F6. После этого, найдите где-нибудь любой звук (mp3. файл), и Импорт это в Flash library (File > Import > Import to Library).

Red flash sound menu :::Урок::: *

Шаг 31
В то время как Вы все еще на кадре зажав левую кнопку мыши перемещаем звук из библиотеки в последний кадр. См. картину ниже.

Red flash sound menu :::Урок::: *

Шаг 32
Возвращается на главной сцене (Scene1).

Шаг 33
Берем Selection Tool (V), щелкам один раз на Invisible Button, чтобы выделить ее.
Затем открываем Action Script Panel (F9) и вводим следующий код:

CODE

on (rollOver) {
_root.mouse_over_HomePage = true;
}

on (rollOut) {
_root.mouse_over_HomePage = false;
}

on (release){
getURL("http://www.toxiclab.org/");
}

Шаг 34
Создаем новый слой выше слоя I.B.1 и называем его action script. Затем нажимаем на первый кадр action script слоя и в Action Script Panel (F9)
вводим код:

CODE

_root.HomePage.onEnterFrame = function() {
if (mouse_over_HomePage) {
_root.HomePage.nextFrame();
} else {
_root.HomePage.prevFrame();
}
};

Нажимаем -- (Ctrl+Enter).


  • Страница 1 из 1
  • 1
Поиск:


Все права принадлежат PainKiller.Net.Ru 2009-2010. Дизайн сайта разработан - PainKiller.Net.Ru
Внимание! Рип шаблона запрещен "Нарушение авторского права"! Design bY PainKiller.Net.Ru
Тиц и pr сайта