• Have any questions?
  • contact@thecreativehagja.com
the creative hagja logothe creative hagja logothe creative hagja logothe creative hagja logo
  • Tutorials
    • Affinity Designer
    • Affinity Photo
  • History & Facts
    • Graphic Design
    • Logos
    • Typography
  • Inspiration
  • Recommendations
    • Courses
    • Products
    • Books
  • Resources
  • About
  • Contact
✕
pop out effect in affinity photo cover pic
How to Create a Pop Out Effect in Affinity Photo
December 13, 2019
file types cover image
Choosing the Right File Type to Export Your Designs
December 24, 2019

How to Create the Android Logo in Affinity Designer

android logo in affinity designer cover pic
Tweet

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.

android logo in affinity designer step 1

Step 2

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

android logo in affinity designer step 2

Step 3

Go to the Toolbar and turn the Snapping on.

android logo in affinity designer step 3

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).

android logo in affinity designer step 4

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).

android logo in affinity designer step 5

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.

android logo in affinity designer step 6

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.

android logo in affinity designer step 7

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.

android logo in affinity designer step 8 and 9

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 10 and 11

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 12

Step 13

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

step 13

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 15

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 16 and 17

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 18

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 19

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 21
step 21a

Step 22

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

step 22

Step 23

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

step 23

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 24 and 25

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 27

Step 28

Go to the Pathfinder Panel and select Subtract.

step 28

Step 29

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

step 29

Step 30

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

step 30

Step 31

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

step 31

Step 32

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

step 32

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 33 and 34

Step 35

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

step 35

Step 36

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

step 36

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.

Share
The Creative Hagja
The Creative Hagja

Related posts

travel app design
November 14, 2022

How to Create a Travel App in Affinity Designer


Read more

2 Comments

  1. Chloe says:
    March 18, 2021 at 4:16 am

    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!

    Reply
    • The Creative Hagja says:
      March 19, 2021 at 10:15 am

      Thank you so much! I’m glad you enjoyed the article, and thank you for sharing it!

      Reply

Leave a Reply Cancel reply

Your email address will not be published. Required fields are marked *

14 + 15 =

Newsletter

Pages

  • About
  • Affiliate Disclaimer
  • Contact
  • Home
  • Privacy Policy
  • Resources
  • Terms of Use

Privacy Policy | Terms of Use| Affiliate Disclaimer

© 2023 The Creative Hagja. All Rights Reserved.