Welkom op de Nederland Computer Kennisnetwerk!  
 
Zoeken computer kennis
Home Hardware Netwerken Programmering Software Computerstoring Besturingssysteem
Computer Kennis >> Software >> animatie Software >> Content
Tutorial voor het Flash- Picture Viewer
Afbeelding kijkers , soms " image galleries " of " portefeuilles , " scherm foto's en andere afbeeldingen in een presentatie - achtige format . Een typische aanpak is om meerdere kleine foto's , of " thumbnails ", langs de kant of de bovenkant van het document weergavegebied --- bekend als de "stage" in Flash te regelen . De miniaturen , wanneer erop geklikt wordt , tonen een full-size versie van de afbeelding in het midden van het podium . In Flash , een eenvoudige en veelgebruikte methode voor het maken van dit soort foto-viewer is om de miniaturen te converteren naar Knopsymbolen en dan maken ze klikbare met basic " Event Listener " ActionScripts . Wat je nodig hebt
Adobe Flash CS2 of hoger
Adobe Photoshop , Photoshop Elements , Apple iPhoto , Windows Paint of een ander beeldbewerkingsprogramma
Toon Meer Aanwijzingen
Aan de foto's Ready < br >
1

Open uw foto's in een beeldbewerkingsprogramma zoals Photoshop of iPhoto . kopen van 2

Maak twee kopieën van elk beeld . Je zult een full - size versie en een miniatuur versie nodig . De werkelijke grootte en de afmetingen van elke versie zal afhangen van de beoogde scherm grootte van je Flash picture viewer film en de oorspronkelijke grootte en vorm van uw foto's . Voor 6 x 4 inch foto's , bijvoorbeeld , kan je de full-size afbeeldingen 400 met 300 pixels en de miniaturen 100 met 75 pixels .
3

Sla uw foto's als JPEG -bestanden ( . jpg ) . Geef elke miniatuur en afbeelding op ware grootte in te stellen bijbehorende namen . Bijvoorbeeld , de naam van de miniaturen " thumbnail1.jpg , " " thumbnail2.jpg , " enz. Naam van de matching full - size afbeeldingen " picture1.jpg , " picture2.jpg , " en ga zo maar door .
< Br > het creëren van de Picture Viewer in Flash
4

Start een nieuwe Flash FLA film .
5

Stel het weergavegebied , of "fase , " om de gewenste grootte van uw picture viewer . hiertoe klikt u op " wijzigen" op de menubalk en kies " Document " om te openen het dialoogvenster Documenteigenschappen . Verander de " Breedte " en "Hoogte " dimensie velden op de gewenste grootte voor je film . Een goede , veilige afmeting is 766 x 700 pixels dit size fits meeste monitoren zonder dat de gebruiker om links en rechts scrollen om de hele pagina te zien
6

Importeer uw foto bestanden in de film als volgt : . . Klik op " file "op de menubalk , kies" importeren " en selecteer " importeren naar bibliotheek ' uit het submenu . Ga naar de map met je foto's . Selecteer ze en klik op ' Openen '.
7

Sleep een miniatuur van de bibliotheek naar het podium . Position het waar je wilt je eerste miniatuur weer te geven .
8

rechtermuisknop op de miniatuur en kies " Convert to Symbol ' uit het pop - up menu. Dit opent de Convert to Symbol dialoogvenster . Typ een naam in het "Naam" veld , en selecteer vervolgens de " knop " radioknop . Klik op "OK".
9

Ga naar de eigenschappen panel ( meestal weergegeven aan de rechterkant van het podium ) en type " button1 " in het veld aanleg Name ( eerste veld in het paneel ) .
10

klik met de rechtermuisknop frame 2 in de tijdlijn paneel en kies "Insert Keyframe " uit het pop - up menu .
11

Sleep de afbeelding op volledige grootte overeenkomen met de miniatuur die u op het podium eerder geplaatst . Plaats het op het podium waar je wilt dat de full - sized foto's < : om
12

rechtermuisknop op frame 1 van de tijdlijn panel Type de volgende ActionScript-code in het deelvenster Handelingen te geven en kies "Acties " in het pop - upmenu ( of knippen en plakken ) . . br

stop > ( ) ;

button1.addEventListener
( MouseEvent.CLICK , onClickPlay ) ;

functie onClickPlay
( event : MouseEvent ) : void { gotoAndPlay ( " 2 " ) ; }

Dit script stopt de film in frame 1 en luistert voor een klik op de thumbnail . Als het "hoort" een klik op de thumbnail , Flash speelt Frame 2 , waar u plaatste de bijbehorende afbeelding op ware grootte. < . br >
13

klik met de rechtermuisknop frame 2 in de tijdlijn paneel en kies "Acties " in het pop - upmenu Typ het volgende script in het deelvenster Handelingen :

stop ( ) op ; < br >

Dit script gewoon stopt de film in het tweede frame , waar u uw eerste full - size foto geplaatst .
14

Herhaal deze stappen voor de tweede set foto's . Ditmaal , hoewel , geef uw toetssymbool de instantienaam " button2 . " Zet uw full- size foto in Frame 3 vergeet niet om een "stop ( ) ; " te plaatsen. . script in het deelvenster Handelingen in frame 3

de ActionScript om de tweede verkleinde aanklikbaar maken gaat in in het deelvenster Handelingen in frame 1 , onder de scripts u daar geplaatst eerder Hier is het script :

button2.addEventListener
( MouseEvent.CLICK , onClickPlay2 ) ; < br .

functie > onClickPlay2 ( event : MouseEvent ) : void { gotoAndPlay ( " 3 " ) ; }

Notice
dat in dit script " button2 " vervangt " button1 " aan het begin van het script " onClickPlay2 " . vervangt " onClickPlay " in de eerste twee regels , en " 3 " vervangt de " 2 " in de haakjes achter " gotoAndPlay . " Dit script luistert voor een klik op de tweede miniatuur ( naam van de instantie " button2 " ) en , wanneer het een klik hoort op die miniatuur , speelt Frame 3 .
15

Herhaal dit proces voor elke set van foto's . bijvoorbeeld , geef de derde knop symbool de instantienaam " button3 . " Leg de bijpassende afbeelding op ware grootte in frame 4 Maak de Event Listener script weer ( in kader 1 ) , te veranderen zodat " button3 " vervangt " button2 " ; . " onClickPlay3 " vervangt " onClickPlay2 " in de eerste twee regels , en de " 3 " achter " gotoAndPlay " is vervangen door een " 4 . "

Previous: Next:
  animatie Software
·Hoe maak je een geanimeerde af…
·Hoe te importeren in Anime Stu…
·Flash 8 tutorial over hoe je M…
·Hoe maak je een Movie Clip kri…
·MXF & IMX in After Effects 
·Hoe een Flash Movie Transparan…
·Hoe maak je een Flash Media Pl…
·Hoe kan ik Flash SWF te conver…
·Hoe om te schakelen naar Scene…
  Related Articles
Hoe je de uitlijning van de tekst wijzig…
Hoe je het lettertype gebruikt in Word 2…
Het wijzigen van de achtergrondkleur in …
Hoe de Letter Wizard in Word 2003 gebrui…
Hoe de spellingcontrole gebruiken in Wor…
Hoe de Mini werkbalk in Word 2007 Bewerk…
Hoe de taal van OpenOffice spellingcontr…
Hoe de Print Screen -functie in de Vista…
Hoe u de standaard lettertype-instelling…
  Software Articles
·Wat zijn de voordelen van de relationele…
·How Do You Start een PowerPoint-presenta…
·Tutorial over 3 - D Meshing in Adobe Dir…
·Hoe maak je een Mesh importeren Van Maya…
·Typische MP3 File Size 
·Hoe afdrukken naar een fax 
·Hoe de Grootte van het Bureau Plakboek V…
·Wat is de extensie St3 ? 
·Hoe maak je een PowerPoint-presentatie o…
Copyright © Computer Kennis http://www.nldit.com