DeskMates geanimeerde karakters. Een geanimeerd personage creëren Kant-en-klare personages voor animatie

Deelt tips waarmee u sneller en efficiënter animaties van hoge kwaliteit kunt maken.

Iedereen kan les krijgen gebruik 3D-applicatie voor het maken van animaties en het manipuleren van curven, IK of blendshapes. Maar dit maakt hem nog geen animator, aangezien echte animatie uit veel componenten bestaat.

Tip #1: Sleutelhoudingen blokkeren

Concentreer u op belangrijke karakterbewegingen en houd het 'hele animatiebeeld' in gedachten

Als het op animatie aankomt, probeer dan niet de bewegingen van elk personage meteen te berekenen. Als je je constant op één moment concentreert, zie je niet het hele plaatje, waardoor er onnatuurlijk ogende animaties ontstaan.

Bij animatie moet elke beweging harmonieus zijn, dus het is erg belangrijk om het hele plaatje te zien, met de nadruk op de belangrijkste houdingen.

Tip #2: Toetsen kopiëren en plakken

In sommige gevallen, bijvoorbeeld bij het werken aan loop- of hardloopfietsen, heeft het geen zin om afzonderlijk aan spiegelhoudingen te werken. Daarom kun je vals spelen en bijvoorbeeld eenvoudig de sleutels van je linkervoet naar je rechter kopiëren en plakken. Bedenk tegelijkertijd dat u dit in de eerste plaats doet om het werkproces zelf te versnellen.

Tip #3: Gebruik een betrouwbare rig

Goede 3D-animatie hangt niet alleen af ​​van het talent van de animator, maar ook van de kwaliteit van de rig die hij gebruikt. Met een snelle basisinstallatie kunt u basisanimaties maken. Daarom moet de installatie worden aangepast aan uw specifieke, zeer gespecialiseerde behoeften. Onprofessioneel rigging levert alleen maar onnodige problemen op. Bovendien zou de animator geen beperkingen en andere systemen moeten kunnen bewerken, omdat dit de installatie eenvoudigweg zal "doden".

De beste uitrusting is er een waarmee de animator kan animeren zonder na te denken over dingen die voor hem niet nodig zijn. Het is zo cool als je gewoon een personage neemt en hem in een scène verplaatst, zonder na te denken over allerlei technische zaken, als je niet elke vijf minuten naar de rigger hoeft te schrijven met de vraag waarom de hand van het personage naar beneden is geblazen de vloer van het scherm.

Tip #4: Laat de PTT’s werken

Animatie gaat niet alleen over toetsen. Alleen met hun hulp is het vrij moeilijk om de animatie te besturen. Als je in elk frame toetsen plaatst, raakt de scène bovendien overbelast, wordt de animatie erg moeilijk te bewerken en zijn de bewegingen van het personage onnatuurlijk.

Voordat je in paniek raakt over onnatuurlijke animaties, experimenteer eerst met animatiecurven en raaklijnen. Elke toets heeft een PTT-schakelaar die kan worden aangepast en waarmee ook tussenframes kunnen worden aangestuurd.

Tip #5: Laat de app het werk voor je doen

Zelfs als je in de nieuwste en duurste 3D-applicatie werkt, animeer je nog steeds op de traditionele manier. Het verplaatsen van gewrichten en het toewijzen van toetsen is een behoorlijk arbeidsintensieve klus, dus laat het programma het werk voor je doen.

Dit geldt vooral voor secundaire animatie, omdat dynamiek kan worden gebruikt om het haar, de kleding of de staart van een personage weer te geven. Dit wordt automatisch berekend, zodat u zich kunt concentreren op de belangrijkste animatie.

Tip #6: Gebruik een proxymodel om uw viewport eenvoudiger te maken

Bij het werken aan sleutelbewegingen is het beter om een ​​laagpool-proxymodel te gebruiken in plaats van een hoogpoolmodel.

Een model met een hoge paal kan een kijkvenster ophangen omdat het moet vervormen en in de scène moet bewegen met behulp van een skelet of andere complexe vervormers. Dit wordt vooral merkbaar als je een animatie in realtime afspeelt.

Als je aan belangrijke houdingen en basisbewegingen werkt, verberg dan het hogepoolmodel en animeer een lichtgewicht proxy. Dit kan een vereenvoudigde versie van het personage zijn of een paar kubussen met de gewenste verhoudingen. Met deze aanpak kun je zorgvuldig basisbewegingen ontwikkelen die je vervolgens kunt toepassen op het hogepoolmodel.

Tip #7: De 3 pijlers van goede animatie: voorbereiding, actie en reactie

Plan je animatie op basis van de 3 fases: voorbereiding, actie en reactie

Wanneer u met sequenties of animatie in het algemeen werkt, vergeet dan de 3 belangrijke fasen niet: anticipatie, actie en reactie. Bijna elke beweging bevat een deel van elk van deze fasen.

Voordat u springt, buigt u bijvoorbeeld uw knieën of beweegt u uw arm naar achteren voordat u iets gooit. Dit is de voorbereidingsfase. Een sprong of worp is een actie. De reactie is het buigen van uw knieën of het bewegen van uw armen na de landing. Dezelfde aanpak geldt voor gezichtsanimatie. Om een ​​komisch effect te bereiken, kun je alle bewegingen of gezichtsuitdrukkingen overdrijven.

Tip #8: Zie wat er gebeurt door de ogen van het personage

Wees niet bang om jezelf op camera vast te leggen

De beste referentie voor een animator is video. Dankzij de mogelijkheid om het constant te bekijken, te pauzeren of in slow motion af te spelen, kun je de bewegingen van het personage tot in de kleinste details uitwerken.

En dit is niet nieuw. Serieuze animatiestudio’s filmen altijd de stemacteurs terwijl ze de tekst lezen. Deze video wordt vervolgens doorgegeven aan de animator, die het gedrag en de gezichtsuitdrukkingen van de acteur zal gebruiken om de personages te animeren.

Deze aanpak is niet voor ons allemaal beschikbaar, omdat we niet over de onbeperkte mogelijkheden van een filmstudio beschikken. We kunnen echter wel opstaan ​​uit onze stoel en op zijn minst een video opnemen van hoe we lopen of ons gedragen. Probeer de scène waaraan u werkt zelf opnieuw te creëren, hoe moeilijk of moeilijk het u ook lijkt. Hierdoor kun je sneller met blokkades omgaan en betere animaties maken.

Tip #9: Gebruik een spiegel

Je beste referentie ben jezelf

Zodra je klaar bent met het animeren van het lichaam van het personage, ga je verder met zijn gezicht. Het is het beste om het gezicht aan het einde te animeren. Dit is een heel belangrijk onderdeel van animatie. In dit stadium moet je natuurlijke gezichtsuitdrukkingen creëren die de kijker ervan zullen overtuigen dat het personage echt bepaalde emoties ervaart.

Koop een kleine spiegel voor jezelf en kijk naar jezelf terwijl je werkt, trek daarin een paar gezichten naar jezelf. Om animaties van hoge kwaliteit te maken, heb je goede referenties nodig, en welke referentie kan beter zijn dan jijzelf?

Tip #10: Hergebruik animatie

Met een animatiebibliotheek kunt u sneller en efficiënter werken

Dit advies is van toepassing op alle gebieden van de CG-industrie. Het kan ook worden gebruikt in animatie.

Het creëren van een hoogwaardige loop- of hardloopcyclus kost meer dan een of zelfs twee uur werk, dus nadat u deze eenmaal heeft gemaakt, kunt u deze in volgende projecten gebruiken. Concentreer u op de belangrijkste poses en werk er vervolgens gedetailleerder aan, waardoor ze gevarieerder worden en het personage uniek wordt.

En tot slot. Vergeet niet dat het gezicht als laatste moet worden geanimeerd

Er werd eerder vermeld hoe belangrijk het is om aan het personage als geheel te werken, door sleutelposities te blokkeren, te definiëren en deze vervolgens te verfijnen. Maar dit geldt alleen voor de animatie van de lichamen van de personages, aangezien gezichtsuitdrukkingen als laatste redmiddel moeten worden gebruikt.

21
Maart
2008


Genre: geanimeerde karakters
ontwikkelaar: Oska Software
Medicijn: Niet vereist
Platform: Win XP/VISTA
Systeemvereisten: Grappige geanimeerde karakters, meestal schattige meisjes, die op je bureaublad zullen leven. Met korte tussenpozen voeren ze verschillende grappige acties uit, maar je kunt ook elke actie activeren door met de muiscursor op het personage te klikken.
(tekenfilms - de personages houden zich op een prettige manier bezig en vermaken zich terwijl de computer een of andere bewerking uitvoert. Ze storen zich niet tijdens je werk.)
Beschrijving: Ik heb lang gezocht, lang gedownload, gevonden en gepost dankzij de site http://www.nautilus-position.narod.ru/ (http://nautilus.fastbb.ru)
Eerst moet u DeskMates (basis) + FatB installeren en vervolgens, indien gewenst, al het andere. In argive 2D- en 3D-animatie, evenals live karakters

Toevoegen. informatie: Eerst moet je DeskMates (basis) + FatB installeren


27
april
2009

Bouwjaar: 2009
Genre: ansichtkaarten
Ontwikkelaar: Samodelka
Aantal foto's: 1915
Beeldresolutie: 100px × 100px; 500px × 600px; 400px × 297px, enz.
Beeldformaat:
Omschrijving: Ansichtkaarten voor alle gelegenheden. Van grapjes tot wensen voor een goede nachtrust. Er zijn ook ansichtkaarten voor de feestdagen - 1 april, 8 maart, Cosmonautics Day, Gelukkig Nieuwjaar en nog veel meer.
Toevoegen. informatie:


14
september
2012

Geanimeerde kaarten

Bouwjaar: 2012
Genre: ansichtkaarten
Aantal bestanden: 2477
Resolutie: 200x286 tot 6056x4592
Formaat: GIF, JPG
Beschrijving: Een groot aantal ansichtkaarten (statisch en geanimeerd) voor een verscheidenheid aan vakanties. Er zijn ansichtkaarten in verschillende talen. ,


29
augustus
2010

Geanimeerde avatars!

Bouwjaar: 2008-2010
Genre: Avatars
Aantal bestanden: 6220
Resolutie: Van 22x22 tot 150x150
Formaat: .gif
Beschrijving: Een heleboel verschillende geanimeerde avatars over verschillende onderwerpen (fantasie, tekenfilms, anime, grappen, symbolen, verkeersborden, emoticons, uit films, bloemen, enz.) Het aantal avatars neemt voortdurend toe, maar de voorbeelden blijven oud! Als iemand een herhaling ziet, noteer dan de naam van het bestand. En mijn excuses voor het feit dat de map "tekenfilms en anime 100x100" in het archief staat. Anders kun je de torrent niet uploaden. --------


03
dec
2010

DreamScene geanimeerde achtergrond

Bouwjaar: 2009

Aantal bestanden: 58

Formaat: wmv, mpg
Platform: Windows Vista, 7 58 geanimeerde bureaubladachtergronden van hoge kwaliteit! Ze passen perfect en fascineren gewoon door hun schoonheid en pracht!
Installatie: 1. Voer DreamScenes Enabler 1.2.exe uit als beheerder 2. Klik op Inschakelen 3. Klik op Voltooien 4. Start uw computer opnieuw op. 5. Ga naar de map C:WindowsWebWindows DreamScene, daar zal al één droom staan. Om deze te starten, klikt u met de rechtermuisknop en selecteert u Instellen als bureaubladachtergrond. 6. N...


06
dec
2010

Geanimeerde achtergrond DreamScene "Ruimte"

Bouwjaar: 2010
Genre: Geanimeerde bureaubladachtergrond
Aantal bestanden: 22
Resolutie: 1280x720, 1920x1080
Formaat: exe, wmv
Platform: Windows Vista, 7 Verzameling prachtige ruimtebeelden (screensavers).
Installatie: 1. Voer DreamScenes Enabler 1.2.exe uit als beheerder 2. Klik op Inschakelen 3. Klik op Voltooien 4. Start uw computer opnieuw op. 5. Ga naar de map C:WindowsWebWindows DreamScene, daar zal al één droom staan. Om deze te starten, klikt u met de rechtermuisknop en selecteert u Instellen als bureaubladachtergrond. 6. Gooi gewoon nieuwe dromen om te installeren...


07
dec
2010

Geanimeerde achtergrond DreamScene "Diversen"

Bouwjaar: 2010
Genre: Geanimeerde bureaubladachtergrond
Aantal bestanden: 11
Resolutie: 1280x720, 1920x1080
Formaat: exe, wmv, mpg

Installatie: 1. Voer DreamScenes Enabler 1.2.exe uit als beheerder 2. Klik op Inschakelen 3. Klik op Voltooien 4. Start uw computer opnieuw op. 5. Ga naar de map C:WindowsWebWindows DreamScene, daar zal al één droom staan. Om deze te starten, klikt u met de rechtermuisknop en selecteert u Instellen als bureaubladachtergrond. 6. Gooi gewoon nieuwe dromen voor installatie in dezelfde...


08
dec
2010

Geanimeerde achtergrond DreamScene "Sexy"

Bouwjaar: 2010
Genre: Geanimeerde bureaubladachtergrond
Aantal bestanden: 27
Resolutie: 1280x720
Formaat: exe, wmv
Platform: Windows Vista, 7 Verzameling prachtige beelden (screensavers).
Installatie: 1. Voer DreamScenes Enabler 1.2.exe uit als beheerder 2. Klik op Inschakelen 3. Klik op Voltooien 4. Start uw computer opnieuw op. 5. Ga naar de map C:WindowsWebWindows DreamScene, daar zal al één droom staan. Om deze te starten, klikt u met de rechtermuisknop en selecteert u Instellen als bureaubladachtergrond. 6. Om nieuwe dromen te installeren, plaatst u ze eenvoudigweg in dezelfde Windows Dre-map...


09
jan
2010

Bouwjaar: 2010
Genre: geanimeerde achtergrond
Aantal bestanden: 140
Ontwikkelaar: DreamScene
Website van de ontwikkelaar: www.visstadreams.org/
Interfacetaal: Russisch
Platform: vista.7
Systeemvereisten:
Processor: Pentium IV
Geheugen: 512 RAM
Videokaart: 256 MB Vrije ruimte aan
Vaste schijf: 2,83 GB
Resolutie: 1280x720
Formaat: wmv medicijn: aanwezig
Beschrijving: meisjes ruimte natuur watervallen zee 3D-installatie1. Voer DreamScenes Enabler 1.2.exe uit als beheerder 2. Klik op Inschakelen 3. Klik op Voltooien 4. Start uw computer opnieuw op. 5. Ga naar de map C:WindowsWebWindows DreamScene, er zal er al een zijn...


07
dec
2010

Geanimeerde achtergrond DreamScene "Natuur"

Bouwjaar: 2010
Genre: Geanimeerde bureaubladachtergrond
Aantal bestanden: 45
Resolutie: 1280x720, 1920x1080
Formaat: exe, wmv
Platform: Windows Vista, 7 Verzameling prachtige beelden (screensavers).
Installatie: 1. Voer DreamScenes Enabler 1.2.exe uit als beheerder 2. Klik op Inschakelen 3. Klik op Voltooien 4. Start uw computer opnieuw op. 5. Ga naar de map C:WindowsWebWindows DreamScene, daar zal al één droom staan. Om deze te starten, klikt u met de rechtermuisknop en selecteert u Instellen als bureaubladachtergrond. 6. Plaats gewoon nieuwe dromen voor installatie in dezelfde map...



13
dec
2010

Geanimeerde achtergrond DreamScene “Diversen” nr. 7

Bouwjaar: 2010
Genre: Geanimeerde bureaubladachtergrond
Aantal bestanden: 30
Resolutie: van 720x480 tot 1920x1200
Formaat: exe, wmv
Platform: Windows Vista, 7 Verzameling prachtige beelden (screensavers).


13
dec
2010

Geanimeerde achtergrond DreamScene “Diversen” nr. 6

Bouwjaar: 2010
Genre: Geanimeerde bureaubladachtergrond
Aantal bestanden: 31
Resolutie: van 720x480 tot 1920x1080
Formaat: exe, wmv
Platform: Windows Vista, 7 Verzameling prachtige beelden (screensavers).
Installatie: 1. Voer DreamScenes Enabler 1.2.exe uit als beheerder 2. Klik op Inschakelen 3. Klik op Voltooien 4. Start uw computer opnieuw op. 5. Ga naar de map C:WindowsWebWindows DreamScene, daar zal al één droom staan. Om deze te starten, klikt u met de rechtermuisknop en selecteert u Instellen als bureaubladachtergrond. 6. Gooi daar gewoon nieuwe dromen voor installatie in...


Het is een gemakkelijke manier om geanimeerde, interactieve gebruikersinterfaceontwerpen te maken; het blijkt dat je er bijna alles (niet alleen interfaces) gemakkelijk mee kunt animeren.

Je eerste karakteranimatie

We zullen deze vriendelijke bal maken

Eerst moet je een vectorteken maken in Sketch. Je kunt mijn kant-en-klare voorbeeld gebruiken (samen met het principevoorbeeld) - download de bronnen.

Zodra het personage is getekend (ik gebruik Sketch), zorg er dan voor dat je alle objecten groepeert, zodat je ze gemakkelijk kunt verplaatsen in Principle (je kunt ze ook groeperen in Principle, dat is aan jou). In dit voorbeeld heb ik de linker-/rechterarm, het linker-/rechterbeen, het lichaam, de schaduw op de grond en de vlag gegroepeerd. We verplaatsen deze objecten naar Principle om onze animatie te maken.


Lagen groeperen in Sketch

Nadat je je personage in Sketch hebt getekend en gegroepeerd, open je Principle en selecteer je ‘Importeren’. Het tekengebied van het personage wordt in Sketch geïmporteerd. Na het importeren beschikt u over een nieuw tekengebied binnen Principle.


Ons geïmporteerde personage uit Sketch

Selecteer het tekengebied en dupliceer het vier keer. Verbind elk tekengebied met het volgende, en het laatste met het eerste, met behulp van "Auto". Dit is wat de animatie zal genereren. Elke laag op elk tekengebied wordt geanimeerd met de laag met dezelfde naam op het volgende tekengebied.


Verbind elk tekengebied met het volgende

Zodra alle tekengebieden zijn verbonden, selecteert u de armen, benen, romp en andere gegroepeerde elementen die u op tekengebieden 2 en 4 wilt wijzigen. In het onderstaande voorbeeld ziet u dat het eerste en derde tekengebied hetzelfde zijn, en in in het eerste en op het vierde tekengebied zijn de posities van de objecten enigszins verschillend. Hierdoor ontstaat een naadloze animatielus. Als je wilt, kun je slechts twee tekengebieden maken. Dit zou een nog eenvoudiger optie zijn, maar we zijn niet op zoek naar gemakkelijke manieren :)


Laatste animatie

Dat is alles, laten we nu de animatie opnemen.

Animatie opnemen

Principle heeft een ingebouwde opnametool. Bij het bekijken van een voorbeeld loopt de animatie echter door. Helaas biedt Principle geen gemakkelijke manier om een ​​animatie op het juiste moment te starten en te stoppen. Daarom is het vrij moeilijk om een ​​perfect loop-animatie op te nemen. Maar ik heb een oplossing gevonden. Ik neem een ​​volledige animatiecyclus op als GIF, importeer vervolgens de gif in Photoshop (of een andere gif-editor) en verwijder frames zodat de laatste gelijk is aan de eerste. Sla de gif opnieuw op en je hebt een geweldige "cyclus"!

Wat is het volgende?

Dit is een voorbeeld van een eenvoudige en snelle animatie. Ik geloof dat het toevoegen van meer frames en het zorgvuldig verplaatsen en uitlijnen van delen van het personage het personage echt beter tot leven kan brengen. Principle biedt een heleboel opties voor animatie, en in dit bericht heb ik de meest elementaire opties besproken. Als je je eigen personages maakt, deel ze dan in de reacties - het zal heel interessant zijn om het resultaat te zien.

In deze les willen we het hebben over de belangrijkste fasen van het maken van geanimeerde personages met behulp van Flash, aan de hand van het voorbeeld van het ontwikkelen van een personage in het spel 'Leren door te spelen' en een avatar voor een website.

Karakter van een computerspel

Volgens het scenario van het spel 'Leren door te spelen' worden alle acties daarin uitgevoerd door de hoofdpersoon Kolobok (Fig. 1), die door het veld beweegt (Fig. 2) op zoek naar een diamant.

Het punt van dit spel is dat de speler het pad naar het doel (diamant) moet kiezen, waarbij hij de objecten rechts, links, boven en onder het vierkant waar Kolobok staat bij naam noemt, en zo het personage op en neer beweegt, om rechts-links. Om Kolobok bijvoorbeeld één cel naar beneden te laten bewegen, in het menu in Fig. 2 moet u het woord "oranje" selecteren. Door de juiste namen in het menu te kiezen, kan de speler het personage naar de dierbare diamant leiden.

Hetzelfde principe vormt de basis van verschillende themaspellen. Dus in afb.

Figuur 3 toont een versie van het spel gewijd aan de studie van breuken 1.

1 Het programma bevat 12 studieonderwerpen (“Vorm. Kleur. Getal”, “Seizoenen”, “Klokken”, “Vogels”, “Dieren”, “Rekenkunde”, “Geometrische figuren”, “Romeinse cijfers”, “Breuken” ", "The Artist's Palette", "Engelse taal", "Notatie").

Zoals uit het bovenstaande scenario blijkt, was een van de taken tijdens de ontwikkeling van het spel de creatie van het personage Kolobok en de animatie van zijn bewegingen.

Als voorbeeld wordt de animatie van de bewegingen van de Kolobok van boven naar beneden getoond: animatie 1.

In de eerste fase worden schetsen gemaakt van het uiterlijk van de held (Fig. 4), evenals schetsen van zijn bewegingen en hoofdacties (Fig. 5).

Tegelijkertijd worden er schetsen gemaakt die laten zien hoe het personage er in verschillende spelthema’s uit zal zien. In het bijzonder is in afb. 6. toont een schets voor het onderwerp “Astronomie”, en in Fig. 7 schets voor het onderwerp “Breuken”.

In dit geval wordt het uiterlijk van Kolobok niet alleen bepaald door esthetische, maar ook door technische overwegingen: hoe je een personage kunt creëren zodat hij gemakkelijk kan worden geanimeerd.

In afb. 8 is het duidelijk dat het personage uit individuele elementen bestaat.

2 Dit werk werd uitgevoerd door Elena Adrianova.

Hierdoor kunt u de beweging van elk element (armen, benen, wenkbrauwen, ogen, etc.) afzonderlijk specificeren. Dus in plaats van het personage herhaaldelijk in verschillende posities opnieuw te tekenen, volstaat het om automatische animatie in te stellen van de elementen waaruit het bestaat.

Laten we eens nader bekijken waar onze held van gemaakt is. De map "Onderdelen", weergegeven in Afb. 9, bevat 12 elementen (voornamelijk filmclips) waaruit Kolobok bestaat. Bijvoorbeeld symbool 4d voor het linkerbeen (Fig. 9), symbool 7d voor het rechterbeen (Fig. 10), enz.

Tegelijkertijd bevatten afzonderlijke elementen, zoals symbool 12d (figuur 11), al animatiebewegingen van de wenkbrauwen en ogen en bestaan ​​ze ook uit afzonderlijke elementen.

In het bijzonder bestaat de filmclip, symbool 12d, uit afzonderlijke componenten: wenkbrauwen (symbool 34) (fig. 12), linkeroog (fig. 13). De filmclip die het linkeroog weergeeft, is op zijn beurt gebaseerd op de filmclip 'oog' (Fig. 14).

Zo wordt de held als het ware samengesteld uit afzonderlijke delen van de ontwerper.

Om te laten zien hoe de afzonderlijke elementen waaruit de Kolobok bestaat tijdens het lopen bewegen, kijken we naar de figuur, die de loopcyclus toont in de modus Onion Skinning (overtrekpapier). Vanaf afb. 15 is te zien dat tijdens het lopen niet alleen zijn armen en benen bewegen, maar bijna alle elementen waaruit hij bestaat. In dit geval worden alle elementen geanimeerd in de automatische bewegingsanimatiemodus (Motion Tweening) en worden alleen de handen (of beter gezegd de lijnen die de handen met het lichaam verbinden) geanimeerd in de automatische Shape Tweening-animatiemodus (in figuur 8). , deze animatie bevindt zich in de lagen Laag 5 en Laag 7).

In afb. Figuur 16 laat zien hoe animatie ontstaat wanneer het personage naar links beweegt.

Dit omvat veel van dezelfde gemeenschappelijke elementen die worden gebruikt bij het animeren van de neerwaartse beweging van een personage.

De bewegingen van Kolobok worden op dezelfde manier geanimeerd wanneer hij naar rechts en omhoog beweegt.

Om de bewegingen van het personage te diversifiëren, worden verschillende periodiek herhaalde gebaren toegevoegd. Kolobok legt bijvoorbeeld tijdens het lopen zijn hand op zijn voorhoofd of schudt, kijkend naar de kijker, met zijn vinger (fig. 17).

De belangrijkste bewegingsopties voor Kolobok zijn te zien in deze video.

Sommige karaktergebaren verschijnen als reactie op de acties van de speler. Als de speler bijvoorbeeld lang nadenkt, begint het broodje te geeuwen. Als het antwoord onjuist is, fronst het personage zijn wenkbrauwen van ongenoegen, enz.

Om beter te begrijpen hoe dit personage wordt geanimeerd, kunt u het bronfla-bestand raadplegen.

Avatar voor de site

Vaak helpt een personage dat met een bezoeker communiceert een website tot leven te brengen.

Het eenvoudigste voorbeeld is het testen op een website, waarbij naast verbale opmerkingen (of in plaats daarvan) het resultaat van het antwoord wordt beoordeeld door de stemming van de avatar weer te geven.

Laten we eens kijken naar een voorbeeld van het maken van zo'n personage.

In de beginfase werden de gemoedstoestanden van de held geselecteerd die bij het script betrokken moesten worden, en de kunstenaar maakte de bijbehorende schetsen (Fig. 18).

Vervolgens zijn de afbeeldingen afgewerkt in Photoshop. Tegelijkertijd werd een sjabloon gemaakt met constante gezichtscontouren, waarin de kenmerken werden ingevoegd die nodig waren om een ​​bepaalde stemming over te brengen. Tegelijkertijd veranderde ook de huidskleur (Fig. 19). Hierna werd de volgende interactieve video gemaakt in Flash. In deze video hebben we slechts zes frames weergegeven, dat wil zeggen dat we slechts een deel van de afbeeldingen in figuur 1 hebben gebruikt. 18. Maar om het principe te begrijpen is dit voldoende. Laten we eens nader bekijken hoe je zo'n video kunt maken. In het eerste frame plaatsen we op commando de afbeelding van het gezicht ‘verdrietig’.

Bestand => Importeren=> Importeren naar fase en converteer het vervolgens naar een vectorvorm met behulp van de opdracht Wijzigen=> Bitmap=> Bitmap traceren

Vervolgens schrijven we, met betrekking tot het eerste frame, een regel code

stop();

Het tweede en volgende frame worden gemaakt met de opdracht Keyframe invoegen. Met deze opdracht worden op elk invoerframe alle elementen uit het vorige frame gemaakt, dus het enige dat we hoeven te doen is de afbeelding vervangen door de volgende gezichtsuitdrukking.

Voor een meer gedetailleerd overzicht van deze video kunt u het origineel raadplegen