Unlimited PS Actions, graphics, videos & courses! Unlimited asset downloads! From $16.50/m
Advertisement
  1. Design & Illustration
  2. Effects
Design

Gebruik verlopen om licht en schaduw  - en een kop koffie te maken!

by
Difficulty:IntermediateLength:ShortLanguages:

Dutch (Nederlands) translation by Marga Schmitz (you can also view the original English article)

In deze tutorial gaan we wat eenvoudige cirkels en verlopen gebruiken om een kop koffie te maken die van bovenaf wordt bekeken. Het eind resultaat, nuttig nietwaar, maar het proces is niettemin interessanter.

Stap 1:

We beginnen met een mooi pastel-blauw verloop. Let op, in het verloop heb ik het lichtere gedeelte rechts bovenin de top geplaatst. Dit is belangrijk omdat we de impressie wekken dat het licht van rechts bovenin komt en dit bepaalt in welke richting de andere verlopen moeten gaan.

Teken daar een cirkel bovenop en vul deze met wit.

Stap2: 

Vervolgens hou Ctrl vast en klik op de laag om haar pixels te selecteren, ga dan naar Selecteren > Bewerken > Slinken (Select > Modify > Contract) en gebruik een waarde van ongeveer 12px. 

Stap 3: 

Teken dan in een nieuwe laag een subtiel licht grijs naar wit verloop van de top rechts naar de bodem links.  

Let op we gaan in deze richting omdat het de tegenovergestelde richting is van waar het achtergrond licht vandaan komt.  Dit is omdat het donkergrijs ons meteen wat schaduw geeft voor het maken van een 3D effect.

Stap 4:

Vervolgens hou Ctrl ingedrukt en selecteer de zwarte cirkel, dan hou Alt en Ctrl ingedrukt om de voorste cirkel te selecteren.  Dit zou je een selectie moeten geven van alleen de ring zoals hieronder getoond.

Teken nu in deze ring een linear verloop van de bodem links naar de top rechts. Opnieuw zorgt dit voor een 3D Effect.  Voor als je het nog niet geraden had, dit is onze schotel.

Stap 5:

Vervolgens maak een nieuwe laag op de ondergrond en Ctrl-klik op de originele cirkellaag om het te selecteren, druk daarna een paar keer op de naar beneden pijltjes toets en naar links pijltjes toets en vul de selectie met een donkerdere kleur blauw om schaduw te maken voor onze schotel.

Zoals je kunt zien, komt de schaduw iets onder en links van de schotel, wat zinvol is omdat het licht komt van boven en van rechts. 

Stap 6:

Nu in een nieuwe laag, bovenop de bovenste laag, Ctrl-klik op de ring laag en in onze nieuwe laag vul je deze selectie met wit.  Dan zonder de selectie ongedaan te maken, druk op de naar beneden pijltjes toets en naar links pijltjes toets twee keer en druk dan op delete. Dit laat een klein wit hoogtelicht achter.

Stap 7:

Nu we klaar zijn met onze schotel, kunnen we beginnen met de kop!

We maken een nieuwe laag bovenop de bovenste, tekenen daar een kleinere cirkel in met een lichte grijs.

Als het je nog niet gelukt is om de cirkels uit te lijnen, dan is dat oké, selecteer gewoon alle lagen samen en verander daarna naar het pijl gereedschap (eigenlijk heet het Verplaatsen (V) gereedschap in Photoshop, maar je kent het waarschijnlijk gewoon als het pijltjes gereedschap ), en je ziet aan de bovenkant van je scherm, dat er wat uitlijn knoppen verschijnen. Je kunt deze gebruiken om je cirkels uit te lijnen.

Stap 8:

Nu met de orginele selectie aan, maak je een nieuwe laag en ga je naar Selecteer > Aanpassen > Slinken  (Select > Modify > Contract) en vul een waarde van ongeveer 6 pixels in. Dan vullen we die laag met een verloop van een donkere grijs naar lichtere grijs van de top rechts naar de bodem links. Net als met de schotel, maken we opnieuw schaduwen die consistent zijn met waar de lichtbron is

Stap 9:

Nu in een nieuwe laag, teken nog een cirkel en vul het met een linear verloop van de top rechts naar de bodem links van donker bruin naar lichtbruin.  Zoals al eerder verteld, kun je deze uitlijnen door de laag uitlijn gereedschappen te gebruiken.

Let op het is beter om een nieuwe cirkel te tekenen, omdat als je de cirkel selecties te veel slinkt ze een beetje raar beginnen te worden. Dit komt doordat Photoshop pixels gebruikt in plaats van een pad om de cirkel te maken.

Stap 10:

Vervolgens gebruik je het Afgeronde Rechthoek Gereedschap (U) (Rounded Rectangle Tool (U)) om een vorm te tekenen zoals hieronder getoond in een nieuwe laag. Let op ik heb paden aan gelaten zodat ik het goed op het scherm kon zien, maar je hebt eigenlijk alleen de vorm nodig.

Stap 11:

Vervolgens kies het Doordrukken Gereedschap (O)  (Burn Tool (O)) en ga met een zachte medium brush over de hoeken die het dichtste bij de koffiekop zijn om de koffiekop een beetje schaduw te geven zoals getoond. Je kunt het ook een beetje (minder) schaduw geven aan de andere kant van de vorm, maar zorg ervoor dat het licht in het midden is.

Stap 12:

Nu ga naar Bewerk > Transformeer > Perspectief  (Edit > Transform > Perspective) en transformeer de vorm zoals getoond. Dit wordt het oortje van onze kop.

Stap 13:

Nu Ctrl-klik op de oortjeslaag om de pixels te selecteren, ga naar Selecteren > Bewerken > Vergroten  (Select > Modify > Expand) en gebruik een waarde van 1px.  Dan in een nieuwe laag, vul je je selectie met wit. Dan druk op Ctrl+D om te deselecteren en druk dan twee keer op de naar rechts pijltjes toets om het naar rechts te verschuiven. Dit is om ons oortje een dun wit hoogtelicht te geven. 

Stap 14:

Nu Ctrl-klik op de oortjes laag en in een nieuwe laag vul je de selectie met donker grijs. Daarna druk je op Ctrl+T om de nieuwe laag te transformeren zodat het een hoek krijgt zoals hieronder getoond.  Plaats deze laag daarna onder de oortjes laag.

Stap 15:

Nu druk tegelijk op Ctrl en Shift en klik op alle kop lagen om de pixels voor al deze lagen te selecteren.  Vul die selectie in een nieuwe laag met een licht grijs zoals getoond (let op ik heb het iets naar links en naar beneden verplaatst zodat het zichtbaar wordt). Zorg ervoor dat deze laag onder alle kop lagen zit, maar boven de schotel lagen. Het is de schaduw van de kop.

Stap 16:

Stel je laatste laag in op Vermenigvuldigen (Multiply) en 30%, druk daarna op Ctrl+T om de laag te transformeren en een klein beetje te roteren zoals getoond.

Stap 17:

Tot slot voegen we wat stoom toe. Maak een nieuwe laag op de bovenste en schilder met een grote zachte brush wat kleine willekeurige witte vormen zoals getoond.

Stap 18:

Nu ga naar Filter > Vervorm > Oceaanrimpel (Filter > Distort > Wave) om het wit te vervormen in een rookachtige vorm. Ik begrijp dit filter niet echt en speel gewoonlijk wat met de instellingen totdat ik het gewenste effect heb.  Dit betekent proberen met vallen en opstaan en veel indrukken van de annuleer knop! Sorry dat ik geen betere uitleg heb voor deze stap. Gelukkig is het oceaanrimpel gereedschap zo nuttig dat het waarschijnlijk goed voor je is om er een beetje mee te spelen om te leren hoe het werkt.

Stap 19:

Tot slot stel onze rook laag in op overlappen om het iets subtieler te maken en je bent klaar!

Zoals ik al zei in het begin, is het resultaat van deze tutorial niet bijzonder bruikbaar, maar het is een interessant experiment in licht en schaduw, wat nuttige dingen zijn om te leren voor je algemene composities.

Advertisement
Advertisement
Looking for something to help kick start your next project?
Envato Market has a range of items for sale to help get you started.