Een puzzel-effect is een creatieve manier om foto's op een bijzondere manier te presenteren. Met Photoshop kun je van een afbeelding een realistische puzzel maken en tegelijkertijd uitgenomen stukken integreren om je ontwerpen dynamiek te geven. In deze handleiding laat ik je twee varianten zien hoe je dit effect kunt bereiken: een klassiek puzzel-uiterlijk en een moderne, geabstraheerde versie. Laten we beginnen en je foto omzetten in een interactief kunstwerk!
Stap 1:
Ik maak eerst een nieuw document aan; de grootte maakt niet uit. Ik kies een zeer kleine grootte van 800x600 pixels. Als je dit effect wilt laten afdrukken, moet de eenheid van pixels naar cm worden gewijzigd en de resolutie van 72 naar 300 pixels per inch.
Stap 2:
Nu laad ik een foto naar keuze via Drag&Drop vanuit de bestandsbeheerder in mijn document. 
Stap 3:
Om de Structuur toepassen filter correct met een puzzeltextuur te kunnen laden, heb ik als basis een puzzeltextuur nodig die tot Photoshop CS3 in de map Structuren is opgenomen. 
Stap 4:
Alle bezitters van Photoshop die een nieuwere versie hebben, gaan naar de link Adobe Photoshop CS5 - Optionele modules+Opt.Optionele modulesLees dit.pdf - Duits. (Te vinden op www.adobe.de, dan onder Downloads>Updates en daar onder Photoshop).
Stap 5:
In het gecomprimeerde bestand bevindt zich in de map Textures het puzzelbestand. Dit pak ik nu uit. 
Stap 6:
Voor de zekerheid dupliceer ik mijn foto-laag met Ctrl+J en verberg het origineel. Ik activeer nu mijn gedupliceerde foto-laag, ga dan naar het Filtermenu en selecteer het Structuur toepassen filter. 
Stap 7:
Nu klik ik op het Optiemenu, om mijn puzzel.psd-bestand te laden. 
Stap 8:
Bij het schalen kan ik ook de grootte aanpassen. Maar let op: hoe groter de schaling, hoe vager het puzzel-effect wordt. Ik stel de Reliëfhoogte in op 6 en het Licht op Rechtsboven. 
Stap 9:
Bij 100% Schaal ziet mijn puzzel er nu zo uit: 
Stap 10:
Nu wil ik een paar puzzelstukjes eruit halen. Hiervoor zijn verschillende goede methoden. Ik kies voor de Pen Tool-oplossing: hiervoor maak ik een Werkpad met het Pen gereedschap. 
Stap 11:
Vervolgens klik ik in het Paden -paneel met de rechter muisknop op mijn werkpad en kies ik vervolgens Selectie maken. Bij Radius kan 1 pixel worden ingesteld om een zachte selectie te maken. Ik laat het echter op 0 pixels Radius staan. Ik behoud de optie Vervagen. 
Stap 12:
Nu druk ik gewoon op Ctrl+X, om de afbeelding uit te knippen en op Ctrl+V, om deze als een nieuwe laag in te voegen. Daarna draai ik mijn puzzelstuk en voeg ik aan beide lagen een Slagschaduw toe. 
Stap 13:
Voor het volgende puzzelstuk gebruik ik het Lasso-gereedschap. Met dit gereedschap kan ik, als ik een tekentablet of een zeer goede muis heb, aan de slag. Met de Alt- of Shift-toets kan ik gebieden toevoegen of verwijderen van de selectie. 
Stap 14:
Als ik nog steeds mijn selectie en mijn selectiegereedschap actief heb, kan ik in het bedieningspaneel bovenaan Rand verbeteren selecteren. Ik kies een beetje Afronden en mogelijk ook een minimale Zachte rand-waarde.
Stap 15:
Vervolgens druk ik opnieuw op Ctrl+X om de afbeelding uit te knippen en op Ctrl+V om deze als een nieuwe laag in te voegen. Daarna draai ik mijn puzzelstukje en voeg ik een Schaduw toe aan mijn laag.
Stap 16:
De volgende twee puzzelstukjes selecteer ik met de Veelhoeklasso en optimaliseer ik met Rand verbeteren. Om een extra optioneel effect toe te voegen, voeg ik eerst een Lagemasker toe aan mijn foto.
Stap 17:
Vervolgens selecteer ik met het Lasso-gereedschap van boven naar beneden de puzzelstukjes aan de rand.
Stap 18:
Nu vul ik mijn selectie met zwart, zodat dit deel verborgen wordt. En zo lijkt het alsof er nog puzzelstukjes aan de rand ontbreken.
Stap 19:
Aan de rand verwijder ik nog een extra puzzelstukje via het Masker. Met een Penseel kan ik slecht geselecteerde gebieden binnen het masker nog verfijnen. Ook voeg ik bij het linkerbovenpuzzelstukje een Innerlijke schaduw toe via een Vuloptie.
Stap 20:
Bij de tweede methode om een puzzel te maken, ga ik ervan uit dat het puzzle.psd-bestand niet beschikbaar is en dat er dus een alternatieve oplossing moet worden bedacht. Ik zoek een puzzelfoto op via www.sxc.hu. Helaas is er geen puzzel zonder storende beeldinhoud. Ik heb daarom voor deze foto gekozen, omdat er slechts een deel in het midden moet worden verwijderd.
Stap 21:
Vervolgens laad ik deze foto in volledige resolutie (hiervoor moet je gratis geregistreerd zijn bij sxc.hu) in Photoshop en selecteer ik de helft.
Stap 22:
Vervolgens kopieer ik de inhoud van de selectie en plak ik deze met Ctrl+V in. Daarna druk ik op Ctrl+T om de laag te transformeren, klik ik met de rechtermuisknop en kies ik Horizontaal spiegelen.
Stap 23:
Vervolgens vergroot ik het werkgebied verder en voeg ik mijn lagen samen (selecteer lagen in het Lagenbedieningspaneel met de Shift-toets ingedrukt en druk op Ctrl+E). Dan dupliceer ik ze met Ctrl+J, spiegel ik ze opnieuw met Ctrl+T en voeg ik de lege ruimtes stuk voor stuk samen tot een grote puzzeltextuur ontstaat (meer details hierover in de video).
Stap 24:
Ik sla de grote puzzeltextuur op als PSD-bestand (het weergegeven percentage is slechts 8,33%, dus zoals je ziet, is deze textuur echt heel groot).
Stap 25:
Vervolgens open ik een foto naar keuze, ga naar het Filtermenu en klik opnieuw op Structuur aanbrengen. Vervolgens laad ik mijn nieuwe puzzel-PSD-bestand in het Optiemenu en zo ziet het resultaat eruit bij een foto met meer dan 4000 pixels breed.
Stap 26:
Vervolgens converteer ik de achtergrondlaag naar een normale laag door erop te dubbelklikken en maak ik eronder een laag met een witte kleur.
Stap 27:
Ook hier kan ik bijvoorbeeld met het Lasso een puzzelstukje uitknippen en in beide lagen een slagschaduw toevoegen.
Stap 28:
Bij 25% zoom ziet de afbeelding er zo uit:
Ik hoop dat ik met de twee varianten heb laten zien dat het niet zo moeilijk is om een puzzel van een foto te maken.
