Creating the GIZMO screen

We are now going to create a screen for our GIZMO. We will use simple rounded rectangles to do this. By adding some Live Effects we will make it look recessed into the body of the GIZMO.

  1. Choose the Rounded Rectangle tool.

  2. Draw a rounded retangle on the image.
    Don't worry about it's size and properties. We will set these in the Property Insepector.
  3. In the Property Inspector give the rounded rectangle the following settings.

    W: 420
    H: 251
    Fill: Solid, Colour: #BFC4B0 (that's a zero at the end)
    Amount of Texture: 0
    Stroke: 1-Pixel Soft, Colour: #777777
    Rectangle Roundness: 6
  4. Name this shape Screen in the Layers panel.
  5. Drag the Screen towards the top of the GIZMO.
    Around 50-60 pixels from the top edge of the Body. Try to acheive an even border around the screen.