Этот урок объясняет, как создать передовое красивое меню со звуком во 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.
Шаг 3 Нарисуйте пять линий, которые будут линиями меню.
Шаг 4 Берем Text Tool (T), жмем (Ctrl+F3) и выберите следующие варианты: 1. Выбрать область Static Text. 2. Выберите шрифт MS Trebuchet 3. Выберите 12 как размер шрифта 4. Выберите черный как цвет шрифта 5. Как метод представления, выберите nti-alias for readability
После этого, создайте ваш текст как это показывается на картине ниже.
Шаг 5 Используя инструменты Flash на левую сторону каждого текста добавьте две стрелки. ( я делал выбрав текст Wingdings 3 )
Шаг 6 Берем Selection Tool (V) и выбираем первый текст в меню (в строке "Home Page"), включая стрелки. После этого, нажмите F8, чтобы преобразовать этот текст в Movie Clip Symbol.
Шаг 7, Затем переходим на ...СЦЕНУ_1... и в Properties Panel (Ctrl+F3) задайте название начальной странице Movie Clip -- HomePage (HomePage выделяем и вписываем)
Step 8 Щелкните два раза на movie clip при помощи Selection tool (V) .Вы должны теперь быть в Movie Clip. ( HomePage_mc )
Шаг 9 Берем Selection Tool (V) и выбирает ТОЛЬКО СТРЕЛКИ. Затем нажмите ...Ctrl+X... создайте новый слой, выберите его и нажмите Ctrl+Shift+V
Шаг 10 Вернемся на ...СЛОЙ_1... (именно СЛОЙ, а не СЦЕНУ), выбираем текст снова и нажимает F8, чтобы преобразовать в Movie Clip Symbol.
Шаг 11 Щелкнув на 10 и 20 кадре нажмем F6. В то время как Вы находитесь все еще на 20 кадре берем Selection Tool (V), щелкаем на Movie Clip ("home page") и в Properties Panel (Ctrl+F3) внизу, Вы увидите ...Color... меню. Выберите Tint и цвет установите белый.
Шаг 12 Затем вернитесь на 10 кадр и мышью переместите текст ("home page") немного влево. Возьмите Selection Tool (V), щелкните еще раз на Movie Clip ("home page") и в Properties Panel (Ctrl+F3) выберите Tint с белым цветом.
Шаг 13 Правый кнопкой мыши где-нибудь на серой области между 1 и 10 кадрами, а затем 10 и 20 кадрами на графике и выбираем Create Motion Tween
Шаг 14 Выберите 2 слой (слой стрелок) и нажмите F8 выбираем Movie Clip Symbol.
Шаг 15 Выбирете 10 и 20 кадры и нажмите F6. В то время как Вы находитесь все еще на 20 кадре берем Selection Tool (V) и 1-н щелчок на стрелках, чтобы их выделить. Затем пойдите в Properties Panel(Ctrl+F3) -- Color -- Tint выбирите снова белый цвет.
Шаг 16 Вернемся на 10 кадр и мышью перемещает стрелки немного вправо.
Шаг 17 Возьмите Selection Tool (V), щелкните еще раз на Movie Clip ("home page") и в Properties Panel (Ctrl+F3) выберите Tint с белым цветом. См. картину ниже.
Шаг 18 Правой кнопкой мыши где-нибудь на серой области между 1 и 10 кадрами, а также 10 и 20 кадрами на графике времени выбирете Create Motion Tween
Шаг 19 Создадим новый слой выше слоя 2 (слой 3).
Шаг 20 Берем Rectangle Tool ®. Заблокировав Stroke color нажатием на небольшое изображение карандаша и затем на маленьком квадрате с красной диагональной линией. Для заполнения, цвет установил *D9031C. (Красный) См. картину ниже.
Шаг 21 Затем на левой стороне стрелок делаем прямоугольник 2.5 x 21px.
Шаг 22, В то время как "прямоугольник" все еще выбран нажмите F8, чтобы преобразовать в Movie Clip Symbol.
Шаг 23 Щелкнув на 20 кадре слоя 3 нажимаем F6. Затем возьмите Free Transform Tool (Q) нажимаем и удерживая клавишу ..Аlt.. на нужном уровне вытягиваем прямоугольник как показано на картине ниже.
Переместите 3 слой ниже остальных и в 1 кадре при помощи Selection Tool (V), щелкните на "прямоугольнике", чтобы выбрать его. В Properties Panel выберите Alpha и установите значение 0 %.
Шаг 24 Правой кнопкой мыши где-нибудь на серой области между 1 и последним кадрами на графике времени выбирете Create Motion Tween
Шаг 25 Вернемся к главной ...СЦЕНЕ... (Scene1).
Создайте новый слой выше слоя 1 и назовите I.B.1 (Invisible Button 1). Возьмите Rectangle Tool ®, поскольку цвет Stroke color не выбран, для заполнения цвет выбирете любой и тянем "прямоугольник" в Movie Clip ("home page"). См. картину ниже.
Шаг 26 В то время как "прямоугольник" все еще выбран нажмите F8, чтобы преобразовать в ..button..
Шаг 27 Щелкаем два раза на button при помощи с Selection Tool (V). Вы должны быть перемещены в button.
Шаг 28 Затем на 1 кадр правой кнопкой мыши и переносим на 4 кадр
Шаг 29 Создает новый слой выше слоя 1 (слой 2).
Шаг 30 Щелкаем по Over в слое 2 и F6. После этого, найдите где-нибудь любой звук (mp3. файл), и Импорт это в Flash library (File > Import > Import to Library).
Шаг 31 В то время как Вы все еще на кадре зажав левую кнопку мыши перемещаем звук из библиотеки в последний кадр. См. картину ниже.
Шаг 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) вводим код:
Все права принадлежат PainKiller.Net.Ru 2009-2010. Дизайн сайта разработан - PainKiller.Net.Ru
Внимание! Рип шаблона запрещен "Нарушение авторского права"!
Design bY PainKiller.Net.Ru