Whiteboard Video Scribe Animation - Voorbereiding

• April 19, 2024

Als u geïnteresseerd bent in het maken van een whiteboard of video scribe-animatie in Motion^R en weet niet waar te beginnen, deze tutorial kan helpen. Er worden twee soorten simulaties gebruikt in een whiteboard-animatie. De ene is een tekensimulatie en de andere is een schrijfsimulatie. In deze zelfstudie maken we een zeer eenvoudige whiteboard-animatie die een hand animeert door een logo te tekenen en een bedrijfsnaam op het scherm te schrijven.

U hebt een paar afbeeldingen nodig, zoals een afbeelding van een hand / potlood. Dit kan een foto of illustratie zijn van een arm met de hand die een potlood, kwast of wat dan ook vasthoudt. De afbeelding moet op een transparante achtergrond staan. Tenzij u wilt dat uw hand in de ruimte zweeft, moet de arm lang genoeg zijn zodat het uiteinde van de arm zich onder het scherm bevindt gedurende de animatie.

Vervolgens hebt u de afbeelding nodig van wat de hand op het scherm gaat tekenen. Deze afbeelding moet ook op een transparante achtergrond staan. Meestal wordt deze afbeelding door uw klant aan u verstrekt, maar u kunt deze ook helemaal opnieuw maken in Motion^R of Photoshop^R.

De eenvoudigste manier om deze afbeeldingen in beweging te krijgen, is door ze in een gelaagde Photoshop-afbeelding te plaatsen. Open een nieuwe Photoshop-afbeelding van 1280 x 720 pixels. Dit zijn de afmetingen van het videoscherm. Plaats uw afbeeldingen in deze afbeelding en zorg ervoor dat de hele arm zichtbaar is. Ook moet de arm zich op een laag boven de logolaag bevinden. Wat de bedrijfsnaam betreft, we zullen de teksttool van Motion gebruiken. Sla deze afbeelding op als een gelaagde .psd Photoshop-afbeelding.

Laten we in beweging gaan.

1. Open een nieuw Motion-document. Ik gebruik de resolutie van 1280 x 720 pixels en 29,97 fps (NTSC) omdat dit de beste afweging is tussen schermgrootte en downloadtijd. Stel het aantal seconden in voor de video. Voor dit voorbeeld heb ik 5 seconden gebruikt.
   
   
2. Stel het scherm in op de menubalk aan de rechterkant.
   
   
3. Wijzig in het deelvenster Lagen de naam van de projectlaag in "Whiteboard". Wijzig de groepslaag in "BG" voor achtergrond.
   
   
4. Als je geen achtergrondafbeelding gebruikt, pak je er een uit de Motion Library of teken je er een op het scherm. Om een ​​achtergrond te tekenen, gebruikt u het gereedschap Rechthoek en stelt u de vulling in op de gewenste kleur in het infovenster.
   
   Nu zijn we klaar voor uw grafische afbeeldingen.
   
   
5. Importeer uw Photoshop-afbeelding en zeg tegen Motion dat de lagen niet moeten worden samengevoegd. Terwijl we ze in de Photoshop-afbeelding plaatsten, bevindt de hand zich op een laag boven de afbeelding die wordt getekend (logo). Plaats de hand en het logo op het scherm in positie voor het eerste frame van uw animatie.
   
   Het is het gemakkelijkst om de hand en elke afbeelding die het gaat tekenen in hun eigen lagengroep te plaatsen. Voor deze zelfstudie plaatsen we de afbeelding van de hand in een groep met de naam "Hand" en de afbeelding van het logo in een groep met de naam "Logo". De handgroep moet zich boven de logogroep bevinden, die zich boven de BG-groep moet bevinden.
   
   
6. Selecteer de BG-laag en klik op het plusteken onderaan het paneel om een ​​nieuwe groepslaag toe te voegen. Noem deze groep "Logo" en sleep de Logo-afbeelding naar deze laag. Herhaal dit voor de handafbeelding en plaats de handgroep boven de logogroep.
   
   
7. Nu de standaard groepslaag leeg is, kunnen we deze verwijderen. We moeten drie groepslagen hebben: Hand, Logo en BG.
   
   

In de volgende tutorial zullen we het Bezier-pad tekenen dat de hand zal animeren.

Volgende →

Tutorial Voorbeeld:


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.
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: RSA ANIMATE: Changing Education Paradigms (April 2024).