Pin buttons on top of each other
A realistic pin button preview technique can be taken one step further. Things like perspective, lighting or other similar details help artificially created illusions for your web-to-print templates to be more believable.

In Photoshop
Follow the same steps as explained in the web-to-print pin button tutorial to copy the glows and shadows of the original image.



Select the desired glow layer and hit Delete.

The result should be similar to this.

Since we have 3 pin buttons dropping shadows on each other and the background, we’ll need to merge them with the background layer one at a time.

Delete the cavity using the shapes duplicate to make the selection.

Note. Repeat this step with the other pin buttons working your way up to the button that is on top of all and has no other buttons dropping shadows on it.
As the last step we need to add the pin buttons inner shadow. Select the background layer and use the Blending options to drop a shadow. For this particular example we used these settings.

The result should be similar to this.
Delete the ellipse layers since we don’t need them any more and save the image in a format that retains transparency (.PNG, TIFF etc.).
Download the Photoshop PSD file we ended up with.
In CorelDRAW


Note. You need to simulate a perspective effect on the bitmaps placeholders that go inside the PowerClip containers.


All done!
Our web-to-print software can handle this effect easily! Upload the template into your catalog and test it.
Download the FREE CorelDRAW template file.
- Pin button preview
- Raindrops window
- Polaroid bunch
- Cool shading
- Chameleon web buttons
- Image reflection
- Shape shadow
- See-through text
- Mystical text
- Light rays
- Foggy glass text
- Custom frontpage photo
- Fractured glass
- Handwriting
- Alternate vision
- Stitched text
- Foil print preview
- 3D cut-out text
- 3D textured text
- Text floating on clouds
- Text on a cylinder
- Multiple laptop screens
- Multicolor variable gradients
- Text on a glossy sphere
- Wood inlay text