Photoshop Tutorial: Fotobewerking met vector raster voor technische uitstraling

Voor een presentatie over het TMaaS project maakte ik een afbeelding waarin ik een wit raster (vierkante hokjes) als het ware vervaagd over een afbeelding heen plaatste. Ik vond het effect wel mooi en ook goed passen bij het thema van innovatie en technologie. 
In deze tutorial leg ik uit hoe je zelf zo'n raster kan plaatsen op een foto en vervolgens kan bewerken. 

Stap 1: Maak een raster van lijnen in Illustrator 

Het maakt niet uit in welke kleur je dit doet. Voor dit voorbeeld heb ik een lijndikte gekozen van 0,75 pt. 
  • Teken een paar lijnen met de pen tool. Horizontaal en verticaal. Om het mezelf makkelijk te maken heb ik een magnetisch raster aangezet. Verder maak ik gebruik van copy / paste en de uitlijningshulpmiddelen om de lijnen mooi en snel op een rijtje te krijgen. 
  • Sla dit bestand op als Illustrator file, bijvoorbeeld "raster vierkant" 


Screen Shot 2018-11-08 at 152655png


Stap 2: Open een foto in Photoshop 

  • Klik op "ingesloten plaatsen" en selecteer je illustrator file. 
  • Selecteer "pagina" plaatsen en positioneer je raster over de foto heen. Klik op het vinkje. 


Stap 3: Zet om in pixels 

  • Klik met je rechtermuisknop op de laag en selecteer "laag omzetten in pixels"

Screen Shot 2018-11-08 at 153327png
 


Stap 4: Vectormasker

In de laag "raster vierkant" maak je nu een "vectormasker" aan zodat de bewerkingen die je gaat aanbrengen in het raster niet definitief zijn en je het raster dus niet kapot maakt. Ik werk altijd met vectormaskers om deze reden. 


Screen Shot 2018-11-08 at 153409png


Stap 5: Vervagen van het raster 

En nu komt een leuke stap, je gaat het raster "vervagen".
Als je pen op wit ingesteld staat, en je gum op zwart, dan werkt het in het vectormasker als volgt:  
  • Druk op "E" (Eraser) en met je muis gum je het raster uit. Zet je eraser op dekking 60% (linksboven in je scherm) om de lijnen niet helemaal te vervagen. Heb je teveel verwijderd? Geen nood! Druk op "B" (Brush) om de lijn weer terug te brengen. 
  • Gebruik de toetst "[" en "]" om je pengrootte gemakkelijk groter en kleiner te maken. 


Stap 6: Gekleurde laag over foto heen zetten 

Zoals je ziet zit er een groenige laag over mijn foto. Ik heb deze als volgt aagemaakt: 
  • Klik op "nieuwe opvullaag" en selecteer "effen kleur". 
  • Klik vervolgens op "ok" / selecteer "vorige laag gebruiken..." als je deze verkleuring enkel op de laag eronder wil laten gebeuren. In dit voorbeeld is dit niet zo van belang want we werken maar met 1 foto. 
  • Selecteer nu de juiste kleur en klik op ok, je kan deze kleur altijd later nog veranderen. 
  • Verander de dekking van de kleurlaag naar bijvoorbeeld 60% (zoals in mijn voorbeeld), dan blijf je de foto eronder nog mooi zien.  

Screen Shot 2018-11-08 at 154039png


(Optioneel) Stap 7: Andere kleur raster 

Als je je rasterkleur in een keer wil veranderen, klik dan op "fx" linksonder om een functie toe te voegen. Selecteer "kleurbedekking". In mijn image heb ik hier wit geselecteerd. 

Screen Shot 2018-11-08 at 153829png

Ziezo, je foto met een raster eroverheen geplaatst is af! Desgewenst kan je nu ook een tekst laag eroverheen plaatsen, zoals in mijn voorbeeld. Succes! 


Heb je nog vragen na het lezen van deze Photoshop tutorial? Stuur me dan gerust een berichtje! 

Bronvermelding: 

Deze foto werd gemaakt door Jerroen Willems in opdracht van het mobiliteitsbedrijf Gent 

achtergrond image presentatie-2jpgachtergrond image presentatie-3jpg