PS hands-on to teach you to draw cool and stylish rocket icon

Draw Rocket icon

The colors on these palettes are the colors we're going to use, I've chosen a few less vivid colors that can be combined with a flattened icon that you can store on your computer so that you can use the Eyedropper tool to select the colors when creating graphics in Photoshop.

1th Step

First, let's start with the background. Our icon is circular, so select the Ellipse tool in the tool panel, click on the canvas to eject the dialog to create the ellipse, set the height and width to 512px--ok, and now we have a positive circle. Let's fill it with dark blue, which is also the iconic color of space. Keep the Ellipse tool selected, find the Color Fill button on the top Control panel, and select the corresponding color in the swatch you saved. No swatches created? OK, there are also parameter values, click on the upper right corner of the small flag can be pop-up color selection dialog box. Notice that I'm using the HSB color format.

2nd Step

Now we're starting to make a rough outline of the rockets. Begin by drawing an ellipse in the middle of the background. Click the Direct Selection tool and click on the created oval edge to make the creation in addition to the path and anchor points visible. Select the conversion Point tool (you can find it in the Pen tool series) and click on the anchor point above to adjust the top to a sharper angle.

3rd Step

Retains the selection of the current graphic, selects the path action in the upper Shape Control Panel, and then selects the intersection.

Select the Rectangle tool and draw a rectangle that contains the vast majority of the ellipse, leaving a small portion of it on the ground to not cover. The final result of the operation is that the content outside the rectangular marquee becomes invisible, so that we cut off the bottom of the rocket.

4th step

Let's add a little shadow to the right half of the ellipse.

First, turn on the smart guides (view--display--smart guides) that can help you put your graphics in the right place. Continue using the Rectangle tool to create a light gray rectangle and place it over all layers, covering the right half of the rocket.

5th step

Now we need to hide the rectangle outside the rocket's outline.

First, hold down the CTRL key and click on the rocket layer thumbnail in the layers panel, and you'll see a rolling dotted box around the rocket, which is actually a constituency.

Now select the layer where the shadow is located and click the button that creates the layer mask at the bottom of the layers panel. This creates a cover for the current layer, covering the unselected parts.

6th step

Select the Ellipse tool and add a circle. Press CTRL + J to copy the layer, and then press CTRL + J to transform the current graphic, reducing the height and width of the graphic to 70%.

Fills the inner circle with a dim gray-blue. Then, at the bottom of the rocket, draw a small part of the rocket with rounded rectangular tools.

7th step

Let's add a plume to the rocket.

First, use the Ellipse tool to draw a red circle, then use the Direct selection tool to select the anchor point below and drag it down to lengthen the shape, and then use the conversion Point tool to make the lower part of the graphic more slender.

8th Step

Press CTRL + T, gently rotate the graphic and place it at the bottom of the rocket. Then, press CTRL + J to copy the current layer, and then select Edit--Conversion path--to flip the command horizontally. Use the Move tool to pull the newly copied plume to the left of the image, holding down the SHIFT key to keep the same height as you drag.

9th step

Use the Free Transform tool to add a third Shinu.

10th Step

Now we need to add a long projection effect to our icon. Create a black rectangle and adjust its opacity to 50%, and then rotate it 45° counterclockwise.

Use the free Transform tool to magnify the shadow as shown in the following figure.

11th Step

Move the shadow layer below the rocket layer, OK, now let's remove the shadow that appears in the left half of the rocket. Select the Add Anchor Point tool, and then add some anchor points around the rectangle.

The first anchor point you can see is on the small tip of the left plume, and the second anchor is at the upper right of the rocket.

Now we can drag the other anchor points using the direct selection tool and drag them to the bottom of the rocket to hide them.

12th Step

There is a simple way to hide shadows outside the range of icons. Select the shadow layer and then hold down the ALT key and click between the shadow layer and the backplane layer, and you can see a flag with a small box and a small arrow, yes, this is the creation of a clipping layer.

Select the shadow layer, select the Rectangle tool, and then repopulate the shadow with a gradient from black to white, setting the blending mode to multiply.

13th step

Now let's add a little bit more detail to our rockets.

Select the Ellipse tool and draw a red circle at the top of the rocket. Keep the selection of the Ellipse tool, and then select the newly created figure and the layer where the rocket arrow is located, right-click, and then select the shape to overlap to hide unwanted parts. Finally, a more bright blue to the porthole to do a little high light treatment.

Finally, the rockets around the spread of some small stars, to achieve the depth of the screen effect.

Category:

• PS Getting Started Tutorial
• PS Icon Production Tutorial