Home>Tutorials>Basics Tutorials>
Red, White and Blue Star with Layers
E-mail this tutorial to a friendEmail to a Friend

Red, White and Blue Star with Layers
Created by:Web

Working with layers isn't that difficult! To show you how layers work, we'll make a simple blue, white and red star.
Standard Toolbar - New (image) button Open an new image, 400 x 400 pixels, white background, 16.7 million colors. This gives us lots of room to play with.
Standard Toolbar - Toggle Tool Options Window buttonStandard Toolbar - Toggle Layer Palette button Make sure your Tool Options Palette and your Layer Palette toolbars are open. If they're not, open them by clicking on their buttons in your Standard Toolbar.
Layer Palette - Create layer button Create a new layer: Click on the "New Layer" icon in the Layer palette. Call the layer "Red" and make sure that it is the active layer.
Tool Palette - Flood Fill tool Click on the Flood-Fill tool (the paint-bucket icon). Set your foreground style to Solid Color (click on the arrow in the foreground style box and choose the brush icon on the left). Click into the foreground style box and select the color Red (Red = 255, Green = 0, Blue = 0). Now click on the "Red" layer. This will fill the active layer completely with red.

You now have two layers. One white (which is on the bottom) and the red one.

Tool Palette - Selection tool

Click on the Selection tool:
Selection type = Rectangle
Feather = 0
Antialias = checked

Drag with your mouse on the "Red" layer and make a box-like selection. Leave it selected.

Go to Effects || 3D Effects || Cutout:
Vertical and Horizontal = 2
Opacity = 100
Blur = 5
Shadow color = black
Fill interior with color = unchecked
Click on OK and deselect with a right-click or Ctrl+D (Selections || Select None).

The white from the bottom layer shows through!

Now we are going to really rock! You are still on the "Red" layer, and your Selection tool is still activated. Draw another rectangular selection inside the white area.

We are going to create a new layer from this selected area!

Layer Palette - Create layer button Create a new layer above "Red" by clicking on the "New Layer" icon in the Layer palette. Call it "Blue". Make sure it is the active layer.
Tool Palette - Flood Fill tool

Click on the Flood-Fill tool, select the color Blue (Red = 0, Green = 0, Blue = 192) for your foreground color, and click inside your rectangular selection.

Deselect with Ctrl+D (Selections || Select None).

Tool Palette - Selection tool

We are going to do the selection and cutout one more time, so click on your Selection tool again, only this time choose "Star 1" for the Selection Type.

Drag the star on top of the blue and do the same cutout we did before: Just go to Effects || 3D Effects || Cutout and click on OK. Then deselect by right-clicking into your image or with Ctrl+D (Selections || Select None).

Isn't that great?

Before we merge the layers why don't we play with them for a moment. Go to your Layer palette and click on the "Red" layer to make it active.

Tool Palette - Magic Wand tool
Click on the Magic Wand tool. In the Tool Options palette the settings should be:
Match mode = RGB Value
Tolerence = 50
Feather = 0
Sample merged = unchecked
Click on the red. The marching ants show up. Go to Effects || 3D Effects || Inner Bevel and choose the preset "Bead". Click on OK.

Go to your Layer palette and select the "Blue" layer. Your Magic Wand is still activated, so just click on the blue. Go to Effects || 3D Effects || Inner Bevel again and choose the preset "Frame". Click on OK.

Deselect by right-clicking into your image or with Ctrl+D (Selections || Select None).

Isn't this neat?


Standard Toolbar - Save (image) button
Go to Layers || Merge || Merge All (Flatten). Now you need to save your work! Go to File || Save As, give it a name and make it a .jpg-file.

There, you did it! Wow! See, layers are not so hard!