A TutKit.com-on PSD formátumú mockup-ok állnak rendelkezésedre az Adobe Photoshop CS4-től. Egy tervezés beillesztéséhez csak meg kell nyitnod egy mockup-ot, és be kell illesztened a tervezést a mockup-ban található Smartobjekt-be. Így kell lépésről lépésre eljárnod:

1. Nyisd meg a Photoshopban a mockup-ot.
2. A rétegpaneleken legalább egy zölddel jelölt Smartobjekt réteget találsz. Kattints duplán a Smartobjekt miniatűrére, ezzel megnyílik egy PSB-fájl.
3. Rejtsd el a példa képet a rétegek között.
4. Menj a Fájl>Helyezés és beágyazás lehetőségre.
5. Válaszd ki a számítógépeden azt a tervezést, amelyet be szeretnél illeszteni, és kattints a Helyezés gombra.
6. A megnyíló ablakban válaszd ki az Okos objektumként megnyitás lehetőséget az Vágás erre opcióknál.
7. Kattints az OK gombra. Így a tervezésed az Okos objektumban lesz.
8. Mentsd el a PSB fájlt (vagy az Smartobjektet) a Ctrl+S gombbal.
9. Zárd be most a PSB fájlt a Ctrl+W gombbal - a tervezés a mockup-ban van.

Néhány mockup-ban több Smartobjekt is rendelkezésedre áll, amelyekbe egyenként beilleszthetsz egy tervezést. Emellett sok mockup előkészített háttérrel is rendelkezik, amelyek közül kiválaszthatod a számodra megfelelő háttérképet. Természetesen lehetőséged van saját háttérképeket is beilleszteni.