Een geanimeerde parallaxvideo maken van een foto (met een Photoshop-actie)

Van sociale media tot documentaire films, het gebruik van parallax om beweging te maken van een enkele foto is een populaire en effectieve videotechniek geworden. In deze zelfstudie laat ik je zien hoe je het doet in Adobe Photoshop met behulp van de Photoshop-actie van de geanimeerde parallax-toolkit.

Dit is wat we gaan maken:

 


Of je zou iets als dit kunnen maken:

Of zoals dit:

Wat je nodig hebt

Voordat u begint, moet u de patroon-, penseel- en actiebestanden installeren die bij de download zijn geleverd.

Zorg er vervolgens voor dat uw afbeelding RGB is en in de 8-bits kleurenmodus.

Gelukkig is de Help-video die aan deze actie is gekoppeld, echt nuttig. Het doorloopt elke optie met u en legt ook de opties voor opslaan uit. Het is zeldzame documentatie dat dit nuttig is. We behandelen hier echter alle basisbeginselen, dus hopelijk heb je geen extra hulp nodig.

Ten slotte hebt u een afbeelding nodig om aan te werken. Hier is die van mij:

Het voorbeeld waar ik aan ga werken

Ik kies deze afbeelding om twee redenen. Ten eerste heeft de compositie beweging geïmpliceerd - je brein wil dat de motorrijder haar sprong voltooit. Ten tweede zijn de lagen gemakkelijk te onderscheiden, dus het zal niet ingewikkeld zijn om over te borstelen.

Hoe het Parallax-effect te gebruiken

Open acties en vind de parallax effect.

Wanneer u op drukt spelen, de actie stopt even en vraagt ​​je om je belangrijkste object te poetsen; in ons geval de fiets.

De actie stopt met spelen en presenteert u dit dialoogscherm

Borstel in het object om te isoleren

Wees er zo netjes mogelijk mee. Als je achtergrond vrij duidelijk is, zal het niet zo voor de hand liggend zijn als je daar ook een deel van opneemt.

Ik heb de fiets geborsteld, inclusief de openingen tussen de spaken

In dit geval heb ik het hele wiel ingekleurd in plaats van elke spaak te proberen. Het zou er goed uit moeten zien vanwege de relatief eenvoudige achtergrond, maar als de achtergrond gedetailleerd was, zou het duidelijker zijn.

Als je eroverheen bent gegaan en je bent tevreden, druk je op spelen nog een keer.

Als u uw tijdlijn niet zichtbaar hebt, kan het handig zijn om dit nu te wijzigen. Ga naar Venster> Tijdlijn.

Ga naar Venster> Tijdlijn om je tijdlijn te bekijken

Wanneer de tijdlijn verschijnt, zult u merken dat u nu lagen of tracks in de Tijdlijn venster, evenals enkele gegroepeerde lagen in de Lagen paneel

Het tijdlijnvenster en het laagvenster

Als u nu op de tijdlijn op Afspelen drukt, ziet u een voorbeeld van een (ruwe) versie van de beweging. Op dit punt heb je technisch gezien je GIF- of filmclip, maar er is meer dat we kunnen doen.

Laat het object opvallen 

Als we willen dat het voorobject (in dit geval de fiets) meer van de achtergrond afstaat, kunnen we het scherpen. Klik scherpte toevoegen aan object en druk op spelen. Er verschijnt een dialoogvenster waarin u wordt gevraagd om uw laag te selecteren:

Het dialoogvenster zal u vertellen om uw objectlaag te selecteren

Klik op de Voorwerp laag in je deelvenster Lagen en druk vervolgens opnieuw op de actie. U kunt de voeg wazigheid toe aan het object laag om je achtergrond te vervagen.

Als u door de actielijst scrolt, krijgt u een aantal toevoegingen die u op uw foto kunt doen - deze omvatten deeltjes en lichteffecten.

Deeltjes en lensflare toevoegen

Voeg deeltjes toe door op te klikken Deeltje V1 en op play drukken.

Het toevoegen van deeltjes geeft het uiterlijk van een extra dimensie van beweging

Dat kan je dan schudden de deeltjes, om verdere beweging toe te voegen. Klik op Schud de deeltjes en open Deeltjesverplaatsingskaart uit je downloadbestand:

'schudt' de deeltjes door de meegeleverde PSD aan je afbeelding toe te voegen

Je kunt ook lensflare toevoegen, klik gewoon op die optie in de lijst en voer de actie uit.

Het toevoegen van wat lensflare kan helpen met het idee dat het beeld beweegt

Verander de kleur

De Instagram kleuropties, als het wordt gespeeld, blijft het een tijdje staan ​​en krijg je verschillende kleuropties die je vervolgens kunt in- en uitschakelen om te zien hoe ze eruit zien. Hier is een voorbeeld met X-Pro Filter Opgewonden.

Elk van de kleuropties wordt vervolgens onderverdeeld in lagen, zodat u de effecten naar wens kunt aanpassen en uitwissen.

Sla je GIF of MP4 op

Hopelijk heb je alles bewaard, maar klik nu Sla op en ga naar het voorbeeld. Als je tevreden bent, kun je de instructies volgen en doorgaan en exporteren als GIF. Zorg ervoor dat u geen van de opties voor het wijzigen van de grootte gebruikt totdat u een opgeslagen versie van uw origineel hebt.  

U kunt ook naar Bestand> Exporteren> Video renderen of Opslaan als en kies de GIF of MP4 keuze.

Bouw voort op wat je hebt geleerd

Deze actie is gecompliceerd, maar als je de Help-video bekijkt en begint met de gemakkelijkere opties zoals die ik hier heb doorgemaakt, dan zal het niet lang duren voordat je je meer op je gemak voelt met hoe het allemaal werkt en kan gemakkelijker de gewenste effecten bereiken. 

De opties krijgen meer diepte en in plaats van alleen je voorgrondobject te selecteren en te verplaatsen, kun je ook de achtergrond en middenweg selecteren en vervolgens 'beweging' over elk element maken.

Er is ook een handige tekstschepper, zodat je die ook kunt gebruiken, handig voor het delen van sociale media. Omdat Facebook nu kleine video's toestaat voor profielfoto's en zelfs paginakopteksten, zou het leren van hoe je korte geanimeerde afbeeldingen uit foto's in Photoshop kunt maken een echt handig hulpmiddel zijn.

  • Hoe maak je een Glitch Animated Gif Action in Adobe Photoshop

    In deze tutorial maken we geanimeerde glitchsjabloon in Adobe Photoshop die bij elke afbeelding kan worden gebruikt.
    Ivan Gromov
    animatie
  • Hoe je geanimeerde GIF-bestanden comprimeert zonder de beeldkwaliteit te verliezen

    GIF's zijn ongelooflijk populair online, maar ze kunnen ook behoorlijk groot zijn. Het is een uitdaging om ze tot een bruikbaar formaat te krijgen zonder concessies te doen aan de kwaliteit ...
    Harry Guinness
    GIF