Entries Tagged 'Paintshop pro' ↓

I have wanted to do a lot of tutorials in Paintshop Pro, but I’m often stopped by the fact that a simple tutorial intended to help a newbie master a single technique often produces something that is less than a work of art, while techniques can get lost in tutorials that produce complex works of art.

Of course, my other beef with a lot of tutorials is that the newbie will have to download a lot of “materials”, including tubes, brushes, filters, and sometimes even buy them. In the end, if the newbie ends up following directions correctly and finishing whatever it is, she can’t really use it (the copyright still belongs to the designer) and the individual techniques have gotten lost in the details.

I’m sure you’ve seen lots of background images on myspace and other member sites where the images just repeats. It doesn’t match at all. There are just ugly seams.

I’m going to show you how to tile a background using Paintshop Pro. It’s a pretty simple way to do it. There are lots of other ways to do it, too, but let’s not get into that right now. If you’re interested in doing some research, there’s a link at the bottom of this tutorial where you can find out ways some artists do it.

Here is my baby Maude, hiding in plain sight on a rug.

Here she is tiled into a background.

Here we are in Paintshop Pro with the image open. Although impressive images can be made from big photos, they can take a very long time to load. So it’s better to plan on having a smaller image repeat. I reduced Maude’s photo greatly to make it this convenient size.

Select Effects=>Image Effects=>Seamless Tiling

This window pops up.

There are a lot of settings you can adjust in this window. I find that the “corner” and “bidirectional” tend to give less vertical and horizontal effect. You can zoom your view. You can also click the die on the far right to get random settings. If you lose yourself in random settings and want to get back, go up to the top and dropdown the preset menu. Choose “factory default”. You should play with the settings sometime to get a feel for what they can do.

I’m going to tick the “Show tiling preview” box, which will bring up a preview window.

This looks okay. You can adjust the magnification to see it better if you like.

Close it and hit the ‘OK’ button. Maude is now tiled.

The page

For lots more info on tiling backgrounds and even some freebies, Visit this blog, where you’ll find a collection of tutorial links halfway down the page. I’ve looked at a few of them. You can do some amazing things, but have your patience ready!

I’ve been making templates to sell lately, and in the template I mention that you can space photos by adding a spacer strip to them in your graphics program. I thought it would be a good time to put a little tutorial in here about that.

I’ve got a nice little thumbnail photo of a chocolate waffle which I decided to post to a couple of blogs of mine. I like to have blog posts start with a thumbnail photo at the upper left with the text running down the right and wrapping around the photo.

I also like to have photos and other images alternate with text wrapping around them, which you can do by adding ‘align=”left”‘ or ‘align=”right”‘ to your image tag, like so:

<img src="http://myimagehost.com/image.gif" align="left">

Unfortunately, as you can see up there, the text touches the photo. That’s the default in html. There are a lot of different ways to fix this, depending on the circumstances. But if I’m editing the photo for a blog of mine or for Niteflirt, I often just add a spacer strip to save code.

Open up the photo in Paintshop Pro. Click ‘Layers/Promote background layer’ so you can work on the background layer. Now click ‘Image/Canvas size’. The following dialog box comes up.

Your image will now have a transparent margin on its right and lower sides, which will show as a checkerboard background in PSP.

Now click ‘Layers/New raster layer’. Accept the defaults in the dialog box that pops up.

Paintshop Pro has helpfully put a new transparent raster layer on top of the current layer. This is going to be our new background, so we want it beneath the current layer. Look at the Layers palette in the right sidebar. (If you don’t have your layers palette showing, go to ‘View/Palettes/Layers’ to make it appear.) Click on the transparent layer and drag it beneath the layer with your image one it.

Now, with the transparent layer still selected, click ‘Layers/Duplicate’. I said I’m going to be putting this in two blogs. One has a white background and one has a black background. I’m going to be making two different images, one with a white spacer and one with a black spacer.

I’m going to give the image a drop shadow. Click on the image layer, then click ‘Effects/3D Effects/Drop Shadow…’ The following dialog box will come up.

The window at the left shows your original. The one at the right shows what the drop shadow will look like at the current settings. You can’t see the new drop shadow here. You have to drag the picture over to see it if it’s bigger than a small button.

I generally choose a shade of gray for a drop shadow on a white background, rather than black. 7 pixels of vertical and horizontal offset is good for a photo like this. I tick the box ‘Shadow on a new layer’ because I want to be able to control whether the gray shadow shows up on my black background coming up.

Now I select white in the Materials palette and floodfill (the bucket on the toolbar) one of the background layers. Then I fill the other with black.

If you have a different background color to match, you can use a color picker to select the background color for proper matching.

If you don’t have a solid color background, you can save the image as a .png file, but older versions of IE will not display the transparency properly. It’s a tradeoff.

Select ‘Edit/Copy merged’ then ‘Edit/Paste as new image’ to create a new image with a spacer. Save the original as a .psp file to preserve its layers, and the new one as a .gif or .jpg. Note that the background is white here because the black background is hidden beneath the white background.

Now I’m going to click the little eye next to the gray shadow layer and the white background layer. This will make these two layers invisible, and the black layer will show. Again, select ‘Edit/Copy merged’ and ‘Edit/Paste as new image’.

You can’t see it here, but this image with the black background will look perfect in the blog I have with a black background.