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