Sinedots Cross

Sinedots Cross Tutorial Sample

Created April 1, 2002 © Copyright SuzShook
Made "Version-Independent" March 2009
Property of SuzShook

This tutorial is my own creation;
however, most of the techniques used in this tutorial, I have learned from others!
Therefore, if you recognize any contribution you have made, I thank you!
And I thank you as well for respecting this as my work by not posting it,
in whole or in part,
in any other location without written permission from me!

Individuals and PSP graphics groups are invited to share my tutorials with others with TEXT LINKS ONLY.
You can e-mail me to let me know you are adding one or more of my tutorials to your list if you like -
it's always fun to know who is doing them!


My original Dedication, to "PSP Gina", my inspiration!

This is my very first tutorial, and I wish to thank someone who has been my inspiration and my guide - and that's Gina Villeneuve. Unfortunately, Gina no longer has a PSP tutorial site, but her tutorials were always fantastically written with themes that were so wonderfully country and homey - I miss the inspiration of her work! Gina was always so willing to help and to encourage! Gina, your work has had a profound effect on me - if I can produce something with even a tiny portion of the spark I find in yours, I will be successful! Thank you so much for all you give!

I make my tutorials as brief as possible, without the customary paths, details, and how-to's. For those veterans among you, this will be welcome! But for those less familiar with PSP, I included a "Glossary" that contains all the details omitted in the tutorial. If you need a little extra help, check the Glossary section. Just click on the button below - the Glossary will open in a new window.

PSP glossary button

This tutorial assumes you have a working knowledge of Paint Shop Pro at the intermediate level (or advanced beginner level with the Glossary). It was originally written in and for PSP Version 7, then revised for PSP 8, and now made "version-independent". Screen shots for this tutorial can come from any version of PSP - where there are significant differences from version to version, a green "Version Note" will be included, along with multiple screen shots if necessary.

Where a note/tip refers to a version of PSP and all higher versions, a + sign will be used to indicate this. For example, if a note/tip applies to PSP X and higher versions, I will use the convention "PSP X+".

If you try this tutorial, and find something is inaccurate for your version of PSP, please EMAIL ME to let me know so I can fix it!

Screen shots in this tutorial are resized - your work will be larger than this!

Supplies - For this tutorial, you will need the following:
  • Paint Shop Pro - any version. The latest version of PSP can be found at the Corel site HERE.

  • Sinedots II filter - you can get it HERE. ~ ~ Unzip into a new folder called Sinedots II in your Plugins folder.

  • My Sinedots II configuration file - you can get it HERE. ~ ~ Unzip into your Sinedots II folder.

~     ~     ~     ~     ~     ~     ~     ~     ~     ~

Ok, now we're ready to begin! Grab your mouse, and let's go create!

Remember to save often!

~     ~     ~     ~     ~     ~     ~     ~     ~     ~


Open a new image file, 300 x 300 pixels in size, with a transparent background. Flood fill with black.


Add a new layer. Choose the Sinedots II filter (listed under DragonFly in your plugins effects list), open the ss-s2cross.cfg file and select the "crepes" preset - it's the only one in there, so you won't have much trouble finding it.


Now we're going to give this image some shape *S*!

Enlarge the canvas to 600x600.

Choose the Mesh Warp tool (mesh warp tool) - it may be hidden under the Deform tool on the Tools toolbar. Set Mesh horizontal and Mesh vertical to 3, UNcheck Symmetric, and check Show mesh. Your image should look something like this (without the arrows, which I added for clarity):

image with mesh warp tool active

Watching the status bar at the bottom of the screen to verify node location and movement, convert the Sinedots image into a triangular shape by doing the following:

Note: Make sure your image is zoomed in to at least 100% - this will make it easier to drag the Mesh Warp nodes to precise locations.
  1. Drag the node at the blue arrow toward the center to coordinates (225,300) - you can see the exact placement of the node on the right end of the status bar along the bottom of the screen.

  2. Drag the node at the green arrow toward the center to coordinates (375,300).

  3. Drag both nodes at the red arrows toward the center to coordinates (300,450).

Your image should now look like this:

image after dragging nodes

When you are satisfied with the shape of the Sinedots image, click the Apply button on the Tool Options palette (apply button).

Using the black background as your guide, crop the image to 300 x 300. There are two easy ways to accomplish this:

  1. One way is to make the black layer active and click on the black with the Magic Wand. Then choose the Crop tool, click on the Current Selection button in the Snap crop rectangle to: section of the Tool Options palette:

    crop to selection button

    and then click the Apply button.

  2. An alternate way to crop the image to 300 x 300 is to activate the Crop tool and click on the Merged Opaque button in the Snap crop rectangle to: section of the Tool Options palette:

    crop to merged opaque button

    and then click the Apply button.

    Either way works!

Once you've cropped your image, activate the Sinedots layer and resize that layer by 50%. After the resizing, here's what we have:

image after resizing


To help position the image, display the grid lines, changing the Grid, Guide and Snap Properties so that the Horizontal and Vertical grids are 150 pixels apart. Make the grid Color white or another light color, so the grid will show up against the black background

Move the image to the center top with the point of the triangle at the center of the image - use the grid lines as a guide.

Save your work.


Now we're going to change the color of the image. There are many ways to do this, but for this image, I used the Colorize dialog, with Hue = 95, and Saturation = 55. You may use any colors you wish - be creative! Here's what your image should look like now (if you used my colors, that is):


We're done with the grid, so you can hide it now.


Duplicate the Sinedots layer and flip the duplicate layer. Merge these 2 layers.


Duplicate the merged Sinedots layer and rotate the duplicated layer 90 degrees (either left or right).

Merge the 2 Sinedots layers and sharpen as needed. Here's what you should have at this point:

image after expansion

Save your work.


Now we'll add the contrasting layer.

Duplicate the merged Sinedots layer and resize the duplicate layer to 75% of the original size. Rotate the resized layer 45 degrees in either direction. Colorize this layer as before, this time setting Hue to 251 and Saturation to 207.

Finally, add some "pizzazz" to this layer by applying the Kaleidoscope effect with the following settings:

kaleidoscope settings
Horizontal offset (-67), Vertical offset (-25), Rotation angle (0), Scale factor (0),
Number of petals (8), Number of orbits (0), Radial suction (68), Edge mode (Reflect)

Sharpen this layer as needed.

That's about it! Now, let's frame it!


Merge all layers. Widen the black background around the image by adding a black 10-pixel border. If you used a different color for your background, use this same color to add the 10-pixel border.

Set the Foreground Material to pattern, choosing the Sinedots Cross image as the pattern, with Angle = 61 and Scale = 14%.

Add a 3-pixel border to the image, using a color just a little darker than your inner cross - I used #DD7580. Select this border and apply an Inner Bevel effect with the following settings:

inner bevel settings
Bevel (#1), Width (5), Smoothness (10), Depth (5), Ambience (0),
Shininess (60), Color (white), Angle (315), Intensity (25), Elevation (40)

Deselect and save.


Add a 10-pixel white border to the image, select the border, and flood fill with the Foreground pattern. Apply the same Inner Bevel as in Step 9. Finally, to finish the frame off, you might want to add another 3-5 pixel border in the same color as the inner border. Select the border and apply the same Inner Bevel effect used previously.

Deselect, watermark, save and you're done!

Don't forget to sharpen your image if you resize it!

Hope you have enjoyed this tutorial as much as I did creating it!

If you have any problems, comments, or questions, please do not hesitate to Email me.


Version Independent Tutorials ~ About Me ~ Home ~ Email

All graphics and content 2002-present by SuzShook