
How to Create a Pop Out Effect in Affinity Photo
December 13, 2019
Choosing the Right File Type to Export Your Designs
December 24, 2019How to Create the Android Logo in Affinity Designer

In today’s tutorial, we will create the Android logo in Affinity Designer. The Android logo is created from two basic shapes: rectangle and circle. See my other article to learn about other features of Affinity Designer and to see some of the things you can make with this program.
Step 1
First, go to File > New to create a new document. Give the document the following properties.

Step 2
Next, go to View and select Show Rulers (CTRL + R for the shortcut) to turn the rulers on.

Step 3
Go to the Toolbar and turn the Snapping on.

Step 4
Now, go to the ruler at the top and drag a guide down (the cursor should turn to up and down arrows) in the center of the document (place the guide at 540px).

Step 5
Go to the ruler on the left side and drag a guide to the right (the cursor should turn to left and right arrows) in the center of the document (place the guide at 950px).

Step 6
Go to the Tools Panel and grab the Rectangle Tool (Press M for the shortcut). Hold CTRL + Shift and draw a rectangle in the center of the guides. Give the rectangle the following Fill color Hex Code: #3DDC84.

Step 7
Grab the Rectangle Tool again. Draw a rectangle on the left side of the original rectangle. Make sure the top of both rectangles line up with each other.

Step 8
Select the rectangle you just created. Go to the Context Toolbar and set the Corner to Rounded.
Step 9
Set the corner percentage to 50%. The rectangle will now change to a rounded rectangle.

Step 10
With the rounded rectangle still selected, press CTRL + J (or right-click and select Duplicate) to duplicate it.
Step 11
Hold Shift and drag the duplicated rectangle to the other side of the bigger rectangle.

Step 12
Select the bigger rectangle. Go to the Tools Panel and select the Corner Tool. Select the bottom left node. Then, hold Shift to select the bottom right node.

Step 13
In the Context Toolbar, set the Radius of the two corners to 55px.

Step 14
Grab the Move Tool. Select one of the rounded rectangles (it doesn’t matter which one). Press CTRL + J to duplicate it (or right-click on it and select Duplicate).
Step 15
Place the duplicated rectangle on the left part of the big rectangle.

Step 16
With the rounded rectangle selected (the one that’s the leg), press CTRL + J (or right-click and select Duplicate) to duplicate it.
Step 17
Hold Shift and drag the duplicated rectangle to the right side.

Step 18
Grab the Ellipse tool from the Tools Panel. Hold CTRL + Shift to draw an ellipse. Make it the same size as the big rectangle.

Step 19
Grab the Rectangle Tool and draw a rectangle halfway through the ellipse. Make sure the bottom part of the rectangle goes past the ellipse.

Step 20
Select both the rectangle and the ellipse (hold Shift to select the ellipse).
Step 21
Go to the Pathfinder Panel and select Subtract.


Step 22
Place the shape overtop the big rectangle. Leave space between the two shapes.

Step 23
Select the Ellipse tool. Hold CTRL + Shift to draw an ellipse on top of the half ellipse shape.

Step 24
With the ellipse still selected, press CTRL + J (or right-click and select Duplicate) to make a duplicate of it.
Step 25
Grab the Move tool. Hold Shift and drag the duplicated ellipse to the right side (you can change the color of the ellipses if you want so that you can see them).

Step 26
Select the curve shape. Press CTRL + J to duplicate it.
Step 27
With the duplicated shape selected, go to the Layers Panel. Hold CTRL and select both ellipses too.

Step 28
Go to the Pathfinder Panel and select Subtract.

Step 29
Go to the Layers Panel and delete the original half ellipse.

Step 30
Go to the Tools Panel and select the Rectangle tool. Make a skinny horizontal rectangle.

Step 31
Grab the Move Tool. Select the skinny rectangle. Hold Shift and rotate the rectangle 45 degrees.

Step 32
Place the rectangle on top of the droid’s head.

Step 33
With the skinny rectangle selected, press CTRL + J to duplicate it (or right-click on it and select Duplicate).
Step 34
Go to the Rotation Panel and select Flip Horizontal.

Step 35
Hold Shift and drag the duplicated rectangle to the right side.

Step 36
To get rid of the guides, go to View and uncheck Show Guides (or press CTRL + ; for the shortcut).

Congratulations! This tutorial is complete! You’ve created the Android logo in Affinity Designer. If you liked this tutorial, check out more Affinity Designer tutorials. Plus, check out some other features of Affinity Designer.
2 Comments
Hello! This post could not be written any better! Reading this post reminds me of my
previous room mate! He always kept chatting about this.
I will forward this page to him. Pretty sure
he will have a good read. Many thanks for sharing!
Thank you so much! I’m glad you enjoyed the article, and thank you for sharing it!