Animerede palmetræer fra rastergrafik

• Kan 14, 2024

I de næste to tutorials vil vi animere palmer i Flash^R CS5. Dette var del af en Flash ecard-animation, som jeg oprettede til Pamela Gladding Ecards. Kunstværket var af Louise Max, en af ​​kunstnerne på P G Ecards. Pamela kom med animations storyboardet til dette ecard, og en af ​​de første opgaver var at animere to palmer på stranden. Denne animation fortsætter gennem ecard-animationen og også efter kortets udløb.

Jeg har ikke set et palmetræ, så jeg gik til Google og søgte efter videoer af palmer, der bevæger sig i vinden. Det, du først vil bemærke, er, at medmindre det er en orkan, bevæger palmetræstammen sig meget lidt. Alle handlinger er i håndfladerne, der svinger yndefuldt i vinden.

Da kunstværket til e-mailet blev sendt til mig i en lagdelt Photoshop-fil, blev palmetræens palmer kopieret (alt i ét stykke) fra baggrunden og placeret på et gennemsigtigt lag. Så vi havde baggrundslaget, der indeholdt alt (himmel, sand og træer) og et lag med gruppen af ​​palmer.

På dette tidspunkt ville den eneste måde at animere håndfladerne være at dreje gruppen af ​​palmer i et mellemliggende lag over baggrunden. Dog ser det ikke for realistisk ud. Først vises den oprindelige gruppe af palmer, som stadig er i baggrundslaget, når håndfladen roterer. For det andet bevæger hver palme sig i det virkelige liv individuelt og ikke sammen som en gruppe.

Da ecard-animationerne til P G Ecards er oprettet fra rastergrafik, er animationsmulighederne begrænsede sammenlignet med hurtigere animation. Så enhver måde, vi kan gøre en del af animationen til at se mere realistisk på, hjælper det samlede indtryk, der er skabt af ecard.

Vi kan oprette en mere realistisk animation ved at bevæge hver håndflade uafhængigt. Så den første opgave var at vælge hver af palmerne og placere dem på deres eget gennemsigtige lag. Et trick, jeg har brugt i årenes løb, er at zoome ind for at forstørre det område, du ønsker at vælge og bruge Polygonal Lasso-værktøjet. Da farverne i håndfladerne er så ens, fungerer dette bedre end Quick Selection-værktøjet.

Som du kan se, er den oprindelige gruppe af palmer afskåret øverst. Denne lige kant ville være et problem, når håndfladerne er animeret, og viser den manglende del af håndfladerne, når de roterer. Så vores næste skridt var at bruge de individuelle håndflader, som vi har til rådighed, til at udfylde det manglende sekund af disse øverste håndflader.

Til slut, for baggrundsbilledet, ønsker vi at fjerne palmerne og udfylde de tomme huller i himlen, der blev oprettet, når vi fjernede palmerne fra baggrunden. Fordi himlen næsten er i ensfarvet farve, kan vi bruge Content Aware Fill til let at erstatte den manglende himmel.

Nu er vi klar til at animere håndfladerne.

Næste →

Se færdig Ecard på Pamela Gladding Ecards

Copyright 2018 Adobe Systems Incorporated. Alle rettigheder forbeholdes. Adobe-produktskærmbilleder (r) genudtrykt med tilladelse fra Adobe Systems Incorporated. Adobe, Photoshop, Photoshop Album, Photoshop Elements, Illustrator, InDesign, GoLive, Acrobat, Cue, Premiere Pro, Premiere Elements, Bridge, After Effects, InCopy, Dreamweaver, Flash, ActionScript, fyrværkeri, Bidrage, Captivate, Flash Catalyst og Flash Paper er / er enten [a] registreret varemærke [er] eller et varemærke [s] fra Adobe Systems Incorporated i USA og / eller andre lande.

Video Instruktioner: The Basics Of Digital Illustration (Kan 2024).