Easy Steps to Make a complete Siri Icon in Photoshop with Visual and Photo Assistance

Easy Steps to Make a complete Siri Icon in Photoshop with Visual and Photo Assistance, a personal assistance with voice recognition. We hope you enjoy this tutorial as well as the final outcome; happy holidays and happy New Year everyone.

Final Result

Step 1

As we have done previously in previous tutorials, we need to create our project file first and in this tut we create a new file (Ctrl+ N) with dimension of 400x300px (300dpi).

Step 2

We need a linen texture for the background which we can download it here for free. After downloading it, place the texture in the project file.
Next create a circle shape using Ellipse Tool (U) with diameter of 180px (more or less), name this shape “circle base”.

Step 3

Now we add the circle some layer styles. These styles will make the circle looks like a metal.

First, add a Gradient Overlay using Angle gradient style.

After that, add Inner Shadow style.

This is how the “circle base” is going to look like, after adding the styles above.

Step 4

To make the circle base a bit more metal realistic, we will add some other details by copying the circle layer and convert it into Smart Object. Then, add these following layer Filters:

Step 4.1: Noise Filter

Go to Filter > Noise > Add Noise menu. Set the noise value to about 10%.

Step 4.2: Radial Blur

Go to Filter > Blur > Radial Blur menu. Set the blur value to about 17 with Good quality.

Step 4.3

Now select both circle and group (Ctrl/Cmd+G) them together, then create a circular selection by holding Ctrl/Cmd key and click one of the circle layer at the same time. After that, apply layer mask in the group.

Step 4.4

Convert this group into Smart Object and add Drop Shadow.

And this is the end result would look like.

Step 5

In this step, create another circle shape that is slightly smaller than the first circle, we name this shape “circle (depth)” or name as you want. Then, add Inner Shadow on it.

Step 6

In this step we will create another circle shape (again) using Ellipse Tool (U), this circle is slightly smaller than the second one we have created before in Step 5, we name this layercircle (top) / top circle.

Step 6.1

Add some styles on this circle, like the first circle. So, in this step we repeat the same step we’ve done in Step 3-4.
And since the Gradient style that we are going to add to this circle is exactly the same as the first one, so we only do copy its style by right-click the “circle base” and select Copy Layer Styles then right-click the top circle layer and select Paste Layer Styles.

Step 6.2

Duplicate this “top circle” layer and convert it to Smart Object, by right-click on the layer and select Convert to Smart Object. We rename this layer “top circle (textures)”

Step 6.3

Then, go to menu Filter > Noise > Add Noise, give about 10% for the noise value. After that, go to menu Filter > Blur > Radial Blur, and slide to 17 for the Blur amount.

Step 6.4

(see no. 2) Select the two top circles, group (Cmd/Ctrl+G) them, hold Cmd/Ctrl key and click to one of the circle then apply layer mask on the group.

Step 6.5

Convert this group to Smart Object and add Drop Shadow on it.

This is it, let’s take a look the result for a while.

Step 7

From this step, we are going to make the Microphone.
Firstly, we create the mic handler, and since we want this icon to be resizable we will make this mic handler in custom Shape.
Add a rectangular shape in our project file and remove the vector mask from it. Set the layer Fill value 90%. This will help us to draw our microphone later. (See the screenshot below)

Step 7.1

Now go to Paths tab (this tab by default is in the right side of Channels tab), and create a new path layer, the same by creating a new layer in the Layers tab

Step 8

Select Ellipse Tool (U) in the Toolbox, then change its mode to Paths & Add to path area (+) from the Tool Options Box (see the screenshot below).
Create a circle path with a diameter of about 60px.

Step 8.1

Now change the Ellipse Tool mode to Subtract to path area (-). Create another circle the is slightly smaller than the previous one (Est. 45px diameter). Align these circles path to be centered both vertically and horizontally.

Step 8.2

In this step, select Rectangle Tool (U) in the toolbox. Keep the mode to Path and Add to path area (+) in the Tool Options Box.
Then create four rectangular paths as seen on the following screenshot.

Step 8.3

Still with the Rectangle Tool (U), now change its mode to Subtract to path area (-).
Then create another rectangle shape, place it between the two (No. 1 & 2) rectangular shapes we’ve created before. (See the screenshot)

Step 8.4

We’ve done drawing our path, and then we make this path into a custom Shape, so that we can select it through Shape library.
Go to Edit > Define Custom Shape, name the shape to mic handler and click OK. After that, we go to Tool Options Box and
make sure you have selected Custom Shape Tool (U), in the Toolbox. Our custom shape should now be in the Shape Library.

Select our custom shape, and create one.

Step 9

It’s time to add some Layer styles on it. Start by adding Inner Shadow.

And Gradient Overlay

OK, now let’s take a look the result.

Step 10

After creating the handler now it’s time to make the head. Select Rounded Rectangle Tool (U) in the Toolbox, change its mode to Shape layers in the Tool Options Box, and set its radius to 25%.
Create one, and place it above the mic handler.

Then, we add Inner Shadow on it.

Step 10.1

To add the details in the mic head, create another rounded with 25px rounded radius that is slightly smaller from the previous one.

Then let’s add some layer styles for the details.