Photoshop icon Making tutorial: Creating Fuji X100 Camera icon

There's a lot of fun in making icons. Simple icons are relatively easy to create, but more realistic icons are more challenging. In today's tutorial, we will demonstrate in detail how to create a Fuji X100 camera icon in Photoshop. This translation course is a bit long, but it's definitely worth watching.

Final Effect Chart preview

Figure 00

Tutorials Related Resources

Figure 01

2. Leather Material Design Tutorial

Figure 02

First step

Create a new image in Photoshop with the resolution set to 1024x1024 pixels.

Figure 03

Second Step

Then place the camera image as a reference and start tracking the metal portion of the bottom with the pen tool (P).

Figure 04

Third Step

Load the metal layer and hold down the CTRL key with the mouse click to select the metal layer of the layers panel, add the following gradient style adjustment layer, and then convert to the Smart object's gradient layer and add some noise: Filter > Noise > Add Noise.

Figure 05

Fourth Step

Add a color adjustment layer and select Black. Then use the Brush tool (B) to draw to the layer mask and use a soft brush to create a metal shadow similar to the following. Reduce the opacity of the brush to achieve better results. Set to the clipping mask layer.

Figure 06

2 making camera upper metal and viewfinder

Fifth Step

For the upper part of the metal the procedure is the same as the bottom (step 3-4), but the gradient adjustment layer is not used this time. Use a color adjustment layer instead. This is because metal reflection is a bit complicated.

Figure 07

Sixth step

Create the above metal reflection effect, select the Pen tool (P) and track a white basic shape. Convert to Smart object and add Gaussian blur filter in menu: Filter > Blur > Gaussian blur. You must repeat this process for other reflection effects. As you can see I've added the left part to reflect a little shadow layer style. Reduce the opacity of the layer as much as possible.

Figure 08

Seventh Step

The viewfinder is made up of two main parts. We'll start with an external part. Use the Rounded Rectangle shape tool (U) to draw a dark gray rectangle below and add the following style.

Figure 09

Figure 10

Eighth step

Now draw a dark gray rectangle with the Rectangle shape tool and add a close-range inner shadow layer style. Repeat the rectangle, and this time set a higher distance value. Use the picture below as a reference.

Figure 11

3 Making viewfinder flare effect

Nineth Step

Draw a dark blue shape with an oval-shaped tool and add the following style.

Figure 12

Figure 13

Tenth step

Create another shape with the same tool, but use white, and add the following style.

Figure 14

Figure 15

11th Step

In radial mode and follow the gradient settings below add a gradient adjustment tool to create a glass reflective effect. Use a layer mask to limit the reflection effect.

Figure 16

[1] [2] [3] [4] [5] Next page