Home

Design Your App Icon

Design an App Icon

Design Your App Icon

Use Keynote to create an app icon for your project.

Estimated time to complete this tutorial:

30 mins

Create your app icon.

Use the template provided in the project presentation Keynote to make your app icon.

Explore Keynote tools.

Use the following tools to make your app icon.

Add elements.

Add text, lines and shapes.

Step 1

To add text, lines or shapes, tap Shapes and choose an element.

Tip

Use the grid on the icon template in the project presentation Keynote as a guide.

Step 2

To rotate a shape, place two fingers on the element, then turn your hand as if you’re turning a dial.

Tip

Combine shapes to make your own design.

Step 3

Change the colour of a shape. Tap the shape (or multiple shapes), tap Format , then tap Fill.

Step 4

Adjust the transparency so you can see the template below. Select the element, tap Format , then slide the opacity slider to the desired transparency.

Colour the background.

Edit the colour of the rounded rectangle.

Step 1

Move the grid back, so you can change the colour of the rounded rectangle. Select the grid, tap Format , tap Arrange, and move the grid back until the rectangle is in the front.

Step 2

Change the colour of the rounded rectangle. Select the rounded rectangle, tap Format , tap Style, then tap Fill.

Step 3

Edit the colour to match your design.

Tip

To continue using the grid, move the rounded rectangle back while you work.

Combine shapes.

Combine shapes to make a new shape, then use your new shape to make an advanced gradient for the base of your icon.

Step 1

To make an advanced gradient for the base of your icon, start with a rounded rectangle and give it a colour.

Step 2

Cover the bottom half of your shape with a rectangle.

Tip

Use the rulers to help you determine the halfway point.

Step 3

Select both shapes.

Step 4

Create a new shape. Tap Format , tap Arrange, scroll down to find the Combine Shapes options, then tap Intersect .

Step 5

Duplicate your new shape. Tap the shape, tap Copy, tap anywhere on the background of the slide, then tap Paste.

Step 6

Flip the orientation. Tap one of the shapes, tap Format , tap Arrange, then tap Flip Vertically.

Step 7

Place the two halves together neatly so they make a rounded rectangle.

Step 8

Change the gradient colours. Make sure the Start Color and End Color of both shapes line up.

Separate shapes.

The Break Apart feature separates individual parts of a shape, allowing them to be selected and manipulated individually. Use this feature to colour different parts of a shape or take out sections.

Step 1

Some shapes in the Shape library are made up of multiple parts.

Step 2

To practise breaking a shape apart, select an icosahedron under Geometry in the Shapes menu and drag the edges to enlarge.

Step 3

To break the shape apart, tap the shape, tap Format , tap Arrange, then tap Break Apart.

Step 4

Select individual parts of the shape to delete, duplicate or colour.

Layer colours.

For objects you can’t break apart, you can use layers to create more complex designs.

Step 1

Add a shape with a transparent element, such as a donut.

Step 2

Edit the colour to match your design.

Step 3

Cover one or more areas with shapes and give them a colour.

Step 4

Move the original shape to the front. Tap the shape, tap Format , tap Arrange, then use the slider to move the original shape to the front.

Step 5

Continue adding layers until you’ve coloured each part of the image.