|
Step 1
Create a new image, 300 by 300 pixels. Turn the Grid on ( Ctrl+Alt+G
), and click View > Snap to Grid. In most creation steps, you'll want to
leave the grid on for convenience. After each step, you could turn it off to see
how things look.
|
 |
Step 2
Click Layer > New Raster Layer.
Click the Selection tool, and pick Rounded Rectangle. Make sure that the Anti-Alias
option is checked. Select a 100 by 150 pixel area.
|
 |
Step 3
From the Selection types, pick Circle. Hold down the Ctrl
key - this will subtract the new selection area from the currently selected
area. Drag the circle from the top-right corner of the rectangle, 50 pixels.
Your selection should now look like this:
|
 |
Step 4
User the circle selection to create another circle, this
time 40 pixels in radius, starting from the same center point of the last
circle. In order to add your selection to the current one, click and hold the Shift
key.
Pick a color, and fill your selection. Click Ctrl+D in order to deselect
everything.
|
 |
Step 5
Select another circle, as shown to the left.
|
 |
Step 6
Subtract a circle area from it by holding the Ctrl
key while selecting as shown in step 3. Now, subtract a rectangle that's 10
pixels wider than the lower one.
Your current state should look like this:
|
 |
Step 7
Select everything by pressing Ctrl+A, and then
clicking (not dragging) anywhere on the image. That will pick the outline of all
the pixels on the layer.
Click Selection > Modify > Contract, and enter a value of 10.
|
 |
Step 8
Using the rectangle selection tool, and holding the Ctrl
key, deselect the areas within the 'horns' so that only the center area will
remain selected.
|
 |
Step 9
Using the circle selection tool, deselect (hold the Ctrl
key) a circle 20 pixels in radius from the bottom-left of the current selection.
Create a new layer ( Layer > New Raster Layer ). Your selection will
remain the same.
Fill the area with black.
|
 |
Step 10
Click Selection > Modify > Contract, and enter a
value of 1. Fill the area with a color slightly darker than the one you used to
fill the first shapes.
|
Step 11
Create a new layer ( Layer > New Raster Layer
). Don't deselect yet.
Click Effects > 3D Effects > Cutout. Enter the values seen
below:
 |
 |
Step 12
Move to the first layer you created (not the background),
select everything by pressing Ctrl+A, and then clicking (not dragging)
anywhere on the image.
Click Selection > Modify > Expand, and enter a value of 1.
|
Step 13
Click Effects > 3D Effects > Inner Bevel.
Enter the values shown below, but don't hesitate to experiment with other
values. The Inner Bevel effect is very versatile.
 |
 |
Step 14
Now we'll use an old method of adding a solid border.
Select everything in the current layer ( Ctrl+A ), and copy it ( Ctrl+C
).
Create a new image, 300 by 300, with a black background. Click Ctrl+E to
paste your selection into the image. Click Selection > Modify > Expand,
and enter a value of 2. Now copy the selection ( Ctrl+C ), and paste it
back ( Ctrl+E ) to your original image, right on top of the previous
shape. The Snap might bother you a bit while trying to set the selection in its
place, so you can remove it by unchecking View > Snap to Grid.
|
Step 15
While your selection is still active, click Effects
> 3D Effects > Drop Shadow. Enter the values shown below, but
don't hesitate to experiment with other values:
 |
 |
Using just the methods shown here, you can create the most
interesting interfaces. Paint Shop Pro makes it very easy to add details and
effects, and experiment with different combinations.
|
