Tutorial on the effect of Photoshop background blur

Source: Internet
Author: User

In the tutorial I will show you how to create a hexagon background blur effect. We will use brushes, patterns, blending modes, and basic filters to achieve this effect.

Effect chart

Step 1

Open Photoshop, create a new document, I'm using 2560x1440 pixels, and I can use it as a wallpaper. Fills the background with a dark gray (#181818). (Figure 01)

Figure 01

Step 2

Add another layer and fill it with a dark yellow, red, and blue gradient. Use a 30 degree angle. Then change the blending mode to overlay. (Figure 02)

Figure 02

Step 3

Add a new layer, go to filter > Render > Cloud. Make sure your background and foreground colors are black and white, respectively. Then go to filter > Blur > Gaussian blur. Use the number 70 to 100, and then change the blending mode to color dodge. (Figure 03)

Figure 03

Step 4

Now let's use a brush to create a hexagon. Select the Polygon tool (U) to create a black hexagon. Then go to layer > Layer Style > Stroke. Use a size of 7 pixels, inside the shape, and then go blending options: Custom, change fill opacity to 50%.

To create a brush simply hold down the Command (MAC)/control (PC) and click on the thumbnail of the hexagonal layer, and then edit > define the Brush. Name your brushes and return to the design documentation. (Figure 04)

Figure 04

Step 5

Go to the window > brush. Choose shape dynamics with a size jitter of 40%. Other values remain unchanged. Then select Scatter, choose two-axis scatter, and the value is 700%. The last thing here is smoothing, using 40% opacity jitter, and other values remaining at 0%. (Figure 05)

Figure 05

Step 6

Add a new layer, combine this new layer, this layer will be in a folder. Change the folder blending mode to color dodge. Using the Brush tool (B), select the hexagon brush we created before, and then use White to draw hexagonal on the layer. (Figure 06)

Figure 06

Step 7

Go to filter > Blur > Gaussian blur. Use a 2.0-pixel radius. (Figure 07)

Figure by Category:

    • PS Getting Started Tutorial

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.