Zeta-Puppis.com

Yesterday I had to design a new logo for a prod­uct that’s going to be launched on the market by a friend of mine. Since it was a VoIP-related ser­vice, I thought that the logo could include some­thing like a phone receiver.
I can’t show you the logo itself, since the prod­uct hasn’t yet been launched, so let see this post like an inkscape tuto­r­ial where I explain how to design a phone receiver. Maybe, when the prod­uct will be ready, I’ll made an entire tuto­r­ial about the logo design.

The first thing we need is an image that we’ll use as model. I used the image you can see on the right.

Note that’s a PNG with an alpha chan­nel, so Inter­net Explorer users could have prob­lems to see it. It’s not impor­tant, by the way, to have a per­fect shaped model.
So, open inkscape, create a 400x400px doc­u­ment (File->Document Preferences->Custom Canvas) and then import the model (File->Import…).

After this, create a rec­tan­gle (press F4 or click on the rec­tan­gle icon) that has, more or less, the same size of the image and put it under the model (if it goes over, press PgDown to put it down).

Create another rec­tan­gle and cross it with the other rec­tan­gle in this way:

Then select both the rec­tan­gles and press Ctrl + - or click on Path->Difference. In this way you should get some­thing like this:

Now, by keep­ing selected the result­ing rec­tan­gle, edit it as a path by using the path trans­former tools (press F2 or click on the icon on the tool­bar).
Select the upper and bottom left cor­ners (hold shift pressed to select both), then add three new nodes by click­ing twice on . Then select the inter­nal nodes (the nodes that should stay with­ing the phone receiver) and add a new node. You should get some­thing like this:

Now select all the left-​side nodes and make selected nodes smooth by click­ing on the right icon ). Then move the nodes near the model shape to have some­thing that has more or less the same shape. In the end, you should have this:

Now move the model away (keep it near the shape you cre­ated now to use it as a ref­er­ence). Now, make smooth all the remain­ing nodes and try to model them using the lines that appear when you select them in order to have some­thing like this:

A tip: for the inter­nal nodes, keep that lines really shorter in order to have just a rounded corner. If you need more pre­ci­sion, add new nodes where you think you need them (I added other two nodes on the top and on the bottom of the phone receiver).

So now remove the model and you’ll have your phone receiver ready to be used!