Apple iCloud Logo with Brushed Metal effect
I came across the new iCloud application from apple (which is in beta at the time of writing this tut) the Apple iCloud Logo replicates the brushed metal that permeates most, if not all apple products. I thought it would be a good excuse to show some techniques for creating brushed metal effects.
Create basic shape and add noise
First thing we do is create our basic shape for the logo, lets use the rounded corner auto shape tool to give us our shape.
Then with the shape selected we add a noise live filter, select Filters > Noise > Add Noise.
Create radial blur
To create the machined metal texture we add a radial blur to our shape with the noise filter Filters > Blur > Radial Blur..
Mask out texture
Now we have created our texture we need to mask out the shape, to do this we must create our mask template. To mask a shape we use a black, white and shades of grey image. To completely mask the image we use black, to completely show the image we use white and we use shades of grey to create levels of partial opacity.
To create the mask in this case I used the autoshape to create the black and white parts of the mask which we can use to actually mask out the radial blur. To mask the element we select the radial blur and the mask at the same time (both are highlighted in the layers panel and they will both have blue handles), we then select Modify > Mask > Group as mask.
Create the cone gradient
The texture created gives us only half the effet we are after, the other half is the radial/cone gradient to simulate the colour and shine of a metal object.
Create cloud vector
To create the cloud shape we will need to do some clever vector work. Firstly use auto shapes to build up the shape of the cloud using individual simple shapes. Once the correct outline shape has been established we must join the vectors to create a single complex shape, to do this select the vectors we wish to join and select Modify > Combine Paths > Union.
Now select the new joined shape and create a duplicate on the layer above, using the scale tool resize the vector so its smaller than the original cloud. Then selecting both cloud shapes select Modify > Combine Paths > Punch to punch out the middle of the vector.
Put it all together
Now we have all the elements we need we can put the full icon effect together.
Final Apple iCloud Logo Image