Gebruik Photoshop CS6 om een ​​op micro-machines geïnspireerde scène te maken

Photoshop CS6 zit boordevol nieuwe functies en effecten die u kunt gebruiken in uw werk. In deze zelfstudie gebruiken we de nieuwe 3D-functies van Photoshop en de nieuwe inhoudsbewuste functies om een ​​door Micro Machines geïnspireerde compositie te maken. Laten we beginnen!


Lesmateriaal

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

  • Desktopscene
  • Speelgoedauto
  • Asfalt textuur

Stap 1

Open de afbeelding van het bureaublad. Aangezien we een racebaan over de desktop gaan toevoegen, moet je het pad van de weg op een tijdelijke laag schetsen. Dit zal problematische gebieden aan de voorkant identificeren.


Stap 2

Gebruik de Content-Aware Move Tool (J) om de problematische gebieden te repareren, zodat onze weg voldoende ruimte heeft. Terwijl het gereedschap is geactiveerd, tekent u een selectie rond de gom en klikt en sleept u de selectie naar een nieuw gebied op ons scherm. Laat Photoshop de wijziging berekenen

Uw resultaten moeten lijken op de volgende afbeelding:


Stap 3

Gebruik ook de Content-Aware Tool op het potlood.


Stap 4

We gaan nu de weg creëren. Selecteer het gereedschap Pen (P) en stel de modus in op vorm. Dit zal ons toelaten om de opties Vulling en Lijn te gebruiken. Stel voor nu de vulling in op Geen kleur en de lijn op Zwart. Gebruik de schets alleen als referentie en maak losjes een nieuw pad vanuit een bovenaanzicht op een nieuwe laag met de naam 'Weg'. Opmerking: trek dit pad niet in het licht van onze scène, we gebruiken de 3D-modus later om het perspectief te evenaren.


Stap 5

Stel de lijnbreedte in op 130 pt. Open ook de Stroke-opties en stel de Align to Center in. Verberg de "achtergrondlaag" voorlopig.


Stap 6

Onze volgende stap is het structureren van de laag "Road". Om te beginnen, moeten we de foto van het asfalt openen.


Stap 7

Gebruik een van de selectiekadergereedschappen om het fietssymbool te selecteren en ga naar Bewerken> Opvullen. Zorg ervoor dat je het gebruik instelt op Content-Aware. Gebruik zo nodig het patchgereedschap om de afbeelding op te ruimen.


Stap 8

We moeten het perspectief van de afbeelding corrigeren om de textuur goed te kunnen samplen. Selecteer het gereedschap voor het snijden van het perspectief (C), te vinden door het gereedschap Bijsnijden te klikken en vast te houden.


Stap 9

Klik met het gereedschap Perspectief bijsnijden op vier punten van een rechthoek die overeenkomt met het perspectief van ons asfalt. Gebruik kan de handvatten manipuleren om een ​​betere match te krijgen.

Druk op Enter of Return om je vast te leggen bij het bijsnijden.


Stap 10

Nu we een mooie, schone textuur hebben, moeten we het naadloos maken. Ga naar Filter> Overig> Offset en pas de schuifregelaars aan zodat beide naden zichtbaar zijn.


Stap 11

Gebruik de patch-tool om de naden te verwijderen. Het kan nodig zijn om de patch-tool meerdere keren te gebruiken

De resultaten moeten op de onderstaande afbeelding lijken:


Stap 12

Druk op Command / Ctrl + A om de volledige afbeelding te selecteren en ga naar Bewerken> Patroon definiëren. Noem dit patroon "Asfalt." Ten slotte, terwijl de selectie nog steeds actief is, drukt u op Command / Ctrl + C om deze afbeelding naar het klembord te laden. We zullen het in een volgende stap in onze scène plakken.


Stap 13

Ga terug naar onze originele scène en dubbelklik op de "Road" -laag om toegang te krijgen tot de Layer Styles. Breng de asfalttextuur aan als een patroonoverlay. Stel de schaal in op 25%

Klik met de rechtermuisknop op de laag en selecteer Lagenstijl rasteriseren.


Stap 14

Maak een nieuwe laag en druk op Command / Ctrl + V om onze afbeelding te plakken die we in stap 12 hebben gekopieerd. Verklein de textuur zodat deze de weg bedekt.


Stap 15

Hernoem de nieuwe laag naar "Texture" en maak een clippingmasker aan de "Road" -laag.

Gebruik een groter, zacht gum (E) om de binnenkant van de weg te wissen, zodat de grotere textuur alleen op de randen van de weg verschijnt.

Zet de overvloeimodus op Overlay


Stap 16

Selecteer beide lagen waaruit onze weg bestaat en klik met de rechtermuisknop en selecteer Converteren naar slim object. Wijzig het slimme object in 'Weg'.


Stap 17

Nu we een bovenaanzicht van onze weg hebben gemaakt, kunnen we beginnen met het maken van een bovenaanzicht van de constructieconussen. Maak een nieuwe laag met de naam "Cones". Selecteer het gereedschap Pen en verander de instellingen als volgt:


Stap 18

Zet de voorgrondkleur op een mooie bouwsinaasappel en teken twee paden die elke kant van de weg volgen. De resulterende paden moeten op de volgende afbeelding lijken:


Stap 19

Klik met de rechtermuisknop op beide vormlagen en rasterlaag. Selecteer zowel gerasterde lagen en samenvoegen (Command / Ctrl + E). Hernoem tot "Cones."


Stap 20

We kunnen nu beginnen met het maken van onze 3D-objecten. Als u ons Smart-object 'Weg' in 3D wilt omzetten, selecteert u de laag en gaat u naar 3D> Nieuwe 3D-extrusie van geselecteerde laag. Hiermee wordt automatisch een geëxtrudeerd 3D-object gemaakt en wordt het 3D-venster geopend.


Stap 21

Selecteer in het 3D-venster de objectlaag "Weg" (aangeduid met een sterpictogram met extrusie) om toegang te krijgen tot de eigenschappen ervan. Controleer in het eigenschappenvenster of de mesh-sectie is geactiveerd en stel de extrusiediepte in op 0.


Stap 22

Ga vervolgens naar het gedeelte Coördinaten en stel de X-hoek in op 90 graden.


Stap 23

Ga terug naar het 3D-venster en klik op het uitvouwmenu voor extra 3D-opties en selecteer Snap-object voor grondvlak.


Stap 24

Ga terug naar het Lagenpaneel en verberg de achtergrondafbeelding. Dit maakt het voor ons gemakkelijker om de 3D-objecten te zien. Klik vervolgens met de rechtermuisknop op de laag "Cones" en selecteer Nieuwe 3D-extrusie van geselecteerde laag. Merk op dat het "Cones" -object zich op een uniek raster bevindt. We weten dit omdat er slechts één object (het "Cones" -object) in onze scène is. Photoshop heeft in feite een afzonderlijke 3D-ruimte gemaakt voor elk object. We combineren beide objecten zodat ze zich allebei in dezelfde 3D-ruimte bevinden.

Ga terug naar het Lagenpaneel en zorg ervoor dat de laag "Kegels" op de stapel staat. Selecteer zowel 3D-lagen als samenvoegen (Command / Ctrl + E).

Omdat dit 3D-lagen zijn, combineert het samenvoegen van de lagen ze gewoon in dezelfde 3D-ruimte. We kunnen dit controleren door terug te gaan naar het 3D-paneel.


Stap 25

Gebruik dezelfde methodes als de weg, stel de extrusiediepte in op nul, verander de X-hoekcoördinaat in 90 graden en snijd naar het grondvlak. De objecten komen mogelijk niet goed uit, we verplaatsen ze later naar hun laatste posities.

Het is ook belangrijk op te merken dat, aangezien we meerdere 3D-objecten in één scène hebben gecombineerd, de objecten zich in nieuwe groepen bevinden (meestal met behulp van het achtervoegsel "_layer"). U hoeft alleen maar naar beneden te gaan om de objectlaag te vinden (aangeduid met het pictogram met de geëxtrudeerde ster).


Stap 26

Op dit punt gaan we een schuine kant toevoegen aan onze laag "Kegels", zodat ze lijken op bouwkegels. Selecteer eerst de camera "Current View" en plaats de camera met de navigatiehulpmiddelen in het hoofdmenu zodat deze zich dicht bij de kegels bevindt.


Stap 27

Selecteer de objectlaag "Cones" en ga naar het gedeelte Kap in het venster Eigenschappen.

Gebruik de widget op het scherm om de kegel vorm te geven.


Stap 28

Selecteer vervolgens in het venster Eigenschappen de Contourkaart om een ​​aangepaste contour te bewerken en toe te voegen, zoals weergegeven.

De resultaten moeten op het volgende lijken:


Stap 29

Nu kunnen we eraan werken om de camera op zijn plaats te zetten. We gebruiken het raster op het grondvlak om ons te helpen het perspectief van onze scène te evenaren. Ga terug naar het lagenpaneel en maak de achtergrondafbeelding zichtbaar.


Stap 30

Ga terug naar het 3D-paneel en verberg de lagen "Weg" en "Cones". We hebben dit nu niet nodig.


Stap 31

Selecteer de laag 'Huidige weergave' en gebruik de 3D-gereedschappen in het hoofdmenu om het raster te roteren, slepen, schuiven en schalen zodat het overeenkomt met het perspectief van de scène. Het kan veel vallen en opstaan ​​vragen om dit goed te krijgen, hoewel het niet perfect hoeft te zijn. Het helpt om een ​​aantal rechte hoeken te vinden die al in de scène bestaan, zoals de knoppen op de rekenmachine.


Stap 32

Maak de objectlagen "Weg" en "Kegels" zichtbaar. Selecteer het "Road" -object en klik op het gedeelte Mesh in het Properties-paneel.

Gebruik de widgets om de weg handmatig naar een gewenste positie te verplaatsen / draaien.

Doe hetzelfde met het object "Cones".


Stap 33

We zijn bijna klaar met de 3D. Het laatste deel is om de verlichting aan te raken. Momenteel komen de schaduwen van ons object niet overeen met onze scène. Om dit op te lossen, klikt u op het lichtfilter in het 3D-paneel en selecteert u het licht in onze scène.


Stap 34

Houd Shift ingedrukt, klik en sleep op de schaduw in de scène om deze zo te plaatsen dat deze overeenkomt met de richting van de schaduwen in de originele afbeelding.


Stap 35

Laten we verder gaan met rendering. We willen elk stuk apart weergeven, dus we moeten objecten verbergen die we niet weergeven. Klik in het 3D-venster op het pictogram Filteren op net en verberg het object "Weg". Zorg er ook voor dat u Cast Shadows voor het object "Cones" ongedaan maakt.

Om onze objecten als transparante lagen weer te geven, verbergt u alle achtergrondlagen zoals hieronder getoond:

Ga naar 3D> Render (Command / Ctrl + Alt + Shift + R). Laat Photoshop enkele passen renderen en druk vervolgens op Enter om het renderen te stoppen. Houd er rekening mee dat als u zich in het deelvenster Lagen bevindt, de scène moet worden geselecteerd om een ​​render te starten.


Stap 36

In het deelvenster Lagen (de 3D-laag moet al zijn gemarkeerd), selecteer Alles (Commando / Ctrl + A), Kopieer (Ctl + C) en Plak (Command / Ctrl + V) de weergave naar een nieuwe laag. Noem deze laag "Cones Rendered." Verberg deze laag voorlopig.


Stap 37

Herhaal dit proces voor het "Road" -object.


Stap 38

Nu de weg en kegels zijn weggewerkt, gaan we nog wat extra renders maken met het object "Kegels". Verberg het "Cones" -object en verberg het "Road" -object. Ga met het "Cones" -object naar het gedeelte Mesh van het eigenschappenvenster en zet Cast Shadows aan, schakel Onzichtbaar in en schakel Catch Shadows uit.

Render dit uit en kopieer het naar een nieuwe laag, net als in de eerdere stappen.

Voor de laatste render schakelt u Onzichtbare en Cast Shadows uit. Ga naar het gedeelte Kap en klik op Deformatie opnieuw instellen. Dit resulteert in platte schijven.

Nogmaals, Render (Command / Ctrl + Alt + Shift + R) uit de scène en kopieer naar een nieuwe laag.


Stap 39

Benoem de drie weergegeven bestanden op de juiste manier en verberg de 3D-laag. Wijzig de lagen zo nodig opnieuw zodat deze correct in de afbeelding worden weergegeven.


Stap 40

Selecteer de laag "Road Rendered" en voeg de volgende laagstijlen toe zodat het lijkt alsof de weg daadwerkelijk op de tafel rust.


Stap 41

Selecteer de laag "Shadows Rendered" en geef deze een Gaussiaans vervagen (filter> vervagen> Gaussiaans vervagen) van 4 px. Zet de mengmodus op vermenigvuldigen en de dekking op 4%.


Stap 42

Selecteer de laag "Base Render" en verplaats deze laag zodat deze nauwelijks zichtbaar is onder de kegels. Pas de niveaus aan tot de schijven puur zwart zijn.

Geef dit een Gaussiaans vervagen (filter> vervagen> Gaussiaans vervagen) van 1,7 px en stel de overvloeimodus in op vermenigvuldigen


Stap 43

Maak een kopie van de laag "Base Rendered" en pas opnieuw het Gaussian Blur-filter toe, maar deze keer met een instelling van 5,5 px. Zet de mengmodus op vermenigvuldigen en de dekking op 55%


Stap 44

Groepeer al onze kegellagen samen en voeg een laagmasker toe aan de groep.

Gebruik het masker om kegels te verbergen die het potlood en de blauwe gum overlappen.


Stap 45

Om onze scène te organiseren, ga je gang en groep al onze samengestelde lagen.


Stap 46

Onze volgende stap is om een ​​auto aan onze scène toe te voegen. Open het autobeeld en merk op dat het er al een mooie schaduw onder heeft. We zullen proberen deze schaduw te gebruiken. Gebruik het gereedschap Pen (met de modus ingesteld op Pad) om een ​​pad rond de auto te tekenen.


Stap 47

Terwijl het gereedschap Pen (P) nog steeds actief is, klikt u met de rechtermuisknop op het pad en selecteert u Selectie maken. Kopieer en plak de auto op een nieuwe laag. De bovenste laag is de full colour-auto, terwijl de onderste laag wordt gebruikt voor de schaduwen.

Groepeer deze twee lagen samen. Het kan nodig zijn om te dubbelklikken op de "Achtergrond" -laag om deze te ontgrendelen.


Stap 48

Sleep de groep "Auto" in onze scène en verklein de grootte om passend te maken.


Stap 49

Zet in de groep "Auto" de onderste laag op Vermenigvuldigen. Hernoem de lagen ook. Merk op dat het perspectief van de auto niet overeenkomt met onze scène. We zullen proberen dit in de volgende stap te corrigeren.


Stap 50

Selecteer de laag "Auto" en Transformeer (Command / Ctrl + T) de auto subtiel om het perspectief beter te evenaren. Gebruik de verdraaiingsmodus (geactiveerd door op het verdraaipictogram in de bovenste menubalk te klikken) om de transformaties nauwkeurig af te stemmen.

Merk op dat hierdoor ongewenste delen van de "Car Shadows" -laag zichtbaar worden. Gebruik het gummetje (E) om te verwijderen.


Stap 51

Gebruik Niveaus (Command / Ctrl + L) om de laag "Auto" aan te passen.


Stap 52

Bovendien kun je in meer schaduwen schilderen als je nodig vindt


Stap 53

De volgende stap is om onze componenten te laten overeenkomen met de scherptediepte in onze originele afbeelding. Begin met het samenvoegen van de groep "Samengestelde lagen" naar een nieuwe laag.


Stap 54

Voordat we een vervaging toevoegen, gebruikt u het gereedschap Branden om de hoeken van onze nieuwe laag donkerder te maken


Stap 55

Voeg nu de Iris Blur toe (Filter> Blur> Iris Blur). Stel de hoeveelheid vervaging in op 4 px en pas de onscreen-widget aan, zodat de vervaging zo goed mogelijk overeenkomt met de originele afbeelding.


Stap 56

Ons imago is technisch klaar, maar we kunnen er iets verder mee gaan. Maak een samengevoegde kopie van alle lagen door op Command / Ctrl + Alt + Shift + E te drukken.

Gebruik deze nieuwe samengevoegde laag om extra correcties toe te voegen. In dit geval heb ik een extra vervaging toegevoegd met behulp van de Tilt-Shift-vervaging (Filter> Vervagen> Schuine stand-verschuiving). Dit voegt wat meer diepte toe terwijl de componenten beter worden gemengd.

Ik heb ook een fotofilter toegevoegd. Dit zal de kleuren beter mengen.

Ten slotte heb ik een zachtere uitstraling aan de scène toegevoegd. Dit wordt gedaan door de laag te kopiëren, de niveaus te verhogen en deze een matig hoge Gaussiaanse vervaging te geven. Zodra dit is gebeurd, zet je de overvloeimodus op Zacht licht en pas je de dekking aan naar jouw voorkeur.


Stap 57

De laatste stap is om het gereedschap Bijsnijden (C) te gebruiken om de afbeelding iets bij te snijden. Hierdoor worden alle laagstijlen die zichtbaar zijn aan de randen van onze afbeelding verborgen. Zorg ervoor dat u Delete Cropped Pixels verwijdert.


Laatste afbeelding

U bent klaar. De uiteindelijke afbeelding moet op het volgende lijken.