banner



How To Make Hexagons In Photoshop

In 2008 I came upwards with a technique using the Brush Tool in Photoshop to create a digital bokeh upshot. Then I mixed it with some slope colors blended all together. The effect has become quite popular so I decided to upgrade a footling bit the issue.

Then in this tutorial I volition prove you how to create a digital bokeh issue with hexagons. Nosotros will use the brush engine, patterns, blend modes and bones filters to achieve this effect.

Step 1

Open up Photoshop and create a new certificate, I'chiliad using 2560x1440 pixels so I can utilize it as wallpaper. Make full the background layer with a very dark grey (#181818).

Hexagon Bokeh Effect in Photoshop

Pace 2

Add another layer and fill it with a gradient using dark yellow, red and blue for the colors. Use 30º for the angle. After that change the Blend Way to Overlay.

Hexagon Bokeh Effect in Photoshop

Step iii

Add a new layer and become to Filter>Render>Clouds. Make sure you have black and white for the background and foreground colors. After that go to Filter>Blur>Gaussian Blur. Use 70 to 100 for the Amount, so alter the Blend Style to Colour Dodge.

Hexagon Bokeh Effect in Photoshop

Pace four

Now let's create a hexagon shape to use as castor. Select the Polygon Tool (U) and create an hexagon with black. After that go to Layer>Layer Styles>Strokes. Utilize vii pixels for the Size and Inside for the Position. Afterward that go to Blending Options: Custom and change the Fill Opacity to 50%.

To create the brush but select the hexagon by holding Control(mac)/Control(pc) and clicking on the pollex of the layer, and then go to Edit>Ascertain Brush. Name your brush and become back to the document with the design.

Hexagon Bokeh Effect in Photoshop

Step five

Go to Windown>Brushes. Select Shape Dynamics and employ 40% for the Jitter. Go along the other values the same. So select Scattering, select Both Axes for the Scatter and use 700% for the value. The final thing hither is Transfer. Use 40% for the Opacity Jitter and continue the other values with 0%.

Hexagon Bokeh Effect in Photoshop

Step 6

Add a new layer and grouping this new layer, it will be within a folder. Change the Blend Way of the binder to Colour Dodge. With the Castor Tool (B), select the hexagons brush nosotros created in the previous step, so using white paint the layer with some hexagons.

Hexagon Bokeh Effect in Photoshop

Footstep seven

Become to Filter>Blur>Gaussian Mistiness. Use 2.0 pixels for the Radius.

Hexagon Bokeh Effect in Photoshop

Step 8

Duplicate the layer and and so go to Filter>Blur>Gaussian Mistiness over again, this time however apply 5 pixels for the Radius. Modify the Make full Opacity to 60%. Also with the Eraser Tool(E) delete some areas that might get likewise bright.

Hexagon Bokeh Effect in Photoshop

Step ix

Select the folder in the Layer Palette and go to Layer>Add together Layer Mask>Reveal All. Select the layer mask pollex and get to Filter>Render>Clouds. Later on that get to Filter>Blur>Gaussian Blur. Use 20 pixels for the Radius. Applying the clouds fliter with the mask will hide some areas based on the clouds colors.

Hexagon Bokeh Effect in Photoshop

Step x

Add together a new layer on height of the others and the select the Paint Saucepan Tool (1000), change the blazon to Blueprint and select a stripped pattern, the one I used yous tin can download it hither. After that rotate it 30º. You will have to duplicate the layer and move information technology the new copy to fill the whole screen. Select both layers and become to Layer>Merge Layers.

Change the Blend Mode to Overlay and once more add a layer mask and apply the clouds filter with blur in the layer mask every bit we did in the previous stride.

Hexagon Bokeh Effect in Photoshop

Step 11

Add a new layer so grouping this new layer into a folder. Modify the Blend Mode of the folder to Color Contrivance and then select the Brush Tool (B). With a rounded and very soft brush; utilise white for the color and pigment some calorie-free flares.

Hexagon Bokeh Effect in Photoshop

Stride 12

Add a new layer still within this folder. Get the Slope Tool (G) and then click on the gradient to open the Gradient Editor. Alter the Type to Dissonance, the Roughness to 100% and select both Options: Restric Colors and Add Transparency. Fill up the layer using this gradient but using an Angle Gradient type.

Hexagon Bokeh Effect in Photoshop

Footstep thirteen

With the layer with the Angle slope selected get to Filter>Mistiness>Gaussian Blur. Use 10 pixels for the Radius. After that with the brush tool, add together another calorie-free spot exactly in the center of the bending gradient.

Hexagon Bokeh Effect in Photoshop

Step 14

Add a layer on top of the others, then fill up this layer with black. with the Eraser Tool(E) and a big soft and rounded castor, delete the heart a few times until you have created a vignette consequence. The idea here is to darken the edges of the design.

Hexagon Bokeh Effect in Photoshop

Step fifteen

Select all layers and duplicate them, after that, with all duplicated layers selected get to Layer>Merge Layers. The side by side matter to do is to become to Filter>Mistiness>Gaussian Blur. Use fifteen pixels for the Radius .

Hexagon Bokeh Effect in Photoshop

Step sixteen

Duplicate this blurry layer so you will have two layers. For the commencement ane alter the Blend Mode to Overlay and the Opacity to xl%. For the second one, the 1 that will exist on height of the others, use Screen for the Blend Manner and thirty% for the Opacity.

Hexagon Bokeh Effect in Photoshop

Decision

This is a very simple effect to create in Photoshop, and equally you can come across nosotros didn't utilise any special plugin or stock photos, we just used basic filters, the brush engine and some blend modes. There are lots of things we can create in Photoshop and these types of abstract effects are my favorite. At present information technology'southward up to you to come up with your own!

Hexagon Bokeh Effect in Photoshop
Click on the paradigm for total preview.

Download the Photoshop File

Download source file

Source: https://abduzeedo.com/index.php/hexagon-bokeh-effect-photoshop

Posted by: schultzhenceld68.blogspot.com

0 Response to "How To Make Hexagons In Photoshop"

Post a Comment

Iklan Atas Artikel

Iklan Tengah Artikel 1

Iklan Tengah Artikel 2

Iklan Bawah Artikel