In this example, we add a layer of glass plate special effects to the picture. The steps are actually very simple. Generally speaking, we just adjust the layer style parameters. The green heart in the picture indicates the part that needs to be adjusted.
1: Use Photoshop to open a picture you like. We choose the Apple logo.
Click the shape button on the left toolbar, as shown in the figure.
2: The upper status bar is set as follows.
The three shapes on the left represent path + fill, path, and fill respectively. We only use fill, and choose a rounded rectangle with a radius of 4. The larger the radius, the greater the rounded arc. It can also be made into a right-angled rectangle without rounded corners. Personally, I feel that a little curvature is more natural.
3: Open a transparent layer, select white as the foreground color, and drag out a rounded rectangle (actually any color will do, because this color needs to become transparent, but it involves the foreground color gradient behind, so here it is Use white).
4: Adjust the fill attribute of the rectangle layer to 0%. At this time, the rectangle cannot be seen (adjusting the opacity above will make the style transparent, and the fill will only affect the basic fill color).
5: Double-click the already transparent rectangle layer, and a selection box for adjusting the style pops up. There are 12 changeable style parts. We only need four of them. See the hook part. I took screenshots of the settings separately (first Adjust the projection first. You can set it like mine, or you can adjust it to be darker or lighter. You don’t have to worry about the quality.)
6: Adjust the inner glow (in fact, you can also just stroke the white edge of the glass, but I think the edge is too thin, so here we use an inner glow to achieve the stroke effect first, and the stroke option is used for highlights).
7: Make gradient overlay to achieve the reflective effect of the glass panel (here we use a transparent gradient on both sides with white in the middle, see the picture below if you don’t know how to set it).
8: Double-click the gradient bar and select the second look (this look is the transition from the foreground color to transparent, because we used a white foreground color before, so here it is white to transparent).
9: After selecting, the gradient editor appears. Click the mouse in the middle of the gradient bar, and a black color mark similar to the one in the green box on the left will appear. Of course, the color shown below is white. After selecting the one in the leftmost green box The black color scale adjusts the transparency to 0%, and the color scale becomes white (so we know that the black color scale represents fully opaque, and the white color scale represents transparency).
10: The setting will look like this: ok, OK (don’t forget to complete step 7, and adjust the overall transparency after setting the gradient).
11: Make the last style adjustment, stroke, and set it as follows (the stroke here also needs to use the transparent gradient with white in the middle and both sides just made. The purpose is to achieve the highlight of the edge. Lazy comrades can not use inner glow, just directly Draw a 1-pixel white border here, and then adjust the transparency. That works, but the glass feels too thin. Anyway, I prefer this slightly more troublesome method).
12: After adjusting all four options, click OK to complete. If you only make the glass panel this step, it will be ok and you can save it as a transparent png. If it is to remain motionless on a background, we can also create a refraction effect on the background, such as the picture below.
13: Select the background layer (the rectangular layer you just edited), drag a selection box as big as glass on the background layer, select Image – Adjustments – Hue/Saturation, and increase the saturation a little higher, such as +20 .The brightness can also be adjusted appropriately, because the background color reflected from under the glass will always be slightly brighter and brighter than the original color. Don't adjust the contrast too much, as it will be unnatural.
14: I raised the saturation a little bit, and this is what it looks like in the end. It basically still looks like glass, right?
Summary: In fact, the parameters in the style are not absolutely unchangeable. You can adjust where the light is reflected, the angle of the reflection, the clarity of the reflected white, etc., because the picture will change when you adjust it, and you can see the effect yourself. , don’t blindly imitate all the parameters given and see how they look after adjusting them. Carefully observe how the picture changes every time you adjust it, only then will you understand the principle.