Using New Deco tegneverktøy i Flash CS5
3
Del
Del
Del

Denne Cyber ​​Monday Envato Tuts + kurs vil bli redusert til bare $ 3. Ikke gå glipp av.

I denne opplæringen vil vi bruke de nye funksjonene i Flash CS5 er Deco verktøy for å lage en animert tegnefilm bakteppe.

Adobe Flash i Creative Suite 5 har blitt innredet med noen gode oppdateringer og forbedringer. Adobe Flash CS5 inkluderer splitter nye funksjoner for både designere og utviklere som den nye kodebiten panel, integrasjon med Flash Builder og den nye våren for Bones verktøyet.

En av de nye funksjonene i Flash CS5 er Deco tegning verktøyet (selv om, faktisk, er Deco verktøyet ikke en ny funksjon som det første ble lagt inn i Flash CS4.) Den lar deg lage tegninger og animasjon basert på dynamiske former og farger. Det er en av de smarte verktøy som kan spare tid og krefter ved å lage tegnede objekter og animasjon ved hjelp av klare symboler og gjenstander, eller lasting definerte symboler fra biblioteket.

I Adobe Flash CS5, Deco verktøy har blitt bedre til å omfatte nye former og funksjoner som vi vil se i denne tut. Eksempelet vi vil dekke skal gi inngående forståelse av Deco verktøyet ved å lage en animert tegnefilm bakgrunn med Deco verktøy. Nesten alt arbeidet i dette eksemplet er gjort ved hjelp av Deco verktøyet og dens funksjoner. Imidlertid er målet med dette eksempel for å vise hvordan du bruker Deco verktøy og forstå dets funksjoner gjennom å lage Flash animerte bakgrunner eller andre motiver og bruke gjenstander som du vil ta fra Deco listen over objekter.

Dette tut vil vise hvor mye tid og krefter kan spares ved å benytte Deco verktøyet. Mens eksempel tegneserie bakgrunn nedenfor tar timer å lage ved hjelp av tegneverktøyene i Flash sammen med noen tegneferdigheter, kan vi skape dette eksempelet på mindre enn en time med Deco-verktøyet, og vi trenger ikke noen tegneferdigheter. Anmeldelser

Du må ha grunnleggende kunnskap om Flash verktøy, siden jeg vil grave direkte inn i Deco-verktøyet, som viser hvordan du tilpasser det til å lage bakgrunnen og animasjon. Men la oss starte med Trinn 1 ..

Endelig resultat Forhåndsvisning

La oss ta en titt på det endelige resultatet vi skal jobbe mot:

Trinn 1: Bygg Scene Base

Vi vil begynne med å lage Flash-dokument, forberede det før vi begynner å legge Deco verktøy stedene.

Opprett en ny Flash-dokument med dimensjonene 600px X 450 px. Legg til et rektangel med samme dimensjoner som dokumentet og fylle rektangel med en lineær fill (som figuren nedenfor) for å skape effekten av mørke himmelen

Trinn 2:. Road og bygninger

Nå vil vi lage veien bakgrunnen, ved hjelp av linjeverktøyet, lage omrisset form av veien og fylle den med grå farger for å simulere ekte asfalt. Deretter oppretter skyer ved hjelp av Oval verktøyet og det endelige resultatet skal se ut som følger:

Nå vil vi begynne å bruke Deco verktøy for å lage bygningene for å gå av veien fortauet vi opprettet ovenfor. Du kan stille inn skyskraper type du liker å bruke eller bruke tilfeldige bygninger. Du kan også stille inn størrelsen på bygningene

Trinn 3:. Random Bygninger

Velg den Deco verktøy eller trykk på tasten U på tastaturet. I panelet Egenskaper, velg "Building Brush" fra Drawing Effect nedtrekkslisten. Deretter går du til Avanserte alternativer å velge "Random building" og sette størrelsen til 2.

Trinn 4: Bygging

Klikk på veien, deretter dra til toppen og slipper muse til lage den første bygningen. Gjenta trinnet ovenfor for å opprette andre bygninger på veien som vist i figuren nedenfor

I de følgende trinnene, vil vi bruke treet Brush å skape trær på fortauet og bruke Flower Brush å lage blomster grener i løpet av noen bygninger. Med denne pensel, kan du angi størrelsen på treet og sin gren, blad og blomst /frukt farger

Trinn 5:. Tre Brush

Lag et nytt lag over bygningene lag. Velg Deco verktøyet. I egenskapsvinduet, velger treet Brush fra rullegardinmenyen og i Avansert alternativet, velger

Trinn 6 "Aspen treet.": Vekst

Klikk på fortauet mellom bygninger for å opprette Trærne. Sørg for å dra i noen piksler til å lage små trær. Jo lengre du drar, jo større treet størrelse blir. Den endelige effekten etter å ha lagt trærne, bør være som følger:

Trinn 7: ". Poinsettia" Flowers

Nå velger Flower Brush, deretter fra Avansert alternativ velge Angi størrelsen av blomster og blad til 50% og sørge for at avmerkingsboksen Branch er merket

Trinn 8:

Dra opp på skjermen for å opprette filialer av blomster. De bør være høy for å vise dem som en gren. Hvis den resulterende gren er for stort kan du velge den og redusere størrelsen. Deretter plasserer ny størrelse blomst grenen på bygninger som er vist på bildet under:

Følgende trinn forklarer hvordan å lage animerte fat brann. Vi vil også bruke Brann Animation pensel som lar deg lage animerte vektor brann. Du kan stille inn størrelsen på brannen, hastighet og rammen varighet. I tillegg kan du sette flammen farge og gnist

Trinn 9: Flotte Barrels of Fire

Opprett et nytt symbol ved å gå inn >. New Symbol eller bruke hurtigtasten Ctrl + F8 (Command + F8 på Mac) og angi det som filmklipp.

I det aktive laget, lage en sirkel for å representere toppen av fatet og en annen til å gjøre bunnen av fatet. Dra to linjer mellom dem og fullføre fat fylle med mellomliggende linjer for å se ut som eksempelet nedenfor:

Trinn 10: Brann Animation

Lag et nytt lag for å holde brannen animasjon. Velg Deco verktøy eller trykk på U i tastaturet, velger Brann Animasjon fra rullegardinlisten i Properties panelet og sette ild animasjon til 50 frames

Trinn 11:. Bruk av Brann
< li> Klikk og hold på skjermen for å starte brannen animasjon.

I dag starter opprettet brann animasjon små og få større til slutten av animasjonen. Dette vil skape en uønsket kutt i looping animasjon. For å løse dette, vil vi fjerne start rammer for brannen. I tidslinjen, velge alle rammer der brannen er fortsatt økende. I dette eksempelet har vi valgt av de første 15 rammer. Høyreklikk på tidslinjen og velg Fjern Frames (eller trykk Shift + F5).