*****  PAGE 1 *****


(Click on the above graphic for an 
explanation of the FBN skill ratings.)

This tutorial written May 24, 2002 by Cathy :)

*** PREPARATION ***

For this tutorial you will need:

Paint Shop Pro, which you can get at the Jasc site
My tube images to fill your basket, which you can get here.

We will be using vectors to create our basket.

Still here?  Good, you didn't close your browser when you saw the *v* word...so you can give yourself a pat on the back to start off.  I'm glad you stuck around.

Here are the icons for the tools we will be using for this tutorial:

   View Guides
  
Preset Shapes
  Object Selector
  Draw Tool
  Flood Fill
  Select All
  Float Selection
  Defloat Selection
  Invert Selection 
  Select None
  Retouch
  Deformation
  Mover
  Eraser
  Save (probably the most important of all)
  Undo (this button should be your "best friend")

The best advice I can give you is to SAVE, SAVE, SAVE!!!  There's not much worse than losing all your hard work due to a program or computer lock up or melt down!!!  So...save your work often...I will be putting reminders throughout the tutorial:

Save 

As with any of my tutorials, please feel free to use any colors you like to create you own unique image.

This page is graphic intensive - please be patient and give the page time to load.

We will be utilizing the PSP Guides in this tutorial.  If you've never used the guides before, you can check out my PSP Guides Tutorial.

Open a new image 250 x 350, transparent background, 16 million colors.  Save as "my_basket.psp".  Now you can save at any time by hitting your Save Icon .

Okay, let's get started...

 

 

*** BASKET TOP ***

1. Place two horizontal guides on your canvas at the following marks: 180 and 250.

2. Place four vertical guides on your canvas at the following marks: 128, 132, 146, and 152.

3. Set your foreground color to #963838 and your background to pattern and use "Stained Wood", scale: 50%, angle: .

4. Click on your Preset Shapes Tool, set to rectangle; Antialias and Vector checked; and draw a rectangle approximately the size shown by your guides:

5. Click on your Object Selector Tool and click on Node Edit.

6. Move your nodes to line up with the intersection of your guides to give you a slightly "angled" slat.

The screenshot below shows where to place your nodes (left) and your new shape (right):

7. Move your vertical guides to: 100, 109, 124, and 127. (We won't move the horizontal guides until we start to make the bottom slats for our basket.)

8. Using the same method, create your next basket slat so that it angles from top/left to bottom/right.

9. Move your vertical guides to: 70, 83, 97, and 106. 

10. Create your next slat, same angle.

11. Move your vertical guides to: 50, 67, and 80 (leave the last guide at 106, as we don't need it right now). 

12. Create your next slat, same angle, with one exception: your top right node and your bottom left node will both use the same vertical guide mark: 67.

13. This is our outermost slat, so we want to add a slight curve to the side of our basket.

14. Go back to Node Edit and change your top left node to Symmetric.  You should now have two "control arms".  Pull the bottom control arm down and out as shown below, to give a slight curve to this slat. (Don't worry about the curve on top as we will be covering this later.):

15. Move your vertical guides to: 148, 156, 163, and 176. 

16. Create your next slat so that it angles from top/right to bottom/left.

17. Move your vertical guides to: 167, 179, 187, and 203.

18.  Create your next slat so that it angles from top/right to bottom/left.

19. Once again this is our outermost slat, so we want to add a slight curve to the side of our basket.

20. Go back to Node Edit and change your top right node to Symmetric.  You should now have two "control arms".  Pull the bottom control arm down and out to give a slight curve to this slat.

This is what I have so far, but I am not happy with it.  

The areas shown in the red circles need tweaking.  The top is too far apart and the bottom is too close.  Using Node Edit, adjust these areas as well as any other you think need adjusted.  Notice the difference below:

21. Rename your vector layer "top slats".

TIP: You can turn your guides on/off by clicking on the   View Guides icon without losing the settings for your guides.

SAVE

 

*** BASKET BOTTOM ***

1. Turn off the visibility for your "top slats" layer and make Layer1 active.  (This will force a new vector layer for the bottom slats.) 

2. Change your top horizontal guide to 305. (We'll leave the other where it is - this will mark the "center" of our basket.)

3. Move your vertical guides to: 167, 175, 188, and 197. (If at any time you feel comfortable creating your slats without the use of the guides, turn them off and continue without them.  They are just a tool, not a necessity!)

4. Create your bottom/right slat so that it angles from top/left to bottom/right. (We'll be covering the area where our top and bottom slats "meet" so don't worry too much about these.)

5. Move your vertical guides to: 148, 153, 164, and 171.

6. Create your next slat.

7. Move your vertical guides to: 128, 130, 145, and 150.

8. Create your next slat.

9. Move your vertical guides to: 104, 108, 125, and 127.

10. Create your next slat.

11. Move your vertical guides to: 78, 83, 102, and 106.

12. Create your next slat.

13. Move your vertical guides to: 57, 64, 76, and 80.

14. Create your last slat.

15. Turn on the visibility for your "top slats" layer so you can see all your slats.  As we did for the top of our basket, look at your slats and tweak them as needed, so that your top and bottom slats meet:

16. Rename Layer3 to "bottom slats".

SAVE

 

*** BASKET BANDS ***

We're going to create each band on it's own layer...this will allow us to add shadows and texture later.

1. Click on your "top slats" layer and add a new vector layer...name this layer "band1".

2. We will only need 2 vertical and 2 horizontal guides for the bands.

3. Place your horizontal guides at 300 and 315.  Place your vertical guides at 54 and 201.

4. Change your background pattern to: Scale: 100% and Angle: 0.

5. Click on your Preset Shapes Tool, set to rectangle; Antialias and Vector checked; and draw a rectangle using your guides for placement.

6. Click on your Object Selector Tool and click on Node Edit.

7. Double click on any of your nodes to select them all.

8. With all four nodes selected, right click on any of them and choose Node Type/Symmetric from the fly out menu.  Right click again and choose Node Type/Cusp. Left click anywhere on your canvas to deselect your nodes.

9. Adjust each of your nodes to form a rounded band.  The screenshot below shows you where I place my control arms to shape my band:

  SAVE

10. Add a new vector layer...name this layer "band2". (this layer should be above your "band1" layer.

11. Place your horizontal guides at 242 and 252.  Place your vertical guides at 62 and 190.

12. Using the same method, create your next band, making sure that this band covers the area where your top and bottom slats meet:

SAVE

13. Add a new vector layer...name this layer "band3". (this layer should be above your "band2" layer.

11. Place your horizontal guides at 170 and 193.  Place your vertical guides at 140 and 210.

12. Using the same method, create your next band. (This band will only cover part of the top of our basket on the right side.)

13. Edit your nodes using the same method, but for this band we want the left side narrower and we want curved edges:

SAVE

14. Add a new vector layer...name this layer "band4". (this layer should be above your "band3" layer.

15. Place your horizontal guides at 170 and 193.  Place your vertical guides at 43 and 150.

16. Using the same method, create the other half of your top band.

17. You may find, like I did, that once I had the second top band made, I needed to tweak the other half. Notice that there is just a slight curve to the top bands:

 

SAVE

 

*** TAKE A BREAK ***

This is a good time to take a break.  After doing as much "tweaking" as we've done to our image, I often find the need to "walk away".  

Grab that bag of chips and open up the Solitaire game play a few hands and then come back...

...on to Page 2

 

 

All Art Work & Graphics Designed by Cathy
This tutorial originally written on May 24, 2002
Copyright © 1999 - 2003 by Cathy.
All rights reserved.
Revised: April 06, 2008.