iOS 7 Photos Icon in Pixelmator

iOS 7 Photos Icon  pgr

Apple released new mobile operating system iOS 7. I like the look and feel of new iOS icons a lot and I think it would be super easy to create them in Pixelmator. So in this case I decided to create a Photos icon, which I made with the newest Pixelmator version. Hope you’ll enjoy it!

 

Step 1

At first open Pixelmator file, I’m using 800×800 pixels for the size, then open an Icon Grid System photo .

1

Step 2

With the Pen Tool make a shape, like I created in the image below, use 172 pixels for the stroke and fill it with a  light green colour, which code is #cdeb3c. Change layer’s Blending to Multiple and reduce the Opacity to 85%.

2

Step 3

Duplicate Green Shape, change this layer’s colour to #6b9edc. Go to Edit > Transform and set shape’s angle to 90°. Change the Opacity to 94% and move it like I showed in the image below.

3

Step 4

Duplicate Green Shape and move it opposite this layer, change the colour to #ed4c95 and reduce the Opacity to 83%.

4

Step 5

Now, duplicate Blue Layer and move it opposite, like you did in the last step, change layer’s colour to #f6b135 and reduce the Opacity to 92%.

5

Step 6

Duplicate Pink Layer or whatever you want, that doesn’t make any difference, then go to Edit > Transform and set the angle to 45°, move layer next to pink and change layer’s colour to #ff2600, after this reduce the Opacity to 70%.

6

Step 7

Duplicate Red Layer, go to Edit > Transform and set the angle to 90°, move it like I showed, then change the colour to #eae701 and set the Opacity to 100%.

7

Step 8

Duplicate Red Layer again and put it opposite, then change the colour to #5cce3d, reduce the Opacity to 83% and move it.

8

Step 9

Last step! Duplicate Yellow Layer, then change the colour to #ab77de, set the Opacity to 100% and move it, like I showed in the image below.

9

Final Result:

iOS 7 Photos Icon  pgr

Advertisements