
FreebieFriyay: zó maak je een mock-up van jouw ontwerp
Jouw ontwerpvoorstel voor een logo, huisstijl of relatiegeschenk komt pas echt tot leven als je het ‘in het echt’ ziet. Om dat te bereiken, maak je een mock-up. Jeroen legt je in dit blog uit hoe je er zelf een maakt in Photoshop!
Een goede presentatie is het halve werk
Ken je dat? Wanneer je een supertof design voor een flyer of kaart hebt gemaakt, wil je je opdrachtgever overtuigen dat het werkt. Het eerste visuele opzetje waar je opdrachtgever op kan schieten blijft altijd een kwetsbaar moment voor de ontwerper. Zorg dat je wat zekerder in je schoenen staat door een mock-up te maken.
Mock-ups zijn fictieve scenes die je ontwerp laten zien een natuurlijke omgeving. Het is eigenlijk een soort prototype. Een mock-up helpt je opdrachtgever om jouw ontwerp beter voor te stellen in een setting waar hij of zij het ook echt wil gebruiken. Zo’n steuntje in de rug is nuttig, want helaas heeft niet iedere opdrachtgever voldoende voorstellingsvermogen om dat zelf te doen.
Zelf een mock-up maken
Een mock-up kun je op verschillende manieren maken. Je kunt bijvoorbeeld beginnen vanuit een foto of 3D-render van het product. Of maak een complete eigen setting na in Photoshop. Da’s meer werk, maar geeft je ook meer controle over het uiteindelijke resultaat. In de drie voorbeelden hieronder gebruik ik verschillende methoden. Per product leg ik je uit hoe ik de mock-up gemaakt heb.
1. Een mock-up maken van een flyer
Klaar met positioneren en transformeren? Werk je mock-up helemaal af door er wat diepte aan te geven. Dubbelklik op de laag op je laageffecten te openen. Kies voor een zwart-wit overlay en kies Soft Light als blending mode. Speel met de hoek en de verdeling van je gradient tot het resultaat er goed uitziet. Pak tot slot je brush erbij om je mock-up met een schaduw onder de flyers helemaal af te maken.
2. Een mock-up maken van een mastvlag
Jouw rechte ontwerp op een wapperende vlag ziet er natuurlijk nogal nep uit. Voor een natuurlijk resultaat gebruiken we daarom de Puppet Warp-tool. Deze vind je in het Edit-menu. Klik op de optie om meerdere punten te gebruiken. Hoe meer ‘pinnetjes’ je gebruikt, hoe preciezer je kunt werken. Verschuif al die pinnetjes totdat je jouw ontwerp zo getransformeerd hebt dat het precies op de foto van de vlag past. Gebruik een masker om wat kleine randjes weg te poetsen die nét buiten de vlag vallen.
3. Een mock-up maken van een T-shirt
En.. Gelukt?
Gebruik je wel eens vaker mock-ups of wordt dit je eerste keer? We zijn erg benieuwd naar je resultaten! Deel ze in de comments of post een foto van het uiteindelijk product op social met #laatzienwiejebent.

Een creatief vormgever met een passie voor branding, gevoel voor vorm en liefde voor advertising. Inspiratie is overal!
Lees meer van Jeroen Kouijzer