Twig Frame Wall Hanging

Twig Frame Wall Hanging

Created April 24, 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!

The other day, while wandering the aisles of our new Hobby Lobby store, I saw a cross-stitch kit with three twig frame projects, and I said to myself: "I bet I could do that in PSP!" So, I came home with the ideas swirling around in my head, and finally, one day I sat down and gave it a whirl! And here it is! Thought you might like to try it, too, so decided to put it together in a tutorial! Hope you enjoy the construction as much as I did figuring it out!



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, 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.

  • Eye Candy 3 - you can get if HERE. ~ ~ Unzip into your Plugins folder.

  • My Inner Bevel and Texture Presets - you can get them HERE. ~ ~ Unzip into your Presets folder.

  • The cloth texture pattern below. ~ ~ Right click on the image and save into the folder where you keep your current PSP work.

cloth texture



~     ~     ~     ~     ~     ~     ~     ~     ~     ~

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

Remember to save often!

~     ~     ~     ~     ~     ~     ~     ~     ~     ~


STEP 1

Open a new transparent image, 200 x 200 pixels in size. Add a layer and call it 'left side'. Set your Background Material to Transparent (null), and your Foreground Material to Color, selecting the color you want to use to make your twigs - I used #623822.


STEP 2

Activate the Pen tool pen tool (V) with the following settings:

Mode (Draw Freehand)
Connect Segments (UNchecked)
Create on Vector (UNchecked)
Show Nodes (UNchecked)
Anti-alias (CHECKED)
Line style (#1 Solid)
Line width (15)

Draw a twig approximately 150 pixels tall. Remember, it's a twig! It can be crooked, have bumps, remnants of branches, knots, etc.! You can't get it wrong, so just go for it! And if you don't like what it looks like, "undo" and start over! If you find that 15 pixels is too wide, use 12 pixels, or 10 pixels! Whatever you're comfortable with!

Note: If you really want to make life-like twigs, complete with little branch stubs and knots, change the Width of your line to 1, set both Background and Foreground Material to #623822, make sure Tracking is set to a low number, and draw the twig outline - it'll fill in when you release the mouse button!

STEP 3

Apply a Texture effect to your twig using my texture preset, ss-darktwigs-tex, which should show up in the drop-down box.

Apply an Inner Bevel effect using my inner bevel preset, ss-darktwigs-bev.

You've got a twig! SAVE!


STEP 4

Using the Move tool mover tool, move this twig to the left side of your image - here's what my first twig looked like (yours won't have the green background - I'm using that just to make the image stand out!):

first twig

STEP 5

Now let's make the other three twigs!

Add a new layer, calling it 'top'. Repeat STEPs 2 and 3. Rotate this twig by 90 degrees left. Move this twig to the top of the image.

Add a new layer, calling it 'right side'. Repeat STEPs 2 and 3. Move this twig to the right side of the image.

Add a new layer, calling it 'bottom'. Repeat STEPs 2 and 3. Rotate this twig by 90 degrees left and move it to the bottom of the image.

If you've followed these directions carefully, your Layer palette should now look like this:

layer palette
Version Note: The Layer palette might have a slightly different appearance in your version of PSP - what is important here is the order of the layers.

SAVE!


STEP 6

Move the twigs into place, making a frame. It should look something like this - note how the twigs overlap in the corners, and how each twig is over one other twig and under a second twig, except in the lower left corner (circled in red):

twig frame

We need to "fix" this bottom twig so it is "under" the left twig! To do this, activate the 'bottom' twig layer on the Layer palette. Lower the opacity of this layer so you can see the left twig clearly. I lowered my opacity to about 72.

Activate the Eraser tool eraser tool (X) with these settings:

Shape (Round)
Size (6)
Hardness (82)
Step (25)
Density (100)
Thickness (100)
Rotation (0)
Opacity (100)

Erase that portion of the bottom twig overlapping the left twig. In the following image, the portion to be erased is surrounded by a red box:

twig frame

It will be much easier to erase if you "zoom in" a bit!

Once you are satisfied with your job, reset the opacity of the 'bottom' layer back to 100%. You've got a twig frame! SAVE!


STEP 7

Before we add the fabric backing to the frame, merge all the frame layers - that's all layers EXCEPT the 'Raster 1' layer. Rename the merged layer 'frame2'.

Open the cloth_texture.jpg file that you downloaded at the beginning of the tutorial. Set your Foreground Material to Pattern and select the cloth_texture pattern, with Scale = 100 and Angle = 0.

Return to your frame image, and in the Layer palette, activate the bottom layer. Add a new layer, and call it 'cloth'. Activate the 'frame2' layer, and with the Magic Wand tool magic wand tool, click inside the frame. You should see the selection marquee, or "marching ants" just inside the frame. Increase your selection by 5 pixels.

Activate the 'cloth' layer and use the Flood Fill tool flood fill tool (F) to fill with your pattern. Deselect. Your image should look like this:

twig frame with cloth

If you want to change the color of your cloth backing, you can do so now - using Colorize is perhaps the easiest way to do this! When you are finished, merge the 'cloth' and 'frame2' layers, renaming the merged layer 'frame2'.


STEP 8

We've completed the first frame! Let's SAVE it! At this point, you may want to create new twigs to build the other two frames. If so, repeat STEPs 1-7! I opted to use the same frame three times!!! But you can do what you want - it's your creation! The rest of the directions in this tutorial assume you're as tired as I was, and used the same frame three times!


STEP 9

Increase the canvas size to 200 x 550 to make room for the next two frames, keeping your frame centered in the resized image.


STEP 10

Duplicate the 'frame2' layer, renaming the new layer 'frame1'. Move the duplicate frame above the original one on the canvas.

Duplicate the 'frame2' layer again, renaming this layer 'frame3', and move this frame to position it at the bottom of the canvas.

Arrange the frames the way you want them, leaving room for the nail and string at the top! You can even rotate them, flip, or mirror them for variety! SAVE!


STEP 11

Let's tie those frames together now with some twine. Activate the bottom layer. Add a new layer, and call it 'twine1'. Set the Foreground Material to Color, and choose the color you want to use for the twine - I used #B9917B. Set your Background Material to Transparent (null).

Select the Pen tool, and change the Mode to "Draw Lines and Polylines" and the Width to 5. Draw a line between the top and middle frames. The line will be BEHIND the frames - just be sure it extends behind both of them, solidly connecting them, but does not extend above or below the twigs themselves, or it will show later! Apply the same Texture and Inner Bevel effects to the twine as you used in STEP 3 for the twigs - the settings you used should still be there.

Activate your topmost layer and add a new layer, calling it 'loop1'. Change the Pen tool Mode to "Draw Freehand", same width, and draw two small lines on the bottom twig of the top frame, so it looks kind of like a loop going over the twig:

twine loops

Apply the same Texture and Inner Bevel effects.

Add another layer, calling this one 'loop2' and do the same thing on the top twig of the middle frame, including applying the Texture and Inner Bevel effects. Your two frames should now be tied together, and will look something like this:

twig frames tied together with twine

Merge the three twine layers - 'twine1', 'loop1' and 'loop2' - renaming the merged layer 'twine1'. If you find your original twine extends above or below the loops, use the Eraser tool to carefully remove the excess.

For the connection between the middle and bottom frames, just duplicate the 'twine1' layer, rename the new layer 'twine2', and use the Move tool to move this twine into place between the middle and bottom frames. You may need to adjust the position of the frames to "fit" the twine! SAVE!


STEP 12

Just one more piece of twine to go - the one that will hold all three frames to the nail! Activate the bottom layer, add a new layer calling it 'loop', and use the Pen tool to draw a loop of twine at the top of the top frame. Apply the same Texture and Inner Bevel effects as before.


STEP 13

We need a nail to hang this set of frames on, so activate your topmost layer, and add a new layer calling it 'nail'. Change your Foreground color to #D3CFCF, and using the Pen tool, Mode = "Draw Lines and Polylines", same width as before, draw a short nail through the twine loop.

nail through twine

Apply Eye Candy 3 Chrome with the Copper preset. Apply an Inner Bevel effect with the following settings:

metallic preset
Bevel (#1), Width (1), Smoothness (10), Depth (5), Ambience (0),
Shininess (80), Color (white), Angle (315), Intensity (25), Elevation (40)

STEP 14

Add a new layer, calling it 'nail head'. Change the Background Material to Color, and set the color to #D3CFCF. Choose the Preset Shapes tool preset shapes tool (P), selecting the Ellipse shape from the drop-list, and using the following settings:

Retain style (UNchecked)
Create as vector (UNchecked)
Anti-alias (CHECKED)
Line style (#1 Solid)
Line width (1)

Draw a small head for your nail. Use the Pick tool pick tool (K) to rotate the nail head slightly so it looks realistic.

Version Note: The Pick tool was new in PSP X - use the Raster Deform tool (D) in PSP 8 and 9 . Note that the Raster Deform tool is still available in higher levels of PSP - it's not on the default Tool toolbar, but it still exists, can be accessed by its former Shortcut key, D, and can even be moved back to the Tools toolbar if desired using PSP's Customize facility.

nail head

Apply Eye Candy 3 Chrome with the same settings as before, and apply the same Inner Bevel as above.

Merge the 'nail' and 'nail head' layers, calling the merged layer 'nail'. Move the nail within the twine. You may need to erase a little of the nail so the twine looks natural!

When you have everything the way you want it, merge all layers EXCEPT the bottom layer. SAVE!


STEP 15

Fantastic! We're all done except the "needlepoint"!!!!! So, get out your needles, thread, and thimbles and let's get it done!

Activate the 'Merged' layer. Add a new layer, and find some tube or image you want to use to decorate your frame. Resize as needed, and position within the frame. For my model, I used floral tubes from "The Original Free Tubes Site" - Diana Todd has a wonderful collection here with all kinds of tubes and masks!

Once you have chosen and placed your image, apply the Blinds Texture effect with these settings:

blinds texture
Width (2), Opacity (12), Color (#313C39), Horizontal and Light from left/top (checked)

Re-apply the blinds effect, same settings, but with Horizontal UNchecked.

This effect doesn't show up well on delicate tubes like the ones I've used in these samples; however, it does show up with broader tubes. You may choose to omit the blinds effect altogether if you're using delicate tubes, and/or if you have to reduce your final image in size! I applied this effect anyway - it was the easiest needlework I'd ever done! Here's a close-up of what the needlepoint looks like with the blinds effect:

needlepoint effect close-up

I usually sign my needlework, so I've added my sig to the finished product! If you wish to do the same, do so on a separate layer, so you can position your signature exactly where you want it! SAVE!

Repeat this step for the other two frames, and you're done with the needlepoint! SAVE!


STEP 16

All that's left now is adding a bit of a drop shadow and inserting a background, and we can hang our frames! Activate the 'Merged' layer, and add a Drop Shadow effect with the following settings:

Vertical offset (4)
Horizontal offset (4)
Opacity (67)
Blur (4.7)
Color (black)

For my background, I used a Sinedots background tile (you can use whatever color or pattern you want). Then I buttonized, merged all layers, watermarked, saved, and that's it!

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


Here's another set of Twig Frames I made using different flowers:

twig frame wall hanging #2

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.

Email


Version Independent Tutorials ~ About Me ~ Home ~ Email

All graphics and content 2002-present by SuzShook