Beelden opnemen voor een stop-motion Geanimeerde GIF

GIF's hebben een beetje een lage reputatie op het gebied van browservaringen die in de jaren negentig op onnozele websites zijn geplaatst, maar ze kunnen worden gebruikt voor meer geavanceerde doeleinden. Onze GIF toont het uitpakken van een cadeau en kan worden gebruikt in een online advertentie. Nadat ik je heb laten zien hoe je de opnamen maakt en de benodigde foto's maakt, leert een van onze residente Photoshop-experts je het proces van het animeren van de afbeeldingsreeks in een GIF.


Voordat je begint

Dit is een tweedelige zelfstudie. Zodra je hebt geleerd hoe je afbeeldingen kunt maken voor een GIF, ga je naar deel twee om te leren hoe je alles kunt animeren in Photoshop.

  • Een vakantie-geïnspireerde geanimeerde GIF maken met behulp van stop-motionfotografie

1. Wat is een GIF?

GIF staat voor Graphics Interchange Format. Het is een zeer vroeg verliesloos gecomprimeerd webimageformaat voor het weergeven van eenvoudige afbeeldingen. Omdat de pixels slechts acht gegevensbits zijn, geven GIF's slechts maximaal 256 kleuren weer, opgeslagen in een kleuropzoektabel in het bestand, van het 24-bits, 16,8 miljoen kleurenspectrum.


Beperkt kleurenpalet en duidelijke strepen in het GIF-exportvoorbeeldvenster.

Waarschijnlijk de meest populaire eigenschap is dat het animaties kan opslaan en vanaf de tweede revisie (GIF89a, 1989) kan de vertraging in milliseconden tussen frames ook per frame worden aangegeven, evenals lusopdrachten (transparantie werd ook ondersteund bij deze herziening). Elk frame in de animatie kan ook een andere kleurentabel gebruiken, zodat een breder spectrum van kleuren kan worden weergegeven in de loop van een animatie.

De cadans van GIF's is meestal niet erg soepel. Cadans is het ritme of het tempo van beweging in de frames. Met andere woorden, de positie van bewegende objecten in een GIF springt van het ene frame naar het andere in plaats van vloeiend te bewegen zoals in de echte video.

Dit komt door de lage frames per seconde snelheid. De meeste browsers ondersteunen slechts maximaal 19 frames per seconde op volle snelheid, waarna ze de animatie vertragen. Dit heeft de neiging om hen een vertederende schokkerige kwaliteit te geven, zoals oude filmbeelden met de hand in de hand, wat bijdraagt ​​aan hun simplistische aantrekkingskracht.


2. Wat is Stop-motion-animatie?

Het opnemen van bewegende beelden in realtime betekent het vastleggen van stilstaande beelden van live-actie met een bereik van 15-60 frames per seconde. Snelle, slow-motion opname kan oplopen tot enkele duizenden frames per seconde.

Stop-motion-animatie zet dit op zijn kop, het proces waarbij een lange reeks stilstaande beelden over een willekeurig tijdsbestek wordt genomen, waarbij live-actie wordt gesimuleerd door het onderwerp slechts een kleine hoeveelheid te verplaatsen tussen opeenvolgende foto's.

De populairste iteratie is over het algemeen "claymation" of het gebruiken van miniatuur gebeeldhouwde kleimodellen in plaats van acteurs. Celanimatie is vergelijkbaar, waarbij elk afzonderlijk frame met de hand wordt geverfd op acetaat, voordat het frame per frame wordt gefotografeerd om de film te worden. In zijn hoogtijdagen, zoals de traditionele Disney-animaties, zouden de cels zijn opgenomen op een filmcamera die in staat is om één beeld tegelijk op te nemen (een populaire functie voor ontluikende filmmakers op 8 mm Bolex-achtige camera's).


3. Waarom zou een fotograaf stop-motion-GIF's maken?

Tegenwoordig is stop-motion een opleving aan het zien, aangezien creatieve video met een korte vorm op zichzelf een artistieke en commerciële uitlaatklep wordt. Of je nu je eigen merk of de branding van een klant helpt, het kunnen produceren van GIF-uitvoer wordt steeds relevanter.

Net zoals een paar jaar geleden en 3D-ontwerp in de komende jaren, zal het waarschijnlijk een noodzakelijke vaardigheid zijn om aan het rooster toe te voegen om concurrerend te blijven. Vine, Instagram en TwitPic ondersteunen allemaal video en / of geanimeerde content en zijn in snel tempo de social outlet du jour voor merken die op leuke en ongewone manieren proberen contact te maken met fans..


Een voorbeeld van creatieve stopbeweging door markitube94. Zie meer van zijn werk op www.cool-dose.com.

Naast de potentiële commerciële voordelen van stop motion, is het eigenlijk heel leuk. Je kunt van alles doen: full-on claymation, levenloze objecten tot leven brengen in een kort verhaal, een snelle, humoristische unboxing-video, kleine fragmenten achter de schermen met motordrive, wat je maar kunt bedenken.


4. Feestelijke actie, voor fotografen of klanten

Een cadeau dat je uitpakt zoals ik aan het doen ben, werkt als een feestelijk promotiebeeld voor iemands gebruik van sociale media. Het kan zelfs worden aangepast en verlengd om iets in de doos te laten zien, als u iets specifieks wilt promoten, bijvoorbeeld een fotoboek voor trouwfotografen. Of misschien kan een komische versie worden gemaakt met meerdere geneste vakken in de doos, waardoor iets veel kleiner wordt weergegeven.

Het is eenvoudig, leuk en enigszins hypnotiserend. Het is perfect om de ogen van kijkers te houden waar u ze wilt hebben. Het aanbieden aan een klant waarmee je al werkt voor beeldvorming over feestdagen, kan een flinke coup zijn, en biedt een hogere waarde dan verwacht.

Dus we weten wat het is en waarom het goed is, dus hoe doe je het?


5. Basismaterialen

Dit is redelijk rechttoe rechtaan. Het is duidelijk dat je je doos nodig hebt. Als het wordt geopend, zorg dan dat het er van binnen mooi uitziet, of gebruik een echte geschenkverpakking. Als het voor een klant is, kunt u de standaard verzendverpakking gebruiken. Dan heb je inpakpapier nodig en een soort aanvullend lint om los te maken. Dat is het!

Voor het fotograferen heb je een stevig werkoppervlak nodig dat niet gemakkelijk op zijn plek wordt geslagen, en als je het tegen een witte achtergrond als ik aan het doen bent, een of andere vorm van wit naadloos papier en ondersteunt. Dit hoeft niet het dure 2,7 meter (9ft) brede spul te zijn, tenzij je doos groot genoeg is voor een persoon (een ander idee!), Naadloos papier van halve breedte (1,35 m / 4,5ft) is vrij goedkoop in korte lengtes.

Zodra je dat hebt, is het gewoon de gebruikelijke camera en verlichting. Dit is wat ik gebruik voor een redelijk vlak licht:


Het duurde een tijdje om uit te zoeken hoe je deze pasvorm samen kon maken in de beschikbare ruimte.

Zorg er wel voor dat je cameraplatform goed en stevig is. Alles behalve het lint moet op zijn plaats worden gehouden voor de animatie, of er kan een hoop vervelende uitlijning in de post zijn. In sommige gevallen zal het niet mogelijk zijn om onopzettelijke beweging achteraf te corrigeren, dus het is het beste om alles zo vast te houden als mogelijk.


6. Bouw je set

Omdat ik dit alleen vanuit een vaste positie op een witte naadloze achtergrond doe, is er niet echt veel in de weg van set-building om te doen. Als je een meer geavanceerde GIF zou doen, met bewegingen of focus trekt of iets dergelijks, of als je iets met meer verhaal doet, dan zou een "echte" set nuttig zijn.

Ik heb de doos gevuld met 18 pond gegoten gewichten, om ervoor te zorgen dat deze niet beweegt als het crêpe-lint erop valt.

Zodra ik deze van binnen heb opgenomen, kan ik het inpakken.

Mijn smeedijzeren eettafel is een vrij stevig oppervlak, waarrond ik mijn achtergrond, licht, reflector en camera heb opgesteld. Ik gebruik slechts één licht, een Einstein, over de kleurmodus om de consistentie tussen beeld en frame te waarborgen. Als je een speedlight gebruikt, moet je ervoor zorgen dat je de condensator volledig tussen de frames oplaadt.

De enige toevoeging die ik heb gemaakt aan de "set" is om vier body caps toe te voegen onder de hoeken van de doos, waardoor ik het lint er onder kan trekken zonder de hele doos te verplaatsen.


Erg blij dat ik hier op voorhand aan dacht en niet na het starten.

Camera instellingen

Net als bij het maken van een time-lapse of een panoramafoto, wil je elke foto zo consistent mogelijk houden. U moet uw camera in de handmatige modus zetten. Kies je diafragma, sluitertijd en ISO, en houd ze vergrendeld tijdens de opnames. U wilt ook uw focus vergrendelen. U kunt handmatige scherpstelling gebruiken, of zorg ervoor dat uw instelling de camera niet toestaat opnieuw scherp te stellen tussen de opnamen.

Ten slotte wilt u een consistente witbalans. Ik stel voor een handmatige kleurtemperatuur te kiezen die overeenkomt met uw flitsen. Het uitvoeren van een vooraf ingestelde witbalans zou echter ook werken.


7. Cadans en schieten

Ik gebruik draadloze triggering omdat ik dezelfde transceivers kan gebruiken om de camera ook op afstand te activeren. Het enige dat ik aanraak is het lint terwijl ik het tussen frames verplaats.

Ik mik op een uiteindelijke framesnelheid van ongeveer 17 fps. Om ongeveer vier seconden mee te gaan, met de helft ervan als achteruit afspelen naar het startframe voor een soepele looping, kijk ik naar ongeveer 35 frames.

Voordat ik begin, moet ik deze 35 frames onderverdelen in secties van actie en bepalen hoe lang elke sectie zou moeten zijn. Voor dit voorbeeld zouden ze worden "ontkoppeling", "eindigt", een lus maken onder "," draaien "," wegtrekken "en" het frame verlaten ".

Dit zijn zes secties, maar ze mogen niet uitsplitsen in een even zes frames per sectie. Sommige zijn redelijk snel, zoals "eindigt", en sommige kunnen langzamer zijn met tussenstappen, zoals "ontkoppelen". Hoeveel frames elk van deze secties duurt, bepaalt de bewegingssnelheid of hoe ver ik het lint tussen de frames moet verplaatsen. Het moet redelijk uniform zijn om een ​​soepele cadans te behouden.

Ik ben voorzichtig van plan zodat het hopelijk in één take kan afgaan, zonder te resetten. Dat zou een gedoe zijn voor een project als dit, meer nog met kreukelachtig papier en zware gewichten die rond rollen.

Dat gezegd hebbende, in plaats van te proberen om het perfect in de camera te krijgen, alleen voor een demo, ga ik de bovenstaande secties in de post toepassen. De werkelijke actie zal langzamer en meer methodisch zijn, ongeveer een inch per frame verplaatsen, en vervolgens kunnen onderdelen worden versneld door frames naar behoefte te laten vallen. Dit lijkt een meer betrouwbare methode te zijn, als een beetje extra werk.

Nu is het tijd om te gaan fotograferen, dus laten we ons eerste frame vastleggen.

Ik begon met intervallen van ongeveer een inch beweging, dus het tweede frame was niet te verschillend.

Ik ging zo verder tot de boeg helemaal los was en ik het lint in ging. Hier ging het erg langzaam vanwege de lengte van het lint, dus begon ik het ongeveer vijf centimeter tussen de frames te verplaatsen. Dit leek veel soepeler te verlopen, totdat de wending onder het pakket brak vanwege de wrijving tussen de fragiele uiteinden van het crêpe lint. Hier is een pro-tip: gebruik echt lint als u dit project dupliceert.

Ik dacht dat dit een deal-breaker was, maar ging door voor de rest van de take totdat het lint volledig uit beeld was. Het bleek dat het niets verpestte. Nu dat ik een reeks RAW-afbeeldingen heb, wat nu?


8. Batchverwerking

Aangezien we alle afbeeldingen zo identiek mogelijk moeten houden, is de oplossing voor het verwerken en exporteren van een groot aantal bestanden op exact dezelfde manier naar dezelfde plaats natuurlijk batchverwerking. Voor mij bestaat dit uit drie verschillende stappen.

Werkwijze

Verwerk de eerste afbeelding in de reeks in Camera Raw of Lightroom. Dat betekende voor mij dat het contrast voldoende was en dat de verzadigingsniveaus, met name in het rode kanaal, onder controle waren.

Een beetje automatische lenscorrectie en milde witte vignettering om de achtergrond te laten zien, en ik ben klaar. Omdat ik in Camera Raw ben en de afbeelding niet echt in Photoshop hoef te brengen, kan ik gewoon op de knop drukken Gedaan.

Brug

Nu moet ik al deze verwerkingsinstellingen naar de rest van de reeks dupliceren. Dus ik start Adobe Bridge op, klik met de rechtermuisknop op de afbeelding die ik zojuist heb verwerkt en selecteer Ontwikkel Instellingen> Kopieer instellingen.

Ik kan dan alle andere afbeeldingen in de map selecteren (behalve de eerste) en ga vervolgens naar Ontwikkel instellingen en druk op Instellingen plakken.

Organisatie is de sleutel tot een soepele verwerking van bulkbestanden. In Adobe Bridge kan ik snel de naam van de afbeeldingen hernoemen, zodat het gemakkelijker is om te zien wat er tijdens de animatie gebeurt dan met, bijvoorbeeld, "_MG_5937". Dus ik markeer alle afbeeldingen, ga naar Hulpmiddelen > Batch hernoemen, en stel de nieuwe bestandsnamen in en een map waar ze naartoe kunnen gaan. Ik heb een eenvoudige "Frame_XX.CR2" -syntaxis gebruikt.

Scripting

Vervolgens heb ik Photoshop nodig om die CR2's te openen, hun kleurprofielen en bitdiepten van mijn gebruikelijke standaardwaarden om te zetten en ze te verkleinen voordat ze als JPG's worden uitgevoerd. Dit is vrij eenvoudig met een aangepaste actie en de Beeldprocessor.

Eerst maak ik mijn actie. Ik open een van de frames willekeurig en ga dan naar Actiepalet, maak een nieuwe actie en druk op Record. Eerst ga ik naar Bewerken> Converteer naar profiel en maak een conversie van AdobeRGB, waar ik normaal gesproken op fotografeer en verwerk in, naar sRGB, de standaardkleurruimte van JPG.

Dan ga ik naar Afbeelding> Modus> 8 bits / kanaal, die het omzet van een 16-bits RAW-import naar de 8-bits kleur van JPG. Toen sloeg ik Ctrl-Alt-I formaat wijzigen, en hiervoor ga ik de grootte aanpassen naar 600 x 400 pixels, voor redelijk snelle laadtijden van de uiteindelijke GIF. Toen sloeg ik stop in het actiespalet.

Nu heb ik mijn actie, ik sluit het bestand zonder te bewaren en ga naar Bestand> Scripts> Beeldprocessor. Hier stel ik het in om de CR2-bestanden te openen en ze als JPG's met een kwaliteit van 10 uit te voeren naar een submap in de map waarin ze zich momenteel bevinden. Onderaan onder voorkeuren krijg ik de aangepaste actie die ik zojuist heb gemaakt, en vervolgens Ik heb net geslagen Rennen.


9. Eindresultaten

Zodra de beeldprocessor zijn ding heeft gedaan, heb ik een map vol met bewerkte, gewijzigde JPG's die kunnen worden gebruikt voor de uiteindelijke animatie.

Ik kan snel het algemene uiterlijk van deze bekijken door een voorbeeld van het eerste frame in Adobe Bridge te bekijken en de rechterpijl ingedrukt te houden om ze te doorlopen.


10. De geanimeerde GIF maken

Dat is alles van mij! Om te leren hoe u al uw foto's bij elkaar kunt zetten en het GIF-bestand kunt maken, gaat u naar het tweede deel van dit artikel: Een door feestdagen geïnspireerde geanimeerde GIF maken met behulp van stop-motionfotografie.

Als je deze feestdagen een geanimeerde sociale media-kaart maakt, deel deze dan in de reacties zodat we allemaal geïnspireerd kunnen worden!

En, zoals altijd, vragen of gedachten? Sla de reacties hieronder op!