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