Home Tutorials Gallery Links Awards Contact

Basket

Before beginning this tutorial:
Print a labeled screenshot of the color palette
Customize file and folder locations

With this tutorial we will be creating a woven basket. Since we will be using the deformation tool quite often throughout the tutorial, you may need to sharpen the pieces as you go. I use Effects > Sharpen > Unsharp Mask for this because you can better control how sharp your image gets.

It is also recommended that you save your work often in the PSP format or use the "Autosave" feature located under File > Preferences to prevent loss of your work due to program or system crashes.

*Screenshots are greatly reduced in size and optimized for faster download times.



Weave & Pattern

Open a new 300 X 150 image with a transparent background.

Under the "Styles" section of the color palette click the arrow on the top button and choose (pattern) from the flyout menu. Click on the button and select the "Stained Wood" pattern from the resulting dialog box. Make sure that the size is set to 100% and the angle is set to 0°. Set the fill style to "No Style" by clicking the arrow on the bottom button & choosing from the flyout menu.

The buttons under the "Textures" section of the color palette should also be set to "No Style" and the "Lock" option should be checked. See screenshot.

Activate the Flood Fill tool and fill the image with the woodgrain pattern. Select Effects > Texture Effects > Weave and use the settings shown below.

Weave Settings
Gap Size: 1
Width: 14
Opacity: 100
Weave Color: #422C14 Hexadecimal
Gap Color: black
Fill Gaps: checked

Create a new layer & set the "Blend Mode" for this layer to "Multiply." You can set the blend mode from the "Layer Properties" dialog box that appears when you create the layer, or you can set the blend mode in the layer palette after the layer has been created.

Figure 1

Activate the Draw tool with the settings shown below. Hold the Shift key and draw a horizontal line to cover the 3rd row from the top. See Figure 1.

*Holding the Shift key while drawing a line keeps the line straight.

Draw-Tool Options
Type: Single Line
Width: 15
Line Style: #1 Solid
Antialias: Checked
Create as vector: unchecked
Close path: unchecked

Press Ctrl+C to copy the line, Ctrl+E to paste the line as a new selection. Position this line so that it covers the 3rd row from the bottom and click (the line should be surrounded by the selection marquee and you should see a "floating selection" layer in the layer palette). Choose Selections > Modify > Select Similar and then choose Selections > Save to Alpha Channel. Ctrl + D to de-select.

Figure 2

Activate the Paint Brush with the settings shown. Create a new layer and set the blend mode for this layer to "Multiply." Using the weave layer as a painting guide, start somewhere toward the center of the weave and paint in a few squares to create a decorative base pattern. I painted in 4 blocks as shown in Figure 2.

Paint Brush-Tool Options
Shape: Square
Size: 15
Hardness: 100
Opacity: 100
Step: 25
Density: 100
Build up: Checked

Once the base pattern has been created press Ctrl + C once to copy the base pattern then repeatedly press Ctrl + E to paste, aligning the pattern so that it repeats across the width of the basket. When you click to place the last selection, while the selection is still "floating", choose Selections > Modify > Select Similar and then choose Selections > Save to Alpha Channel. Press Ctrl + D to de-select.

Don't worry if the pattern runs off of the basket, the piece will be cropped.

Right click on any layer in the layer palette and choose Merge > Merge Visible.

Figure 3

Activate the Crop tool and crop the image so that if you overlapped the first column of the weave over the last column the pattern would repeat seamlessly. If you want the basket to be a bit taller and narrower crop some of the width from the piece. A longer strip will make the basket wider.


Color

In this section color will be added to the patterned areas of the basket by loading the selections that were saved in the first part of the tutorial. This part is optional, so if you're happy with the basket you can move on to the next section.

Choose Selections > Load from Alpha Channel and load one of the saved selections. When working with an area like this I hide the selection marquee so that I can get a clear picture of what the color will look like. To hide the marquee choose Selections > Hide Marquee or use the key combination Shift + Ctrl + M.

Figure 4

Choose Colors > Colorize and adjust the settings until you get a color that you are happy with. Figure 4 was colorized using the following settings:

Colorize Settings
Lines - Hue:167 Saturation: 58
Pattern - Hue:270 Saturation:111

Structure

Choose Image > Canvas Size and use the following settings to enlarge the canvas enough so that you will have room to move the pieces and add a handle.

Canvas Size
Width: 600
Height:400
Center image vertically: checked
Center image horizontally: checked

Activate the Mover tool and move the piece to the left side of the canvas.

Figure 5

Activate the Deformation tool, hold the Ctrl key, and pull the left-top deformation handle down to give the shape perspective. Pull the left-center handle to the right to decrease the width of the piece. See Figure 5.

Right click on the layer and "duplicate," choose Image > Mirror, then activate the deformation tool once again and pull the right center handle of the duplicate layer toward the right to decrease the width of this piece. Darken this piece through Colors > Adjust > Brightness/Contrast.

Brightness: -48
Contrast: -9

Figure 6

Join the basket pieces by activating the Mover tool & dragging the duplicate layer so that it overlaps the the other piece. There should be no visible seam. See Figure 6.

Once the edges are overlapped, activate the Eraser tool with a low opacity setting, make sure that the layer containing the darkened piece is the active layer, and erase along the left edge were the pieces overlap. The low opacity setting will result in a subtle shift from dark to light and give the corner a more rounded appearance.

Figure 7

Once the pieces are aligned, right-click on one of the layers and choose Merge > Merge Visible. After merging the layers, activate the deformation tool, hold the Ctrl key and pull the bottom left-corner handle to the right. See Figure 7.

Trim & Handle

This step involves the creation of a styled line. If you have completed the Birdhouse tutorial then you should have this line style.

Activate the Draw tool. Click the "Custom" button in the Tool Options palette. When the "Styled Lines" dialog box appears use the following instructions to create the new line style. Change only the options indicated, leaving all other options at their default values.

Styled Line

  1. Click on the Reset button located at the bottom-right corner of the dialog box.
  2. At the top of the dialog box you will see a "Caps" section, click on the drop down arrow under the area labeled "First Cap" and choose "Round." Click on the "Size" button for this cap and set the Width to 1.
  3. Repeat step two to create a rounded "Last Cap."
  4. Click on the "Save as New" button and name the line "Rounded Ends" and click "OK."

Create a new layer named "Trim." Activate the Draw tool with the following settings and click on each corner along the top of the basket, then click outside of the image to set the line. Repeat this process to add trim to the bottom of the basket.

Choose Effects > 3D Effects > Inner Bevel with the following settings and apply to the "Trim" layer. See Figure 8.

Draw-Tool Options
Type: Point-to-point
Width: 9
Line Style: Rounded Ends
Antialias: Checked
Create as Vector:Unchecked
Close path:Unchecked

Second Tab
Join: Mitered
Curve Tracking: 22

Bevel Settings
Bevel:
Width: 6
Smoothness: 75
Depth: 30
Ambience: -21
Shininess: 0
Color: White (Right-click to choose)
Angle: 351
Intensity: 48
Elevation: 30
Figure 8
Figure 9

Activate the Freehand Selection tool set to "Point-to-point" with antialias checked. Use Figure 9 as a guide, click at the top of the front corner, above the trim, and follow the angle of the corner to the bottom. Continue the selection so that it surrounds all of the trim on the right side of the basket. Choose Colors > Adjust > Brightness/Contrast to darken the trim so that it matches the shaded side of the basket. Ctrl+D to de-select.


Figure 10

Right click on a layer in the layer palette and choose Merge > Merge Visible. Create a new layer & drag the new layer so that it is under the "Merged" layer.

Activate the Preset Shapes tool set to "Ellipse," with a line width of 9, and draw an ellipse for the handle. Apply an inner bevel to the ellipse with the same settings used for the trim. If you need to, depending on how tall you made your handle, use the selection tool to surround and delete any portion of the handle that shows under the bottom of the basket. See Figure 10.


The basket is now finished! It's up to you to add flowers, fruit...anything you can think of to fill the basket.

Make a few more and try different basket sizes, patterns, handles...create your own style.

Copyright © 2001-, Kentucky Creations.
All rights reserved. Terms of use.
Home Tutorials Gallery Links Awards Contact