Wanneer u YouTube-video's maakt, is een pure opname soms niet boeiend genoeg. Je kunt het spannender maken door speciale geanimeerde elementen toe te voegen. Een geanimeerd personage kan u bijvoorbeeld helpen om anoniem te blijven en toch iemand te bieden om zich mee te identificeren. Je kunt ook een concept presenteren dat niet in de realiteit kan worden opgenomen, of een visuele nadruk kan leggen op sommige elementen van de video.
Als je dit wilt proberen, maar je weet niet precies hoe, dan is deze tutorial iets voor jou! Met CrazyTalk Animator 3 kunnen gebruikers op eenvoudige, eenvoudige wijze animaties maken. U kunt eenvoudig iets in Photoshop maken en het vervolgens importeren voor animatie. Vervolgens kunt u automatische en handmatige bewegingen toevoegen, gezichtsuitdrukkingen wijzigen, geluiden toevoegen, enzovoort.
In deze zelfstudie laat ik je een paar handige trucs zien die je voor je video's kunt gebruiken: hoe je een geanimeerde "chibi" -versie van de presentator kunt maken, hoe je een video insluit in de animatie, hoe je lippen kunt synchroniseren, en hoe gezichtsuitdrukkingen en bewegingen hieraan kunnen worden toegevoegd. Ik zal je ook laten zien hoe je geanimeerde rekwisieten en geluidseffecten kunt toevoegen. Ik zal mijn eigen video gebruiken, maar je kunt alles van jezelf gebruiken met een soortgelijk doel.
En als je eenmaal hebt geleerd hoe je je YouTube-animatie kunt maken, kun je deze indienen bij de Animation At Work-wedstrijd!
Als u een teken voor uw animatie wilt maken, moet u dit eerst ontwerpen. Schets het en plan de kleuren en open het in Photoshop of Illustrator en verlaag het ondoorzichtigheid.
Als je niet weet hoe je zo'n personage moet ontwerpen, probeer dan deze tutorial:
Maak de ogen met vectorvormen op afzonderlijke lagen. Als u nog geen ervaring hebt met deze techniek, kunt u in deze korte zelfstudie leren hoe u eenvoudige vectoren in Photoshop kunt maken:
U kunt ook leren over het maken van tekens in Illustrator vanuit deze zelfstudies:
Creëer het gezicht en wat basishaar. Je kunt het op een eenvoudige manier verduisteren door er een radiaal verloop bovenop toe te voegen, geknipt aan de vorm van het haar. Houd de voor- en achterkant van het kapsel gescheiden.
Werk het lichaam af, bouw alles uit eenvoudige vormen en ontwerp ze vervolgens opnieuw.
Om ons karakter echt mensachtig te maken, moeten we het een aantal gezichtsuitdrukkingen geven. Maak varianten van de ogen voor:
Maak ook verschillende mondjes:
Omdat we willen dat ons personage praat, moeten we nog meer varianten van de mondvormen maken, elk ontworpen voor een ander geluid:
Je hebt misschien ook andere elementen nodig die je in je video wilt opnemen. U kunt bijvoorbeeld een video in uw video weergeven door deze op een nep-laptopscherm te plaatsen. U kunt het downloaden op Envato Elements en het scherm in Photoshop verwijderen met de Toverstaf-gereedschap (W).
CrazyTalk Animator 3 is ontworpen om te werken met activa die in Photoshop zijn gemaakt, maar ze moeten hier speciaal op zijn voorbereid. Als je je personage ergens anders hebt gemaakt, kopieer je het nu naar Photoshop, en houd je deze elementen gescheiden:
Download een speciaal pakket sjablonen, pak het uit en ga naar 01_Templates> Human_Front_Full_Template. Plaats beide vensters naast elkaar, selecteer alle lagen in de sjabloon en sleep ze naar het venster met het teken.
Formaat wijzigen (Controle-T) de inhoud van de lagen om de grootte van de sjabloon aan te passen aan uw personage.
Als u CTA3 wilt laten weten welke lichaamsdelen wat zijn, moet u de lagen in de bijbehorende mappen plaatsen. Verwijder de dummy-lagen van hen en vervang ze door je eigen.
Plaats ook de elementen voor het hoofd in de map Head_Image.
De ogen en mond hebben andere mappen binnen, voor alle varianten die we eerder hebben gemaakt. Plaats voor de mond elke expressie en geluid afzonderlijk:
Voor de ogen, in de normaal map, plaats de iris en het wit van het oog afzonderlijk.
Plaats de andere uitdrukkingen in de EyeWhite map.
Ten slotte moet je CTA3 laten weten hoe het skelet van je personage eruit ziet. In de map RL_Bone_Human, je vindt speciale markers voor elk lichaamsdeel. Plaats ze in de gewrichten. U kunt de sjabloon als referentie gebruiken.
De elementen van het gezicht hebben ook hun eigen markeringen nodig. Hier gaat het niet echt om gewrichten, maar om plaatsing. Je vindt deze markeringen in RL_TalkingHead> HeadBone.
Open CrazyTalk Animator 3. Ga naar Render> Render video en verander de Kadergrootte naar wat je wilt dat de video is. Druk niet op Exporteren - druk op de X.
Sleep eerst je laptopafbeelding naar de scène (zorg ervoor dat het een .png-afbeelding is). kiezen stutten.
Wijzig de grootte van de afbeelding om het kader te vullen.
Sleep nu je video (zonder geluid) naar de scène. Sommige indelingen worden mogelijk niet ondersteund. Als je problemen hebt, converteer je je video naar .avi. Verklein de video om het scherm te vullen.
Zoals u kunt zien, bevindt de video zich nu voor het scherm, wat niet erg overtuigend lijkt. Gelukkig ondersteunt CTA3 de derde dimensie! Sleep gewoon de kleine pijl onderaan om de video naar achteren te verplaatsen.
Verklein de video opnieuw en zorg ervoor dat niets belangrijks wordt gesneden door het frame van de laptop. U kunt de markering op de tijdlijn slepen om de video te bekijken, maar zorg ervoor dat u deze altijd wijzigt in het eerste frame, anders wordt deze opgenomen als een geanimeerde wijziging!
Laten we het personage nu toevoegen. Klik Maak G3 Free Bone Actor.
Je personage wordt samen met een skelet-overlay weergegeven, net zoals je het hebt ontworpen
Mogelijk merkt u dat sommige lagen in de verkeerde volgorde staan. Je kunt het repareren door naar te gaan Layer Manager....
... en de lagen slepen waar u ze wilt hebben.
Om te zien of uw skelet goed werkt, klikt u op Voorbeeld en speel met de botten. Controleer of het lichaam zonder grotere problemen beweegt tijdens het verplaatsen van de botten.
Je kunt ook je karakter testen met behulp van ijking:
Heb je iets verkeerd gevonden, iets dat je graag zou willen oplossen? Selecteer gewoon Lancering naar externe PSD-editor. Je personage wordt geopend in Photoshop, waar je kunt aanpassen wat je maar wilt. Net Opslaan het bestand wanneer u het wilt synchroniseren.
Helemaal klaar? Ga terug naar Stage-modus.
Formaat wijzigen en plaats je personage waar je maar wilt. Zorg ervoor dat je het in het eerste frame doet!
Laten we ons karakter laten praten! Selecteer het en klik op Maak een script.
kiezen Wave-bestand en kies je audio.
Als u de animatie nu afspeelt, ziet u dat deze al werkt!
Maar omdat alles automatisch is, is het geen perfecte synchronisatie. Laten we het oplossen! Open de Tijdlijn-editor (F3) en klik Gezicht.
Open Voice Clip om zowel het audiospoor als de lipuitdrukkingen die eraan zijn toegewezen te zien.
Als u dubbelklikt op het geluid, ziet u een lijst met alle geluiden en hun uitdrukkingen. Je kunt de huidige gemakkelijk naar iets beters veranderen. U kunt ook de hele track handmatig aanpassen, de geluiden kopiëren, verwijderen en nieuwe plaatsen. Een goed eindresultaat kan enige tijd duren, afhankelijk van de nauwkeurigheid van de automatische synchronisatie en uw stijl.
Ons personage ziet er een beetje raar uit en praat zonder enige gezichtsuitdrukking. Laten we het veranderen! Selecteer het teken en klik Face Puppet.
In deze editor kunt u met verschillende gezichtsuitdrukkingen spelen die automatisch worden gemaakt. druk op Ruimte en beweeg je cursor rond om het te testen.
Laten we ervoor zorgen dat ons personage tijdens het praten zijn hoofd beweegt, maar zonder rond te kijken. Duidelijke selectie om alle elementen van het gezicht te deselecteren.
Selecteer nu alleen beide soorten rotaties.
druk op Record en dan Ruimte of invoeren om de beweging op te nemen. Beweeg het hoofd om de geluiden die worden gesproken te benadrukken. U kunt ook af en toe knipperen toevoegen door op de linkermuisknop te klikken.
We kunnen een ander type eenvoudige animatie toevoegen, zodat het personage naar de dingen kijkt die in de video worden getoond. Om dit te doen, gaat u terug naar het eerste frame en kiest u een algemeen gezicht. Schakel vervolgens beide soorten rotatie van het hoofd uit.
druk op Record en observeer wat er in de video gebeurt om de ogen van het personage dienovereenkomstig te leiden.
Oké, het gezicht is geanimeerd, maar de rest van het lichaam ziet er erg stijf uit. We kunnen het gemakkelijk veranderen door enkele automatische animaties toe te voegen.
Ga naar het eerste frame en open Inhoudbeheer> Animatie> Beweging> 1_G3_Human> Elastic Folks Front> Idle & Talk. Kies een aantal animaties die er goed uitzien en niet-storend zijn. U kunt zoveel gebruiken als u wilt, in elke configuratie, maar houd er rekening mee dat degene die zijn gemarkeerd met S, L en E samen moeten worden gebruikt.
Maar dit waren alleen automatische animaties. Je video kan het personage nodig hebben om op een speciale manier te bewegen, wat ook mogelijk is! Selecteer het teken en klik Beweging.
Hiermee wordt een tijdlijn voor alle animaties geopend. U ziet mogelijk grijze stippen worden geplaatst waar de automatische animaties beginnen. Deze punten (hoofdframes) geven een poseverandering aan en u kunt ze handmatig plaatsen door op te drukken V. Om ervoor te zorgen dat uw wijziging geen invloed heeft op de vorige / latere wijzigingen, moet u uw animatie altijd omringen met twee andere keyframes die de pose vóór en na de animatie opslaan.
Laten we als voorbeeld het personage zijn arm in een begroeting laten bewegen. Om de botten handmatig te verplaatsen, opent u de 2D Motion Key Editor.
Zoals ik je eerder liet zien, maak je twee keyframes, verplaats je de tijdlijnmarkering ertussen en verander je de pose van je personage.
Je kunt de pose kopiëren en plakken om deze langer te laten duren. Als je het verwarrend vindt, is hier een korte uitleg:
Eerst beweegt het personage zijn hand van pose 1 naar pose 4. Dan verandert er tussen 4 en 5 niets, dus er is geen animatie. Later verplaatst het personage zijn hand van pose 5 naar pose 3. Dan begint de automatische animatie (2).
Je kunt het tempo van de overgang met wijzigen rechtermuisknop te klikken het tweede hoofdframe van een beweging en selectie Overgangscurve.
Hier kunt u verschillende varianten van de beweging testen. Speel met ze om te zien wat het meest natuurlijk lijkt.
Gebruik dezelfde methode om alle gewenste animaties toe te voegen.
De animatie is klaar, maar we kunnen het nog spannender maken. We kunnen bijvoorbeeld het personage een vinger naar iets laten wijzen, in plaats van een open hand te laten zien. Om dit te doen, selecteert u het teken en gaat u naar Composer-modus.
Lanceer het voor Photoshop.
Voeg in Photoshop met de hand een hand met een wijzende vinger toe aan de map. Zet het onder de standaardwaarde en verberg het. Opslaan het bestand om het personage te synchroniseren.
Ga terug naar Stage-modus en verplaats de tijdlijnmarkering naar waar u de wijziging wilt laten plaatsvinden. Open Sprite Editor.
Hier heb je de lijst met alle sprites die beschikbaar zijn voor elk lichaamsdeel. Selecteer gewoon de wijzende vinger om de hand te wisselen.
Nadat u deze wijziging hebt aangebracht, blijft de sprite zo totdat u deze opnieuw wijzigt. Verplaats de tijdlijnmarkering om de tijd ervoor in te stellen.
Maar we kunnen ook andere dingen doen, bijvoorbeeld een paar elementen toevoegen die de uitleg helpen. In mijn video spreekt het personage over "rafelige randen", maar ze zijn niet echt zichtbaar op deze afstand. Laten we een vergrootglas toevoegen om ze te laten zien.
Ga naar Inhoudbeheer> Rekwisieten> Bonus-iconische symbolen> Kleur> Vergrootglas en sleep het vergrootglas naar de scène.
Ga naar Composer-modus en lancering het vergrootglas voor Photoshop. Hier kunt u een afbeelding toevoegen van de ingezoomde, gerafelde randen die we willen weergeven. Voeg het samen met het vergrootglas en sla het bestand op.
We willen dat het vergrootglas alleen zichtbaar is in één gedeelte van de video, niet altijd. Klik Zichtbaar...
... ga dan naar het eerste frame, klik met de rechtermuisknop het en selecteer Zichtbaar / Onzichtbaar.
Ga dan naar de plaats waar het zichtbaar moet worden en herhaal. Verplaats de tijdlijnmarkering waar u wilt dat deze verdwijnt en doe dit opnieuw. Er moet een lijn tussen twee punten verschijnen waar de zichtbaarheid is ingeschakeld.
Er zijn speciale animaties die kunnen worden gebruikt voor een object als dit. Ga naar Elastische beweging om ze te vinden. In 1_Entrance je zult geweldige animaties vinden om een object te introduceren, en in 3_Exit degenen die je helpen er vanaf te komen. Kies iets voor je vergrootglas door de animaties in een korte zichtbaarheid te plaatsen.
In Props> Basispictogram, je vindt een pijl die ook in onze video kan worden gebruikt. Sleep het naar de scène ...
... en formaat wijzigen.
Ga naar Elastische beweging om erachter te komen wat u kunt gebruiken om deze pijl interessanter te maken. Maak elke animatie ongedaan nadat u deze hebt getest - we willen nog niets toepassen.
U kunt de animaties aan het object toewijzen door rechtermuisknop te klikken het en selecteren Actie Menu-editor.
Hier kun je de animaties toevoegen die je eerder leuk vond.
Laten we deze pijl opslaan met animaties die als aangepaste prop zijn opgenomen.
U kunt de pijl nu slepen waar u maar wilt ...
... en wanneer je het wilt animeren, gewoon klik met de rechtermuisknop het en selecteer de acties uit het menu. Vergeet niet om de zichtbaarheid voor elke pijl afzonderlijk te wijzigen!
Laten we tot slot enkele geluiden toevoegen om het geheel boeiender te maken. In de project laag, klik Muziek.
Sleep hier je intro muziek. Ik heb een deel van dit geluid gebruikt.
Klik op het notitiepictogram om het volume van het geluid te wijzigen.
Hier kunt u het volume wijzigen, evenals de Fade in en Uit bijwerkingen.
Deze muzieklaag kan als elke andere laag worden gebruikt. Je kunt hier een nieuw geluidseffect plaatsen, zolang je maar ruimte hebt. Ik heb aan het einde outro-muziek toegevoegd.
U kunt ook andere geluidseffecten toevoegen. Klik Geluid FX1 om de laag te openen.
Plaats hier een muisklikgeluid.
Als u alleen het essentiële geluid wilt knippen, kunt u de clip splitsen. Selecteer het gewoon en druk op Controle-B. U kunt de delen verplaatsen en verwijderen zoals u wilt. Kopieer het geluid en plaats het allemaal langs de tijdlijn, waar er een klik wordt weergegeven.
Heb je ruimte nodig voor meer geluiden? Je kunt openen Geluid FX2.
Ik besloot om hier een geluidje te typen en het toe te wijzen aan de momenten waarop het typen in de video wordt getoond.
Nu weet je hoe je een animatie voor je YouTube-kanaal kunt maken!
Als je meer wilt weten over het maken van animaties in CrazyTalk Animator 3, bekijk dan onze andere tutorials: