Welkom op de Nederland Computer Kennisnetwerk!  
 
Zoeken computer kennis
Home Hardware Netwerken Programmering Software Computerstoring Besturingssysteem
Computer Kennis >> Software >> animatie Software >> Content
Hoe maak je Flash Animated Web Navigation
Het creëren van een Flash ActionScript 3 geanimeerde navigatie voegt niet alleen interactiviteit op uw website , maar ook laat de gebruikers weten waar ze zijn . De manieren om animatie toe te voegen aan navigatie wordt alleen beperkt door de verbeelding , maar om mee te beginnen , zal u maakt een simpele bal die de muis volgt langs het navigatiemenu . Deze les maakt ook gebruik van arrays , voor degenen onder u die nieuw zijn op arrays , dit is een geweldige manier om je voeten nat . Instructies

Open Flash en 1 klik op " File ", " New " en klik op " Flash-bestand ( ActionScript 3.0 ) " uit het menu uittrekbare . Klik op het gereedschap Rechthoek op de werkbalk , en terwijl u met uw muis , sleept u over het podium om een rechthoek te tekenen . Klik op het gereedschap Tekst en typ " Play" op de bovenkant van de rechthoek .

Klik 2 op zowel de rechthoek en de " Play " tekst om ze te markeren . Vanuit het hoofdmenu , klikt u op ' Wijzig ' en vervolgens op ' Convert to Nieuw symbool " van de pull - out menu . Klik op de " knop " radiale box en type in " spelenMC " voor de naam .
3

Klik op " Venster " in het hoofdmenu en klik vervolgens op "Eigenschappen " en vervolgens " Eigenschappen " opnieuw van de pull - out menu . Met je achtergrond en de tekst nog steeds gemarkeerd , type in " home_btn " in het veld Naam aanleg in het paneel Property .

Klik 4 "Insert Layer " aan de onderkant van de tijd lijn , en noem maar op " buttons . ' Klik op het gereedschap Tekst op de werkbalk . In het venster Eigenschappen , klik op " statische tekst . " Typ uw navigatiesysteem rubrieken , zoals " Thuis ", " Over " en " Contact . "

Rechtermuisknop op 5 " Thuis " en klik op " Convert to Symbol " van de pull - out menu . Noem maar op "Home ", klik op " Button " voor het soort symbool en dan , op de onderste rij Registratie , klikt u op het middelste vakje . Klik op "OK . "

Type 6 in " home_btn " voor een instantie naam op het deelvenster Eigenschappen . Herhaal dit proces voor al uw navigatie- rubrieken . Geef elk een unieke direct een naam zoals " contact_btn . "

Klik 7 "Insert Layer " aan de onderkant van de tijdlijn , en noem deze ' animeren . " Klik op de Oval gereedschap uit de werkbalk en teken een bal op het podium door het houden van uw muis naar beneden en te slepen . Plaats je bal onder de "Home "-knop .
8

Klik met de rechtermuisknop op de bal en klik op " Convert to Symbol " van de pull - out menu , noem maar op " ball_mc " en klik op " Movie Clip " voor het soort symbool . Klik op "OK . "

Klik 9 " Laag invoegen " aan de onderkant van de tijd lijn , en noem maar op " AS3 . " Klik met de rechtermuisknop op frame 1 van je Actie laag en klik vervolgens op " actie " van de pull - out menu . Typ de volgende code : .

Import fl.transitions.Tween
;

import
fl.transitions.easing * ;

/* Verander btn namen als nodig * /< br >

var buttonsArr : Array = new Array ( home_btn , contact_btn ) ;

var linkArr
: Array = new Array ( ) ;

/* Verander navigatie adres
( var i : uint = 0 ; i < buttonsArr.length ; i + + ) {

buttonsArr
[ i ] addEventListener ( MouseEvent.ROLL_OVER , moveFollow ) ;

buttonsArr [ i ] addEventListener . . ( MouseEvent.CLICK , ClickUrl ) ;

}

functie moveFollow
( event : MouseEvent ) : void {

new Tween
( ball_mc , " x " , Strong.easeOut , ball_mc.x , event.currentTarget.x , 1 , true); }

functie ClickUrl
( event : MouseEvent ) : void { for ( var j : uint = 0 ; j < linkArr.length ; j + + ) {

if ( event.currentTarget == buttonsArr [ j ] ) {

navigateToURL
( new URLRequest ( linkArr [ j ] ) ) ; } } }

Previous: Next:
  animatie Software
·Interactieve Animatie Tutorial…
·Exporteren Animation Van Poser…
·Hoe maak je een video in After…
·Software voor het maken van fi…
·Hoe te Banners met Flash 
·Hoe je Speed ​​Gebaseerd op Ba…
·Tutorial voor de Troep van vog…
·Hoe gegevens voor numerieke St…
·3D-film animatieprogramma's 
  Related Articles
Hoe maak je een Tilde gebruiken in een W…
Hoe kan ik een Umlaut gebruiken in een W…
Hoe maak je een Holiday Nieuwsbrief op u…
Hoe maak je een viervoudige Wenskaart ma…
Hoe maak je een Tent - Fold Wenskaart Ma…
Hoe te Spelling en grammatica fouten te …
Hoe kan ik een document Zoom in Word 200…
Hoe je tekst rond een afbeelding in Word…
Hoe je de uitlijning van de tekst wijzig…
  Software Articles
·Hoe kan ik een Objects werkblad in Excel…
·Hoe om te sparen en naam van een Photosh…
·Wat is de extensie Trk ? 
·GIMP : ? Wat doet de Veer Command Do 
·Hoe maak je een schilderij maken van een…
·Het wijzigen van de kleur van de bars in…
·Hoe maak je een Quickbooks Database hers…
·De normale Penseelinstellingen op Photos…
·Hoe te branden van een Floppy beeld naar…
Copyright © Computer Kennis http://www.nldit.com