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 fotozelfstudie van dit moment. Eerst krijg je de kans om een ​​bokeh-achtergrond te maken( wat een heel leuke en kleurrijke aanvulling is op de analoge bokeh-foto's die we je eerder hebben laten zien).

Ten tweede zul je ook de basis van de Photoshop Brush Engine leren kennen, wat een zeer krachtig hulpmiddel is 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 composities die je wilt.

Wat heb ik nodig?

Voor deze zelfstudie hebt u maar één ding nodig:

• Adobe Photoshop

We gebruiken Adobe Photoshop CS6, maar de technieken die in de zelfstudie worden beschreven, zouden prima moeten werken voor 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 eenvoudig 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 puntenvan het brandpuntsvlak).We willen ook de variabiliteit van de lichtafmetingen die je 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-borstel instellen en maken

De eerste orde van zaken is om onze werkruimte te maken en vervolgens onze faux-bokeh borstel te maken. Maak een nieuwe afbeelding in Photoshop die zo groot is als 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 de vormGereedschap( U) en schakel over naar Ellipses. 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 zit er 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 ervoor dat u de vuldekking aanpast en niet de bredere categorie Dekking).Ten tweede, voeg een puur zwarte lijnlaag van 10 pixels breed toe met een dekking van 100% zoals dus:

Het resultaat moet redelijk lijken op de bovenstaande afbeelding: een perfecte cirkel met een zwarte rand en een rokerig midden dat eruitziet als een cameralensfilter van soorten.

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 getinte cirkel hierboven heeft gemaakt, gaat u naar Bewerken - & gt;Definieer penseelvoorinstelling. 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:

Als u eenmaal bent geselecteerd, klikt u op het tabblad Penseel om de eigenschappen van de penseel te bekijken en aan te passen. Onderaan, onder alle variabelen van de penseel, is 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 uit ziet? 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 ons 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 nette 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 te navigeren naar het formulier Shape Dynamics. Verander de presets daar naar Size Jitter 100%, Controle: Pen Pressure, Minimale Diameter 50%, en laat de rest dan op 0% en uit / uitgeschakeld zoals:

Nog beter, de toevoeging van de Size Jitter heeft echt wat leuke dingen geïntroduceerdvariatie. De laatste hand aan onze brush is om de dekking en flowjitter 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 mooie 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 eigenlijke achtergrond.

Het achtergrondverloop en de Bokeh-lagen maken

Ga door en maak een nieuwe laag in uw werkruimte( en desgewenst deselecteer of verwijder u de laag die u hebt gebruikt om het op ellipsgebaseerde 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 op zoek waren, 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 ombegin 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 je canvas( in het geval van ons 1920 x 1080 canvas betekent dat 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 je op plek X kunt klikken en direct terugkoppeling krijgt op die plek. We hebben een penseel gemaakt dat effectief een zeer brede en zeer variabele lijn maakt.

Begin met een pass van de borstel van de zijkant van het canvas naar de andere en tik dan hier of daar om meer cirkels toe te voegen. We hebben geconstateerd dat twee solide passages van links naar rechts en van rechts naar links goed werk leveren. Dit is hoe uw canvas eruit zou moeten zien, een paar cirkels geven of nemen:

Aangezien dit de achtergrondlaag is, moeten we deze vervagen om die diepte te creëren. Ga, terwijl je nog steeds op de achtergrondlaag Bokeh bent, naar Filter - & gt;Vervagen - & gt;Gaussiaanse vervaging. 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 tot 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 extreem eenvoudig is, als je eenmaal weg benterdoorheen, om er keer op keer doorheen te zwaaien en nieuwe achtergronden te maken met echt dichte( of schaars) cirkels, lichte of donkere gradiënten en andere variaties.

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

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