Motion 3D-animatie - de grafische weergave

• Mei 20, 2024

Animatie in 3D kan verwarrend zijn, maar Apple Motion heeft gebruiksvriendelijke bedieningselementen waarmee u professionele animaties kunt maken. In de volgende tutorials zullen we een eenvoudige intro samenstellen met een bericht voor de feestdagen.

Deze motie^R project heeft een beetje van alles voor het seizoen. De bokeh-achtergrondafbeelding is een compositie van verschillende royaltyvrije foto's. De geanimeerde tekst is gemaakt in Photoshop^R en geanimeerd in beweging. De geanimeerde lichten worden toegevoegd met behulp van het Vormgereedschap van Motion en enkele gedragingen.

Met uitzondering van de lichtanimatie, kunnen alle andere ontwerpelementen worden gemaakt in een gelaagde Photoshop-afbeelding die vervolgens eenvoudig in Motion kan worden geïmporteerd, met behoud van de lagenhiërarchie.

De animatie

De animatie begint met de vakantietekst die uit de sneeuw oprijst en de inspringing in de sneeuw achterlaat. De tekst blijft stijgen tot hij verticaal is en gaat dan achteruit totdat hij bijna de sneeuw erachter raakt. Ten slotte zal het weer stijgen tot het verticaal is en dan stoppen. Het lastige deel van de animatie zal zijn om de beweging van de tekst te synchroniseren met de beweging van de schaduwletters. Omdat de beweging van de brief in de schaduw moet worden weerspiegeld. Een andere uitdaging is om een ​​paar gekleurde cirkels te maken, die overeenkomen met de kleur van het bokeh-licht eronder, en de cirkels animeren om realistisch te knipperen. Het laatste deel van de intro zal de bedrijfsnaam zijn die zichtbaar wordt naast de groene bel.

De grafische elementen

Dit type geanimeerde tekst kan met verschillende opties in Motion worden gemaakt. U kunt het gereedschap Tekst gebruiken om de tekst in Motion te maken of tekstafbeeldingen te importeren. Omdat de letters in het vakantiebericht van dit project groenblijvend en bessen bevatten en die elementen met de tekst mee moeten bewegen, was het gemakkelijker om in Photoshop te maken en de afbeeldingen in Motion te importeren. Als uw project echter kan worden gemaakt met het gereedschap Bewegingstekst en u wilt een uitdaging, is een andere optie het gebruik van het gereedschap Tekst om de tekst te maken en te volgen om de tekst te synchroniseren met de afbeelding met de bessentwijg.

De achtergrondafbeelding is gemaakt van twee foto's. Het Bokeh-type licht op met de laag sneeuw en de groene bel. Omdat de animatie bovenop de sneeuw plaatsvindt, was de 'horizon' van de sneeuw met de Bokeh belangrijk bij het kiezen van de afbeelding. De groene bel werd geïsoleerd van de originele foto en de onderrand werd gewist met een zachte randgum, waardoor de illusie ontstaat dat de bel in de sneeuw ondergaat.

Er zijn vier tekstlagen: de rode letters, de schaduwletters achter de tekst en de 3D inspringende letters in de sneeuw vormen het vakantiemelding. De vierde laag bevat zowel de bedrijfsnaam als de schaduw van de tekst. De stijl van de tekstlaag heeft een rode kleuroverlay en een binnenschaduw voegt een licht 3D-effect toe aan de tekst. De schaduwafbeelding werd gemaakt van een kopie van de berichttekstlaag, die werd gewijzigd in een zwarte kleur, gerasterd en vervolgens werd een Gaussiaans vervagingsfilter met een straal van 2,5 pixels toegepast. De laagdekking werd verminderd tot 32%. Ten slotte is de tekstsneeuwinspringing gemaakt met een combinatie van schuine randen en reliëf, lijn, binnenschaduw en kleuroverlay.

Nadat deze vier tekstlagen waren gemaakt, was het tijd om ze op de achtergrondlaag te plaatsen. Het bericht werd eerst geplaatst en de schaduwtekst werd op een laag eronder geplaatst en de inspringingstekst op een laag erboven, waarbij alleen de onderste randen van de y elkaar raken. Het gereedschap Perspectief (Bewerken - Transformeren - Perspectief) werd gebruikt om de schaduw en inspringingstekst af te vlakken, waardoor de illusie ontstaat dat ze op de sneeuw liggen.

Tutorial Voorbeeld:


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] gedeponeerd handelsmerk [s] of een handelsmerk [s] van Adobe Systems Incorporated in de Verenigde Staten en / of andere landen.
Apple, Motion, iBooks Author, GarageBand, TextEdit, Pages, iMovie en Mac zijn handelsmerken van Apple Inc., geregistreerd in de VS en andere landen. CoffeBreakBlog is een onafhankelijke publicatie en is niet geautoriseerd, gesponsord of anderszins goedgekeurd door Apple Inc. Screenshots gebruikt met toestemming.

Video-Instructies: Infographic maken met Piktochart 1 - Een overzicht (Mei 2024).