Maak een Parallax-verschuivingseffect met behulp van de tijdlijn en 3D-functies van Photoshop CS6

Photoshop CS6 bevat verschillende nieuwe functies die u kunt gebruiken om 3D- en video-effecten te maken. In deze zelfstudie zullen we deze nieuwe hulpmiddelen combineren om 3D-diepte in een 2D-foto te simuleren met behulp van de nieuwe 3D- en video-tijdlijnfuncties die beschikbaar zijn in Photoshop CS6 Extended.


Lesmateriaal

De volgende items zijn gebruikt tijdens het maken van deze zelfstudie.

  • Landschapsfoto

Stap 1

Open je afbeelding in Photoshop.



Stap 2

Maak een kopie van de afbeelding en hernoem deze "Backdrop" en verberg hem. We zullen dit later gebruiken. Ga je gang en hernoem de originele achtergrondlaag naar "Origineel".



Stap 3

Ons doel is om meerdere lagen van diepte in het beeld te simuleren. We doen dit door delen van onze afbeeldingen te extraheren en ze in een 3D-ruimte te stapelen. Hieronder is een illustratie hiervan:


Op dit punt moeten we de gebieden binnen ons beeld definiëren die we kunnen extraheren naar afzonderlijke lagen. Zoals je kunt zien, heb ik 6 afzonderlijke lagen gedefinieerd om te worden geëxtraheerd.



Stap 4

We gaan nu beginnen met het extraheren van de lagen zoals gedefinieerd in stap 3. U kunt elke gewenste methode gebruiken, maar voor deze zelfstudie bespreken we hoe u deze vormen kunt extraheren met behulp van het paneel Kanalen. Ga om te beginnen naar het Kanalenvenster en dupliceer het Blauwe kanaal. Dit kanaal geeft ons voldoende details (contrast) om mee te werken.



Stap 5

De volgende stap is optioneel en moet worden gebruikt als u met meer contrast moet werken dan de oorspronkelijke kanaallaag. Pas de niveaus aan (Command / Ctrl + L) om het contrast te verhogen



Stap 6

We zullen werken aan het extraheren van laag "F" volgens stap 3.


Begin met het selecteren van een zachte borstel met de Voorgrond / Achtergrond, ingesteld op Zwart / Wit. Wijzig de modus in Overlay. We zullen dit penseel gebruiken om over de afbeelding langs de randen te schilderen die laag "F" definiëren.


In de overlay-modus zal White zich concentreren op het lichter maken van de delen en Black zal zich concentreren op het donkerder maken van de donkere delen. Blijf de rand van onze vooraf gedefinieerde vorm definiëren met behulp van beide kleuren. Met deze methode kunnen we een complexere (en dus natuurlijkere) rand definiëren.



Stap 7

Gebruik een harde borstel met de modus ingesteld op Normaal en schilder in de resterende gebieden tot het kanaal effen zwart en wit is.


Druk op Command / Ctrl + I om de kleuren om te keren.



Stap 8

Command / Ctrl-Klik op de miniatuur van het kanaal om een ​​selectie te maken.



Stap 9

Ga terug naar het Lagenpaneel en met de "originele" laag nog steeds geselecteerd, kopieer (Command / Ctrl + C) en plak (Command / Ctrl + V) de selectie naar een nieuwe laag. Noem deze laag "Front Bale".




Stap 10

Ga door met deze techniek met de resterende lagen. Hieronder ziet u het kanaal met de bijbehorende laag.



Stap 11

Herorden en hernoem de lagen zoals getoond



Stap 12

Nu we ons beeld in verschillende lagen hebben verdeeld, moeten we wat opschonen. Om dit uit te leggen, heb ik een testanimatie gemaakt. Naarmate de lagen elkaar in de 3D-ruimte passeren, kunnen we de afbeelding op elke laag herhalen, waardoor een reeks ongewenste repetitieve pixels ontstaat.


Om de illusie van een 3D-veld te verkopen, moeten we de repetitieve beelden achter elke laag verwijderen. Begin met het verbergen van alle lagen behalve de laag "Baal 2". Dit kan snel worden gedaan door op Alt-klikken op het zichtbaarheidspictogram "Bale 2" te klikken.


Gebruik de Content-Aware Move Tool en de patch-tool om de voorste hooibaal te klonen (rechtsonder in onze laag). Het is niet nodig om deze hooibaal helemaal te verwijderen, we moeten gewoon genoeg van de repetitieve pixels verbergen zodat ze niet zichtbaar zijn wanneer we onze lagen in 3D gaan verplaatsen.




Stap 13

Ga door met het bewerken van elke laag om de herhalende pixels uit de laag ervoor te verwijderen. Nogmaals, we hoeven niet perfect te zijn.



Stap 14

Het laatste dat u wilt bewerken, is de laag "Achtergrond". Gebruik de Clone Tool om de bomen te verwijderen en de bergen en de lucht naar beneden uit te breiden.



Stap 15

Verberg de laag "Origineel". We hebben dit niet meer zichtbaar.



Stap 16

Het is tijd om onze 3D-scène te maken. Selecteer alle lagen, klik met de rechtermuisknop (of Command / Ctrl-klik) en selecteer Briefkaart. Hiermee worden alle lagen naar een 3D-prentbriefkaart geconverteerd (er worden ook transparante pixels in elke laag behouden).



Stap 17

Momenteel bevindt elk 3D-object zich in een eigen scène. We moeten alle 3D-objecten samenvoegen in dezelfde scène. Selecteer in het deelvenster Lagen alle 3D-lagen en druk op Command / Ctrl + E om ze samen te voegen in dezelfde scène.



Stap 18

Selecteer in het 3D-paneel de camera "Current View" en ga naar het Properties-paneel. Bewaar de camera onder het gedeelte Weergave als 'Animatieweergave'.


Hiermee wordt een nieuwe camera aan ons 3D-paneel toegevoegd. Omdat we de positie van de camera nog niet hebben verplaatst, is de camera "Animation View" slechts een kopie van de "standaardcamera".



Stap 19

Zorg er in het 3D-paneel voor dat de "Huidige weergave" -camera nog steeds is geselecteerd en gebruik de navigatiehulpmiddelen om de camera zo te plaatsen dat we een beter perspectief hebben op onze scène.


We willen deze cameraweergave ook opslaan. Door deze cameraweergave te bewaren, kunnen we op elk moment teruggaan naar deze weergave. Ga naar het Properties-paneel, selecteer de vervolgkeuzelijst View section en Save. Geef deze 'Perspectiefweergave' een label.


We hebben zojuist twee camera-presets gemaakt om onze workflow te helpen verbeteren. U kunt deze camera's testen door op elk ervan in het 3D-paneel te klikken. Uw kijkvenster moet worden verplaatst naar elke opgeslagen weergave. Merk op dat onze 3D-scène veel artefacten bevat. Dit gebeurt omdat al onze lagen dezelfde ruimte innemen, daarom probeert Photoshop ons alle zes lagen tegelijk te tonen.



Stap 20

De volgende stap vereist dat we ons in de 'Perspectiefweergave' bevinden. Selecteer het "Front Bale" -object en verplaats met behulp van de widget op het scherm het object in onze scène (langs de Z-as). Hoe verder naar voren we dit object verplaatsen, hoe meer overdreven onze uiteindelijke animatie zal zijn.




Stap 21

Ga door met het verplaatsen van de andere objecten in de scène, zodat ze uit elkaar worden geplaatst. Overweeg de afstand van elke laag. "Baal 2" en "Baal 3" komen bijvoorbeeld dicht bij elkaar in de originele afbeelding voor, daarom moeten die 3D-objecten ook relatief dichtbij zijn.



Stap 22

Selecteer in het 3D-paneel de camera "Animation View" om de camera naar de oorspronkelijke positie te verplaatsen. Onze scène kan chaotisch lijken, maar dat zullen we in de volgende stap oplossen.



Stap 23

Gebruik het 3D-paneel, selecteer elk object en schaal het zodat het iets groter is dan ons frame. Gebruik de widget op het scherm om te schalen (dit kan lastig zijn omdat de hendel die de schaal bepaalt gedeeltelijk verborgen is door de blauwe hendel).


Nu alle objecten op de juiste manier zijn geschaald, moet de scène op het volgende lijken:



Stap 24

Het is tijd om de camera te animeren. We zullen de "Animation View" -camera gebruiken om te animeren, dus zorg ervoor dat je dit eerst in het 3D-paneel selecteert. Om onze scène voor animaties in te stellen, moeten we een nieuwe tijdlijn maken. Als uw tijdlijnvenster niet zichtbaar is, gaat u naar Venster> Tijdlijn. Klik op de knop met het label "Create Video Timeline."



Stap 25

Merk op dat onze 3D-scène wordt weergegeven in onze tijdlijn. Klik op de pijl naast onze scènenaam ("BackDrop") om de aanvullende eigenschappen naar beneden te Twirlen.


Zoek de laag "3D-camerapositie" op de tijdlijn. We zullen deze laag gebruiken om onze camera te animeren.



Stap 26

Klik op het pictogram Chronometer op deze laag om keyframe-animatie in te schakelen. Dit plaatst automatisch een keyframe op de positie van de huidige-tijdindicator op de tijdlijn (aangegeven door de blauwe en rode lijn). Omdat we niets hebben verplaatst, zou ons eerste keyframe moeten verschijnen op frame nul.



Stap 27

Klik nu op het punt 5.00f in de tijdcodeweergave om de huidige-tijdindicator hier te verplaatsen.



Stap 28

Controleer in het 3D-paneel of de "Animation View" -camera is geselecteerd en gebruik de modificatietools in het hoofdmenu om de camera te manipuleren. Dit zou automatisch een keyframe moeten toevoegen aan onze laag. Zo niet, klik dan op het pictogram Keyframe toevoegen.



Stap 29

Omdat we alleen de delen van onze scène willen weergeven die geanimeerd zijn, moeten we definiëren welk deel van onze tijdlijn wordt gerenderd (bekend als de werkruimte). Als u het werkgebied wilt definiëren, past u de schuifregelaar direct onder de tijdcodeweergave aan zodat deze overeenkomt met het laatste hoofdframe. Dit verkort de duur van de animatie, zodat alleen de frames worden weergegeven waarin de camera beweegt.


Als u een voorbeeld wilt bekijken van wat we tot nu toe hebben gedaan, drukt u op de spatiebalk. Als u tevreden bent met de animatie, kunnen we doorgaan met weergeven, anders blijft u de positie van de camera aanpassen.


Stap 30

Voordat we beginnen met renderen, kunnen we sommige rendering-voorkeuren aanpassen om ons een snellere weergave te geven. Ga naar Bewerken> Voorkeuren> 3D en voer de volgende wijziging uit om het aantal benodigde passen voor een definitieve weergave te verminderen:



Stap 31

Bewaar je bestand! Onze volgende stap is om te renderen, dus nu is dit een geweldige kans om te sparen.

Om het dialoogvenster Rendervideo te openen, gaat u naar Bestand> Exporteren> Video renderen. Breng de onderstaande wijzigingen aan. Ik raad aan om altijd een afbeeldingsreeks uit te voeren, vooral wanneer u 3D gebruikt. Als uw computer tijdens het renderingproces vastloopt, kunt u de rendering uit het laatste frame terugzetten.



Stap 32

Nadat de rendering is voltooid, opent u de gerenderde afbeeldingsreeks als een animatie. Ga hiervoor naar Bestand> Openen als, navigeer naar uw renderingsmap en selecteer de eerste afbeelding in de reeks. Zorg ervoor dat u Beeldvolgorde onderaan selecteert. Dit zal Photoshop vertellen om alle frames in de juiste volgorde te importeren. Klik op Openen.



Stap 33

De bestanden zouden nu in uw tijdlijn moeten verschijnen als een animatie.


Merk op dat de video als een video-laag in ons lagenpaneel verschijnt.


Net als traditionele lagen kan deze nieuwe videolaag aanpassingslagen gebruiken. Vanaf nu kun je je afbeelding verbeteren met behulp van aanpassingslagen. In dit voorbeeld heb ik een eenvoudige aanpassingslaag voor niveaus toegevoegd.



Stap 34

De laatste stap is om de tijdlijn naar video weer te geven. Omdat we alleen maar stilstaande frames en geen 3D-objecten renderen, zal ons renderingproces veel sneller zijn, daarom zullen we het direct naar een .MOV-indeling renderen.



Uiteindelijke weergave