How to make glass wool on the interface of the ios9 system by using pss-pstutorial

With the increasing popularity of the ios7 style, the effects of glass wool are very likely to appear in our design. on the Internet, there are many ways to make glass wool, the ios9 recently released by Apple has also excited many Chinese people. The following small editor will introduce the interface glass effect method for the iOS 9 system produced by ps. let's take a look at it. iPhone is the benchmark for smartphones, so iOS has become the benchmark for mobile systems. in the early morning of September 17, apple released ios9, so many Chinese people are excited about the fruit powder. the following small series will share with you the tutorials on creating the screen glass effect of the ios9 system for psproduction. let's take a look!

Method/step

1. First, create a color-mode RGB file. The size follows the standard of common iOS mobile phone interfaces: 1334x750 pixels, and the resolution is set to 72.

2. drag a copy graph and use a mobile tool to pull a reference line from the ruler according to the partition in the image.

3. Ctrl + H temporarily hide the reference line and drag the clip graph directly. In Photoshop CS6, images dragged directly into the system are automatically converted to smart image formats. Keep it unraster and it will be useful in the future

4. press Ctrl + J to copy a layer of material and maintain the intelligent image mode of the layer. execute the filter-> blur-> Gaussian blur command.

5. set the Gaussian blur value to 50. you can also adjust the image effect by yourself and click "OK ".

6. this is the effect after the command is executed. pay attention to the layer. The Gaussian blur command is displayed in the layer effect. if you are not satisfied with the blur effect of the image, you can double-click the layer effect again to adjust it, this is the use of retaining intelligent layers, while General layers cannot retain the blur command layer effect.

7. press Ctrl + H to display the reference line. use the rectangular box selection tool to draw a selection area along the image edge below the reference line. Under the layers panel, select the third item on the right: add a layer mask.

8. after the command is executed, the effect has basically come out, but the color still needs to be adjusted.

Select the current layer, click the: color/saturation button in the adjustment panel, or select: Layer/new adjustment layer/color/saturation in the menu bar, and execute the command.

9. adjust the panel value: Saturation + 40, brightness + 30. you can also adjust the value based on the image requirements.

10. execute the command ~ The color of the entire layer has been changed. what should I do?

Quick table. on the layers panel, right-click the color and saturation layers and choose create clipboard mask from the shortcut menu.

11. Dangdang ~ The glass effect has come out.

12. finally, make the required icons and merge them into groups. set the effect of the layers of the Icon Group to penetration. OK. The final result will be ready.

Notes

Suitable for those who have the foundation of photoshop and art design, and who need to be promoted in uidesign

The above is a tutorial on the glass wool effect on the UI of the iOS 9 system made by ps. how is it? is it good? interested friends are coming to learn it!