Creating a bullet

You can easily create vector images that can be used as a bullets in Web documents with vector objects. As the image is saved in vector graphic file format, there is no loss of quality when you modify the size after inserting the image, and you can modify its color.

Completed image

Transformed images

Namo WebCanvas tutorial sm 1 15 Creating a bullet

Namo WebCanvas tsm 1 11 Creating a bulletNamo WebCanvas tsm 1 12 Creating a bulletNamo WebCanvas tsm 1 13 Creating a bullet

Step 1: Creating a new document

  1. Select the [File > New] menu command.
  2. In the New Document dialog box, type in ‘circle’ in the Name and specify the Width, Height, and Color and click OK.
  3. A Canvas opens and the ‘circle [Sheet 1] – 100%. is displayed on its title bar.

Step 2: Creating a basic shape

  1. Select the Ellipse Tool Namo WebCanvas icon toolpalette ellipse Creating a bullet on the Tool Palette.
  2. Create a circle by dragging the mouse on the Canvas while holding down the <Shift> key.
    Namo WebCanvas turorial sm 1 1 Creating a bullet

Step 3: Coloring a buillet

To render the object with a sense of volume, like a ball for example, edit the gradient as in the following steps and apply to the object.

  1. Press the Fill drop-down list on the Tool Palette and select the gradient you want from the Gradient tab.
    Namo WebCanvas tsm 1 1 Creating a bullet
  2. Double-click the Fill button on the Tool Palette.
  3. In the Gradient Editor dialog box, specify the options as following.
    Namo WebCanvas tsm 1 2 Creating a bullet
    • Select Namo WebCanvas tutorial sm 1 11 Creating a bullet for Type and Namo WebCanvas tutorial sm 1 12 Creating a bullet for Spread.
    • To modify the color, select the slide bar Namo WebCanvas tutorial sm 1 13 Creating a bullet and press the Color button Namo WebCanvas tutorial sm 1 14 Creating a bullet. In the Color Picker dialog box, select the color you want.
  5. Select the Gradient Vector Tool Namo WebCanvas icon toolpalette gradient Creating a bullet on the Tool Palette.
  6. Drag down the top left of the circle to the right bottom to modify the gradient’s starting and ending points as below.
    Namo WebCanvas tsm 1 4 Creating a bullet

Step 4: Creating a shadow

  1. Select the Ellipse Tool Namo WebCanvas icon toolpalette ellipse Creating a bullet on the Tool Palette.
  2. Create a circle to be used as a shadow by dragging the mouse.
    Namo WebCanvas tsm 1 5 Creating a bullet
  3. Select the Rotate Tool Namo WebCanvas icon toolpalette rotate Creating a bullet on the Tool Palette and transform the circle as below.
    Namo WebCanvas tsm 1 6 Creating a bullet
  4. Double-click the Fill button on the Tool Palette and select the color to be used as a shadow in the Color Picker dialog box.
    Namo WebCanvas tsm 1 7 Creating a bullet
  5. Select the [Effect > Gausian Blur...] menu command.
  6. In the Gausian Blur dialog box, specify the Radiux X/Y as 3 pixels and click OK.
    Namo WebCanvas tsm 1 8 Creating a bullet
  7. Drag the shadow object to below the circle created in Step 3 by holding down the <Ctrl> key.
    Namo WebCanvas tsm 1 9 Creating a bullet
  8. In the Layers tab of the Layers window, drag the shadow object below the circle object to switch their order.
    Namo WebCanvas tsm 1 10 Creating a bullet
  9. A bullet as below is completed.
    Namo WebCanvas tutorial sm 1 15 Creating a bullet

Step 5: Saving the Smart ClipArt

  1. Select the [File > Save] menu command.
  2. In the Save As dialog box, specify the Filename as ‘circle’ and Types of file as TNG fileTNG (*.tng) and click Save.
Namo WebCanvas top Creating a bullet

Creating a bullet