Animerade palmer från Raster Graphics

• Maj 6, 2024

I de nästa två tutorials kommer vi att animera palmer i Flash^R CS5. Detta var en del av en Flash ecard-animation som jag skapade för Pamela Gladding Ecards. Konstverket var av Louise Max, en av konstnärerna på P G Ecards. Pamela kom med animations storyboard för detta ecard och en av de första uppgifterna var att animera två palmer på stranden. Denna animering kommer att fortsätta under hela ecard-animationen och även efter att kortet är slut.

Jag har inte sett ett palmträd, så jag gick till Google och sökte efter videor av palmer som rör sig i vinden. Det du kommer att märka först är att, om det inte är en orkan, rör sig palmstammen mycket lite. All action är i handflatorna, som svänger grådigt i vinden.

När konstverket för e-kortet skickades till mig i en skiktad Photoshop-fil, kopierades palmträdets palmer (allt i ett stycke) från bakgrunden och placerades på ett transparent lager. Så vi hade bakgrundsskiktet som innehöll allt (himmel, sand och träd) och ett lager med palmsgruppen.

Vid detta tillfälle skulle det enda sättet att animera palmerna vara att rotera gruppen av palmerna i ett mellanlager ovanför bakgrunden. Men det skulle inte se för realistiskt ut. Först kommer den ursprungliga handflatan, som fortfarande finns i bakgrundsskiktet, att visas när palmlagret roterar. För det andra, i verkligheten rör sig varje handflata individuellt och inte tillsammans som en grupp.

Eftersom ecard-animationerna för P G Ecards skapas av rastergrafik är animeringsmöjligheterna begränsade jämfört med vaster-animering. Så på vilket sätt vi kan göra en del av animationen mer realistisk kommer det att hjälpa det totala intrycket som skapats av ecard.

Vi kan skapa en mer realistisk animering genom att flytta varje handflata oberoende. Så den första uppgiften var att välja var och en av handflatorna och placera dem på sitt eget transparenta lager. Ett trick jag har använt under åren är att zooma in för att förstora det område du vill välja och använda Polygonal Lasso-verktyget. Eftersom färgerna i handflatorna är så lika fungerar det bättre än Quick Selection-verktyget.

Som ni ser är den ursprungliga gruppen av palmer avskuren i toppen. Denna raka kant skulle vara ett problem när palmerna är animerade och visar den saknade delen av palmerna när de roterar. Så vårt nästa steg var att använda de enskilda palmbitarna som vi har tillgängliga för att fylla i den saknade sekunden av dessa topppalmer.

Slutligen, för bakgrundsbilden, vill vi ta bort palmerna och fylla i de tomma hålen på himlen som skapades när vi tog bort palmerna från bakgrunden. Eftersom himlen nästan är en fast färg, kan vi använda Content Aware Fill för att enkelt ersätta den saknade himlen.

Nu är vi redo att animera handflatorna.

Nästa →

Visa färdigt ekard på Pamela Gladding ekor

Copyright 2018 Adobe Systems Incorporated. Alla rättigheter förbehållna. Adobes produktskärmbild (ar) tryckta om med tillstånd från 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, Fireworks, Contribute, Captivate, Flash Catalyst och Flash Paper är / är antingen [a] registrerat varumärke [s] eller ett varumärke [s] från Adobe Systems Incorporated i USA och / eller andra länder.

Video Instruktioner: The Choice is Ours (2016) Official Full Version (Maj 2024).