Hoe Flash-animatie te maken. Hoe u uw eigen animatie kunt maken
Als een vriend een grappige animatie met dieren stuurt, wil ik hem hetzelfde korte grappige fragment uit het leven van dieren laten zien. Maar video is veel langer en ‘zwaarder’ voor internetverkeer. Hoe heten deze cartoonachtige documenten? Stille fragmenten van favoriete momenten uit video's en tv-series - dit is gif-animatie, of, zoals het op internet wordt afgekort, gif. Waar komt deze naam vandaan en met dat meest interessante moment uit de video? Het is tijd om erachter te komen!
GIF-animatie: wat is het?
Het .GIF-formaat, wat staat voor Graphic Interchange Format, is een compact grafisch bestand waarvan de eigenschappen de mogelijkheid omvatten om animaties en transparante achtergronden te creëren. Dit werd populair tijdens de uitbreiding van de internetdekking, toen gebruikers 'lichte' afbeeldingen moesten uitwisselen die niet veel tijd nodig hadden om te laden en tegelijkertijd wordt GIF-animatie gebruikt bij het ontwerpen van websites, in berichten, blogs als een manier om de emotionele toestand van de auteur over te brengen. Waar komen ze vandaan en hoe maak je GIF's? Eerste dingen eerst.
GIF-animatiebanken
- Tumblr.
- Pinterest.
- GIPHY.
- Reddit.
- ReactieGifs.
- Gifs.net.
Hoe maak je gifs op VKontakte?
Om GIF's te maken en deze naar je VKontakte-vrienden te sturen, heb je geen speciale kennis of vaardigheden nodig. Het is uiterst eenvoudig! Door sites te gebruiken die gevuld zijn met GIF-inhoud, kunt u eenvoudige manipulaties uitvoeren en interessante animaties aan uw pagina en berichten toevoegen. Dus hoe maakt VK een GIF? De procedure is als volgt:
- Selecteer of maak een animatie. Het artikel zal je iets later vertellen hoe je GIF's kunt maken. Na het selecteren moet u de afbeelding in het computergeheugen opslaan.
- Upload een afbeelding. Aan de linkerkant van het hoofdmenu bevindt zich een knop "Documenten". Nadat u naar het contextmenu bent gegaan, moet u op de knop "Document toevoegen" klikken en een bestand selecteren.
- GIF geladen! Nu kun je het toevoegen aan berichten, reacties en prikbordberichten.
Het is duidelijk dat er niets ingewikkelds is in deze reeks acties. U kunt het rustig aan doen en GIF's rechtstreeks in uw berichten laden met behulp van de knop Bijvoegen. Vervolgens moet je ook een bestand op je computer selecteren, waarna de gif automatisch in het berichtveld wordt geladen.
GIF van een gewone foto
Van een foto? Het enige dat u hoeft te doen, is onlinediensten gebruiken om geanimeerde afbeeldingen te maken. Om een GIF te maken, moet je verschillende afbeeldingen in acceptabele formaten naar de site uploaden, parameters instellen zoals framehoogte en -breedte, afbeeldingspositionering, de snelheid waarmee afbeeldingen van elkaar veranderen, de juiste volgorde configureren van frames die elkaar vervangen, en proporties opbouwen. Dergelijke programma's zijn veel handiger voor de gemiddelde persoon, omdat er geen lange installatie en het leren van een nieuw programma nodig is. Het kost letterlijk een minuut tijd en een paar klikken - en het doel is bereikt! U kunt de afbeelding uploaden naar een sociaal netwerk. Een van die online diensten is Gifmaker.me.
Hoe u uw eigen GIF-animatie kunt maken
Ondanks de enorme verzameling geanimeerde afbeeldingen op het wereldwijde netwerk, wil je soms iets unieks maken, bijvoorbeeld een deel van je eigen video omzetten in animatie. Er zijn een aantal programma's die de gemiddelde persoon snel en zonder onnodig gedoe helpen begrijpen hoe je GIF's kunt maken van verschillende video's of fotocollages. Een programma zoals Active GIF Creator helpt u bijvoorbeeld bij het maken van GIF-animaties van foto's en afbeeldingen (het hulpprogramma moet op uw lokale computer zijn geïnstalleerd). De volgende toepassingen zijn beschikbaar om GIF's van verschillende video's te maken:
- Met het Loogics-programma kunt u korte animaties maken van video's die op YouTube zijn geplaatst.
- Makeagif kan ook korte animaties maken van YouTube-video's, en weet ook hoe GIF's moeten worden gemaakt met behulp van een webcam of van een voltooide video.
- GIFPal kan de voltooide animatie onder andere versieren met verschillende effecten.
GIF's maken met Photoshop
Mensen zijn vaak geïnteresseerd in het maken van een GIF in Photoshop. Het is mogelijk. Het is voldoende om het videobestand in het programma te importeren (Importeren->Videoframes naar lagen). Vervolgens moet u de te converteren passage selecteren (u kunt het hele bestand selecteren). De video wordt opgesplitst in veel afzonderlijke afbeeldingen, die in lagen worden gerangschikt. De framesnelheid wordt onderaan elke afbeelding aangegeven. Hoe hoger het getal, hoe langzamer en rustiger de animatie zal zijn. Om een bestand in een lus te plaatsen, hoeft u alleen maar het selectievakje Forever in te schakelen. Om overtollige gebieden af te snijden, moet u de hoofdzone selecteren en het vakje Bijsnijden aanvinken. Wanneer u klaar bent met bewerken, moet u het bestand opslaan en niet vergeten het .gif-formaat te markeren. In de toekomst kan het voltooide bestand worden geïmporteerd in sociale netwerken en in blogs worden ingevoegd.
Animatie maken– een interessant en spannend proces, vooral als je helder en effectief bent lessen. De lijst met instructies van vandaag is precies dat.
Door de opgedane kennis in de praktijk toe te passen en stap voor stap het advies van de auteur op te volgen, leert u eenvoudig hoe u animaties van verschillende complexiteit kunt maken in Adobe After Effects. De lessen zijn meer bedoeld voor gevorderde gebruikers die al enige vaardigheden hebben in het maken van animaties en bekend zijn met de functionaliteit en tools van het programma. Natuurlijk zullen beginners ook veel nuttige en ongewone dingen voor zichzelf vinden en nog meer kunnen leren over het ongelooflijke potentieel van Adobe After Effects!
Salaris voor bewegingsontwerper vanaf $ 1000 per maand. Volg de cursus terwijl u op de bank zit:
Als je op zoek bent naar eenvoudige en duidelijke lessen, dan is deze cursus iets voor jou. Het omvat 33 lessen, die elk betrekking hebben op het maken van animaties van verschillende complexiteit en type. Je maakt beroemde personages en verschillende objecten met behulp van programmafuncties en verschillende ontwerprichtingen. Na het voltooien van de cursus heb je een grote verscheidenheid aan werk om aan je portfolio toe te voegen, wat vooral belangrijk is als je commerciële animatie als carrière wilt nastreven.
Bovendien kunt u, op basis van de opgedane kennis, uw vaardigheden verder ontwikkelen, omdat de cursussen het vertrouwd maken met de basistools van Adobe After Effects en het consolideren van verworven vaardigheden omvatten. Mee eens, dit is een uitstekende ‘basis’ voor het ontdekken van je talenten en verdere zelfontwikkeling.
Bijna elke les begint met beschrijvingen van de werkruimte van het programma, en hoe u op de juiste manier een nieuw project kunt maken en configureren. De auteur vertelt gedetailleerd over de nuances van de installatie, tools en lifehacks - de informatie zal worden gewaardeerd door zowel beginners als meer ervaren gebruikers.
InhoudsopgaveHoe maak je een Rick en Morty-animatie?
Hoe maak je een animatie met pseudo-3D-rotatie?
Een animatie maken van een zwevende robot.
Hoe maak je een animatie van een theezakje?
Hoe maak je een ridderanimatie?
Hoe maak je een animatie van het opstijgen van een laptop?
Hoe maak je een animatie met een konijn op een wolk?
Hoe maak je een pinguïnanimatie?
Hoe maak je een weerwisselanimatie?
Hoe maak je animatie met Gravity Falls-personages?
Hoe maak je ruimteanimatie in Adobe After Effects?
Hoe maak je een animatie van een hond?
Laten we het huiswerk regelen.
Hoe maak je een animatie van een kinderbloempot?
Hoe maak je een animatie met morphing?
Hoe maak je een animatie met een vuurtoren?
Hoe maak je een visanimatie?
Hoe maak je een animatie met rugbythema?
Hoe maak je een animatie van een chef-kokkat?
Hoe maak je een animatie uit de cartoon “De andere kant van de heg”?
Hoe maak je een animatie met een burger en Japanse eetstokjes?
Hoe maak je een Scary Roll-animatie?
Hoe maak je een animatie van kaarsen?
Hoe maak je een pseudo-3D midi-toetsenbordanimatie in After Effects?
Hoe maak je een astronautenanimatie?
Hoe maak je een animatie van een saxofonist?
Hoe maak je een animatie met een muis en een koelkast?
Hoe maak je een animatie met kwallen?
Hoe een vliegtuig animeren?
Hoe een auto animeren?
Hoe maak je een animatie met isometrie?
Hoe maak je een animatie van een schaamteloze kat?
Hoe maak je een animatie met een UFO?
Les 1
Hoe maak je een Rick en Morty-animatie?
Adobe After Effects is een geweldig hulpmiddel voor diegenen die geïnteresseerd zijn in beweging en animatie. De mogelijkheden zijn eindeloos en helpen je veel creatieve GIF's van elke complexiteit te maken. Door deel te nemen aan de cursus, leert u vanaf de allereerste les hoe u kunt leren werken in Adobe After Effects CC 2017. In de eerste les zal de auteur u laten zien en vertellen hoe u geanimeerde karakters Rick en Morty kunt maken, gebaseerd op een eenvoudige illustratie van internet. Je kunt dezelfde vinden, of je eigen schets maken. Vanaf de eerste les leert u ook hoe u de werkruimte voor uzelf kunt aanpassen, welke hulpmiddelen u in de beginfase nodig heeft, hoe u een nieuw project kunt maken, bestanden kunt openen, ze uit Photoshop kunt importeren en nog veel meer.Les 2
Hoe maak je een animatie met pseudo-3D-rotatie?
In de les wordt veel aandacht besteed aan de voorbereidende fase. Op basis van de referentie creëerde de auteur een eigen animatie met een pseudo-effect, die hij vervolgens in de les stap voor stap afbreekt. Je begrijpt waarom de voorbereidende fase belangrijk is en hoe deze verloopt, hoe je van een schets een volwaardig object kunt maken en nog veel meer. Bovendien gebruikt u tijdens het proces nieuwe hulpmiddelen: linialen, proportioneel raster en vergrootglas. Met hun hulp leer je het midden van het vel bepalen. De auteur zal ook vertellen wat een animatiestap is, hoe je het aantal frames per seconde berekent en hoe je de parameters van een ander bestand in het programma bekijkt. Dankzij de les leer je over een nieuwe benadering van animatie en kun je originele gifs maken, ook voor commerciële projecten.Les 3
Een uitstekende tutorial voor beginners die ook nuttig zal zijn voor ervaren gebruikers. De eigenaardigheid van de instructies is om animatie helemaal opnieuw te maken, wat vooral belangrijk is voor mensen die het Adobe After Effects-programma voor de eerste keer zien, maar animatie willen leren. Net als in eerdere lessen werken we in Adobe After Effects CC 2017, waarbij we de illustratie in lagen parseren, die we vervolgens gaan animeren. Uit de les leer je ook wat maskers zijn, contouren, hoe je objecten met elkaar verbindt, wat snappen is, een tijdlijn, hoe je een compositie vergroot. Tegelijkertijd deelt de auteur verschillende trucs voor professionals, legt hij de voordelen van sneltoetsen uit en ontwikkelt hij zijn eigen ervaring om het proces van het maken van animaties te optimaliseren.
Les 4Hoe maak je een animatie van een theezakje?
Een interessante animatie die gebruikt kan worden in commerciële projecten, bijvoorbeeld voor een video voor een theewinkel of café. De auteur zal gedetailleerd ingaan op de werkgebieden, vertellen waar en welke tools zich bevinden, hoe het werkscherm eruit ziet en hoe u het voor uzelf kunt aanpassen. Hij zal gedetailleerd ingaan op het venster "Project", hoe u het configureert en wat elk item betekent. U leert hoe u een nieuw project helemaal opnieuw kunt maken en configureren. Welke punten moeten worden aangepakt, welke instellingen zijn belangrijk. Wat is een “Preset” en welke moet ik kiezen? We kijken ook naar de Duration-parameters en hoe u deze kunt berekenen. Wat zijn 25 frames per seconde? Waarom is dit belangrijk en wat is het geheim van vloeiende animaties. Als basis nemen we tekeningen van internet.
Les 5Hoe maak je een ridderanimatie?
De eigenaardigheid van de les is dat je animatie helemaal opnieuw maakt. We consolideren de vaardigheden en kennis die we in eerdere lessen hebben verworven, en verbeteren deze ook. De instructies zijn perfect voor gevorderde gebruikers van het programma, maar zullen ook interessant zijn voor beginners die iets voor zichzelf willen benadrukken, de theoretische basis willen uitbreiden en meer mogelijkheden van het programma willen openen. De auteur onthult de kenmerken van het programma, helpt het proces te optimaliseren met behulp van sneltoetsen en legt ook in detail uit waarom u alleen de Engelse versie van het programma zou moeten gebruiken, en wat het verschil is met de versie die in het Russisch is vertaald. Na de les krijg je een animatie van een ridder met pijlen, die je aan je portfolio kunt toevoegen.
Les 6Hoe maak je een animatie van het opstijgen van een laptop?
Deze keer maken we een ongebruikelijke animatie in een originele stijl. Als bron kunt u werken van internet gebruiken of uw eigen schetsen maken en deze in Illustrator tekenen. Importeer het illustratorbestand in het programma voor verder werk. Met het bronbestand als voorbeeld laat de auteur zien hoe u bestanden correct in het programma importeert en welke optie u moet kiezen: beeldmateriaal of compositie. U leert het verschil tussen de twee en waarom u de optie Compositie zou moeten kiezen (de lagen moeten worden gescheiden om ze gemakkelijk te kunnen bewerken). De auteur zal ook andere trucs onthullen en laten zien hoe je animaties van ‘vliegende’ objecten kunt maken. Een geweldige optie voor een commercieel project of als portfolioproject.
Les 7Hoe maak je een animatie met een konijn op een wolk?
Laten we een schattige animatie tekenen: een konijn op een wolk. Naast volledige stapsgewijze instructies met een analyse van de parameters, nuances en kenmerken van het programma, leert u ook waarom het beter is om de Engelse versie van het programma te gebruiken. Bovendien vertelt de spreker wat de verschillen zijn tussen de Engelse en de Russische versie, en waarom professionals de eerste optie installeren. Ook leer je op welke vensters je eerst moet letten, wat Project is en waarvoor het nodig is. De auteur zal u laten zien en vertellen wat een submenu is en wat het inhoudt. Laten we het in detail hebben over de compositie, het maken van een nieuw project, het importeren van bestanden en de kenmerken van het proces. Ook leert u waar u onlangs geopende bestanden kunt zoeken. In de les leert u hoe u tijd kunt besparen tijdens het werken, het proces kunt optimaliseren en andere lifehacks kunt uitvoeren. De auteur zal ook praten over de verborgen mogelijkheden van het programma. Andere onderwerpen: het belang van basiskennis, sneltoetsen, codering, groepen hulpmiddelen voor navigatie, beweging, objecten of teksten maken, retoucheren. We creëren actief verschillende geometrische objecten en consolideren ook vaardigheden in navigatiehulpmiddelen (vergrootglas, hand, enz.)
Les 8Hoe maak je een pinguïnanimatie?
We besteden speciale aandacht aan het voorbereidende werk, maken nog gedetailleerder kennis met de werkbalk (als vervolg/aanvulling op de vorige les). We tekenen een schets in het programma voor toekomstige animatie. In het leerproces gebruiken we zowel eenvoudige als complexere hulpmiddelen. We consolideren onze vaardigheden en bouwen basisanimaties met behulp van eenvoudige geometrische vormen. Je leert ook tekenen, details toevoegen en geanimeerde elementen maken met behulp van de tijdlijn. Laten we de tijdlijn eens nader bekijken: wat het is, hoe we deze kunnen vergroten, configureren, enz. We bespreken lagen, hun eigenschappen (je kunt verbergen, laten staan, blokkeren), en het hernoemen van een laag. Je leert ook hoe je objecten kunt blokkeren, welke vorm objecten hebben en hoe je kleuren kunt veranderen.
Les 9Hoe maak je een weerwisselanimatie?
De nadruk van de les ligt vooral op de mogelijkheden van sneltoetsen. We tekenen complexere – veelhoekige – vormen en elementen in het programma. Laten we kennis maken met gerelateerde technieken, de tool "Grid" gebruiken en kennis maken met de functies ervan. De auteur laat je zien waar je deze tool kunt zoeken, hoe het werkt met vullen, en creëert aanvullende elementen die we in animatie zullen gebruiken. Wij werken met de achtergrond en effecten. Het resultaat is dat je een vrij eenvoudige maar effectieve animatie krijgt, gebouwd op basis van de beweging van veel identieke elementen die soepel en tegelijkertijd in het frame moeten verschijnen. Op basis van de verworven vaardigheden kun je nog complexere animaties maken op basis van vergelijkbare technieken, waardoor je mogelijkheden aanzienlijk worden uitgebreid.
Les 10Hoe maak je animatie met Gravity Falls-personages?
Een hele coole les gewijd aan de zeer populaire personages uit de tekenfilm Gravity Falls - Mabel en Dipper Pines. Het bijzondere van de les is dat we alleen individuele, kleine elementen van de tekening hoeven te animeren. U kunt uw eigen afbeelding als basis gebruiken of een bron van internet selecteren. Laten we een pre-compositie maken. We gebruiken punten en passen deze aan om bepaalde elementen van de foto te fixeren en daardoor een deel van de foto bewegingloos te maken. Animatie toevoegen aan de tijdlijn. Wijzig de instellingen om het gewenste animatie-effect te krijgen. We houden rekening met concepten als energie en vloeiende bewegingen, stellen de juiste framesnelheid in om het beeld vloeiend te maken. De auteur zal je vertellen waarom dit belangrijk is, en welke framesnelheid werd gebruikt in moderne games, klassieke Disney-animaties en films.
Les 11Hoe maak je ruimteanimatie in Adobe After Effects?
Les 12Hoe maak je een animatie van een hond?
We zetten een vectorafbeelding van een hond, eerder gevonden op internet, om in animatie. Om de les uit te voeren, kunt u uw eigen tekeningen uit Adobe Illustrator gebruiken. De auteur beschrijft in detail de belangrijkste tools en werkgebieden van het programma, waarbij hij bij elk punt stilstaat. Hierdoor leert u de kenmerken van de toolkit kennen. Daarnaast leer je vanuit de les wat een Ankerpunt of ankerpunt (een geselecteerd framepunt) is, waar het voor dient en hoe het werkt. We zullen de pen gedurende de hele les als belangrijkste hulpmiddel gebruiken om een nieuwe, belangrijke vaardigheid te verwerven en te consolideren. Ook laat de auteur zien hoe je met schalen werkt, wat dekking is, rotaties en nog veel meer.
Les 13Laten we het huiswerk regelen.
De les zal nuttig zijn voor degenen die het huiswerk van andere deelnemers aan de cursus willen evalueren, iets nieuws willen leren en willen leren van fouten en werkvoorbeelden. De auteur van de cursus analyseert het werk van de secties van de cursus en wijst op onnauwkeurigheden, tekortkomingen en fouten. Terwijl je de video bekijkt, hoor je veel nuttige tips, trucs op het gebied van ontwerp, stijlen, en leer je ook je eigen werk te evalueren op basis van de kwaliteit van de uitvoering, creativiteit en vanuit technisch oogpunt. Een uitstekende vaardigheid voor verdere ontwikkeling, die je in de toekomst zeker van pas zal komen - op weg naar het verbeteren van je vaardigheden en het opdoen van nieuwe kennis.
Les 14Hoe maak je een animatie van een kinderbloempot?
Laten we een schattige en vrij eenvoudige illustratie animeren. U kunt het ontwerp vooraf tekenen in Abode Illustrator of een schets maken in het Adobe After Effects-venster. We nemen elke tekening als basis - die van ons of van internet, en selecteren een of meer bronnen. Dankzij de les leren we niet alleen individuele details van de tekening te animeren, maar ook aanvullende elementen, bijvoorbeeld windstoten, die ongebruikelijkheid en "frisheid" aan de animatie zullen toevoegen. In de toekomst kan een dergelijke functie in een groot aantal verschillende projecten worden gebruikt.
Les 15Hoe maak je een animatie met morphing?
Het doel van de les is om leerlingen kennis te laten maken met een effect als morphing, voorbeelden te laten zien en ook te leren hoe ze een soortgelijk effect in het werk kunnen implementeren. Kortom, morphing is een technologie in animatie of het visuele effect van het transformeren van het ene object in het andere. Het is noodzakelijk dat het object soepel transformeert, het oog niet "beschadigt" en er stijlvol en interessant uitziet. Een soortgelijke functie kan later worden gebruikt in televisiefilms of speelfilms, maar ook in tv-commercials. Morphing wordt vaak gebruikt in superheldenfilms of sciencefictionfilms. De auteur zal laten zien hoe je zo'n visualisatie kunt maken op basis van eenvoudige objecten.
Les 16Hoe maak je een animatie met een vuurtoren?
Wij werken met een tekening gemaakt in Adobe After Effects. Wij nemen onze eigen ideeën of referenties als basis. U kunt ook een afbeelding tekenen in Illustrator en deze vervolgens in ons programma importeren. We creëren een project met verschillende animatie-elementen. Het belangrijkste element is een vuurtoren die de kust verlicht met een lamp die in een cirkel beweegt. Het tweede element van de animatie zijn de fonkelende sterren. De auteur zal je ook vertellen wat toetsen zijn en hoe je ze moet gebruiken bij het maken van animaties om precies het gewenste effect te krijgen. Tegelijkertijd geeft hij verschillende tips, vertelt hij over de praktijk van motion design en deelt hij trucs.
Les 17Hoe maak je een visanimatie?
Les 18Hoe maak je een animatie met rugbythema?
Originele animatie met een uniek perspectief op een sportthema is een geweldige optie voor degenen die van plan zijn games te ontwerpen of graphics te maken voor commercieel gebruik, gespecialiseerd in sportevenementen. De les zal gewaardeerd worden door zowel beginners als ervaren gebruikers die “frisheid” aan hun werk willen toevoegen of een nieuwe aanpak willen vinden. De auteur laat zien hoe je vanuit het niets een animatie kunt maken, en vertelt ook over de basisprincipes: tools. Voor animatie gebruiken we een kant-en-klare illustratie; u kunt deze helemaal zelf maken of referenties op internet zoeken en in Illustrator tekenen. Het is ook noodzakelijk om de illustratie in lagen op te delen, zodat u met elk ervan afzonderlijk kunt werken.
Les 19Hoe maak je een animatie van een chef-kokkat?
Leuke animatie gebaseerd op een tekening. U kunt uw eigen illustratie of referenties van internet gebruiken. U kunt de basis ook maken in Abode Illustrator of After Effects. De les is gewijd aan het stapsgewijs maken van een animatie van een chef-kokkat. De auteur analyseert ook de tijdlijn in detail, waarbij elke functie en kenmerk wordt uitgelegd. Je leert bijvoorbeeld hoe je de lijngrootte kunt wijzigen, wat laagtransparantie is en andere trucs. Ook zal de auteur zich concentreren op de basis, waardoor de luisteraar de kans krijgt zijn kennis op te frissen en aan te vullen. Naast de theorie consolideren we alle verworven vaardigheden in de praktijk. Na de les heb je een geanimeerde kat in je portfolio, die een ideaal personage zal zijn voor een commercieel project (het ontwerpen van een restaurantwebsite of een caféreclame).
Les 20Hoe maak je een animatie uit de cartoon “De andere kant van de heg”?
Deze keer zullen de personages uit de vrij bekende animatieserie 'On the Other Side of the Fence' de basis voor onze animatie vormen. Als basis gebruiken wij een GIF van internet. De les is gericht op het consolideren van de vaardigheden die in eerdere lessen zijn verworven, en op het verwerven van nieuwe theoretische kennis. Bijzondere aandacht wordt besteed aan de tijdlijn en het gebruik van sleutels. Daarnaast maken we actief gebruik van het concept bewegingssnelheid, passen dit aan en veranderen het indien nodig. We zullen werken aan de achtergrondanimatie en positieparameters. De auteur zal je ook vertellen hoe een ervaren meester verschilt van een beginner, en analyseert in detail de animatie die als basis heeft genomen. Je leert ook hoe je de elementen van een gif aanvult, hoe je deze omzet in vormen en contouren, wat een masker is, hoe je het tekent en waarom het nodig is. Hoe u fouten en tekortkomingen kunt corrigeren.
Les 21Hoe maak je een animatie met een burger en Japanse eetstokjes?
We diversifiëren ons portfolio met origineel werk. Deze keer zetten we de burger en Japanse eetstokjes in beweging. We maken de tekening onmiddellijk in het programmavenster. Het is vrij eenvoudig en daarom kost de voorbereiding niet veel tijd. Daarna gaan we verder met animatie. We maken een nieuw project aan en configureren het, rekening houdend met de kenmerken van de opties. Verander de achtergrond naar wens. We gebruiken actief sneltoetsen, passen de positie aan en kunnen de framesnelheid wijzigen. De auteur vertelt meer in detail over een dergelijk concept als vormen. Wat zijn ze, hoe kun je ze maken en gebruiken. Herziening van selectiehulpmiddelen, sleutels, zorgvuldige studie van de beweging van objecten. Daarnaast leer je waarom je beter een Engelstalig programma kunt gebruiken.
Les 22Hoe maak je een Scary Roll-animatie?
Vandaag maken we een grappige animatie met een bange rol. Ongebruikelijk werk met een wow-effect dat zowel professionals als beginners zal aanspreken, vooral als je aan een portfolio werkt en iets heel origineels wilt toevoegen. Animatie is gebaseerd op cyclische beweging, dat wil zeggen de herhaling van een reeks combinaties van bewegingen. Wij werken met voorbereide tekeningen in Abode Illustrator. Je kunt personages ook rechtstreeks in After Effects tekenen. We importeren het bestand, let op de instellingen. We maken ook een nieuw document aan, rekening houdend met de instellingen. We maken actief gebruik van de tijdlijn en werken ook met lagen, waarbij we submenu's en laagopties bestuderen. Je leert wat paden zijn, hoekpunten, hoe je met vullingen werkt en nog veel meer.
Les 23Hoe maak je een animatie van kaarsen?
Dynamische en grappige animatie van twee kaarsen, waarvan er één brandt en de andere dooft. Het bijzondere zit hem niet alleen in de dynamiek, maar ook in de verandering van achtergrond tijdens beweging. De auteur begint met de basisparameters en het werkvenster van het programma, en gaat vervolgens verder met het maken van animaties. Hij vertelt over presets, compositie en andere basisinstellingen. Uit de les leer je veel praktische tips en lifehacks, en maak je ook een mooie en heldere GIF voor je portfolio.
Les 24Hoe maak je een pseudo-3D midi-toetsenbordanimatie in After Effects?
Het onderwerp voor de les was een interessante computertechnologie genaamd pseudo-driedimensionaliteit. Pseudo 3D zijn grafische afbeeldingen die een driedimensionale spelruimte proberen te imiteren, maar dat is het niet. Een soortgelijk effect wordt vaak gebruikt in computerspellen. Een voorbeeld van deze aanpak is het bekende spel Doom. Dit is precies wat we gaan bestuderen! De auteur zal vertellen en laten zien hoe je toetsenbordanimatie kunt maken met behulp van pseudo-3D. De les zal vooral interessant zijn voor degenen die van plan zijn hun toekomstige werk te verbinden met gamingtechnologieën of computerspellen. In de toekomst zul je met deze functie complexere animaties kunnen maken.
Les 25Hoe maak je een astronautenanimatie?
We maken een GIF met een astronaut in een ruimtepak die zich door de ruimte beweegt tegen de achtergrond van de planeet. We werken met de achtergrond en kleine details, waardoor een vloeiend beeld ontstaat met verschillende bewegende elementen. We blijven werken met de tijdlijn en consolideren onze vaardigheden. We beginnen ook lagen en instellingen nader te bekijken. De auteur laat en vertelt in detail hoe je met het programma moet werken, wat er moet gebeuren om dit of dat effect te krijgen. Ook beantwoordt hij gelijktijdig vragen van webinardeelnemers.
Les 26Hoe maak je een animatie van een saxofonist?
Het onderwerp van de les is het maken van animaties in collagestijl met geluid. Eerst moeten we de materialen voorbereiden waaruit we een collage gaan maken. Je moet ook een foto kiezen als basis voor de illustratie. Het is ook nodig om een video te vinden van saxofonisten die optreden om hun bewegingen te herhalen en de animatie natuurlijker te maken. We tekenen in Abode After Effects, waardoor er veel lagen ontstaan. Dit maakt het voor ons gemakkelijker om de collage te animeren. U kunt ook Photoshop-bestanden gebruiken. Dit alles en nog veel meer wordt duidelijk gedemonstreerd door de auteur van de cursus. Tegelijkertijd beantwoordt hij ook vragen van cursisten.
Les 27Hoe maak je een animatie met een muis en een koelkast?
“Hoe de muis zichzelf in de koelkast hing” - we creëren een complexe animatie met een karakteristieke bungelende muis en een pop-upkoelkast op basis van vectorafbeeldingen. We werken met ruimte, tekenen extra elementen (koelkast, vloer, muren). U kunt meer details toevoegen of het laten zoals in het voorbeeld. Vervolgens gaan we dieper in op de details, terwijl we tegelijkertijd de sneltoetsen en basishulpmiddelen onthouden. Je leert ook hoe je composities maakt, deze aanpast, werkt met de laag en de instellingen ervan. Qua complexiteit is de les meer geschikt voor gevorderde gebruikers of voor degenen die deze cursus vanaf de eerste les volgen.
Les 28Hoe maak je een animatie met kwallen?
Als idee voor de les gebruiken we een gif - een frame uit een film, dat we omzetten in vectorafbeeldingen. Het moeilijkste element is de kwal; we werken ook aan andere elementen: een deel van de kamer en karakters. De belangrijkste functies, kenmerken en hulpmiddelen van het programma worden kort behandeld, net als in voorgaande lessen. Het bijzondere van de les is om de beweging van kwallen langs een bepaald traject te laten zien. De auteur zal u laten zien en vertellen hoe u dit idee kunt implementeren, zodat de bewegingen zo natuurlijk en soepel mogelijk zijn. Ook ziet u precies welke toetsen de auteur van het webinar gebruikt, waardoor uw sneltoetsvaardigheden worden versterkt.
Les 29Hoe een vliegtuig animeren?
We beginnen met een overzicht van de basiszaken - we werken via de basistools, creëren een nieuw project (nieuw document), werkvensters. In het programma tekenen we de basis helemaal opnieuw. U kunt ook Illustrator gebruiken en deze vervolgens in After Effects importeren. We stellen een nieuw document op en beginnen met tekenen, zodat we de afbeelding kunnen animeren. We besteden speciale aandacht aan de soepele beweging van de gif, waarbij we de Rate-parameters aanpassen om het gewenste effect te bereiken. Tegenwoordig werken we met 14 frames per seconde, vergelijkbaar met films. Wij kijken naar het resultaat, corrigeren tekortkomingen en passen het project aan. We werken ook met de vliegbaan, met objecten die verder gaan dan het vel. We gebruiken een pen en ander gereedschap.
Les 30Hoe een auto animeren?
Als basis voor animatie kiezen we een complex element: een auto. We gebruiken een driedimensionaal beeld met tonen en halftonen, die we vervolgens in beweging brengen. De tekening kan in Illustrator of rechtstreeks in het After Effects-venster worden gemaakt. Als basis nemen wij elke schets of foto van internet. Ook tijdens het proces hebben we verschillende texturen nodig, bijvoorbeeld glas en patroon. Laten we een algemeen beeld vormen. Tijdens het werkproces ‘binden’ we de elementen aan elkaar en werken we ook met ankerpunten, zetten ze op en controleren ze, waarbij we het aantal frames per seconde aanpassen. We voeren bijna alle opdrachten uit met behulp van sneltoetsen om ze te onthouden en het werkproces te versnellen.
Les 31Hoe maak je een animatie met isometrie?
Isometrics is een originele techniek op basis waarvan je niet alleen illustraties, maar ook animaties kunt maken. Het is dit laatste dat je gaat doen, waarbij je leert hoe je met deze techniek elementen van de banksector (plastic kaarten en munten) kunt creëren. Dergelijke animaties kunnen worden gebruikt in commerciële projecten, bijvoorbeeld om de website van een bank of een financiële organisatie te ontwerpen. Dus waarom zou u uw portefeuille niet diversifiëren met dit voorbeeld! Afbeelding in isometrische projectie is een geweldige optie om je vaardigheden te laten zien en aan je vaardigheden te werken.
Les 32Hoe maak je een animatie van een schaamteloze kat?
Les 33Hoe maak je een animatie met een UFO?
De laatste les van de cursus, waarin je een vliegende schotel gaat maken met een balk. We beginnen met een overzicht van het werkscherm en de belangrijkste functies van het programma, daarna gaan we verder met het maken van een GIF. We consolideren alle vaardigheden en kennis die we in eerdere lessen hebben verworven, namelijk: we werken met lagen en hun mogelijkheden, bewerken de achtergrond, zetten animaties op en passen de bewegingssnelheid aan met behulp van de tijdlijn. We hebben ook de compositie opgezet, het programma ingetekend met een pen en andere hulpmiddelen en verschillende effecten in animatie ingesteld. Na de hele cursus Abode After Effects bevat je portfolio meer dan 30 volwaardige voorbeelden van werk, animatie met een UFO is daar een van.
Eerder op de site hebben we gekeken naar versies van derden, maar de meeste kunnen eenvoudig gewone Photoshop vervangen. Met behulp hiervan kunnen geanimeerde GIF-bestanden vrij eenvoudig en snel worden gemaakt. Ze bestaan meestal uit meerdere afbeeldingen (frames), die, wanneer ze stap voor stap worden gewijzigd, het eindresultaat vormen. Vandaag zullen we proberen dit probleem van A tot Z zo gedetailleerd mogelijk te bekijken:
De onderstaande schermafbeeldingen zijn afkomstig uit Photoshop CC, maar het werken met GIF-animatie in CS6 en andere versies van het programma is vergelijkbaar, plus of min. Misschien zullen de visuele hulpmiddelen iets anders zijn, maar over het algemeen zijn het principe en het algoritme van acties vergelijkbaar. Denk bijvoorbeeld eens aan de triviale taak van het maken van een GIF-animatie in Photoshop van foto's die elkaar vervangen. Onlangs heb ik met behulp van deze gids een gif gemaakt over mijn avonturen voor de laatste post voor 2016 op mijn persoonlijke blog.
Het proces duurde letterlijk 5-10 minuten. Het belangrijkste hier is om alle stappen zorgvuldig te volgen. Aan het einde van het bericht vindt u een Engelstalige video-tutorial over dit onderwerp.
GIF-animatieafbeeldingen toevoegen in Photoshop
Het eerste dat u hoeft te doen, is alle afbeeldingen/foto's die aan de animatie zullen deelnemen, in de grafische editor laden. Voeg ze toe aan één project in verschillende lagen - dit zijn de frames voor het resulterende GIF-bestand. Controleer de grootte van de afbeeldingen en hun weergave, zodat alles naar wens is. Lagen kunnen worden verborgen (met behulp van het oogpictogram links van de laag) om alle objecten te bekijken.
In het midden van dit paneel bevindt zich een vervolgkeuzelijst waarin u de optie "Frame-animatie maken" moet selecteren en op de knop moet klikken. Als resultaat van deze actie zal de tijdlijn een beetje veranderen en zou je de afbeelding uit de bovenste laag als het eerste frame moeten zien.
In de volgende stap selecteert u alle lagen in het project (klik erop terwijl u de Ctrl-toets ingedrukt houdt). Open daarna het contextmenu in de rechterbovenhoek van het tijdlijnvenster en selecteer "Frames maken van lagen".
Van alle zichtbare en geselecteerde lagen maakt Adobe Photoshop geanimeerde GIF-frames. Als gevolg hiervan ziet u ze in het tijdlijnpaneel.
GIF-animatie-instellingen in Photoshop
Hier moet je 2 dingen opgeven: de duur van de weergave van verschillende frames + het aantal herhalingen van de gif. Laten we beginnen met de eerste. Onder elk afbeeldingsobject in de tijdlijn vindt u de weergavetijd en een pijl naar beneden. Klik erop en selecteer de kaartduur in het pop-upmenu.
U kunt verschillende tijden voor elementen opgeven of de parameter voor meerdere elementen tegelijk instellen (gezamenlijke selectie zoals in lagen - met behulp van Ctrl).
Om een GIF in Photoshop te “loopen” bij het maken van een animatie, selecteert u de Forever-waarde in de juiste instelling, zoals weergegeven in de onderstaande schermafbeelding.
Daar kunt u ook het gewenste aantal herhalingen opgeven. Vlakbij bevindt zich de knop Afspelen, waarmee u een geanimeerde GIF kunt afspelen en kunt zien hoe het eindresultaat eruit zal zien.
GIF-animatie opslaan in Photoshop
In het laatste deel van onze gids zullen we bekijken hoe u GIF-animaties op de juiste manier kunt opslaan in Photoshop. Hiervoor wordt de bekende tool Save for Web gebruikt, maar in de nieuwste versies van Adobe Photoshop CC bevindt deze zich op een nieuwe menulocatie (Bestand - Exporteren). Gelukkig werkt Alt + Shift + Ctrl + S nog steeds.
In het instellingenvenster dat wordt geopend, moet u het GIF-formaat selecteren en ervoor zorgen dat de instelling Looping Options op Forever staat. In de rechter benedenhoek van het venster is er een optie om de geanimeerde GIF die u in Photoshop hebt gemaakt, uit te voeren voor een voorbeeld.
Als alles werkt zoals verwacht, klikt u op Opslaan en slaat u het bestand op uw lokale computer op. Om de functionaliteit van een GIF te controleren, moet je deze in een browser openen, omdat... De ingebouwde Windows-viewer speelt geen animatie af.
Overigens kunt u uw project ook eenvoudig naar videoformaat exporteren. De procedure is hetzelfde als bij het opslaan van GIF-animatie, maar selecteer in het Photoshop-menu Bestand - Exporteren - Video renderen.
In het geopende venster zijn er verschillende video-instellingen, maar u hoeft verder niets te wijzigen. Klik gewoon op de knop Renderen. Als resultaat ontvangt u een mp4-bestand met een diavoorstelling van foto's/afbeeldingen.
Ten slotte raden we u aan een Engelstalige video-tutorial te bekijken over het maken van geanimeerde GIF's in Photoshop. Het algoritme om daar te werken is hetzelfde als in het artikel, maar misschien is het gemakkelijker voor je om de informatie uit de video waar te nemen.
Als je nog vragen hebt over het maken van GIF-animaties in Photoshop of als je aanvullingen hebt, schrijf dan in de reacties.
Het is de eerste stap in de ontwikkeling van het eindproduct. In eerste instantie gegenereerd het algemene idee dat in de voltooide animatie tot uitdrukking moet worden gebracht. In de regel is het samengesteld sommige basisconcepten, waarna de meest geschikte wordt geselecteerd. Geselecteerd idee in detail tekenen door de auteur. Hier is het noodzakelijk om de algemene plot, de aard van de personages (als er meerdere zijn) en hun acties in detail te beschrijven.
Karakterontwikkeling
De taak van de illustrator is het maken van een visueel model elk object dat in het scenario wordt beschreven. Gebaseerd op de beschrijvingen van de personages en acties van de personages op papier, concept kunstenaar(dit is ook de naam van de artiest) tekent ze zoals ze op het scherm worden weergegeven.
Storyboard
Deze term verbergt weergave sleutelframes in statische vorm. Hoewel het niet is opgenomen in de lijst met vereiste fasen, zorgt het toch voor duidelijkheid en consistentie in het animatiecreatieproces. Formulieren algemeen beeld van de zichtbaarheid van het resultaat. Het is vooral belangrijk bij het maken van langdurige animaties.
Animatie
Hiermee kunt u vooraf evalueren hoe het eindproduct eruit zal zien. Dit is niet langer een storyboard, maar het is nog geen animatie. Dit is iets diavoorstelling belangrijkste scènes in chronologische volgorde. Normaal gesproken blijven frames op het scherm staan zolang de geanimeerde scène in de definitieve versie voorkomt.
Klaar tekenfilm
Wanneer het script is geschreven, worden de personages getekend en passen de resultaten van het storyboard en de animaties bij het creatieve team, op basis van dit laatste, een uiteindelijke animatie. Het vertegenwoordigt een opeenvolgende verandering in afbeeldingen, waardoor de schijn van beweging van getekende objecten op het scherm ontstaat.
Hoe vaker de beelden elkaar vervangen, hoe realistischer de video oogt. Tegelijkertijd een groot aantal frames per seconde vergroot de omvang voltooide bestand op de harde schijf van uw computer.
In de meeste gevallen veranderen frames 12-30 keer binnen een seconde. Met andere woorden, in feite ziet een persoon geen bewegende objecten, maar 12-30 foto's die erin slagen elkaar snel te vervangen, onopgemerkt door het oog. Voor meer kozijnen karakters:
- gladheid En realisme bewegingen;
- groot bestandsgrootte;
- duur ontwikkeling.
Op het netwerk wordt meestal een relatief klein aantal frames gebruikt, evenals voor sommige instructies waarbij de nadruk ligt op de informatiecomponent. Wat betreft bijvoorbeeld televisie, dan is de standaard hier om 24-30 per seconde te gebruiken om de maximale kwaliteit van de resulterende inhoud te bereiken.
Programma's voor het maken van animaties
Animeren door Adobe
Dit product is de opvolger van Flash Professional en maakt het mogelijk om met frequentie animaties te maken 24 beelden per seconde. Animate CC kent geen fundamentele verschillen met zijn voorganger. Er is een mogelijkheid tekenen elk frame afzonderlijk. Omdat dit behoorlijk tijdrovend is, is er bovendien een tool ontwikkeld “ Bewegingsanimatie", die de begin- en eindposities van het geanimeerde object specificeert.
Toon Boom Studio
Het lijkt qua functionaliteit op de oplossing van Adobe, maar heeft iets meer smalle functionaliteit.
Na effecten
Ontworpen om op te lossen professioneel taken en het creëren van inhoud van hoge kwaliteit. Er is een mogelijkheid meerlaags installatie
Animestudio
Het belangrijkste voordeel van deze softwareoplossing is dat deze intuïtief is interface en lichtheid gebruik. Desondanks heeft Animate Studio een goede set hulpmiddelen, waarmee u alle veelvoorkomende problemen kunt oplossen.
Synfig Studio
Hoewel het programma er meerdere heeft uitgekleed een set tools ondersteunt bijvoorbeeld het werken met 3D-objecten niet; deze kan helemaal gratis worden gedownload. Haar mogelijkheden stelt u in staat alle problemen met een lage complexiteit op te lossen.