skabe et flimrende lys virkning ved hjælp af flash og neon fyrværkeri cs4

, skabe et flimrende lys virkning ved hjælp af flash og neon fyrværkeri cs4,,,,, andel,,,,,,,,,,,,,,, det cyber - mandag envato tuts + kurser vil blive reduceret til $3.- og' t miss.,, der er et alt for bekendt tvang mellem digital konstruktørerne til at identificere sig med deres værktøj af valg.det er uheldigt, for når det kommer til flash, et redskab, som er altid overset er fyrværkeri cs4. i denne forelæsning, vil du opdage, hvor fyrværkeri cs4 kan bruges til at fremskynde deres arbejdsgang i glimt, og samtidig hjælpe et neonskilt beliggende på væggen i en nedslidt teater i los angeles flimmer forlornly på en temmelig travlt.,,,,,,, trin 1: åbne fyrværkeri cs4, åbne, musichall.jpg, fil med fyrværkeri cs4.planen er at drage ud hvert brev med ordene "musik" og "hall" ved hjælp af vektorer, der produceres af fyrværkeri, trin 2: zoome ind på bogstaverne, udvælge zoom værktøj og zoom ind på ord i tegn.alternativt, kan du vælge 150% fra forstørrelse pop op vindue i nederste højre hjørne af lærred.,, trin 3: vælg et slagtilfælde, farve, klik slagtilfælde farve chip i værktøjer panel til at åbne den farve - piller.vælg, ff3300 (orange), så tryk enter /tilbagevenden til at acceptere dit valg.sæt den fylde farve til ingen.det er farven på de breve, som vi kan lokke dem.selv om slanger lader til at være en grå farve, tror jeg, den faktiske baggrund var engang, red.,, trin 4: angiv vektor vej værktøj, klik og holde på pennen værktøj.vælg vektoren vej værktøj fra far ned.udvælgelsen af dette værktøj kan du behandle den som en børste. om det er mere velegnet til dem, ved hjælp af penne og tabletter, dette projekt lader dem af os, der drager med mus har noget morsomt.,, løntrin 5: vej indstillinger i ejendommen, inspektør, der er den børste bredde 4 pixels og udvælge, blød, afrundet, børste fra grundlæggende kategori i, børste, type, far ned menu.sæt den præcision, værdi, 2.præcision er, hvor tæt de koordinater er trukket.jo højere antal (den maksimale værdi er 10) mere vektor knuder, der skal være i den linje, trin 6: begynd opsporing, udvælge de bogstaver lag, og med anvendelse af værktøj, spor af bogstavet "m".når du er færdig, vil der være en ny sublayer ved navn, sti.dobbeltklik "kanal" lag navn og ændre det til "m".,, trin 7: forbedret vej, hvis den vej, ser ud til at kunne bruge et "forbedret", overgangen til den subselection værktøj, redskaber, hule pil i panelet, og klik på formen.vil du se vektorer.klik på et anker punkt til at afsløre den håndterer og få din "tilpasning".for at fjerne et punkt vælger det, med subselection værktøj og presse de slette nøgle.for at ændre et hjørne på en afrundet, overgang til pen og klik på det punkt redskab at tilføje den manglende klare.tip:,,, hvis du ender med punkter, der er ingen håndtag, vælges den pen, værktøj og klik /trække.fyrværkeri, har en grim vane altid at ville lukke vejen for dig.bare double-click kanalens slutpunkt for at fjerne den linje.at slette et punkt på vejen, vælger det, med subselect værktøj og presse de slette nøgle. trin 8: afslutte de ord, gentages trin 4 til 7 for de resterende breve på skiltet.,, trin 9: save den fil, når du er færdig, udvælge fil > medmindre.save dialog boks vil åbne.navn filen - jeg brugte "musichall" - og udvælge, fireworkspng (*. men heller ikke dér er menneskene sikre, fra far.det vil give dig en flerlags - dokument med gennemsigtighed for hvert lag.klik save knap op og fyrværkeri.,, fyrværkeri cs4 til flash cs4, som jeg sagde i starten af denne forelæsning, fyrværkeri cs4 har tendens til at blive opfattet af designere i photoshop "familiemedlem, vi foretrækker ikke at tale om".som du er ved at opdage, måske lidt mere snak om fyrværkeri cs4 kan være påkrævet.lad os komme i gang. gå 10: nye dokument, iværksætte flash cs4 og skabe en ny, flash actionscript 3,0 dokument., trin 11: import af fyrværkeriet cs4 dokument, udvælge fil > import > import til bibliotek og navigere den mappe, hvor du gemte det. men heller ikke dér er menneskene sikre image.vælg image og klik import til biblioteket knap.dette vil åbne import fyrværkeri dokument dialog kasse.hvorfor biblioteket?det er generelt anses for at være en bedste praksis til at importere det hele til biblioteket.faktisk noget, der importeres til det stadium, sidder fast i biblioteket, så spar dig selv et skridt, skridt 12: import dialog kasse, når indførslen fyrværkeri dokument dialog æske åbner klik, okay.hvis du aldrig har set denne dialog æsken før, lad os tage det.,, hvis du klikker på den import, som indre flade bitmap, se boks, er du flad image og miste lag med bogstaverne du nøje tegnede i fyrværkeri.åbenbart...ikke en god beslutning. den næste beslutning er, som side til at importere.fyrværkeri, giver dig mulighed for at skabe multipage dokumenter, og du er, hvor du ville vælge side til at importere.i dette tilfælde er der kun én side., objekter område lader dig afgøre, hvordan objekterne i billedet - i dette tilfælde brevene - vil blive bragt til flash.bogstaverne er vektorer og uanset deres valg, de vil ankomme i glimt, som fuldt ud redigerbar vektorer. det endelige valg, er, hvordan teksten på det billede vil blive håndteret.jeg hælder til, eep hele teksten ændres, så hvis der er en trykfejl, jeg kan ordne dem med lyn.,, trin 13: dit fyrværkeri objekt, åbne flash - bibliotek og åbne fyrværkeri objekter > musichall.png > s. 1.dobbeltklik på side 1 movieclip åbner i symbol redaktør. når man ser på movieclip du vil finde ud af, hvorfor fyrværkeri cs4 kan gøre deres liv lettere.hver af de breve er på egne lag i movieclip.det, musichall.png, grafiske symbol på biblioteket er en indikation af en art, og vi vil ikke bruge det.hvis du klikker på hvert brev med flash er subselection værktøj, du vil se, at de er en vektor baseret tegning objekt, jf. du kan gøre yderligere "tilpasning", hvis det er nødvendigt.det, du ikke ønsker at slette, bitmap 3 image i, fyrværkeri objekter, mappe.det er det, der indeholder baggrund image., forbereder de bogstaver for neon virkning, breve er vigtige, og de skal have en række filtre, der anvendes til dem for at skabe den virkning.også de flimrende, vil blive kontrolleret af actionscript 3,0.dette siger, at de bogstaver, i deres nuværende form, vil ikke fungere.de skal være indeholdt i en movieclip for filtre kan kun anvendes ved tekst eller movieclips.her er hvordan:, trin 14: - bogstaver lag, udvælge de bogstaver lag, ikke mappen i bogstaver folder om tidsplan og skærer dem. gå 15: pasta, pasta bogstaverne på blok i en ny movieclip nævnte breve. trin 16: nye lag, vende tilbage til side 1 movieclip, slette teksten lag, der tilføjes et nyt lag og trække teksten movieclip til nye lag, klik én gang om movieclip på scenen og trække den på plads.brug den pil nøgler til en bedre kontrol.(billede 13), trin 17: red, red fil at mappen, hvor du reddede de importerede image., hvorved neon virkning til movieclip, én ting, jeg prøver at slå til lederne af mine elever er, at "kunsten at lynet er kunsten at underfundighed".være opmærksom på, hvordan tingene fungerer i den virkelige verden, og du vil se det i praksis.at skabe et neon virkning omfatter meget mere end blot at give en glød på bogstaverne.der er en smule mere end det, når det drejer sig om at skabe en realistisk virkning.lad os komme i gang. gå 18: fasen filter, anvendes de værdier, som er angivet i figur at tilføje en fasen filter til movieclip.det skaber grundlaget for den virkning, idet de breve, en 3d - og tilføjer lidt fremhæve langs kanterne.,, skridt 19: gradient glød filter, anvende de værdier, som vist i figur at tilføje en gradient glød filter til movieclip...ved fastsættelsen af, skær og glød x, y, værdier til 0, neon tube bliver defineret.,, gå 20: glød filter nu bruge værdi er anført i figur at tilføje en glød filter til movieclip...de to foregående trin skabt slangen, dette skridt er lyset.sikre, at farven på den glød -, ffcc00, - matcher farven af bogstaver indsættes i fyrværkeri.,, gå 21: drop shadow filter, et filter, anvendes de værdier, som er angivet i figur at tilføje et drop shadow filter til movieclip...farven for drop shadow ikke er sort, men&#cccccc,.dette giver os illusionen om en smule belysning, som forklarer de 2-pixel sløre værdier - bag lyset.,, skridt 22: f.eks. navn, med movieclip udvalgt på scenen, - - og give det eksempel navn "tegn" i ejendommen, inspektør.det opstiller de movieclip for actionscript, som kan kontrollere de flimrende af neon rør. tilføjelsen af actionscript at skabe en tilfældig flimrende virkning., skabe de typiske tegn på et neonskilt er ikke noget, der kan gøres på tidslinjen.i dette tilfælde vil den glød, flimmer på en måde, der simulerer et neonskilt, der er på sit sidste ben.at tilføje flimren virkning, følger disse skridt, skridt 23: nye lag, der tilføjes et nyt lag, der hedder, aktioner til movieclip tidslinje.lås den lag. gå 24: aktioner, vælges den første ramme i de aktioner, lag og udvælge vindue > aktioner eller presse f9 (pc) eller option-f9 (mac) nøgler til at åbne manuskriptet rude. gå 25: actionscript, anføres følgende kode:, import, flash. filtre. * addeventlistener (event.enter_frame, flickerit); funktion flickerit (evt: begivenhed): ugyldig (var - filtre: array = sign.filters; var glød: glowfilter = filtre [2] glow.strength = matematik. random() * 5 + 35; sign.filters = filtre),, hvis du er ny i actionscript lad os gå igennem dette kode blok. vi ved den glød filter er den, der anvendes til at give flimmer.for at gøre dette må man først belastning i filtre, klasse.det er en joker, og fortæller flash til last i hele filtre klasse.hvis du bare ville bruge et filter, du ville bruge filterets navn i stedet.i dette tilfælde har vi fire filtre i movieclip så farlig, er den bedste måde at gå. den næste linje er, hvordan flimmer er sker.lad os forstå noget: actionscript er ret dum.det gør ikke noget, hvis det ikke hører noget.i dette tilfælde siger vi actionscript at lytte til en enter_frame begivenhed, og når den hører denne begivenhed til at gennemføre noget, der hedder flickerit.man kan udlede af denne flash - film er en fælde, og når afspildningshoved indgår ramme efter at gøre, hvad der skal gøres, det gør det hele igen. den funktion er magien og de flimrende er skabt. den første linje griber fat i navnene på alle de filtre, som har anvendt for tegn movieclip og sætter dem i en liste.når actionscript skaber en liste - en system - det bruger ikke navne på filtrene.i stedet for det sætter dem i numerisk orden, udtrykket er indekseret, efter den rækkefølge, i hvilken de blev tilføjet.hvis du kunne se den liste, de fire filtre ville se sådan ud:, 0,1,2,3, ikke, med skrå, gradientglow, glød, dropshadow,., - - den næste linje giver glowfilter variablen navn "glød" ved at fortælle actionscript ind på listen og brug indekset post mærket, 2 i listen. nu, hvor actionscript ved, hvad filter til anvendelse, skaber vi flimren ved "spille" med den styrke, den tilhører glowfilter. den værdi for styrke ejendom - matematik. random() * 5 + 35 - kan slå dig så lidt mystisk.det er ikke det, random(), metode i matematik klasse vælger et nummer mellem 0 og 1.når der er valgt, er det delt i to og derefter steg med 35.det betyder, hver gang playhead ind i den første ramme den orange farve, vil være et andet styrke.lad os antage, nummeret tilfældigt valgt. 95.beregningen er:,,. 95 x. 5 =. 475. 475 + 35. =. 825, med den deraf følgende glød ville have en styrke værdien af 83%, hvis vi skulle indgå i værdi direkte i filteret.hver gang playhead indgår i rammen for lysstyrken af lyset vil stige eller falde, afhængigt af den tilfældige tal. gå 26: tilbagevenden til de vigtigste tidslinje, tæt på manuskriptet pane og klik på den scene 1 knap til at vende tilbage til de vigtigste tidslinje. skridt 27: sted på scenen, trække side 1 movielcip til trin og udvælge ændre > dokument.når dokumentet egenskaber dialog æske åbner, klik indholdet radio - knappen.gem og afprøve film. bonus runde: forsegle aftalen med lyd, lad os gøre det hele lidt mere realistisk og tilføje summen af et neonskilt i baggrunden.skridt 28: buzz. mp3, modtaget den buzz.mp3 fil fra overførslen til den samme mappe som. fla skridt 29: aktioner, åbne side 1 movieclip, vælges den første ramme i de aktioner, lag og åbne manuskriptet rude. gå 30: actionscript, klik, når der efter den første linje kode, tryk enter tilbage /og tilføje følgende kode blok:, var audio: sunde = nye sound(); var req: urlrequest = nye urlrequest ("buzz. mp3 -"); lyd. belastning (req); lyd. play(); igen, hvis du er ny actionscript lad os gå igennem denne kode blok sammen. er det et givet inden for flash - ef - således, at lyd tidslinjen er en "ond praksis".det betyder, at vi er nødt til at ringe til lydfilen i film med actionscript.den første linje kode, begynder denne proces ved at skabe en sund objekt, der hedder, lyd.dette formål vil senere kunne anvendes til rent faktisk at spille den lydfil. igen, det ved vi lynet er dum, så vi er nødt til at fortælle det, som lydfil vil blive anvendt.dette opnås ved, urlrequest, objekt, der hedder req,.denne parameter er navnet på den sag, vi skal bruge.sørg for, de citater, er der, og at det navn passer filnavnet præcist.hvis du vil somwhere andet på deres område have lydfilen du vil træde ind i en absolut adresse til sagen. nu, flash, ved hvilken fil at spille, det vil bare stå der og se på dig med en dum smil på ansigtet, medmindre du fortæller det til at fodre den lydfil til flash spiller ved hjælp af det, load(), metode til lyden af klasse.endelig har du fortælle flash til rent faktisk at spille godt. du kan redde og afprøve den film!konklusion: i denne lektion, du har undersøgt de arbejdsgang mellem fyrværkeri cs4 og flash cs4.du har fundet ud af, hvordan man bruge et par af tegningen redskaber med fyrværkeri, samt hvordan lagdeling er fuldført i fyrværkeri.du har også indført et fyrværkeri. men heller ikke dér er menneskene sikre dokument til flash - og lærte at fyrværkeri. men heller ikke dér er menneskene sikre dokumenter, tilføje en movieclip til flash - bibliotek.du åbnede fyrværkeri movieclip og med et par filtre og et strejf af actionscript, skabt en blinkende neonskilt med et ledsagende neon buzz lyd. tak for at læse videre, er fri til at gå, kommentarer og spørgsmål under:),






















Previous:
Next Page: