Het maken van Constant Slip

Vandaag neem ik je mee door het creatieve proces van het maken van intrigerende lichteffecten en het toepassen ervan in je werk. Dit is meer een procesbeschrijving om deze illustratie te maken, dan stapsgewijs stap voor stap hoe. Ik zal u een aantal goede richtlijnen geven over hoe om te gaan met een illustratie als deze en de algehele workflow afdekken. Laten we beginnen!

Final Image Preview

Bekijk de afbeelding die we gaan maken. U kunt het uiteindelijke afbeeldingsvoorbeeld hieronder bekijken of een grotere versie hier bekijken.

Zelfstudiedetails

  • Programma: Adobe Photoshop CS3
  • Moeilijkheidsgraad: gevorderd
  • Geschatte voltooiingstijd: 45 minuten

Voorbereiding

Dit is een geavanceerd stuk, ik bedoel, er zijn geen moeilijk te doen technieken, maar dit soort werk vereist veel goede smaak, wat kleurervaring en het werpen van schaduwkennis. Dus ik raad deze tutorial niet aan voor beginners. Ik sla basisaanwijzingen over en ga direct naar het hoofdpunt. Kortom, ik wil dat je het idee krijgt om een ​​illustratie als deze te maken en je eigen weg te volgen met deze effecten.

Voordat we begonnen, wilde ik je laten zien hoe het concept tijdens de hele sessie veranderde:

  1. Deze eerste afbeelding hieronder is het belangrijkste concept dat ik had gepland. Het is het eerste idee dat op mijn hoofd kwam: een energiebal met veel glanslijnen eromheen.
  2. Tijdens het zoeken naar afbeeldingen vond ik per ongeluk een afbeelding van een man in een zeer koele positie, die afkomstig was van 123rf.com, dus ik dacht dat dit hier moest worden gebruikt. Dus ik zette hem daar en wilde de illusie wekken dat deze man alle energie creëert.
  3. De eerste plannen waren klaar en ik begon aan dit project te werken. Tijdens het proces miste dit concept op de een of andere manier dynamiek, dus besloot ik het hele stuk te roteren.
  4. Eindelijk, toen ik geen idee had hoe deze energiebal eruit zou kunnen zien, en dit kostte me enige tijd voordat ik met het uiteindelijke idee kwam, ik verwierp de bal en ging in energie aanraking alleen voor deze man.

U ziet dus dat elk project verandert wanneer u eraan werkt, dus onthoud voordat u aan deze tutorial begint flexibel te werken, niet alles hoeft op dezelfde manier te lijken als u had gepland. Neem de tijd en gebruik je fantasie.

Stap 1

Voordat we beginnen, moet je weten dat de glanzende effecten het best werken op een zwarte achtergrond. Hoe donkerder de achtergrond is, des te beter zichtbaar en gecontrasteerd. Dus begon ik met een zwarte achtergrond van het canvas rond 900 px bij 1100 px (dit zou goed moeten werken voor jou).

Stap 2

Nu is het eerste moeilijke gedeelte, op zoek naar de juiste afbeelding. Ik weet dat veel mensen niet tevreden zijn met het kopen van foto's, maar goed, de waarheid is: als je een goede kwaliteit wilt, moet je ervoor betalen. Ik heb niets tegen gratis stockfoto's, als je de tijd hebt om te zoeken naar een goede afbeelding onder gratis foto's van gemengde kwaliteit, is dat prima.

Hoe dan ook, als je de juiste afbeelding hebt, pak dan de persoon (of object) uit de afbeelding van je keuze. Het grootste probleem van alle uitsparingen is altijd het haar. Maar zoals je kunt zien in de afbeelding hieronder, had ik een kortharige man. In dit geval heb ik eenvoudig de Pen-tool gebruikt om kort haar te behandelen. En omdat we een zwarte achtergrond hebben in ons hoofdprojectdocument, kunnen we dit zwarte haar gemakkelijk combineren met de achtergrond. Hiervoor gebruikte ik de Burn-tool met bereik ingesteld op middentonen en verbrandde de haarranden een beetje.

Stap 3

Nu heb ik in het lagenpalet twee aanpassingslagen toegevoegd: niveaus en gradiëntkaart om een ​​betere vermenging te maken tussen deze persoon en de zwarte achtergrond. Ik heb een verloop van zwart naar wit gebruikt en de overvloeimodus van de laag Vergroteingslaag ingesteld op Zacht licht en heb de dekkracht vervolgens een klein beetje verlaagd.

Stap 4

Oké, daarna maken we grond. Ik heb een verloopgereedschap gebruikt en op een nieuwe laag een radiaal verloop gemaakt van wit naar transparant (zoals je ziet in de eerste afbeelding hieronder). Dan had deze grote witte stip wat perspectief nodig, dus hier druk ik op Command + T om te vervormen (tweede afbeelding hieronder).

De stip was wazig met behulp van Gaussiaans vervagen bij een straal van ongeveer 40 pixels. Vervolgens heb ik deze vage punt gekopieerd, een beetje uitgerekt (Command + T) en nog twee kopieën gemaakt om het grondeffect te verbeteren. Indien nodig kunnen de opaciteit van deze grondlagen slechts één aanraking worden verlaagd. Het betekent dat dit oppervlak niet te licht mag zijn, omdat dit het concept van het zwart maken van de hele achtergrond een beetje zal vernietigen.

Stap 5

Nu, zoals je kunt zien in de eerste afbeelding hieronder, begon ik schaduwen toe te voegen onder de schoenen. Het is geen grote en volledig gepimpte schaduw. Ik moest alleen een accent maken dat deze man ergens op staat. Dit werkt altijd redelijk goed, aangezien je begint te zien hoe je illustratie vormgeeft, zelfs als de schaduw verandert, is het goed om deze te laten schetsen.

Om de schaduw te maken heb ik een zwart penseel gebruikt met Flow ingesteld op 2% en Hardheid op 0%, daarna begon ik het langzaam te maken klik voor klik (houd de linkermuisknop niet ingedrukt terwijl je dit doet, omdat je een heel lelijke foto kunt maken) een beetje schaduw op die manier). Individuele penseelklikken deden het werk prima.

Laten we ons nu concentreren op de tweede afbeelding hieronder. Iets werkte niet voor mij in dit stuk, dus ik besloot om de eerste dynamische touch toe te voegen aan deze illustratie, dus ik selecteerde alle lagen en gebruikte Command + T om ze in een kleine hoek te roteren (nu leek het een beetje op een slip).

Stap 6

Ik zoomde uit en plaatste deze man en rechts naar rechts. Ik wilde een beetje de nadruk op het midden van de illustratie vermijden. Soms is het goed om het hoofdobject / de persoon opzij te zetten, het ziet er dynamischer en origineler uit.

OK, toen besloot ik dat deze positie perfect werkt voor dit stuk en schaduwen begon aan te raken. Als je naar deze man kijkt, is zichtbaar dat maar weinig lichtbronnen hem raken (zijn linkerhand laat bijvoorbeeld zien dat het licht van links naar rechts reikt). Dus in dit geval besloot ik om deze man een zachte schaduw te geven, alleen onder hem door dezelfde techniek te gebruiken als eerder.

Ik wil alleen dat je aandacht schenkt aan zijn schoenen die het dichtst bij de grond staan. Schoenen blijven aan de oppervlakte hangen, dit betekent dat ze meer schaduw rondom hen nodig hebben. Hoe verder de objecten van de grond komen, des te meer ze beginnen te verdwijnen (en de schaduw begint te verzachten en langzaam verdwijnt).

Stap 7

Terwijl ik mijn illustratie nu aan het bekijken was, voelde ik me alsof er enkele plekken zijn die te licht zijn, dus ik gebruikte de Burn-tool om het schaduweffect van de schoenen te verbeteren. Ik deed ook wat mengen met de hand, omdat het te helder leek aan de linkerkant.

Stap 8

Eindelijk is deze man klaar. Nu moet deze illustratie er meer uit één stuk uitzien. Dus deed ik wat algemene kleuraanpassing. Ik heb een aanpassingslaag voor curven toegevoegd en vervolgens een verloopkaart met een overgang van Violet naar Oranje (gekozen uit standaardpresets). Vervolgens verlaagde ik de dekking van de verloopkaart tot ongeveer 25-30% en veranderde ik de overvloeimodus in zacht licht. Beide aanpassingslagen zijn ingesteld om deze illustratie een gelige tint te geven (zoals ik experimenteerde en leuk vond).

Stap 9

Nu lijkt het erop dat deze man echt bij deze plek hoort, en dat is het ding dat we willen. Vervolgens begon ik alle lichte tricks.

Hier is iets abstracts dat ik voor dit stuk heb voorbereid. Dus ik opende deze lichten en sleepte ze naar het project terwijl ik de mengmodus veranderde in Lineair ontwijken. Het werd boven alle lagen geplaatst om niet te worden ingekleurd door twee vorige aanpassingslagen.

Bekijk nu het proces. Omdat ik al deze abstracte lichten had, nam ik de Burn Tool (Midtones) en verbrandde delen van dit stuk waar ik vanaf wilde (2e afbeelding hieronder). Daarna duurden veel minder van deze regels, dus ik gebruikte een hard Eraser-tool om de rest van de storende lijnen te wissen, die ik hier niet wilde zien (derde afbeelding hieronder). Uiteindelijk heb ik Afbeelding> Aanpassingen> Kleurbalans toegevoegd en deze kleur precies aangepast voor deze drie hoofdlijnen (blauw, groen en geel). Ik heb gewerkt aan het verkrijgen van koele, heldere kleuren voor deze lijnen.

Dit kan voor elke regel afzonderlijk worden gedaan, maar daarvoor moeten ze in nieuwe lagen worden uitgesneden.

Stap 10

Zoals ik al zei, als je geen ervaring hebt met kleuren, is deze tutorial moeilijk te volgen. Dit is het volgende deel toen ik hetzelfde proces herhaalde als in de vorige stap. Ik heb nieuwe lijnen gemaakt, gewist, gescheiden en verschillende kleuren toegevoegd.

Stap 11

Ik was nog steeds bezig met het toevoegen van gekleurde lichtlijnen en ik wil je nog een voorbeeld laten zien van flexibel werken. Tijdens dit proces had ik veel ideeën over hoe ik deze lijnen moest verbinden en instellen.

Eerst dacht ik dat het misschien een goed idee zou zijn om ze over te steken en ze in verschillende posities te maken (1e afbeelding hieronder). Dit ging niet goed en ik besloot om alle lijnen bijna parallel te maken (2e afbeelding hieronder). Dus ik heb het gemaakt, en voor wat variatie heb ik een groene lijn toegevoegd die een beetje de ruimte kruiste, maar het gaf wat diepte aan de illustratie dus liet ik het achter.

Stap 12

Nu heb ik wat meer helderheid toegevoegd op onderstaande plaatsen met een zachte witte borstel. De nieuwe laag is gemaakt onder de lijnlagen, omdat deze lijnen half transparant zijn (oorzaak van de lineaire ontwijkmodus), zodat alles onder deze lijnen zichtbaar is.

Stap 13

Ik speelde rond met deze lijnen en behaalde enkele coole resultaten (eerste afbeelding hieronder). Allemaal gedaan op dezelfde manier als ik eerder liet zien.

Vervolgens voelde ik dat dit stuk nog wat meer details nodig heeft en er enkele spaties in vult. Je kunt sommige soortgelijke penselen vinden die ik hiervoor heb gebruikt. Experimenteer met verschillende penselen in deze stap.

Ik heb een van mijn grungy spetters geplukt. Toen vond ik een mooie donkere kleur (afkomstig van de kleur die ik in lichte lijnen gebruikte - in mijn geval was het blauw) en maakte een penseelstreepje (tweede afbeelding hieronder). Toen bracht ik de selectie van dit penseelstreepje naar voren en verbood het met 2 pixels door naar Selecteren> Wijzigen> Contract (derde afbeelding hieronder) te gaan. Vervolgens druk ik op Verwijderen om het middenpenseelgedeelte te verwijderen (onderstaande afbeelding hieronder). Toen plaatste ik het bij een lichtblauwe lijn.

Stap 14

Nu ik dit kwastje op de juiste manier had geplaatst, gebruikte ik een zachte gum en wist ik storende delen. Daarna schakelde ik tussen de Burn Tool (Middentonen) en de Dodge Tool (Hooglichten) en pimpte ik geselecteerde donkere plekken van dit penseelstreepje uit.

Wanneer je de Burn-tool gebruikt, wordt de plek eigenlijk donkerder. Bij het gebruik van de Dodge Tool, wordt het lichter. Dus ik was heel voorzichtig in deze stap, een kleine overdrijving kan het idee vernietigen.

Dit proces is dus gewoon om u te laten zien hoe het werkt, het penseelstreepje in de eerste drie afbeeldingen hieronder is slechts een voorbeeld. In de vierde afbeelding hieronder kun je de penselen zien die ik oorspronkelijk heb gebruikt.

Stap 15

Trouwens, we zijn nog steeds met deze penselen, let op de kleine stukjes boven het hoofd van de man (eerste afbeelding hieronder) en degenen boven zijn been (tweede afbeelding hieronder). Ja, ze zijn op dezelfde manier gemaakt als eerder. Om dit te doen, kunt u zelfs een paar spatborstels gebruiken en hetzelfde proces volgen.

Let ook op de tweede afbeelding hieronder. Ik gaf een plek aan die naar schaduw wijst. Deze schaduw maakte een illusie dat deze kleine stukjes in de lucht zijn. Dus als je meer kleine stukjes rond de grond krijgt, kun je wat schaduwen eronder (maar op de grond) werpen en dit geeft je effecten meer diepte.

Stap 16

Naast om wat sprankeling aan deze illustratie toe te voegen, heb ik besloten om een ​​afbeelding van lucht te gebruiken en de zon eruit te snijden. Vervolgens desaturated ik dit stuk (tweede afbeelding hieronder) en zet ik de mengmodus op Lineair ontwijken en heb ik alle overbodige delen rondom deze zon gewist (met de wisser-tool). Ik bracht ook de niveaus (Command + L) naar voren en verbeterde het contrast. Daarna gebruikte ik Burn Tool (Middentonen) om het lichteffect te verbeteren en de stralen donkerder te maken (vierde afbeelding hieronder). Uiteindelijk heb ik deze zon gekleurd met Tint / Verzadiging en Kleurbalans, ik maakte het groen en gaf het een vleugje geel.

Stap 17

De zon werd verkleind tot een zeer klein formaat, en op deze maat is het helemaal niet meer herkenbaar als een stralende zon. Nu is het gewoon een lichtpuntje. Ik heb het vele malen gedupliceerd en op verschillende plaatsen geplaatst. Trouwens, ik heb de kleur veranderd toen het nodig was om deze lampen te laten passen. Om kleuren te veranderen volgde ik dezelfde stappen als hiervoor (in feite Hue / Saturation en wanneer de toon niet volledig bevredigend was, prikte ik het met Color Balance).

Stap 18

Vooruitlopend dacht ik dat ik deze mooie wolken van deze hemel zou gebruiken om stof te maken. Dus ik opende het beeld en desaturated het. Daarna (zoals eerder) gebruikte ik Niveaus (Command + L) om de wolken te laten opvallen. Vervolgens heb ik een zachte gum gebruikt en ongewenste delen verwijderd (vijfde afbeelding hieronder). Ten slotte heb ik Burn Tool (Midtones) gepakt en een aantal retouches gemaakt naar deze wolken. Ik heb ze een beetje gescheiden en meer naar voren gebracht.

Stap 19

Ik noemde deze wolken "Stof" en veranderde de Mengmodus van de laag in Lineair ontwijken. Vervolgens geroteerd en geplaatst in de richting van de lijnen (zoals u kunt zien in de afbeelding hieronder).

Ik maakte een kleine vergelijking hieronder, de hele illustratie werd een beetje gladder toen ik dit stof toevoeg.

Stap 20

Dus de illustratie was bijna klaar, maar de lichtlijnen waren nog steeds niet genoeg gemengd met het model. Ik druk op Command + A om het hele canvas te selecteren en vervolgens Command + Shift + C (samengevoegd kopiëren) en Command + V (plakken). Op deze manier heb ik een kopie van de hele afbeelding gemaakt en deze bovenop alle lagen gelegd.

Toen ik deze afbeelding selecteerde, ging ik naar Filter> Liquify en zoals je kunt zien in de eerste afbeelding hieronder, heb ik wat rekken gedaan met de Forward Warp Tool (in Liquify-filter). In de tweede afbeelding hieronder kun je zien hoe soepel en mooi deze lijnen werden gemengd.

Stap 21

Als laatste punt wilde ik dit stuk een beetje meer realisme geven, dus wierp ik lichtreflecties op de kleding en huid van deze man. Elke pijl hieronder heeft de kleur van de dichtstbijzijnde regel. Bijvoorbeeld, de eerste oranje pijlpunt van de hemdvlek die door de oranje lichtlijn zou moeten worden beïnvloed. Dus gaf ik deze plek een oranje kleur, enzovoort met de anderen.

Om dat te doen heb ik een nieuwe laag gemaakt met de overvloeimodus ingesteld op Kleur (zacht licht werkt in sommige gevallen ook goed), daarna heb ik een heel zacht penseel met de juiste kleur gebruikt, en Voilà!

Conclusie

Op het einde kun je het een mooie algehele verscherping geven met behulp van een highpass-filter, dit zal je werk nog meer kwaliteit geven. Dus ik hoop dat je dit stuk leuk vond, bedankt voor het lezen. Het belangrijkste doel van deze tutorial was om u een goede richting te laten zien in het gebruik van deze effecten. Wees dus creatief en probeer je manier te vinden om ze te gebruiken.

U kunt de uiteindelijke afbeelding hieronder bekijken of een grotere versie hier bekijken.