Introducing Blend Modes i Flash
Del
Del
Del
Del
Dette Cyber mandag Envato Tuts + kurs vil bli redusert til bare $ 3. Ikke gå glipp av.
Jeg kommer til å være lærer deg hvordan du bruker hver blanding modus i Flash. Enkelt sagt, er blandingsmodi brukes til å endre fargeverdiene eller gjennomsiktighet i bilder. Akkurat som navnet antyder, er blandingsmodi brukes for å blande bilder sammen. Blandingsmodi blir ofte brukt for spesialeffekter eller sammensetting i spill, filmer og bilderedigeringsprogrammer. Fra eksplosjoner, skjermoverganger, maskering, og belysning, blandingsmodi har mange programmer i flash-prosjekter.
Quick Preview
Endre blanding modus ved hjelp av brukergrensesnittet i øverste hjørne og dra bildene rundt for å skape ulike effekter ...
Se Screen ...
... eller Les Tut
Blend moduser gjør et sammensatt bilde og skape interessante effekter ved å blande piksler i overlappende bilder eller filmklipp. Blend moduser effekt pixel farge og gjennomsiktighet. Du kan bruke blandingsmodi for å understreke høylys eller skygger, eller for å endre fargene i et bilde.
Du kan legge merke til at enkelte blandingsmodi er litt like, men de er ikke det samme. Noen blandingsmodi er direkte motsetninger av hverandre, men du trenger å vite hvilken du vil bruke i en gitt situasjon.
Hvordan fungerer de?
Blend moduser bruke en bakgrunnslaget og en blanding lag på toppen for å gi deg en endelig endret lag. Hver piksel fra bakgrunnen blir sett på og modifiseres av blending bildet på toppen, noe som gir deg den sammensatte bildet. Farger og åpenhet er tatt inn i ligningen når pikslene blir behandlet. Alle visningsobjekter - inkludert Sprites, punktgrafikk, og movieclips - har en blendMode eiendom som du kan endre for å få en effekt du leter etter. Du kan stille blendMode eiendom til konstantene definert i flash.display.BlendMode klassen, eller du kan bruke den faktiske strengverdier i sitater i stedet.
Blend moduser ofte endre fargene på laget du feste Blend Mode til, så du trenger for å eksperimentere med forskjellige farger og blande moduser å se hvordan resultatene ser ut. Eksperimentere med ulike blandingsmodi kan gi deg en idé om hvordan de fungerer. Du bør være oppmerksom på at ulike farger kommer ofte inn i lek med ulike blandingsmodi, og du kan ikke få de samme resultatene avhengig av bakgrunnsbilder og blending bildene som er brukt. Du bør også være klar over den rekkefølgen du bruke dine blending lag, som ulike ordrer vil gi ulike resultater
Hurtig Eksempel:.
DisplayObject.blendMode = BlendMode.ADD;
eller
displayObject.blendMode = 'legge';
Det er opp til deg! Men for det første alternativet, sørg for at du importerer flash.display.BlendMode.
Mange vil bare skli gjennom hver av blandingsmodi inntil de får en effekt som ser fin, men jeg ønsker å forklare du hvordan hver blanding modus fungerer, og vise deg noen eksempler eller scenarier der blandingsmodi kan være nyttig. Som spillutvikler vil jeg bruke eksempler på blandingsmodi i en spillsammenheng. Vanligvis vil jeg bruke blandingsmodi for ting som tåke, eksplosjoner, partikler og lys, men blander modi har uendelige bruksområder og funksjoner som du er nødt til å komme opp med
!
Jeg kommer til å snakke om disse blande moduser i par eller grupper. De fleste blandingsmodi kommet med en lignende eller rett overfor partneren. I dag skal jeg bli som dekker blandingsmodi børsnoterte below.
NORMAL
LAYER
ALPHA
ERASE
ADD
SUBTRACT
LIGHTEN
DARKEN
Blend modus: NORMAL
Beskrivelse og eksempler på bruk
NORMAL gjelder farge som normalt, uten interaksjon med basisfarger
Den første blanding modus at jeg trenger å snakke om er. NORMAL blanding modus. Det er i hovedsak standard blanding modus som ikke gjelder noen blending til bakgrunnsbildet.
Når eksperimentere med ulike blandingsmodi, vil du bruke NORMAL blanding modus for sammenligning.
Bruke NORMAL blanding modus er det samme som å ikke bruke en blanding modus i det hele tatt. Å vite at blandingsmodi krever behandling og ofte ha en innvirkning på ytelsen til Flash prosjektet, bør du prøve å begrense bruken blanding modus hvis du kan.
50 objekter med NORMAL blending er mye raskere enn 50 objekter med overlegg eller HARDLIGHT blandingsmodi.
Teknisk Beskrivelse
Displayet objekt vises som vanlig på toppen av bakgrunnen . Ingen fargeverdiene eller transaprency endres
Eksempel:
displayObject.blendMode = BlendMode.NORMAL;
eller
displayObject.blendMode = 'normal';
Blend mode. LAYER
Beskrivelse og eksempler på bruk
LAG blanding modus ligner på NORMAL blanding modus, fordi den ikke endrer farger. Men den LAGET Blend Mode krefter opprettelsen av en åpenhet gruppe eller en alfakanal. Det setter i hovedsak lagets opacity til 100%
. MERK:. Dette er nødvendig for å kompositt med ALPHA eller SLETT blandingsmodi, jeg skal snakke om neste som vil
Teknisk Beskrivelse Anmeldelser
Gjengitt i likhet med NORMAL blanding modus med 100% dekkevne. Opprettelse av alfakanalen gjør at lag som skal modifiseres av andre blandingsmodi som påvirker åpenhet, som ALPHA eller SLETT
Eksempel:.
DisplayObject.blendMode = BlendMode.LAYER;
eller Anmeldelser displayObject.blendMode = "lag";
Blend mode: ALPHA
Beskrivelse og eksempler på bruk
ALPHA blanding modus endrer gjennomsiktigheten bakgrunnslaget, noe som gjør det gjennomsiktig hvis ulike områder, avhengig av blandingslaget gjennomsiktighet.
Teknisk Beskrivelse
ALPHA blanding modus gjelder en alfamaske, der de gjennomsiktige piksler av blandingslaget påvirke gjennomsiktigheten bakgrunnslaget. Vanligvis vil du bruke en annen bakgrunnslaget med denne blandingen modus, for å bli vist gjennom den første bakgrunnen når det er gjort gjennomsiktig.
LAG blanding modus må brukes til den overordnede skjerm objekt, som fungerer som den første bakgrunnen gjøres gjennomsiktig
Eksempel:
displayObject.blendMode = BlendMode.ALPHA;
eller
displayObject.blendMode = 'alpha';
Blend mode. ERASE
Beskrivelse og eksempler på bruk
SLETT blanding modus er det motsatte av ALPHA blanding modus, men likevel endrer transaprency av bakgrunnslaget, noe som gjør det gjennomsiktig om ulike områder, avhengig av blending lag gjennomsiktighet.
Teknisk Beskrivelse
SLETT blanding modus fungerer som ALPHA blanding modus, men gjelder en omvendt alfamaske, hvor ugjennomsiktige piksler av blandingslaget påvirke gjennomsiktigheten til bakgrunnslaget, slik at disse piksler gjennomsiktig. Vanligvis vil du bruke en annen bakgrunnslaget med denne blandingen modus, for å bli vist gjennom den første bakgrunnen når det er gjort gjennomsiktig.
LAG blanding modus må brukes til den overordnede skjerm objekt, som fungerer som den første bakgrunnen gjøres gjennomsiktig
Eksempel:
displayObject.blendMode = BlendMode.ERASE;
eller
displayObject.blendMode = 'slette';
Blend mode. ADD
Beskrivelse og eksempler på bruk
ADD blanding modus brukes til å styrke hvite og lette overlappende farger. Fargene på blending lag over det midtre området lysere bakgrunnslaget, mens mørkere farger er gjennomsiktig, slik at bakgrunnslaget urørt.
Teknisk Beskrivelse
ADD blanding modus legger bokstavelig hex fargeverdier av blandingen laget i bakgrunnslaget. Det kan ikke gå høyere enn hvitt.
Eksempel:
displayObject.blendMode = BlendMode.ADD;
eller
displayObject.blendMode = 'legge';
Blend mode: Trekk
Beskrivelse og eksempler av Usage
trekke blanding modus mørkere bakgrunnslaget, og kan sees på som det motsatte av ADD blanding modus. Hvite områdene i blandingslaget slå bakgrunnslaget svart, mens sorte områder av blending bildet ikke påvirker bakgrunnslaget.
trekke blanding modus brukes til å styrke svart og mørkere overlappende farger. Fargene på blending bildet ovenfor mellomområdet er formørket, mens lysere farger er gjennomsiktig, slik at bakgrunnslaget urørt.
Teknisk Beskrivelse
trekke blanding modus trekker de hex fargeverdiene for blending lag til bakgrunnslaget. Det kan ikke gå lavere enn svart
Eksempel:
displayObject.blendMode = BlendMode.SUBTRACT;
eller
displayObject.blendMode = 'trekke';
Blend mode. Lysere
Beskrivelse og eksempler på bruk
Lysere bruker lysere piksler fra hvert lag. Ligner på ADD blanding modus, blir det brukt til å styrke lysere områder av overlappende lag. Hver piksel fra hvert lag blir sett på, og lettere for de to pikselverdier holdes.
Teknisk Beskrivelse
Lysere erstatter bakgrunnselementer som er mørkere enn de blanding laget piksler. Bakgrunnselementer lettere enn blanding lag piksler er ikke endret
Eksempel:.
DisplayObject.blendMode = BlendMode.LIGHTEN;
eller
displayObject.blendMode = 'lysere';
Blend modus: mørkne
Beskrivelse og eksempler på bruk
mørkne bruker de mørkere farget piksler fra hvert lag. Det er det motsatte av den lette blandingen modus, og brukes til å styrke mørkere områder av de overlappende lag. Hver piksel fra hvert lag er så på, og det mørke av de to pikselverdier beholdes. Dette kan brukes til å legge til ulike tekstur effekter til vår bakgrunnslag.
Teknisk Beskrivelse
mørkere erstatter bakgrunns piksler som er lysere enn de blanding laget piksler. Bakgrunns piksler mørkere enn de blanding lag piksler er ikke endret
Eksempel:.
DisplayObject.blendMode = BlendMode.DARKEN;
eller
displayObject.blendMode = 'mørkere';
< h2> The Next Step
Den andre delen av denne opplæringen (kommer snart) vil dekke de resterende blanding modes:
MULTIPLY
DIFFERENCE
INVERT
SCREEN
OVERLAY
HARDLIGHT
Stay Følg med!