Creëer een kosmisch geïnspireerde dromerige scène in Photoshop

In de tutorial van vandaag laten we zien hoe je stockfoto's, 3D-elementen en verschillende technieken gebruikt om een ​​kosmisch geïnspireerde dromerige scène te maken in Photoshop. Laten we beginnen!


Gebruikte middelen

De volgende afbeeldingen werden gebruikt tijdens de productie van deze tutorial.

  • Grunge textuur
  • wolken
  • Portret
  • kraai
  • 3D abstracte renders

Stap 1

Laten we beginnen met het maken van een nieuw A4-document in Photoshop. Ik wil de compositie voor drukwerk ontwerpen, dus het is het beste om met grote bestanden en hoogwaardige bronnen te werken. Als je een nieuwe poster in je kamer wilt, overweeg dan hetzelfde te doen.


Stap 2

Met zwart als voorgrondkleur, druk je op Alt + Delete om de achtergrondlaag te vullen. Er zijn verschillende technieken om een ​​ruimte kijkende achtergrond te creëren vol met sterren. U kunt bijvoorbeeld het ruisfilter gebruiken en met niveaus spelen. Maar ik denk dat borstels meer controle geven over hoe sterren eruit zullen zien. Ook kun je met behulp van de borstels met een paar klikken sterren van verschillende grootte en dekking creëren. Dat gezegd hebbende, maak een nieuwe laag en pak het penseel. Zet wit als voorgrondkleur en kies een 25px ronde borstel met hardheid 0%.


Stap 3

Ga naar Venster> Penselen en pas de volgende instellingen toe:

Nu kunt u uw sterren vrijelijk leven geven. U hoeft niet veel meer te doen dan op het canvas te klikken. Voel je vrij om penselen opnieuw in te stellen of gebruik verschillende lagen met verschillende dekkingsniveaus om ze realistischer te maken. Al deze functies kunnen worden bediend met de borstels.


Stap 4

Het is tijd om wat wolken toe te voegen. Maak een nieuwe laag en ga naar Filter> Renderen> Wolken. Zet de laag op het scherm om zwarte gebieden te verwijderen, verminder de dekking tot ongeveer 30% en gebruik het wisgereedschap - of een masker als u dat wilt - om wolken van de randen van het canvas te verwijderen, zodat ze zich concentreren in het midden van de compositie.


Stap 5

Ik wil een ruimtescène creëren, met een sterrenstelsel in het midden. In plaats van een voorraadbeeld van een nevel te gebruiken, kunnen we het proberen met enkele Photoshop-trucs. Maak een nieuwe laag en vul deze met zwart. Pak dan een grote zachte borstel en schilder een witte vlek in het midden.


Stap 6

Ga naar Filter> Uitvloeien. Selecteer vervolgens de tool Twirl Clockwise en klik de plek om een ​​soort spiraal te maken. De beste manier om deze tool te gebruiken, is klikken en slepen, en kleine cirkels maken. Als u alleen klikt zonder de muis te verplaatsen, gebeurt er niets.


Stap 7

Druk op Cmd / Ctrl + T om het transformatiegereedschap te activeren en de spiraal uit te rekken en draaien. Als je het zachter wilt maken en de binnenste zwarte lijnen wilt verwijderen die veroorzaakt worden door het vloeibaar filter, pas dan een Gaussiaanse vervaging toe (Filter> Blur> Gaussiaanse vervaging) met een lage waarde (rond de 3 px).


Stap 8

Stel ten slotte de overvloeimodus voor lagen in op het scherm.


Stap 9

De melkweg ziet er te "schoon" uit. Als u naar een foto van een nevel kijkt, zijn er concentraties van materialen vergelijkbaar met gecondenseerde wolken. Dus het eerste wat je moet doen is een grunge-textuur gebruiken. Download deze Grunge-textuur en sleep deze op het canvas. Druk op Cmd / Ctrl + Shift + U om het te desatureren en stel de laag in op overlay met dekking van 15%.


Stap 10

Download deze foto van wolken en plak deze in uw document.


Stap 11

Stel de laag in op overlay en gebruik het gumgereedschap om het linkerdeel van de wolk te verwijderen, zodat u slechts een soort "spoor" behoudt dat weggaat van de nevel. Nu de achtergrond bijna is voltooid, kunt u alle lagen selecteren in het lagenvenster, op Cmd / Ctrl + G drukken om ze te groeperen en de groep "achtergrond" te benoemen.


Stap 12

Het is tijd om het hoofdpersonage van de compositie in te voeren. Ik heb dit mooie portret gebruikt dat is gedownload van Shutterstock. Ik weet het, velen van jullie zullen protesteren omdat ik een premium-afbeelding gebruik. De reden is dat het uiteindelijke resultaat afhangt van de kwaliteit van de gebruikte middelen en dat het erg moeilijk is om een ​​expressief gezichtssurfen te vinden via sites die gratis afbeeldingen aanbieden. Hoe dan ook, je zou kunnen overwegen om een ​​foto van een vriend (zo mogelijk een vriend met de stijl van Quentin Tarantino) te gebruiken of om het even welk type afbeelding te gebruiken. Je kunt de tutorial probleemloos blijven volgen. Zoals je misschien al gemerkt hebt, heb ik na het uitpakken van de kerel met de pen-tool, enkele gebieden geëlimineerd die naar mijn mening uitbundig waren.


Stap 13

Selecteer de groepslaag en druk op Cmd / Ctrl + Shift + U om de afbeelding te desatureren. Het is mijn gewoonte om altijd met beelden met een lage verzadiging te werken. Degenen die mijn tutorials op WeGraphics hebben gevolgd, hebben misschien gemerkt dat ik het werk graag aan het einde van het proces inkleef met laagaanpassingen en penselen. Het is verrassend hoe de aantrekkingskracht van een afbeelding op elk moment van het proces kan worden getransformeerd met behulp van de kleurhulpmiddelen van Photoshop.


Stap 14

Hier zijn 2 klassieke stappen die worden gebruikt om kleurcontrasten te vergroten en de details van een afbeelding te verbeteren. Dupliceer eerst de laag van de gozer (Cmd / Ctrl + J) en stel de gedupliceerde laag in op overlay met een dekking van ongeveer 60%. Dupliceer nogmaals de originele groepslaag en verplaats deze naar de top van de drie lagen. Ga naar Filter> Overig> Hoogdoorlaat, voer een waarde van ongeveer 10 pixels in en stel de laag in op overlay.


Stap 15

Op dit punt, zonder een specifieke reden, besloot ik om een ​​gat op het voorhoofd van de kerel te creëren. Er is altijd een punt van het proces wanneer je de hulp van je creativiteit nodig hebt. Tot nu toe kende ik het exacte doel van dit stuk niet, maar nadat ik had gekeken naar wat ik had, besloot ik dat dit de beste volgende stap was.

Laten we nu het gat maken. Maak een nieuwe laag en pak het pengereedschap in de padenmodus en maak een soort vierkant in perspectief, zoals in de onderstaande schermafbeelding.


Stap 16

Druk op Cmd / Ctrl + Enter om de selectie te activeren. Zorg ervoor dat u een donkergrijs (# 323232) als voorgrondkleur hebt en druk op Alt + Delete om de selectie te vullen.


Stap 17

Pas de volgende laagstijlen toe op de vorm.


Stap 18

Druk op Cmd / Ctrl + J om de laag te dupliceren en verwijder vervolgens alle laagstijlen. Verplaats vervolgens de gedupliceerde laag rechtsonder. We zullen het gebruiken om diepte te geven aan het gat.


Stap 19

De gedupliceerde vorm is te licht, dus voeg een overlay met zwarte kleur toe om het donkerder te maken.


Stap 20

Nu met de gedupliceerde vormlaag geselecteerd, Cmd / Ctrl + klik op de originele vorm om een ​​selectie van de pixels te maken, en voeg een laagmasker toe door op de knop "laagmasker toevoegen" onder aan het lagenvenster te klikken. Op deze manier elimineert u het gebied van de vorm dat groter is dan het gebied hieronder.


Stap 21

Selecteer de originele vorm, pak vervolgens het pengereedschap in de padenmodus en maak een selectie zoals hieronder wordt weergegeven. We voegen nu enkele schaduwen toe om het 3D-effect te maken. Vergeet niet dat u op Cmd / Ctrl + Enter moet klikken om het pad dat met de pen is gemaakt, in een selectie te veranderen.


Stap 22

Gebruik op dit moment het brandhulpprogramma om de linkerhoek donkerder te maken.


Stap 23

Druk op Cmd / Ctrl + D om de selectie ongedaan te maken en gebruik het brandhulpprogramma om het gebied linksonder van de vorm donkerder te maken.


Stap 24

Het gat ziet er realistischer uit als we er iets van maken. Download deze kraaiafbeelding en plak deze op je canvas.


Stap 25

De kraai is te donker. Als u uitzoomt, merkt u dat het moeilijk te onderscheiden is. Ga naar Afbeelding> Aanpassingen / Helderheid en verhoog de helderheid naar 70. Nu ziet het er beter uit.


Stap 26

Zoals eerder, laten we nog een laagmasker aanbrengen, deze keer voor de kraai. Cmd / Ctrl + klik op de vormlaag (de originele laag) en voeg het masker toe. Je kunt nu alle lagen van de gast selecteren en groeperen (Cmd / Ctrl + G).


Stap 27

We kunnen nu enkele interessante details toevoegen. Laten we beginnen met een aangepast penseel. Maak een nieuw document van 1000 x 1000 pixels en gebruik de tool Polygoon om een ​​zwarte driehoek te maken. Ga vervolgens naar Bewerken> Penseelvoorinstelling definiëren om de penseel te maken die we later zullen gebruiken. U kunt dit document nu verwijderen en overschakelen naar het hoofdvenster.


Stap 28

Selecteer het penseel dat we zojuist hebben gemaakt en pas dezelfde instellingen toe die we eerder met de sterren hebben gebruikt. Op deze manier geeft de borstel je een soort geanimeerd effect, met verschillende hoeken en opaciteit. Maak een nieuwe laag onder de groep van de gozer en speel met de penseel.


Stap 29

Ga naar Filter> Vervagen> Radiaal vervagen en voer de volgende instellingen in.


Stap 30

Herhaal stap 28 en 29 met een ronde borstel.


Stap 31

Er zit een gat in het voorhoofd van deze gekke man. Maar waarom? Misschien vanwege een zwevende kubus die door zijn hoofd is gegaan? Ik wil een semi-transparante kubus maken, geen platte kubus, zodat ik er iets in kan plaatsen dat zichtbaar zal zijn. Het komt van nature voor mij om Cinema4D te openen om de kubus te maken. Als je Cinema4D niet hebt, kan de kubus worden gedownload in het bronbestand of je kunt het hier downloaden.

Anders open je Cinema 4D en ga je naar Object> Primitive> Cube en roteer je de kubus zodat de hoek overeenkomt met die van het gat.


Stap 32

Dubbelklik op het materiaalvenster om een ​​nieuw materiaal te maken en dubbelklik vervolgens op het nieuwe materiaal om de Material-editor te openen. Voeg transparantie en gloed toe met de volgende waarden.


Stap 33

Sleep het materiaal over de kubus om het toe te passen. Druk op Cmd / Ctrl + R om de kubus weer te geven. Ok, ziet er goed uit. Een vergelijkbare kubus kan worden gemaakt in Photoshop. Het hangt af van uw workflow. Persoonlijk vind ik het gemakkelijker om de 3D-kubus in Cinema4D in 2 minuten te maken.

Stel nu vóór het opslaan de renderinstellingen in. Ga naar Render> Render-instellingen en volg de instructies in de onderstaande schermafbeelding. Vergeet niet om Alpha Channel te controleren, dat we in Photoshop zullen gebruiken om de kubus van de achtergrond te extraheren.


Stap 34

Ga nu naar Render> Render naar fotoviewer en sla het bestand op als een tif. Open het met Photoshop. In het kanaalvenster kun je een ander kanaal opmerken. Cmd / Ctrl + Klik erop om de kubus te selecteren, kopieer (Cmd / Ctrl + C) en plak deze (Cmd / Ctrl + V) in het hoofdcanvas.


Stap 35

Dupliceer de kubus en verplaats de gedupliceerde afbeelding hieronder. Ga naar filter> Vervagen> Bewegingsonscherpte.


Stap 36

Gebruik het gumgereedschap om het bovenste deel van het bewegingseffect te elimineren.


Stap 37

Grijp het lijngereedschap (2px gewicht) en maak 4 lijnen in overeenstemming met 4 randen van de kubus.


Stap 38

Gebruik vervolgens het wissergereedschap - 0% hardheid - om de eindpunten van de lijnen voorzichtig te wissen.


Stap 39

Op dit punt ben je vrij om te beslissen wat je in de kubus plaatst. Ik hou van het idee van een astronaut in missie (onmogelijk).


Stap 40

Het punt is nu hoe de astronaut te veranderen zodat hij in de kubus kijkt? Pak het pengereedschap in de modus "shape layers" en maak 3 vormen die de 3 voorvlakken van de kubus bedekken.


Stap 41

Voeg nu de volgende stijlen toe aan de vormen. Het enige dat u voor elke vorm moet wijzigen, is de overlayhoek van het verloop.


Stap 42

Verlaag de dekking van de 3 lagen zodat ze er transparant uitzien. Breng tot slot de Surface-filter aan op de astronaut (Filter> Blur> Surface blur).


Stap 43

Met dezelfde methode heb ik een tweede kubus toegevoegd (en natuurlijk een tweede astronaut).


Stap 44

Maak een nieuwe groep, noem deze "aanpassingen" en leg deze bovenaan alle andere lagen en groepen. Hier zullen we twee lagen toevoegen die de hele compositie kleur geven. Houd er rekening mee dat deze groep altijd boven op de andere staat en dat je elke keer dat je kleurencombinaties wilt wijzigen, gewoon met deze lagen moet spelen.

Ga naar Lagen> Nieuwe aanpassingslagen> Verloopkaart en voeg een verloop toe van blauw (# 13055c) naar oranje (# ff5400). Zet de laag op overlay met een dekking van 50%.


Stap 45

Voeg nu een curve-aanpassingslaag toe. Hier heb ik met bochten gespeeld tot ik een goede kleurencombinatie heb bereikt. Er is geen geheim recept voor. Speel eenvoudig met opties en maak je geen zorgen als je iets totaal anders hebt. Volg je smaak.


Stap 46

Maak een nieuwe groep onder de "Aanpassingen" een en noem hem "kleuren". Stel de overvloeimodus van de groep in op overlay. Het is mijn gewoonte om enkele lagen te gebruiken die op overlay zijn geplaatst om de kleur van specifieke gebieden te wijzigen en deze lagen boven op de andere te plaatsen. Als ik bijvoorbeeld het midden wil verbeteren, zal ik eroverheen schilderen met een witte zachte borstel - met de laag die op overlay is geplaatst.

In dit geval heb ik blauw gebruikt om over de randen te schilderen. Ik had de indruk dat een donkere kleur de aandacht van de gebruiker op het midden zou hebben gericht. Ten tweede heb ik met een grote zachtoranje borstel over het gezicht geschilderd en met een gele borstel over de nevel.


Stap 47

We zijn bijna aan het einde, maak je geen zorgen. Maak een nieuwe groep onder de "kleuren" een, en noem deze "lichteffecten". Zet de mengmodus op Kleur ontwijken. Maak vervolgens een laag erin en maak een paar vlekken op de gebieden die u wilt verbeteren. Maak meerdere vlekken op verschillende lagen en speel met hun dekking. Het doel van deze stap is om de compositie levendiger te maken. Richt je aandacht op de punten die je belangrijker vindt - het gezicht, de kubussen, de nevel - en klik hier op.


Stap 48

Pak de Ellipse-tool in de groep met "Lichteffecten" en maak een uitgerekte ellips. Plaats deze op de bodem van de hand. Doe hetzelfde met de onderkant van het hoofd.


Stap 49

We kunnen nu de laatste details toevoegen. Het eerste dat ik wil verrijken is de achtergrond. Download dit gratis voorbeeld van 3d abstracte renders gepubliceerd op WeGraphics. Plak ze op het canvas direct boven de achtergrondgroep. desatureer ze (Cmd / Ctrl + Shift + Alt + U) en zet hun overvloeimodus op overlay.


Stap 50

We hebben Illustrator 2 minuten nodig. Open een nieuw document in Illustrator en maak een cirkel met 1pt zwarte lijn en geen vulkleur.


Stap 51

Ga naar Effect> Vervormen & transformeren> Transformeer en pas de volgende instellingen toe.


Stap 52

Kopieer en plak de illustraties in Photoshop (als slimme objecten om schaalbaarheid te voorkomen) en voeg de volgende stijlen toe.


Stap 53

De laatste aanraking (ik beloof het!). Ik heb geschreven: "Dit is niet echt", waardoor de betekenis van de hele compositie wordt onderstreept. Het gebruikte lettertype is de Republika. Om meer stijl aan de tekst te geven, heb ik deze dubbel gedupliceerd en een dubbele bewegingsvervaging toegepast op de gedupliceerde tekst.


Laatste afbeelding

We zijn klaar jongens! We hadden meer details kunnen toevoegen, maar ik denk dat het voldoende is voor de doeleinden van deze tutorial. Ik hoop dat je iets nieuws hebt geleerd en dat je het eindresultaat leuk vindt!