Whiteboard-animatie - Tekening van de leeuwafbeelding

• Mei 19, 2024

Nu dat we alle afbeeldingen voor de Mygrafico-whiteboard-animatie hebben geïmporteerd en georganiseerd in Motion^R, kunnen we beginnen met het bouwen van het eerste deel van de animatie. In deze zelfstudie leren we hoe u een Bezier-pad kunt tekenen voor de handanimatie, waarmee de lijntekeningen op het scherm worden getekend. Maar nu zweeft de afbeelding van de hand / arm horizontaal op het scherm.

1. Selecteer de afbeelding van de hand en draai de arm totdat deze zich op het scherm bevindt. U wilt dat de afbeelding zich iets onder de onderkant van het scherm bevindt, zodat het uiteinde van de arm niet zichtbaar is.
   
   Op dit punt, wanneer u de afbeelding Hand selecteert, bevindt het ankerpunt zich in het midden van de arm. Dit ankerpunt volgt een bewegingspad om de hand / arm te animeren. We willen niet dat het midden van de arm over de lijntekening beweegt, maar de punt van het potlood. We hebben dit ankerpunt dus nodig boven de punt van het potlood.
   
   
2. Selecteer met de afspeelkop aan het begin van de tijdlijn de afbeelding Hand en het hulpmiddel Ankerpunt. Gebruik de blauwe en rode pijlen om het ankerpunt over de punt van het potlood te verplaatsen.
   
   
3. Schakel de zichtbaarheid van de lagen Tekst, Gezicht, Kleur en Oproep uit. Nadat de arm de lijntekening heeft getekend, willen we dat deze een beetje naar rechts beweegt en pauzeert voordat hij opnieuw begint te tekenen. Plaats de handafbeelding op deze locatie.
   
   
4. Selecteer het gereedschap Bezier. Stel in de HUD het gereedschap Beizer in op een vulling van null, omtrek (lijn) van wit (of uw achtergrondkleur) en breedte 10. Plaats met het gereedschap Bezier het eerste ankerpunt direct over de punt van het potlood. Teken vervolgens een pad langs de omtrek van de manen van de leeuw. Teken nog steeds hetzelfde Bezier-pad en ga verder met het tekenen van het pad langs de omtrek van het gezicht. Voeg nu nog een Bezier-punt toe aan het pad waar u de arm wilt laten pauzeren. Anders dan in Illustrator, probeer het pad niet te sluiten.
   
   
5. Selecteer het gereedschap Selecteren / transformeren om het pad in te stellen. U zou een nieuwe Bezier-padlaag moeten zien in het deelvenster Lagen. Je kunt het pad niet op het scherm zien omdat het wit is, maar het is er wel. Wijzig de naam van de Bezier-padlaag in "Bezier_Lineart" omdat dit het pad is voor dat deel van de animatie. Sleep de laag Bezier_Lineart onder de grafische laag Hand.
   
   
6. Selecteer de grafische laag Hand en voeg een bewegingspadgedrag toe (Bibliotheek - Gedrag - Basisbeweging - Bewegingspad). U zou een recht pad aan de arm moeten zien, beginnend bij de punt van het potlood.
   
   
7. Selecteer het bewegingspad in het deelvenster Lagen. Stel in de Inspector - Gedrag - Bewegingspad - Padvorm de padvorm in op Geometrie. Schakel in hetzelfde gedeelte van het infovenster het selectievakje uit voor de optie Bevestigen aan vorm. Sleep het Bezier_Linear-pad van zijn plaats in het deelvenster Lagen naar de vormbron in het infovenster (klein vakje onder het menu Padvorm).
   
   
8. Test de animatie met de afspeelkop nog steeds op het eerste frame. Als het potlood het pad niet direct volgt, past u indien nodig het ankerpunt voor de hand aan.
   
   
9. Als je tevreden bent met de animatie, laten we aan de duur werken. Tien seconden is te langzaam. Selecteer zowel het Motion Path als de Bezier_Linear-lagen. Sleep de rechterrand van beide lagen naar ongeveer 2 seconden (02:00) op de tijdlijn.
   
   

Bewaar je werk.

//www.mygrafico.com/