Use Photoshop to design product background technology light Point shading

This PS build technology Light Point Shading Tutorial personally feel is a very good primer tutorial, difficult, suitable for just beginning to learn PS friends to learn. Recommended to fly with friends to share their studies.

Let's take a look at the final effect chart:

TIPS: Note that this article is about making the background texture behind the ring, not the ring!

1th Step

First dye the background color black. Then create a new layer and fill it with neutral gray by selecting 50% Gray in the Edit > Fill.

2nd Step

Re-set the foreground color to black, go to the Filter gallery, select a halftone pattern, and set the following to create a row of slightly blurry black and white dots.

3rd Step

The black and white dots obtained by the above filters are somewhat blurred and can be adjusted by color bands. In the Color Order dialog box, the distance between the input level slider increases the contrast, the blur disappears, and the point becomes round and good.

4th step

Create a new layer underneath the layer at this point and still fill it with neutral gray. Then click on the point layer to activate it, go to the channel panel, hold down CTRL, click on the RGB channel thumbnail, and load the white point into the selection.

5th step

Go to the Layers panel and press DELETE directly to remove the white dots, and the gray dots below will appear. Then cancel the selection.

6th step to increase the depth of the point, in the point layer of the layer style to apply a bevel and emboss, the parameters are set as follows. Click OK to merge this and the following gray layer. The next step in step 7th is to create a slightly raised desktop view of the dot pattern, which can be achieved by free transformation. To ensure

6th step

To increase the depth of the point, apply a bevel and emboss to the layer style of the point layer, and the parameters are set as follows. Click OK to merge this and the following gray layer.

7th step

The next step is to create a slightly raised desktop view of the dot pattern, which can be achieved by free transformation. To ensure that only perspective is applied, hold down CTRL to grab the top right corner, drag straight down, the upper left corner is the same, and finally press ENTER to apply perspective.

8th Step

To add a layer mask to this layer, first apply a vertical gradient to create a smooth fade effect, and then hide the pixels on both sides of the horizontal direction, as shown.

9th step

Reduce the opacity of the image to 50%. You can use the hue/saturation panel coloring to add color to this dot, Gray is also a good choice.

10th Step

Place the element you want to display and position it in the middle. Copy it once and fill it black, because we're going to use this layer to make a projection of it.

11th Step

The duplicate layer is freely transformed and placed on the dot.

12th Step

Apply a 9 pixel Gaussian blur to change the shadow opacity to around 50%, so you can see some grids.

Note : More wonderful tutorials Please pay attention to the triple Photoshop tutorial section, triple PS group: 182958314 welcome you to join

Category:

• PS Image Processing