Steam logo Comipo

Steam logo creation is almost the same to Android logo creation. With few differences. First: it is not enought only spheres and cyllinders. Second: you need accurate geometry, to correctly display the conjugation. You need to import existance Steam logo image to Comipo to reach geometry accuracy. You can drag&drop image directly from file manager, or add it via “User Image” tab:

Imported Steam picture in Comipo

Lay out 3D primitives (2 spheres and 2 cones), as shown on picture:

Comipo: adding sphere

Make objects white (Brightness 100%), hide it via “Visible” button. Than place 2 spheres for holes, make it black or dark blue:

Comipo: Hole spheres

Repeat previous step for inner spheres:

Comipo: inner spheres

Make all visible, add column:

Comipo: Steam column

Make column white, than add shadow. You need to duplicate bottom primitives, to make a shadow (this is shown in Android logo creation tutorial). The you need to add some blur to shadow, use “Filter”(F) button:

Comipo: Blur

Now logo looks like this:

Comipo: Steam logo with shadow

Now we add a sphere on bottom layer, as we want to get a round Steam icon. You also need to scroll sphere so the shaded part of it was on top, and light - on bottom of picture. Thus we will achieve a blue gradient later:

Comipo: Background sphere

You can begin to play with color. The color should maximally repeat the color of the original image. I got the following settings:

Comipo: Background sphere color

You can now delete the original background image, and export the resulting icon:

Comipo: Ready tutorial result

Good luck for creating logos!

Return to Comipo tutorials