Share
I denne opplæringen bruker vi de nye funksjonene i Flash CS5s Deco-verktøy for å lage en animert tegneseriebakgrunn.
Adobe Flash i Creative Suite 5 har blitt innredet med noen gode oppdateringer og forbedringer. Adobe Flash CS5 inneholder helt nye funksjoner for både designere og utviklere, for eksempel det nye kodestykket-panelet, integrering med Flash Builder og det nye verktøyet vår for bein.
En av de nye funksjonene i Flash CS5 er Deco-tegneverktøyet (selv om Deco-verktøyet egentlig ikke er en ny funksjon som den først ble lagt til i Flash CS4.) Den lar deg lage tegninger og animasjoner basert på dynamiske former og farger . Det er et av de smarte verktøyene som kan spare tid og krefter ved å lage tegneobjekter og animasjoner ved hjelp av klare symboler og objekter, eller lasting av egendefinerte symboler fra biblioteket.
I Adobe Flash CS5 har Deco-verktøyet blitt forbedret for å inkludere nye former og funksjoner som vi vil se i denne tut. Eksemplet vi skal dekke skal gi en grundig forståelse til Deco-verktøyet ved å skape en animert tegneseriebakgrunn med Deco-verktøyene. Nesten alt arbeidet i dette eksemplet er gjort ved hjelp av Deco-verktøyet og dets funksjoner. Målet med dette eksemplet er imidlertid å vise hvordan du bruker Deco-verktøyet og forstå dets funksjoner ved å lage Flash-animerte bakgrunner eller andre motiver og bruke objekter du vil ta fra Deco-listen over objekter.
Denne tut vil vise hvor mye tid og krefter som kan reddes ved å bruke Deco-verktøyet. Mens tegneseriebakgrunnseksempelet nedenfor tar timer å skape ved hjelp av tegneverktøyene i Flash sammen med noen tegneferdigheter, kan vi lage dette eksempelet på mindre enn en time ved hjelp av Deco-verktøyet, og vi trenger ingen tegningsferdigheter.
Du må ha grunnleggende kunnskaper om Flash-verktøy, siden jeg vil grave direkte inn i Deco-verktøyet, og vise hvordan du tilpasser det for å lage bakgrunn og animasjon. La oss imidlertid begynne med trinn 1 ...
La oss se på det endelige resultatet vi vil jobbe for:
Vi starter med å lage Flash-dokumentet, forbereder det før vi begynner å legge til Deco-verktøyobjektene.
Opprett et nytt Flash-dokument med dimensjonene 600px X 450 px. Legg til et rektangel med de samme dimensjonene som dokumentet og fyll rektangelet med en lineær fylling (som figuren nedenfor) for å skape effekten av mørk himmel.
Nå skal vi lage veibakgrunnen, ved hjelp av Linjeverktøyet, skape kantlinjens form og fylle den med grå farger for å simulere ekte asfalt. Deretter lager skyer ved hjelp av det ovale verktøyet og sluttresultatet skal se slik ut:
Nå skal vi begynne å bruke Deco-verktøyet for å skape bygningene for å gå langs veien fortauet vi opprettet ovenfor. Du kan angi typen skyskraper du liker å bruke eller bruke tilfeldige bygninger. Du kan også angi størrelsen på bygningene.
Velg Deco-verktøyet eller trykk på tasten U på tastaturet. I Egenskaper-panelet velger du "Byggebørste" fra Drawing Effect-rullegardinlisten. Deretter går du til de avanserte alternativene, velg "Tilfeldig bygning" og sett størrelsen til 2.
Klikk på veien, dra deretter til toppen og slipp musen for å opprette den første bygningen. Gjenta ovennevnte trinn for å skape andre bygninger på veien som vist i figuren nedenfor
I de følgende trinnene vil vi bruke trebørsten til å lage trær på fortauet og bruke blomsterbørsten til å lage blomstrete grener over noen bygninger. Med denne børsten kan du angi størrelsen på treet og dets gren, blad og blomster / fruktfarger.
Lag et nytt lag over bygningslaget. Velg Deco-verktøyet. Velg Egenbørste i rullegardinmenyen i egenskapspanelet, og velg "Aspen Tree" i Avansert-alternativet.
Klikk på fortauet mellom bygninger for å lage trærne. Sørg for å dra for noen få piksler for å lage små trær. Jo lengre du drar, desto større blir trestørrelsen. Den endelige effekten etter å legge trærne, bør være som nedenfor:
Nå, velg Flower Brush, og velg deretter "Poinsettia" fra Avansert-alternativet. Still størrelsen på blomsten og bladet til 50%, og kontroller at avkryssingsfeltet Branch er merket
Dra opp skjermen for å lage grener av blomster. De burde være høye for å vise dem som en gren. Hvis den resulterende grenen er for stor, kan du velge den og redusere størrelsen. Sett deretter den fornyede blomsterkanten på bygningene som vist i figuren nedenfor:
Følgende trinn forklarer hvordan du lager animerte fat av brann. Vi vil også bruke Brann Animasjon børste som lar deg lage animert vektor brann. Du kan angi størrelsen på brannen, hastigheten og rammens varighet. I tillegg kan du sette flammefarge og gnist.
Opprett et nytt symbol ved å gå Sett inn> Nytt symbol eller bruk snarveien Ctrl + F8 (Command + F8 i Mac) og sett det som filmklipp.
I det aktive laget, lage en sirkel for å representere toppen av fatet og en annen for å lage bunnen av fatet. Dra to linjer mellom dem og fullfør tønnefyllingen med mellomlinjer for å se ut som eksempelet nedenfor:
Lag et nytt lag for å holde brannanimasjonen. Velg Deco-verktøyet eller trykk U på tastaturet, velg Brann animasjon fra rullegardinlisten i Egenskaper panelet og angi brannanimasjonen til 50 rammer.
Nå vil vi endre størrelsen og plasseringen av brannen for å få det til å se ut som flammer stiger ut av fatet:
Gå tilbake til hovedstadiet og legg til brannfilmklipset på scenen ved siden av bygningene som vist i figuren nedenfor. Du kan teste filmen ved å trykke Ctrl + Enter (Command + Enter i Mac)
Mens Deco-verktøyet ikke gir alle mulige børster eller former, kan du tilpasse det basert på dine behov ved hjelp av symbolene eller farger du vil vise. Nå skal vi bruke partikkelsystemet som lar deg lage flytende animasjoner som snøfall, fyrverkeri og andre effekter som avhenger av små partikler som eksploderer fra en kilde.
Denne penselen er basert på to partikler som kan være standard symboler, eller du kan bruke symboler fra biblioteket. Du kan også angi andre alternativer som lengden på animasjonen, hastigheten per ramme og andre alternativer som vi vil se nedenfor:
Opprett et nytt symbol ved å bruke Sett inn> Nytt symbol eller bruk snarveien Ctrl + F8 (Command + F8 i Mac) og sett det som et filmklipp. Gå tilbake til scenen og dra det nyopprettede tomme symbolet fra biblioteket til scenen, dobbeltklikk deretter på symbolet for å legge inn redigeringsmodus
Velg Deco-verktøyet eller klikk på U-tasten på tastaturet og velg Partikkel System fra Drawing Effect-rullegardinlisten i Egenskaper-panelet. Velg både partikkel 1 og partikkel 2, sett fargen deres til hvit for å simulere snøen som faller og bruk standardformen. Angi de andre verdiene som følger:
Klikk nå toppen av scenen for å få partikkelsystemet fallende fra toppen av scenen til bunnen. Du vil legge merke til at partikkel animasjonen er generert og rammene er opprettet.
Snøfilmen starter liten og blir større til slutten av animasjonen. Dette (som med brannen) vil skape et uønsket kutt i looping-animasjonen. For å løse dette kan vi igjen fjerne startrammer for å starte snøpartiklene. Velg rammen til det punktet der snøfallet dekker hele scenen. I dette eksemplet velger vi de første 40 rammene. Høyreklikk og velg Fjern rammer eller trykk Shift + F5.
Hvis du merker at animasjonen beveger seg fort, kan du legge til en ekstra ramme etter hver keyframe ved å velge keyframe og trykke F5.
La oss legge til noen lyneffekter ved hjelp av lynbørsten. Dette lynet skal animere og vises tilfeldig. Du kan angi mange alternativer med denne børsten som farge på belysningen, skalaen, strålebredden og kompleksiteten. Du kan også velge om det skal være animert eller ikke.
Opprett et nytt filmklippssymbol og legg det til scenen bak bygningslaget. I filmklippssymbolet trykker du på F7 for å lage en tom ramme i begynnelsen av filmklippet og gå til ramme 20.
Velg Deco-verktøyet, og velg Lighting Brush fra Egenskaper-panelet. Hold innstillingene like, bare endre fargene til hvitt og merk av for Animasjon.
Pek musepekeren øverst til venstre på scenen, klikk og hold musen til lynet når ønsket kompleksitet, og slipp deretter musen ut. Trykk F7 etter animasjonen for å legge til en tom ramme etter den.
Gå til ramme 70, gjenta trinnene ovenfor for å skape mer lyn på høyre side av scenen med forskjellig kompleksitet og trykk F7 etter animasjonen for å fjerne lynet fra scenen.
Du kan teste filmen ved å klikke Ctrl + Enter (Command + Enter i Mac) eller velg Arkiv> Publiser for å eksportere filmen som SWF og HTML-filer.
Vanligvis genererer filene som bruker Deco-verktøyet store SWF-størrelser fordi Deco-verktøyet genererer børstene og animasjonen som ugropede former og ramme-for-ramme-animasjoner. Disse to metodene øker den totale størrelsen på filen. Det er imidlertid best praksis å optimalisere filen etter å ha oppnådd de nødvendige resultatene. Det er noen tips for å redusere filstørrelsen som følger:
I eksempelet ovenfor lærte vi hvordan du bruker Deco-verktøyet til å lage en animert tegneseriebakgrunn. Dette sparer tid og krever ikke spesielle tegneserier eller tegneferdigheter. Du kan oppdage resten av pensler som er tilgjengelige i Deco-tegneverktøyene, se hvordan du bruker dem og de forskjellige alternativene som er knyttet til hver enkelt.
Jeg håper du likte denne opplæringen, takk for å lese!
Accentsconagua