In deze zelfstudie over Photoshop-effecten leren we hoe u een "vervaagde pixels" fotorand maakt, waarbij de afbeelding wordt weergegeven door willekeurige en verspreide vierkante pixelvormen die geleidelijk vervagen in een effen gekleurde achtergrond.

Om het effect te creëren, laden we in een van de extra penseelsets die bij Photoshop worden geleverd, en we zullen enkele van de penseeldynamiekopties gebruiken om het penseel willekeurig te verkleinen en te verspreiden terwijl we schilderen. We beginnen met wit als onze achtergrondkleur, maar aan het einde van de zelfstudie leren we hoe we de kleur gemakkelijk kunnen wijzigen, inclusief hoe u een voorbeeld van een kleur rechtstreeks uit de afbeelding zelf kunt nemen!

Ik gebruik Photoshop CS5 voor deze zelfstudie, maar elke recente versie van Photoshop werkt.

Hier is de originele afbeelding waarmee ik zal beginnen:

De originele foto.

En zo ziet het eruit als we klaar zijn:

Het eindresultaat.

Hoe maak je een vervaagde pixel Fotorand

Stap 1: Dupliceer de achtergrondlaag

Laten we beginnen met het maken van een kopie van de afbeelding met de foto die onlangs in Photoshop is geopend, zodat we het origineel ongemoeid kunnen laten voor het geval we het ooit weer nodig hebben. Als we in het deelvenster Lagen kijken, zien we dat we beginnen met alleen de originele foto op de achtergrondlaag:

Het deelvenster Lagen met de originele foto op de achtergrondlaag.

Als u de laag snel wilt dupliceren, drukt u op Ctrl + J (Win) / Command + J (Mac) op uw toetsenbord. Photoshop maakt een kopie van de laag, noemt de kopie "Laag 1" en plaatst deze boven het origineel:

Een kopie van de foto verschijnt op "Laag 1".

Stap 2: Voeg een witte effen kleur opvullaag toe tussen de bestaande lagen

Selecteer de achtergrondlaag door erop te klikken in het deelvenster Lagen:

Klik op de achtergrondlaag om deze te selecteren.

Selecteer de achtergrondlaag en klik op het pictogram Nieuwe vulling of aanpassingslaag onder aan het deelvenster Lagen:

Klikken op het pictogram Nieuwe opvul- of aanpassingslaag.

Kies een opvullaag met effen kleur boven aan de lijst die verschijnt:

"Effen kleur" selecteren in de lijst.

We gaan deze opvullaag met effen kleuren gebruiken als achtergrondkleur voor ons effect. Photoshop opent de Kleurkiezer zodat we de gewenste kleur kunnen kiezen. Kies nu wit, door op linksboven in het kleurselectiekader links te klikken of door 255 in te voeren voor de R-, G- en B- waarden onderaan in het midden van het dialoogvenster. Aan het einde van de zelfstudie leren we hoe we de achtergrondkleur gemakkelijk kunnen wijzigen, maar wit volstaat nu:

Kies wit uit de Kleurkiezer.

Klik op OK als u klaar bent om de kleurkiezer te sluiten. We kunnen de witte achtergrondkleur nog niet in het document zien, maar als we opnieuw in het deelvenster Lagen kijken, zien we de nieuwe opvullaag voor effen kleuren, die Photoshop "Kleurvulling 1" heeft genoemd, tussen de laag zit 1 en de achtergrondlaag:

Photoshop plaatst de opvullaag Effen kleur tussen de twee afbeeldingslagen.

Stap 3: Voeg een zwart gevuld masker toe aan laag 1

Klik op Laag 1 in het deelvenster Lagen om deze te selecteren:

Selecteer laag 1.

Terwijl Laag 1 is geselecteerd, houdt u de Alt (Win) / Option (Mac) -toets op uw toetsenbord ingedrukt en klikt u op het pictogram Laagmasker onderaan in het deelvenster Lagen:

Houd Alt (Win) / Option (Mac) ingedrukt en klik op het pictogram Laagmasker.

Dit voegt een laagmasker toe aan Laag 1, en omdat we de Alt (Win) / Option (Mac) -toets ingedrukt hielden toen we op het pictogram Laagmasker klikten, vulde Photoshop het laagmasker met zwart, waardoor de foto volledig op de laag wordt verborgen uit het zicht. We kunnen de zwartgevulde laagmaskerminiatuur op laag 1 in het deelvenster Lagen zien:

Een laagmaskerminiatuur, gevuld met zwart, verschijnt op laag 1.

Met de foto op laag 1 verborgen, kunnen we nu de witte opvullaag met effen kleur in het document zien:

De witte opvullaag is nu zichtbaar.

Stap 4: Dupliceer laag 1 drie keer

Druk drie keer op Ctrl + J (Win) / Command + J (Mac) op uw toetsenbord om nog drie exemplaren van Laag 1 te maken. We kunnen niets zien gebeuren in het documentvenster, maar als u klaar bent, u zou vier exemplaren van de foto moeten hebben, elk met zijn eigen zwart gevulde laagmasker, zittend boven de opvullaag Effen kleur in het deelvenster Lagen:

Vier exemplaren van de foto verschijnen boven de opvullaag Effen kleur.

Stap 5: Selecteer het penseel

Selecteer het penseel van Photoshop in het deelvenster Gereedschappen:

Penseel selecteren.

Stap 6: Laad de vierkante penselenset

We gaan een van de Photoshop-penselen gebruiken om ons pixeleffect te creëren, maar het penseel dat we nodig hebben, wordt niet standaard voor ons geladen, dus we moeten het eerst handmatig laden. Met het penseel geselecteerd, klik met de rechtermuisknop (Win) / houd Control ingedrukt en klik (Mac) ergens in het document om de penseelkiezer snel te openen en klik vervolgens op het kleine pijlpictogram in de rechterbovenhoek:

Klik op het kleine pijlpictogram.

Dit opent een menu met verschillende opties, waaronder een lijst onderaan extra borstelsets die we kunnen laden. Kies de set Vierkante borstels :

Kies de vierkante penselenset in de lijst.

Photoshop vraagt ​​of u de originele penselen wilt vervangen door de nieuwe. Klik op Toevoegen om de originelen te bewaren en voeg eenvoudig de nieuwe penselen achter hen in:

Klik op "Toevoegen" en voeg de nieuwe penselen toe zonder de originelen te verwijderen.

Terwijl de nieuwe penselen zijn geladen, bladert u door de penseelminiaturen in de Penseelkiezer totdat u bij de vierkante penselen komt (die helemaal onderaan de lijst zouden moeten staan). Dubbelklik op de vierkante kwast van 24 pixels om deze te selecteren en de Brush Picker te sluiten:

Dubbelklik op de miniatuur voor de vierkante borstel van 24 pixels.

Stap 7: Stel de borstelgrootte jitter in op 100%

Druk op F5 op uw toetsenbord om het hoofdvenster van Photoshop snel te openen en klik vervolgens direct op de woorden Shape Dynamics aan de linkerkant van het paneel. Zorg ervoor dat u op de woorden zelf klikt, niet alleen in het selectievakje links van de woorden:

Klik rechtstreeks op de woorden Shape Dynamics in het deelvenster Penselen.

Vergroot de optie Size Jitter helemaal tot 100%, waardoor vierkanten van willekeurige grootte worden gemaakt terwijl we met het penseel schilderen. Zorg ervoor dat de optie Minimum Diameter is ingesteld op 0% en dat de opties Angle Jitter en Roundness Jitter ook zijn ingesteld op 0% :

Verhoog de grootte Jitter tot 100% en zorg ervoor dat de andere opties zijn ingesteld op 0%.

Stap 8: Scattering toevoegen aan het penseel

Klik direct op het woord Verstrooiing onder Vormdynamica aan de linkerkant van het deelvenster Penselen. Nogmaals, zorg ervoor dat u op het woord zelf klikt, niet in het selectievakje:

Selecteer Verstrooiing aan de linkerkant van het deelvenster Penselen.

Verhoog de spreidingswaarde tot ongeveer 700% of zo, wat de vierkanten zal verstrooien terwijl we schilderen. Selecteer de optie Beide assen door in het selectievakje te klikken en zorg ervoor dat de optie Count is ingesteld op 1 en Count Jitter is ingesteld op 0% . Wanneer u klaar bent, drukt u nogmaals op F5 op uw toetsenbord om het deelvenster Penselen te sluiten:

De verspreidingsopties.

Stap 9: Selecteer het masker van de bovenste laag

Nu onze vierkante borstel klaar is, klikt u op de maskerminiatuur van de bovenste laag in het deelvenster Lagen. Op deze manier zullen we schilderen op het laagmasker zelf, niet op de foto. Een wit markeervak ​​verschijnt rond de miniatuur om u te laten weten dat het masker is geselecteerd:

Klik op de laagmaskerminiatuur voor de bovenste laag.

Stap 10: Verf over de hoofdgebieden van de foto

Zorg ervoor dat de waarde van de dekking voor de bovenste laag is ingesteld op 100%, wat dit standaard zou moeten zijn:

De waarde van de dekking voor de bovenste laag moet worden ingesteld op 100%.

Voordat u begint met schilderen, drukt u op de letter D op uw toetsenbord om er snel voor te zorgen dat uw voorgrond- en achtergrondkleuren zijn ingesteld op de standaardwaarden wit (voorgrondkleur) en zwart (achtergrondkleur). Photoshop gebruikt de voorgrondkleur als de kleur van het penseel en we willen er zeker van zijn dat we op het laagmasker met wit schilderen, zodat we de foto kunnen onthullen terwijl we schilderen:

Druk op D op uw toetsenbord om de voorgrond- en achtergrondkleuren opnieuw in te stellen.

Met het vierkante penseel in de hand, de laagdekking ingesteld op 100% en je voorgrondkleur ingesteld op wit, begin je met schilderen over alleen de belangrijkste, belangrijke delen van je foto. Omdat we op dit moment alleen de effen witte achtergrond kunnen zien, moet je een "beste gok" doen naar waar deze belangrijke gebieden zich bevinden. Als je het de eerste keer niet goed hebt, druk je gewoon op Ctrl + Z (Win) / Command + Z (Mac) om je penseelstreek ongedaan te maken en probeer je het opnieuw.

Terwijl je schildert, zie je de foto verschijnen door een reeks willekeurig verspreide en verspreide vierkanten, waardoor de eerste fasen van ons pixeleffect ontstaan:

De foto wordt onthuld door de vierkanten terwijl je schildert.

Als u niet tevreden bent met de grootte van uw vierkante penseel, drukt u op Ctrl + Z (Win) / Command + Z (Mac) om de penseelstreek ongedaan te maken (of druk op Ctrl + Alt + Z (Win) / Command + Option + Z (Mac) herhaaldelijk om meerdere penseelstreken ongedaan te maken) en wijzig vervolgens het formaat van uw penseel met de linker- en rechterhaaktoetsen op uw toetsenbord. Telkens wanneer u op de linker bracket-toets ( ( )) drukt, maakt u het penseel een beetje kleiner, terwijl de rechter bracket-toets ( ) ) het groter maakt. Begin opnieuw te schilderen als je tevreden bent met de penseelgrootte.

Ga door met schilderen over de belangrijkste delen van je afbeelding. Hier is mijn document tot nu toe. Normaal gesproken zou ik mijn penseelgrootte een beetje kleiner maken dan wat ik hier gebruik, wat me kleinere vierkanten zou geven, maar kleinere vierkanten kunnen moeilijk te zien zijn in de screenshots, dus omwille van deze tutorial verlaat ik de penseel ingesteld op de oorspronkelijke 24 pixelgrootte:

Het eerste deel van het effect is voltooid.

Stap 11: Selecteer het laagmasker op de volgende laag

Klik op de maskerminiatuur voor de laag direct onder de bovenste laag. Nogmaals, er verschijnt een witte markeerrand rond de miniatuur om u te laten weten dat het laagmasker is geselecteerd:

Klik op de maskerminiatuur voor de tweede laag van boven.

Stap 12: Verlaag de dekking van de laag naar 70%

Verlaag de dekkingwaarde voor deze laag tot ongeveer 70% :

Verander de dekking van de laag naar 70%.

Stap 13: Verf rond het begingebied om meer van de foto te onthullen

Terwijl de dekking van de laag is verlaagd, schildert u rond het begingebied om meer van de foto te zien. Omdat de dekking van de laag is ingesteld op slechts 70%, zal dit nieuwe gebied een beetje vervaagd lijken in vergelijking met het vorige gebied dat we hebben overschilderd:

Het nieuw onthulde gebied lijkt enigszins vervaagd rond het hoofdgebied.

Stap 14: Selecteer het masker van de volgende laag

Klik op de maskerminiatuur voor de derde laag van boven:

Selecteer het masker van de volgende laag.

Stap 15: Verlaag de dekking van de laag naar 35%

Verlaag de dekking voor deze derde laag tot ongeveer 35% :

Verander de dekking van de laag naar 35%.

Stap 16: Verf om meer van de foto te onthullen

Ga door met schilderen rond het vorige gebied om meer van de foto te zien. Dit nieuwe gebied zal zelfs meer vervaagd lijken dan het vorige dankzij de opaciteitswaarde van 35%:

Ga door met schilderen om meer van de afbeelding te onthullen.

Stap 17: Selecteer het masker van de volgende laag

Klik ten slotte op de miniatuur van het originele masker van Laag 1 om deze te selecteren:

Selecteer het masker van laag 1.

Stap 18: Verlaag de dekking van de laag naar 10%

Verlaag de dekking van laag 1 helemaal tot 10% of zo:

Verander de dekking van de laag naar 10%.

Stap 19: Verf in de resterende delen van de foto

Verf in de resterende witte gebieden rond de afbeelding om de rest te onthullen. Dit laatste deel zal erg vaag lijken met de dekking van de laag op slechts 10%:

Verf in de resterende witte gebieden rond het document om de rest van de afbeelding te onthullen.

Stap 20: Wijzig de achtergrondkleur (optioneel)

Op dit moment is het effect voltooid, maar als u de achtergrondkleur in iets anders dan wit wilt veranderen, dubbelklikt u gewoon op het kleurstaal voor de opvullaag Effen kleur in het deelvenster Lagen:

Dubbelklik op het kleurstaal van de opvullaag.

Hiermee wordt de kleurkiezer opnieuw geopend. U kunt een nieuwe kleur selecteren in de Kleurkiezer, maar wat ik graag doe, is een voorbeeld van een kleur rechtstreeks uit de afbeelding zelf nemen. Om dit te doen, met de Kleurkiezer nog open, beweeg je muiscursor over de afbeelding. Je ziet je cursor tijdelijk veranderen in het pictogram Pipet . Klik op een gedeelte van de afbeelding dat de gewenste kleur voor uw achtergrond bevat. Ik klik op een gebied op het voorhoofd van de vrouw:

Klik op een kleur in de afbeelding om als achtergrond voor het effect te gebruiken.

Klik op OK als u klaar bent om de kleurkiezer te sluiten. De opvullaag Effen kleur wordt onmiddellijk bijgewerkt naar de nieuw gesamplede kleur en geeft ons onze nieuwe achtergrondkleur voor het effect:

Hetzelfde effect met de nieuwe achtergrondkleur.