Geanimeerde palmbomen van rasterafbeeldingen

• Mei 9, 2024

In de volgende twee tutorials zullen we palmbomen animeren in Flash^R CS5. Dit was onderdeel van een Flash ecard-animatie die ik voor Pamela Gladding Ecards heb gemaakt. Het kunstwerk was van Louise Max, een van de kunstenaars van P G Ecards. Pamela bedacht het animatieverhaalbord voor deze ecard en een van de eerste taken was om twee palmbomen op het strand te animeren. Deze animatie zal doorgaan gedurende de hele ecard-animatie en ook nadat de kaart eindigt.

Ik heb geen palmboom gezien, dus ging ik naar Google en zocht naar video's van palmbomen die in de wind bewogen. Wat je als eerste opvalt, is dat, tenzij het een orkaan is, de stam van de palmboom heel weinig beweegt. Alle actie is in de handpalmen, die sierlijk zwaaien in de wind.

Toen het kunstwerk voor de ecard naar mij werd gemaild in een gelaagd Photoshop-bestand, werden de palmen van de palmboom (allemaal in één stuk) van de achtergrond gekopieerd en op een transparante laag geplaatst. We hadden dus de achtergrondlaag die alles bevatte (lucht, zand en bomen) en een laag met de groep palmen.

Op dit punt is de enige manier om de palmen te animeren de groep palmen in een tween-laag boven de achtergrond te roteren. Dat zou echter niet te realistisch lijken. Eerst wordt de oorspronkelijke groep palmen, die zich nog steeds op de achtergrondlaag bevindt, weergegeven terwijl de palmlaag roteert. Ten tweede beweegt elke palm in het echte leven individueel en niet samen als een groep.

Omdat de ecard-animaties voor P G-ecards worden gemaakt op basis van rasterafbeeldingen, zijn de animatiemogelijkheden beperkt in vergelijking met uitgebreidere animaties. Dus hoe we een deel van de animatie er ook realistischer uit kunnen laten zien, helpt de algehele indruk die door de ecard wordt gecreëerd.

We kunnen een meer realistische animatie maken door elke palm onafhankelijk te bewegen. Dus de eerste taak was om elk van de handpalmen te selecteren en op hun eigen transparante laag te plaatsen. Een truc die ik in de loop der jaren heb gebruikt, is inzoomen om het gebied dat u wilt selecteren te vergroten en het hulpmiddel Veelhoekige lasso te gebruiken. Omdat de kleuren in de handpalmen zo op elkaar lijken, werkt dit beter dan de tool Snelle selectie.

Zoals je kunt zien, is de oorspronkelijke groep palmen bovenaan afgesneden. Deze rechte rand zou een probleem zijn wanneer de handpalmen geanimeerd zijn en het ontbrekende deel van de handpalmen tonen terwijl ze roteren. Dus onze volgende stap was om de afzonderlijke palmstukken die we beschikbaar hebben te gebruiken om de ontbrekende seconde van deze bovenste palmen in te vullen.

Ten slotte willen we voor de achtergrondafbeelding de palmen verwijderen en de lege gaten in de lucht invullen die zijn gemaakt toen we de palmen van de achtergrond verwijderden. Omdat de lucht bijna een effen kleur is, kunnen we de Content Aware Fill gebruiken om de ontbrekende lucht gemakkelijk te vervangen.

Nu zijn we klaar om de handpalmen te animeren.

Volgende →

Bekijk Finished Ecard op Pamela Gladding Ecards

Copyright 2018 Adobe Systems Incorporated. Alle rechten voorbehouden. Schermafbeeldingen van Adobe-producten herdrukt met toestemming van 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 en Flash Paper is / zijn ofwel [a] geregistreerde handelsmerken [s] of een handelsmerk [s] van Adobe Systems Incorporated in de Verenigde Staten en / of andere landen.

Video-Instructies: Relaxing 3 Hour Video of A Tropical Beach with Blue Sky White Sand and Palm Tree (Mei 2024).