Hoe u uw eigen aangepaste Bokeh-achtergrond kunt maken in Photoshop

We hebben je geleerd wat bokeh is en hoe je het kunt maken met een fysieke camera. Laten we nu eens kijken hoe we de prachtige zachtheid van bokeh kunnen maken als een mooie kleurrijke en lichtvlekkerige achtergrond voor je computer en mobiele apparaten.

Waarom wil ik dit doen??

Er zijn twee grote afleveringen van de foto-tutorial van vandaag. Eerst krijg je de kans om een ​​bokeh-achtergrond te maken (wat een heel leuke en kleurrijke aanvulling is op de analoge bokehfoto's die we je eerder hebben laten zien).

Ten tweede, leer je ook de basis van de Photoshop Brush Engine, een zeer krachtig hulpmiddel in het arsenaal van Photoshop (en een nogal onderbenut programma).

Eindelijk, het is gewoon goed schoon, digitaal bewerkingsplezier. In plaats van Google Images of andere bronnen te trollen voor een perfecte bokeh-achtergrond voor je telefoon of computer, kun je deze zelf maken met de exacte kleuren en compositie die je wilt.

Wat heb ik nodig?

Voor deze tutorial heeft u slechts één ding nodig:

• Adobe Photoshop

We gebruiken Adobe Photoshop CS6, maar de technieken die in de zelfstudie worden beschreven, zouden prima moeten werken op oudere versies van Photoshop.

Naast Photoshop zijn er geen extra hulpmiddelen of bestandsinvoer nodig; we zullen de volledige afbeelding binnen de applicatie maken.

Welke concepten gebruiken we?

Voor deze zelfstudie zijn er enkele belangrijke ontwerpelementen die we in gedachten willen houden. In een echte foto wordt het bokeh-effect gecreëerd door lichtpunten buiten het brandpuntsvlak van de lens, waarbij het ongericht licht van de hooglichten de vorm aanneemt van de lensopening.

Om dat effect te creëren, kunnen we niet gewoon een aantal cirkels creëren en onszelf afkondigen met het project, we willen de illusie van diepte recreëren die een echte foto zou hebben (omdat de lichtpunten zouden bestaan ​​op enigszins verschillende punten van het brandpuntsvlak). We willen ook de variabiliteit van de lichtafmetingen die u in de echte wereld zou vinden opnieuw creëren. Met andere woorden, we willen geen vlakke afbeelding met een uniforme cirkelgrootte.

Om dit te bereiken, doen we twee dingen: om de verveling van het tekenen van honderden cirkels met variabele afmetingen te beperken, maken we speciaal voor deze taak een aangepast penseel. We zullen dan meerdere lagen van deze cirkels van variabele grootte combineren om de illusie van diepte te creëren.

Uw Bokeh-penseel instellen en maken

De eerste orde van zaken is om onze werkruimte te creëren en vervolgens onze faux-Bokeh borstel te maken. Maak een nieuwe afbeelding in Photoshop die de grootte heeft van de achtergrond die u wilt maken. We werken met de standaard schermresolutie van 1920 × 1080 pixels. Stel je achtergrond in op transparant.

Nadat u uw nieuwe canvas hebt gemaakt, klikt u op het palet en selecteert u een voorgrondkleur die extreem donkergrijs is zonder zwart te zijn - we gebruikten RGB-waarden 30-30-30:

Nadat u een zeer donkergrijs hebt geselecteerd, selecteert u het vormgereedschap (U) en schakelt u het over naar ellipsen. Houd de Shift-toets ingedrukt om de beeldverhouding van de vorm die u wilt tekenen te vergrendelen en teken vervolgens een cirkel in het midden van uw canvas. Het hoeft niet bijzonder groot te zijn; op ons 1920 × 1080 canvas tekenden we een cirkel van ongeveer 300 pixels breed. Het enige cruciale onderdeel is dat de cirkel groot genoeg is om comfortabel te kunnen bekijken en bewerken; de werkelijke grootte van de cirkel wordt op een later tijdstip in de zelfstudie aangepast.

Op dit punt heb je een bijna zwarte cirkel in het midden van het canvas. Dubbelklik op het laagitem in het deelvenster Lagen en maak twee aanpassingen. Pas eerst de vuldekking tot 50% aan (zorg dat u de vuldekking aanpast en niet de bredere categorie Dekking). Voeg ten tweede een puur zwarte streeklaag toe van 10 pixels breed met 100% dekking, zoals:

Het resultaat moet behoorlijk lijken op de afbeelding hierboven: een perfecte cirkel met een zwarte rand en een rokerig midden dat eruit ziet als een soort cameralensfilter.

Deze niet-zo-opwindende-toch cirkel zal dienen als het zaad voor onze borstel. Dit is waar de echte magie gebeurt in de tutorial van vandaag. Nadat u de eenvoudige, gekleurde cirkel hierboven hebt gemaakt, gaat u naar Bewerken -> Penseervoorinstelling definiëren. Geef uw nieuwe penseelvoorinstelling een naam; we noemden de onze "Bokeh Brush 1".

Nadat u uw nieuwe penseel heeft benoemd, ziet u dat het paneel Penseel / penseelvoorinstellingen nu aan de rechterkant van het scherm is geopend. Selecteer eerst het penseelgereedschap door op B op het toetsenbord te drukken of handmatig in het toolpalet te selecteren. Klik vervolgens op het tabblad Penseelvoorinstellingen. Zoek en selecteer uw nieuwe penseel:

Eenmaal geselecteerd, klikt u op het tabblad Penseel om de eigenschappen van het penseel te bekijken en aan te passen. Onderaan, onder alle penseelvariabelen, staat een voorbeeld van hoe een penseelstreek van je penseel eruit ziet. Met de standaardinstellingen ziet het er als volgt uit:

Weet je hoe dat er niet uitziet? Zachte, natuurlijke en gevlekte bokeh. We gaan dat veranderen. In de penseeluiteindevorming in het deelvenster Penseel. Aan de onderkant van het paneel wijzigt u de afstand van 25% tot 100%. Let op de verandering in het penseelvoorbeeldvenster:

Vervolgens moeten we een willekeurige plaatsing van de cirkels maken door de spreidingsvariabele te vergroten. Klik op de regel Scattering en pas de Scatter aan op 10.000%, de telling op 5 en de telling op 1%. (Nadat we onze eerste penseel hebben gemaakt, voel je vrij om met deze waarden te spelen met Bokeh Brush 2, het veranderen van de waarden hier en in de variabelen die volgen geeft mooie effecten). Uw penseelvoorbeeldvenster zou er nu als volgt uit moeten zien:

Nu komen we ergens; dat voorbeeld begint te lijken op de willekeurige en overlappende lichtpunten die we van een bokehrijke foto zouden verwachten.

Laten we iets doen aan de uniformiteit van de grootte door naar het formulier Shape Dynamics te gaan. Wijzig de presets daar naar Size Jitter 100%, Control: Pen Pressure, Minimum Diameter 50% en laat de rest dan op 0% en uit / uitgeschakeld zoals:

Sterker nog, de toevoeging van de Size Jitter heeft echt een leuke variatie geïntroduceerd. De laatste hand aan onze penseel is om de dekking en vloeiing in de categorie Transfer aan te passen. Klik op Transfer en pas de Jitter opaciteit aan tot 50% en de Flow Jitter tot 50%. Wijzig de controle over de flowjitter in pendruk. Laat al het andere af of op 0% zoals zo:

Dat is een prachtige preview; kijk er gewoon naar - je kunt praktisch zien dat de wallpaper vorm aanneemt in het kleine preview-venster.

Met onze penseel gedefinieerd, is het tijd om over te gaan naar het proces van het maken van de werkelijke achtergrond.

Het achtergrondverloop en de Bokeh-lagen maken

Ga je gang en maak een nieuwe laag in je werkruimte (en desgewenst deselecteer of verwijder je de laag die je hebt gebruikt om de ellips-gebaseerde penseel te maken). Label deze laag "Achtergrond". Je kunt een effen kleur of een verloop in de achtergrond van je achtergrond op deze nieuwe laag plaatsen, maar verlopen zijn zoveel mooier in het eindproduct.

Selecteer het gereedschap Verloop (G) en kies vervolgens een van de vooraf ingestelde verlopen of maak er zelf een. De presets hadden niet het soort hyper-bright rainbow effect waar we naar zochten, dus we hebben een nieuw verloop gemaakt met de seed-waarden voor gradiëntlocaties 0%, 50% en 100% van 255-0-252, 0- 252-255 en 240-255-0, respectievelijk:

Toegepast in een hoek van ongeveer 35 graden van de linkeronderhoek tot de rechterbovenhoek van het canvas, ziet het verloop er als volgt uit:

Met het canvas geschilderd, is het tijd om te beginnen met de eerste bokehlaag. Maak een nieuwe laag met de naam "Bokeh Achtergrond". Selecteer het penseel (B). Verander de penseelkleur in puur wit. Selecteer een penseelgrootte van ongeveer een derde tot de helft van de verticale afmeting van uw canvas (in het geval van ons 1920 x 1080 canvas, dat wil zeggen een penseel van ongeveer 300-500 pixels). We spelen het vandaag groot, dus 500 pixels is het.

De volgende stap (en de daaropvolgende herhalingen) is geheel een kwestie van smaak. Ga eerst licht met de borstel en dan een beetje zwaarder als je dat wilt. Denk eraan, dit is niet hetzelfde als het gebruik van een standaard penseel waarbij u op spot X kunt klikken en direct feedback op die plek kunt krijgen. We hebben een penseel gemaakt dat effectief een zeer brede en zeer variabele lijn maakt.

Begin met een pass van het penseel van aan de zijkant van het canvas naar het andere en tik dan hier of daar om meer cirkels toe te voegen. We hebben geconstateerd dat twee degelijke van links naar rechts en vervolgens van rechts naar links goed werk levert. Dit is hoe uw canvas er uit zou moeten zien, een paar cirkels geven of nemen:

Omdat dit de achtergrondlaag is, moeten we deze vervagen om die diepte te kunnen opbouwen. Ga, terwijl je nog steeds op de achtergrondlaag Bokeh bent, naar Filter -> Vervagen -> Gaussiaans vervagen. Een waarde van 20-30 levert een mooie aangename achtergrondonscherpte op:

Nu moeten we het proces herhalen met een paar kleine aanpassingen. Maak een nieuwe laag met de naam "Bokeh Midground". Verlaag de penseelgrootte tot een kleinere waarde (we hebben deze laten vallen van 500 pixels naar 300 pixels). Nogmaals, maak een pasje over het canvas met het penseel tot je tevreden bent met het aantal cirkels. Pas de Gaussiaanse vervaging opnieuw toe, maar pas deze keer de vervaging aan tussen 5-10 pixels: 

We kunnen zien dat het behang echt vorm krijgt met de toevoeging van de tweede laag. Nu is het tijd voor nog een laag. Maak een nieuwe laag met de naam "Bokeh Voorgrond". Wijzig de penseelgrootte in een nog kleinere waarde (we hebben deze van 300 pixels naar 150 pixels laten vallen). Herhaal de pas van de borstel over het canvas. Herhaal de Gaussiaanse vervaging, maar zet de waarde op 1-5 pixels.

Dit is de laatste stap van de tutorial, zodra je de "Bokeh Foreground" -laag hebt vervaagd, word je beloond met het eindproduct:

Het leuke aan de workflow is dat het heel eenvoudig is om, eenmaal je eenmaal doorheen bent gegaan, er doorheen te komen en nieuwe achtergronden te maken met echt dichte (of schaars) cirkels, lichte of donkere gradiënten en andere variaties.

Zonder het hele proces zelfs maar te herhalen, kun je een nieuwe laag over je oude achtergrondlaag maken, een nieuw verloop naar beneden klappen en een achtergrond maken met een geheel nieuwe sfeer:

Met projecten als deze is de variabiliteit en willekeurigheid van het eindresultaat een deel van het plezier. Experimenteer met penseelgrootten, instellingen en andere variabelen om leuke en unieke resultaten te bereiken, nog beter, deel ze in de onderstaande opmerkingen met je mede-lezers.