Add a frosted glass effect to the view.

Source: Internet
Author: User

Add a frosted glass effect to the view.
Add frosted glass effect to view by Wu xueying

UIToolbar *toolbar = [[UIToolbar alloc] initWithFrame:barView.bounds];toolbar.autoresizingMask = UIViewAutoresizingFlexibleWidth | UIViewAutoresizingFlexibleHeight;toolbar.barStyle = UIBarStyleBlackTranslucent;[barView insertSubview:toolbar atIndex:0];




Ps glass effect ...... Come ...... Additional points for adoption

Create a new layer-fill black-filter menu-Miscellaneous-add noise-Image menu-adjust-de-color-reverse, and then go to the layer style-mixed options under the layer panel, in the pop-up layer style panel, locate the mixed color band area under the panel, and press ALT to drag half of the Black Slider of the slide bar to the white area, then you can see the image below the layer. Adjust the transparency of the layer as needed ,,

This is the effect of adding frosted glass to the entire screen. If you want to add a local image, you only need to use a mask.
Give me some extra points. I will leave a message on Baidu and give you my QQ number. If I cannot do it, I will show it to you!

After such a layer, you put any image down and see the glass effect. You can simply put the image up and let people do it.

How to Use psto make glass wool

Not so complex
Right-click the layer to add the effect and choose Copy layer (press CTRL + J)
Then right-click the copied layer and choose convert to smart object]
Add the Gaussian blur filter directly on this layer.

Not complete
Add a layer mask for this layer]
Press the ALT key and click the button below the layers Panel (the button with a circle in the rectangle)
(If you do not press the ALT key, the whitelist is added. If you press the whitelist, the mask is black)
At this time, the Blur just added is gone.

Use the rectangular selection tool to draw a small Square in the center of the mask.
Then press CTRL + I to reverse the text (you can fill the white area directly. In short, this small block is displayed)
At this time, you can see that only the square has a blur effect.
You cannot drag it to show any unused side.
Press CTRL + A and press CTRL + T to zoom in the length and width to 200%.

Now you need to remove the lock between the layer thumbnail and the layer mask thumbnail.
Click the chain button.
Then you can choose [layer mask] and use [mobile tool (V)] to move it as needed.
Fuzzy match where to move

Contact Us

The content source of this page is from Internet, which doesn't represent Alibaba Cloud's opinion; products and services mentioned on that page don't have any relationship with Alibaba Cloud. If the content of the page makes you feel confusing, please write us an email, we will handle the problem within 5 days after receiving your email.

If you find any instances of plagiarism from the community, please send an email to: info-contact@alibabacloud.com and provide relevant evidence. A staff member will contact you within 5 working days.

A Free Trial That Lets You Build Big!

Start building with 50+ products and up to 12 months usage for Elastic Compute Service

  • Sales Support

    1 on 1 presale consultation

  • After-Sales Support

    24/7 Technical Support 6 Free Tickets per Quarter Faster Response

  • Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.