Maak een Pride Rainbow Overlay in Adobe Photoshop

Gisteren hebben we een tutorial gedeeld over hoe je een Pride Rainbow Gradient Overlay kunt maken in Adobe Illustrator. Vandaag houden we het feest gaande met een vergelijkbare techniek. In deze tutorial leer je hoe je een regenboog-overlay toepast met afbeeldingen in Adobe Photoshop.

Misschien heb je de proliferatie van regenboogpictogrammen en profielfoto's rond het 'net gezien na de historische huwelijksgelijkheid die in de Verenigde Staten heerst en wil je graag meedoen. Of misschien plant u een evenement met trots en wilt u een aantal thema-afbeeldingen maken voor promotie. Misschien hou je gewoon van regenbogen! Hoe het ook zij, met deze tutorial laat je alles in een mum van tijd regenbogen.

1. Verzamel uw afbeeldingen

U hebt twee afbeeldingen nodig voor deze zelfstudie: een basisafbeelding die u de regenboogbehandeling wilt geven en een regenboog. Ik heb een afbeelding van een regenboogvlag met 2000 pixels bijgevoegd bij deze zelfstudie.

Hier is de basisafbeelding die ik zal gebruiken om te demonstreren. Het is een foto van mij, een simpele headshot die ik gebruik op een paar sociale media-accounts en in onze bedrijvengids hier bij Tuts+.

Ik ben klaar voor de behandeling

Allerlei afbeeldingen zijn geschikt voor een regenboog-overlay, maar eenvoudige grafische composities werken het best.

2. Bereid de basisafbeelding voor

In deze stap krijgt u uw basisafbeelding klaar voor de regenboogoverlay-behandeling.

Open eerst je basisafbeelding in Photoshop (Ctrl-O). Verander het formaat van de afbeelding (Ctrl-Alt-I) Naar de gewenste uiteindelijke uitvoergrootte. In theorie zou je het formaat van de afbeelding later kunnen wijzigen, maar ik werk graag aan de uitvoergrootte zodat ik een nauwkeurige weergave krijg van hoe het eindproduct er onderweg uit zal zien.

Nu uw afbeelding de juiste grootte heeft, converteert u deze naar zwart-wit. Voeg een ... toe Zwart wit Aanpassingslaag (LaagNieuwe aanpassingslaag > Zwart wit). Pas de schuifregelaars in het resulterende dialoogvenster aan om een ​​conversie in zwart-wit naar wens te maken.

3. Breng de regenboog

Open nu de regenboogafbeelding in Photoshop. De ... gebruiken Verplaats gereedschap (V), houd de vlagafbeelding ingedrukt en sleep deze naar uw basisafbeelding. alternatief, kiezen Allemaal (Controle-A), Kopiëren (Besturing C), en Pasta (Ctrl-V) het regenboogbeeld op het basisbeeld.

Afhankelijk van je afbeelding kan de regenboog te groot of te klein zijn. Gebruik de Vrije transformatie (Controle-T) om de grootte van de laag te wijzigen zodat deze overeenkomt met uw basisafbeelding.

Wijzig vervolgens de Overvloeimodus van de regenbooglaag naar Hard licht en verminder de laag ondoorzichtigheid tot het er goed uitziet. In mijn geval was dat 50%. Sommige afbeeldingen kunnen ook werken Zacht licht in plaats daarvan.

Bijna daar

4. Breng het beelddetail terug

Nu zou je daar kunnen stoppen, maar laten we een stap verder gaan. Als u naar het bovenstaande voorbeeld kijkt, ziet u dat het basisbeeld er een beetje uit ziet. Laten we een deel van het detail terughalen in de afbeelding.

Selecteer uw basisafbeelding en Duplicaat (Besturing J) het. Sleep de gedupliceerde laag naar de bovenkant van de lagenstapel. 

Dupliceer vervolgens de Zwart en wit aanpassingslaag. Sleep het boven de dubbele basisafbeelding. Holding alt, klik op de lijn tussen de aanpassingslaag en de dubbele basislaag, zodat de aanpassing alleen van toepassing is op de laag direct daaronder.

Wijzig vervolgens de overvloeimodus van de dubbele basislaag in Vermenigvuldigen en verminder de laag ondoorzichtigheid naar 50%.

Bijna daar, maar nog steeds ontbreekt er iets

5. Breng het contrast terug

In deze laatste stap brengt u het contrast terug dat verloren was gegaan toen u de detaillaag toevoegt.

Maak een nieuw Curven aanpassingslaag (LaagNieuwe aanpassingslaagcurves). Klik om punten toe te voegen en geef de curve een mooie S-vorm, zoals:

De s-curve duwt de hooglichtwaarden hoger en de schaduwwaarden lager, waardoor een afbeelding met een hoger contrast ontstaat. Pas de punten op de curve aan totdat u tevreden bent met de afbeelding. U kunt ook het ondoorzichtigheid van de laag voor fijne controle.

Als je van een iets minder verzadigde regenboog houdt, kun je de curve toepassen op de detaillaag in plaats van op de hele afbeelding. Houden alt en klik op de regel tussen de curves laag en de laag eronder. Dat is wat ik heb gedaan met mijn imago. 

Hier is het eindresultaat: 

Volledige regenboog, helemaal

Ik vind mijn afbeelding leuk met veel regenboog, maar als je een subtieler effect wilt, kun je het verminderen ondoorzichtigheid van de regenbooglaag en verhoog deze voor de detailoverlaylaag. Hier is een versie met 30% en 70% ondoorzichtigheid, respectievelijk:

Conclusie

Dus, om samen te vatten, hier zijn de belangrijkste stappen in deze tutorial:

  1. Verzamel je afbeeldingen. Eenvoudige en grafische composities werken het beste.
  2. Formaat wijzigen en de basisafbeelding naar zwart en wit converteren.
  3. Breng het regenboogbeeld in en zet het op de basisafbeelding.
  4. Breng beelddetail terug.
  5. Breng contrast terug.

Het belangrijkste onderdeel van deze tutorial is spelen met de combinatie van Overvloeimodus en ondoorzichtigheid. Elke afbeelding vereist een enigszins andere benadering, maar met Aanpassingslagen en fijne controle zou je in staat moeten zijn om het soort regenboogafbeeldingen te produceren dat je leuk vindt.

Gelukkig regenboog maken en gelukkige trots!