Adobe Photoshop Tutorial. Copyright Michael B. Karbo.

  • Next chapter.
  • Previous chapter.

    Yet another layer

    Now you need to make an orange square.

    1.   Start by creating a new layer. You can do that as described above, but try in stead the shortcut Control+Shift-+n. That is good to rememmber. It opens a dialog box, where you can name the layer.

    2.   Name the layer Square. Choose the name orange for the layer button and click OK:

    3.   Save the picture with Control+s.

    4.   Choose the square selection frame in the tool box by pressing m twice.

    5.   Hold the Shift- down, click in the picture and draw a square. By holding the Shift- down, you force the rectangle to become square:

    6.   Use the Swatches palette to select orange as foreground color, then fill the square (with the shortcut Alt+Backspace).

    7.   Use the shortcut Control+Shift-+n to create yet another layer. That needs to be green be named Polygon. You now have four layers, which all can be seen in the layer palette. Save the picture file.

    8.   Three of the layer buttons are colored, and you can see that the active layer (on which you are working) is the ”Polygon” layer:

    Figure 14. Now there are four layers. The topmost is the active one.

    Draw a pentagon

    On the fourth, green layer, you need to draw a polygon – in this case a pentagon. That is done with a drawing tool (Polygon Tool).

    The drawing tools are somewhat complicated, since they can work in different ways. So follow our review very precisely.

    Start by selecting the Polygon Tool as shown below. That tool’s shortcut letter is u, but since it is ”down in the stack,” you need to press u four times to activate it from the keyboard. If that doesn’t work, you need to press Shift-+u to activate the underlying tools. To avoid using the Shift- key, you need to change the setting as described on page 3.

    1.   You have now activated the Polygon Tool:

    2.   These drawing tools use the foreground color. So choose green for foreground color!

    3.   Now check the settings line; there the button Pixel Fill (the third button) has to be clicked:

    4.   Further to the right in the settings line you can see that the polygon gets five sides:

    5.   You have thus chosen to draw a pentagon, and the foreground color is green. Start in the middle of the drawing and draw a pentagon with the mouse:

    6.   When you release the mouse button the pentagon is filled with the foreground color (here green). Save the picture with Control+s.

    Draw a triangle

    You can bruge the Polygon drawing tool to make triangles with (by choosing 3 sides in the settings line), but in stead try to draw a triangle more or less free hand. You need to follow our instructions very carefully – then the exercise works!

    But remember that if problems arise underway, you can always cancel (regret) bu using the History palette (as described on page 17).

    1.   First insert a new layer (with Control+Shift-+n). Name the layer Triangle; do not choose color for this layer button. Just click on OK, and save the picture with Control+s.

    2.   Right click on the Lasso Tool, which is number two from the top in the left column.

    3.   Then select the Polygonal Lasso Tool:

    4.   Then click where you want the triangle to start. Its placement is not important right now. Click and release the button, then drag the bottom line of the triangle with the mouse:

    5.   This tool can be a tease. Fortunately you can cancel the erroneous attempt by pressing Escape.

    6.   Click again to add a new side in the triangle. Then drag upwards toward the left to the top of the triangle:

    7.   Click again and drag down to your starting point. The cursor changes appearance when you get close the bottom line.

    A small circle appears, which tells you that the figure is coming together:

    8.   Click once and the triangle selection is complete.

    9.   Now you need to fill the triangle with color. So press the shortcut letter d to select the default colors black/white. The use the shortcut Control+Backspace to fill the triangle with the background color (white).

    10. You need a thin black line around the triangle, which still is selected. Use menu items Edit --> Stroke.

    11. In the middle of the dialog box you can see that the color is black. Choose a thickness of 1 px and location Outside:

    12. Click OK or press Enter. Then the thin black line is drawn around the triangle.

    13. Cancel the selection by pressing Control+d.

    14. Now the picture is finished; here is how ours look:

    15. Save the picture with Control+s.

    Arranging figures and layers

    Now you have five layers, the background layer and the four layers with the figures. You can easily move the different figures around after you have drawn them. You can also change the sequence of the layers. Try:

    1.   Click on the Move Tool, which is the top right button in the tool box. This tool can also be activated with the chortcut letter v. The cursor changes appearance when you move it across the picture:

    2.   Look at the settings line. Make sure that there is a checkmark in the field Auto Select Layer:

    3.   Now you can nu click on each of the figures and drag them around on the picture area. Try that. Photoshop figures automatically out in which layer the figure is.

    4.   The area outside the figures is transparent. Try to arrange the figures to make the picture look about like this:

    5.   Notice the yellow oval; it is partially hidden by the other three figures. That is because the layer with the oval is placed under the other figures layers:

    6.   Use the mouse and grab the layers button. Drag that button upwards, and release it so it slips in above the Polygon layer as in Figure 15.

    7.   Try to juggle the figures again. Now the orange square is in the bottom, can you see that?

    8.   You can also juggle the picture elements by using the keyboard’s arrow keys. That is more precise than with the mouse. Try that, point the mouse to the white triangle and click on that. Then prss ArrowRight a few times, and the triangle moves in very small increments to the rright.

    9.   Save the picture again with Control+s.

    Figure 15. You can juggle the sequence by dragging the layer buttons to new positions.

    Transform the figures

    When the move tool is active, you can also transform the figures shape and size. You will soon appreciate this extra small ability! Try that:

    1.   You have the move tool activated. Click in the field Show Bounding Box in the settings line:

    2.   Try to select different figures by clicking on them. Now you see a frame surrounding the active figure. Try to select the triangle. Use the mouse to grab the lower left handle in the frame surrounding the figure, and drag towardrs the left. Then you change the shape of the figure:


    3.   When you derive at the right size, you close the scaling by clicking Enter.

    4.   Finally try to select the pentagon. You need to rotate it. Place the mouse cursor completely outside one of the corner handles, so it becomes a small double arrow like here:


    5.   Try to rotate the pentagon a little to the left. Finish the rotation by pressing Enter.

    6.   Then save the picture with Control+s.

    The move tool is very important; you really use it all the time in Photoshop.

    Normally the move tool only works on the selected layer, but you can also make the tool select the layer automatically from the picture element that you are clicking on. Some times that is smart; at other times it can be confusing. Try for yourself!

    Figure 16. This setting makes the move tool select the figure you are pointing at automatically, regardless of which layer it is in.

  • Next chapter.
  • Previous chapter.

  • Adobe Photoshop book overview.