Blog Paint Shop Pro Tutorial

Programs Needed


Tutorial

  1. Open Paint Shop Pro.
  2. Go to File > Open and open the image.
  3. Go to Image > Increase Color Depth > 16 million colors (24 bit). If you cannot select this option, the image is already 16 millions colors and you can still continue on with the tutorial.
  4. Choose one of the Templates to use as your blog template.
  5. In Paint Shop Pro, go to Image > Resize, then UNCHECK the box at the bottom which says "lock aspect ratio". Type the height and width of the template in the boxes at the top. Make sure that it says Pixels to the right of your height and width.
    Resized image
  6. Right click the template and choose Copy.
  7. In Paint Shop Pro, go to Edit > Paste > As New Layer.
    Blog template
  8. Select the Magic Wand Tool Magic Wand Tool (click the arrow beside the Selection Tool Selection Tool and choose Magic Wand from the list).
  9. Click on the bright green area of the blog, then go to Edit > Clear to get rid of it.
    Background with text area
  10. Go to Selections > Select None.
  11. Go to Layers > Properties and set the opacity to 70 and click OK. If you don't like the final result, go back and change the opacity to a higher or lower number until you get an effect you like.
    Background with transparent text area
  12. Select the Magic Wand Tool Magic Wand Tool and click on the light area inside the black border (where your text goes). If there is more than one text area, hold down the Shift key while selecting each area.
  13. Select the Flood Fill Tool Flood Fill Tool and choose a new colour for inside the box. Click inside the white box to fill it in.
  14. Go to Layers > Merge > Merge All (Flatten).
  15. Go to Select > Deselect.
  16. Go to File > Save As and save your image.
  17. Upload your blog to the internet. Check out the Uploading Tutorial for help.
  18. Get the code that matches the template you used. Replace URLHERE with your blog's URL.

Blog Example

Smashie smashie!
Smashie smashie!
Smashie smashie!
Smashie smashie!
Smashie smashie!
Smashie smashie!
Smashie smashie!
Smashie smashie!
Smashie smashie!
Smashie smashie!
Smashie smashie!
Smashie smashie!
Smashie smashie!
Smashie smashie!
Smashie smashie!
Smashie smashie!
Smashie smashie!
Smashie smashie!
Smashie smashie!
Smashie smashie!

Blog Example Code

<style type="text/css">
#container { color: black; text-align: left; width: 400px; height: 250px; background-image: url("https://spiders.coolcherrycream.com/images/tutorials/blog/psp-5.gif"); }
#content1 { left: 213px; top: 9px; overflow: auto; }
#box1, #content1 { width: 178px; height: 232px; position: absolute; }
#content1 table { padding: 4px; }
</style>
<div id="container">
<div id="box1"><div id="content1"><table><tr><td>
Smashie smashie!<br>Smashie smashie!<br>Smashie smashie!<br>Smashie smashie!<br>
Smashie smashie!<br>Smashie smashie!<br>Smashie smashie!<br>Smashie smashie!<br>
Smashie smashie!<br>Smashie smashie!<br>Smashie smashie!<br>Smashie smashie!<br>
Smashie smashie!<br>Smashie smashie!<br>Smashie smashie!<br>Smashie smashie!<br>
Smashie smashie!<br>Smashie smashie!<br>Smashie smashie!<br>Smashie smashie!<br>
</td></tr></table></div></div>
</div>