Create a Nuclear Symbol Icon

In the following Graphic tutorial you will learn how to create a nuclear symbol icon using path editing and shape alignment tools.

Step 1

For this tutorial we'll create a new 600 x 600 pixel document. Choose File > New (⌘N) to bring up the New Document panel. Select the Grid document style, set the document units to pixels, and set the document dimensions to 600 pixels wide by 600 pixels high.

Next, we'll set up the document grid. Switch to the Grid pane in the Properties panel. If the Properties panel is not currently visible, you can click on the orange ruler icon above the Layers pane to show and hide the panel. Change the grid X Spacing and Y Spacing to 10px, set the Subdivisions to 0px, and enable Snap to Grid (⇧⌘').

Step 2

Focus on the Toolbar and you will notice that by default the fill color is set to white and the stroke color is set to black. Click on the fill color well and set the fill color to R=28 G=28 B=28. Next, click on the stroke color well and drag the Alpha slider to 0%, which will simply make the stroke invisible. Pick the Ellipse Tool (O), focus on your canvas and create a 220px circle. Holding the Shift button will make it a lot easier for you to create a perfect circle, also the grid and the Snap to Grid feature will ease your work.

With the circle shape still selected, switch to the Alignment section of the Properties panel and click the Horizontal Centers and Vertical Centers buttons to center the shape on the canvas.

Step 3

Set the fill color to R=225 G=170 B=0 and make sure that the Ellipse Tool (O) is still active. Create a 180px circle, make sure that it stays selected then click the Horizontal Centers and Vertical Centers buttons from the Alignment pane of the Properties panel.

Step 4

Set the fill color to R=1 G=152 B=246 and make sure that the Ellipse Tool (O) is still active. Create a 140px circle, make sure that it stays selected then click the Horizontal Centers and Vertical Centers buttons from the Alignment pane of the Properties panel.

Step 5

Set the fill color at white (R=255 G=255 B=255) and make sure that the Ellipse Tool (O) is still active. Create a 40px circle, make sure that it stays selected then click the Horizontal Centers and Vertical Centers buttons from the Alignment section of the Properties panel.

Step 6

Set the fill color at R=219 G=65 B=0 and make sure that the Ellipse Tool (O) is still active. Create a 20px circle, make sure that it stays selected then click the Horizontal Centers and Vertical Centers buttons from the Alignment section of the Properties pane.

Step 7

Using the Move Tool (V), select the blue circle along with the white one, focus on the Path Tools section from the Appearance pane and click the Subtract button. In the end your blue shape should look like in the second image.

Step 8

Set the fill color at R=0 G=90 B=150, pick the Rectangle Tool (M), create a 120 x 100px shape and place it exactly as shown in the first image. Focus on the bottom side of this new rectangle and switch to the Path Selection Tool (A). Select the right anchor point and simply hit the Delete button from your keyboard to remove it. Select the remaining, bottom anchor point and drag it 60px to the right. Once again, the grid and the Snap to Grid feature will come in handy. In the end your rectangle should turn into a simple triangle as shown in the second image.

Step 9

Using the Move Tool (V), reselect your triangle then switch to the Rotate Tool (R). Focus on your triangle and you should notice a blue, cross right in the center of the shape. Drag it above the bottom corner of your triangle then move to the Titlebar. Enter a 120 degrees Angle then click the Copy button twice.

Step 10

Using the Move Tool (V), reselect the three triangles made in the previous step. Focus on the Path Tools section from the Pathfinder pane and click the Make Compound Path.

Step 11

Reselect your compound path along with the other blue shape, focus on the Path Tools section from the Properties pane and click the Intersect button.

Step 12

Reselect the three blue shapes made in the previous step along with your tiny, orange circle, focus on the Path Tools section from the Pathfinder pane and click the Make Compound Path button. Make sure that your newly created compound path is selected, focus on the Toolbar and simply replace the existing fill color with R=29 G=29 B=29.

Step 13

Focus above the Layers pane and click that blue icon to open the Appearance pane. Make sure that the compound path made in the previous step is selected, focus on the Effects section from the Appearance pane and simply check that little box that stands for the existing Drop Shadow. Enter 1 in the Y box and 0 in the other two boxes then click the color box that stands for your Drop Shadow. Set the color at white then drag the Alpha slider at 70%.

Step 14

Make sure that your compound path is still selected and keep focusing on the Effects section from the Appearance pane. Activate the existing Inner Shadow and enter the attributes shown in the following image.

Step 15

Select your yellow circle, focus on the Effects section from the Appearance pane and select the existing stroke. Set the Width at 1pt and the Position at Inside then click on the color box that stands for your stroke and set it at R=180 G=135 B=5.

Step 16

Select your dark circle and focus on the Effects section from the Appearance pane. Activate the existing Drop Shadow and enter the attributes shown in the following image.

Step 17

Using the Rectangle Tool (M), create a 600px square, make sure that it stays selected and focus on the Effects section from the Appearance pane. Focus on the Fill and select Radial Gradient from the Type drop-down menu. Set the angle at 0 degrees **then move to the gradient sliders. Select the left one and set its color at **R=45 G=45 B=45 **then select the right one and se its color at **R=25 G=25 B=25. Move to the Alignment section from the Properties pane and click the Horizontal Centers and Vertical Centers buttons to make sure that this square covers your entire canvas. Finally, hit Shift + Command + [ to send this shape to back.

Finished Design

Congratulations, you've finished the tutorial!

iDraw File:
NuclearSymbol.idraw