Layout Tumbnails

Main >> Content >> Tutorials >> Paint Shop Pro >> Layout Tumbnails

I've gotten so many questions about the tumbnails I use on my website, so I had to make a tutorial on it, to explain how I actually do it.

Step 1: Start by making your layout/blend. Here's mine:


Step 2: Select the crop tool, which looks like this: , Then use it on the layout and make a square, like I've done:


Step 3: Crop the picture by clicking on this symbol: . Now you have to resize the picture. Click Image >> Resize. Choose a size you like, I've choosen to resize it to 65x65 px.


Step 4: Now click Image >> Add borders. And add a 2px white border, then click 'ok' and add another border, but this time make it 1px black. Here's my finished tumbnail:


Step 5: Here's the code you have to use to make the tumbnail link to the big layout:

<a href="LAYOUT URL" target="_blank"><img src="TUMBNAIL URL" border="0" alt=""/></a>