quinta-feira , outubro 19 2017
Home / Noticias / How to Create a Rock Blast Effect Action in Adobe Photoshop

How to Create a Rock Blast Effect Action in Adobe Photoshop

Final product image
What You'll Be Creating

In this tutorial you will learn how to turn your ordinary photos into energetic, rock blast photos. I will try to explain everything in so much detail that everyone can do it, even those who have just opened Photoshop for the first time.

The effect shown above is the one I will show you how to create here in this tutorial. If you would like to create the effects shown below, a rock blast with rain and rain splashes, and just using a single click, then check out my  Dark Knight Photoshop Action.

Action final results

What You'll Need

To recreate the design above, you will need the following photo:

1. Let's Get Started

First, open the photo that you want to work with. To open your photo, go to File > Open, choose your photo, and click Open. Now, before we get started, just check a couple of things:

  1. Your photo should be in RGB Color mode, 8 Bits/Channel. To check this, go to Image > Mode.
  2. For best results, your photo size should be 1500–3500 px wide/high. To check this, go to Image > Image Size.
  3. Your photo should be the Background layer. If it is not, go to Layer > New > Background from Layer.
Checking image size and mode

2. How to Create the Background

Step 1

In this section, we are going to create the background that will replace the original one. Go to Layer > New Fill Layer > Solid Color to create a new solid color fill layer, name it Background Color, and set the color to #262626 as shown below:

Creating a solid color fill layer named Background Color

Step 2

Now we need to add some texture to the background. Go to Layer > New > Layer to create a new layer and name it Background_Texture_1.

Creating a new layer named Background_Texture_1

Step 3

Press D on your keyboard to reset the swatches and go to Filter > Render > Clouds.

Adding filter render clouds to Background_Texture_1 layer

Step 4

Now press Control-T on your keyboard and set Width and Height of the layer to 150% as shown below:

Transforming the Background_Texture_1 layer

Step 5

Change this layer blending mode to Overlay, and set its Opacity to 25%.

Changing blending mode and opacity of the Background_Texture_1 layer

Step 6

Now go to Layer > New > Layer to create a new layer and name it Background_Texture_2. Then press D on your keyboard to reset the swatches and go to Filter > Render > Clouds. After that, press Control-T on your keyboard and set the Width and Height of the layer to 150% as shown below:

Creating a new layer named the Background_Texture_2 adding filter render clouds and transforming the layer

Step 7

Change this layer blending mode to Hard Light, set its Opacity to 50%, and drag it just below the Background_Texture_1 layer in the Layers panel.

Changing blending mode and opacity of the Background_Texture_2 layer

Step 8

Now, while the Background_Texture_2 layer is selected, Control-click on the Background_Texture_1 layer to select both layers together. Go to Layer > New > Group from Layers to create a group from the selected layers, and name it Background Textures.

Creating a group from selected layers named Background Textures

Step 9

Set the Opacity of this group to 59%.

Changing opacity of the Background Textures group

3. How to Cut the Subject From the Background

Step 1

In this section, we are going to select the subject and cut it from its original background. Select the Background layer and hide all other layers except this one. Then go to Select > Color Range and, using the Eyedropper Tool, click anywhere over the yellow background of the photo and set the Fuzziness to 100 as shown below:

Making a selection of the subject using color range

Step 2

Now press Control-Shift-I on your keyboard to inverse the selection, Right-click on the currently selected layer and choose Duplicate Layer to duplicate it. Then drag this new layer to the top of the Layers panel, go to Layer > Layer Mask > Hide Selection, name it Subject, and show all layers.

Creating the new layer using selection named Subject

Step 3

Alt-click on the currently selected layer mask to open mask view, choose the Brush Tool (B), pick a soft brush, and brush where needed so the subject area is completely white and the background area is completely black. After you've finished, Alt-click on this layer mask again to close mask view.

Refining layer mask of the Subject layer

Step 4

Now Right-click on the currently selected layer mask and choose Apply Layer Mask.

Applying layer mask of the Subject layer

4. How to Adjust Subject Lighting and Contrast

Step 1

In this section, we are going to work on subject lighting and contrast. Press Control-J on your keyboard to duplicate the Subject layer, go to Filter > Other > High Pass, and set the Radius to 20 px as shown below:

Adding filter other high pass to the Subject copy layer

Step 2

Now press Control-Shift-U on your keyboard to desaturate this layer, change its blending mode to Overlay, set its Opacity to 87%, and name it Subject Contrast.

Changing blending mode and opacity of the Subject Contrast layer

Step 3

Select the Subject layer, press Control-J on your keyboard to duplicate it, and drag this new layer to the top of the Layers panel. Then go to Filter > Other > High Pass and set the Radius to 30 px as shown below:

Adding filter other high pass to the Subject copy layer

Step 4

Now press Control-Shift-U on your keyboard to desaturate this layer, change its blending mode to Screen, set its Opacity to 82%, and name it Subject Highlights.

Changing blending mode and opacity of the Subject Highlights layer

Step 5

While this layer is selected, go to Image > Auto Tone and then Image > Auto Contrast to apply some automatic adjustments to this layer. Then Right-click on this layer, choose Blending Options, and use the settings below:

Changing blending options of the Subject Highlights layer

5. How to Create Rocks

Step 1

In this section, we are going to create rocks that we are going to disperse in the next section. Select the Subject layer, press Control-J to duplicate it, and drag this new layer to the top of the Layers panel. Then hide all other layers except this one, go to Filter > Pixelate > Crystallize, and set Cell Size to 30 as shown below:

Adding filter pixelate crystallize to the Subject copy layer

Step 2

Now press Control-Shift-U to desaturate this layer, and go to Image > Auto tone and Image > Auto Contrast to apply some automatic adjustments to it. Then go to Select > Color Range and, using the Eyedropper Tool, click anywhere over your subject to make a selection of parts with the selected tonal range and set Fuzziness to 5. Then go to Select > Select and Mask and use the settings below:

Making a selection using color range and refining it

Step 3

Select the Subject layer and press Control-J on your keyboard to create a new layer using a selection. As this is the first rocks layer we have created, name it R_1.

Creating new layer using selection named R_1

Step 4

Now we are going to create more rocks layers, so we are just going to repeat the same process. Select the Subject copy layer again, and go to Select > Color Range. Using the Eyedropper Tool, click anywhere over your subject to make a selection of parts with the selected tonal range, and set Fuzziness to 5. Then go to Select > Select and Mask and use the settings below:

Making a selection using color range and refining it

Step 5

Select the Subject layer and press Control-J on your keyboard to create a new layer using a selection and name it R_2.

Creating new layer using selection named R_2

Step 6

Now you can repeat this same process as many times you want, depending on how many rocks layers you want to create. I have repeated this process 13 times more, so I have 15 rocks layers in total. For some parts I was changing Shift Edge settings to 50%, but feel free to change any Select and Mask and Color Range settings as well.

Creating more rocks layers

Step 7

Right-click on the Subject copy layer and choose Delete Layer. Then select the R_1 layer and Shift-click on your last rocks layer (in my case this is the R_15 layer) to select all rocks layers. Then go to Layer > New > Group from Layers to create a new group from the selected layers, and name it Rocks.

Creating a group from selected layers named rocks

Step 8

Now select the Subject layer, press Control-J on your keyboard to duplicate it, and then drag this new layer to the top of the Layers panel. Show this layer, go to Filter > Pixelate > Crystallize, and set Cell Size to 50 as shown below:

Adding filter pixelate crystallize to the Subject copy layer

Step 9

Now press Control-Shift-U to desaturate this layer, and go to Image > Auto tone and Image > Auto Contrast to apply some automatic adjustments to it. Then go to Select > Color Range and, using the Eyedropper Tool, click anywhere over your subject to make a selection of parts with the selected tonal range, and set Fuzziness to 5. Then go to Select > Select and Mask and use the settings below:

Making a selection using color range and refining it

Step 10

Now select the Subject layer and press Control-J on your keyboard to create a new layer using a selection. As this is the first large rocks layer we have created, name it LR_1.

Creating new layer using selection named LR_1

Step 11

You can repeat this same process as many times you want, depending on how many large rocks layers you want to create. I have repeated this process 13 times, so I have 14 rocks layers in total. For some parts I was changing Shift Edge settings to 50%, but feel free to change any Select and Mask and Color Range settings as well.

Creating more large rocks layers

Step 12

Now Right-click on the Subject copy layer and choose Delete Layer. Then select the LR_1 layer and Shift-click on your last large rocks layer (in my case this is the LR_14 layer) to select all large rocks layers. Then go to Layer > New > Group from Layers to create a new group from the selected layers and name it Large Rocks.

Creating a group from selected layers named Large Rocks

Step 13

Select the Subject layer, Control-J on your keyboard to duplicate it, and drag this new layer to the top of the Layers panel. Show this layer, go to Filter > Pixelate > Crystallize, and set Cell Size to 80 as shown below:

Adding filter pixelate crystallize to the Subject copy layer

Step 14

Now press Control-Shift-U to desaturate this layer, and go to Image > Auto tone and Image > Auto Contrast to apply some automatic adjustments to it. Then go to Select > Color Range and, using the Eyedropper Tool, click anywhere over your subject to make a selection of parts with the selected tonal range, and set Fuzziness to 5. Then go to Select > Select and Mask and use the settings below:

Making a selection using color range and refining it

Step 15

Select the Subject layer and press Control-J on your keyboard to create a new layer using a selection. As this is the first very large rocks layer we have created, name it VLR_1.

Creating new layer using selection named VLR_1

Step 16

You can repeat this same process as many times you want, depending on how many very large rocks layers you want to create. I have repeated this process 9 times, so I have 10 rocks layers in total. For some parts, I was changing Shift Edge settings to 50%, but feel free to change any Select and Mask and Color Range settings as well.

Creating more very large rocks layers

Step 17

Right-click on the Subject copy layer and choose Delete Layer. Then select the VLR_1 layer and Shift-click on your last rocks layer (in my case this is the VLR_10 layer) to select all very large rocks layers. Then go to Layer > New > Group from Layers to create a new group from the selected layers and name it Very Large Rocks.

Creating a group from selected layers named Very Large Rocks

Step 18

Now, to make this part look more like rocks, Right-click on the R_1 layer, choose Blending options, check Bevel & Emboss, and use the settings below:

Changing blending options of the R_1 layer

Step 19

Go to Layer > Layer Style > Copy Layer Style to copy this layer style, and then select each of the rocks layer and go to Layer > Layer Style > Paste Layer Style to paste this layer style to every rocks layer. Feel free to use the Control and Shift buttons to make multiple selections and paste this style to more rocks layers at once.

Changing blending options of other rocks layers by copying and pasting layer style

Step 20

Now Right-click on the each of rocks layers and choose Rasterize Layer Style. Feel free to use Control and Shift buttons to make multiple selections and rasterize the layer style of more rocks layers at once.

Rasterizing layer style of the rocks layers

Step 21

Select each of the rocks layers and press Control-Shift-U to desaturate it. Then show all layers again.

Desaturating rocks layers and showing all layers

6. How to Disperse Rocks

Step 1

In this section, we are going to disperse rocks that we have created. Select the R_1 layer, press Control-T on your keyboard, and change Width and Height to 114% as shown below:

Transforming the R_1 layer

Step 2

Now you can repeat this method to transform as many rocks layers as you want. Feel free to use different transforming values. Here is my result:

Transforming more rocks layers

Step 3

To add some depth to the effect, we are going to blur some of the rocks layers. Select one of the rocks layers and go to Filter > Blur > Gaussian Blur, and set the Radius to 5 px as shown below:

Adding filter gaussian blur to LR_5

Step 4

You can repeat this method to blur as many rocks layers as you want. Feel free to use different gaussian blur settings. Here is my result:

Adding filter gaussian blur to more rocks layers

Step 5

Now we are going to make some final changes to the rocks by moving some of them, removing unnecessary rocks, and duplicating some of the layers to create more rocks.

  • If you would like to move some rocks, select that rocks layer, choose the Move Tool (V), and click and drag anywhere inside the canvas to position them as you like.
  • If there are some rocks you would like to remove, select that rocks layer and go to Layer > Layer Mask > Reveal All to add a blank layer mask to this layer. Then while the layer mask is selected, choose the Brush Tool (B), pick a soft brush, set the foreground color to #000000, and brush over the rocks you want to remove.
  • If you would like to transform some rocks, select that rocks layer, press Control-T on your keyboard, and change the Width and Height to transform them as you like.
  • If you would like to blur some rocks, select that rocks layer, go to Filter > Blur > Gaussian Blur, and set the Radius as you like.

Here is my result:

Making final changes to the rocks layers

Step 6

Select the Rocks group and then Control-click on the Large Rocks and Very Large Rocks groups to select all rocks groups at once, and then drag them to the top of the Layers panel.

Moving Rocks Large Rocks and Very Large Rocks groups to the top of the Layers panel

7. How to Add Lighting and Focus

Step 1

In this section, we are going to work on overall lighting and focus. Select the Rocks folder, go to Layer > New > Layer to create a new layer, and name it Darken Edges.

Creating a new layer named Darken Edges

Step 2

Now press D on your keyboard to reset the swatches, go to Edit > Fill, and set Contents to Foreground Color, Blending to Normal, and Opacity to 100% as shown below:

Filling layer with foreground color

Step 3

Press Control-A to make a selection of the canvas, and go to Layer > Layer Mask > Hide Selection to create a layer mask that hides the selected area of the layer. Then click on the link icon between this layer thumbnail and the layer mask to unlink them.

Adding layer mask and unlinking it

Step 4

Now, while this layer mask is selected, press Control-T on your keyboard and set the Width and Height to 89% as shown below:

Transforming the layer mask

Step 5

While the current layer mask is still selected, go to Filter > Blur > Gaussian Blur and set the Radius to 180 px as shown below:

Adding filter gaussian blur to layer mask

Step 6

Set the Opacity of this layer to 83%, and then go to Layer > New > Layer to create a new layer and name it Light Source.

Creatinga new layer named Light Source

Step 7

Now press D on your keyboard to reset the swatches, go to Edit > Fill, and set Contents to Foreground Color, Blending to Normal, and Opacity to 100% as shown below:

Filling the Light Source layer with foreground color

Step 8

Press Control-A to make a selection of the canvas, and choose the Marquee Tool (M)Right click anywhere inside the canvas, choose Transform Selection, and set the Reference Point Location to top middle and Height to 50%.

Transforming a selection

Step 9

Now go to Layer > Layer Mask > Reveal Selection to add a layer mask that reveals the selected part of the layer, Right-click on it, and choose Apply Layer Mask. Then go to Filter > Blur > Motion Blur, set Angle to 90 and Distance to 1450 px as shown below:

Adding filter motion blur to Light Source layer

Step 10

Right-click on this layer, choose Blending Options, check Gradient Overlay, and use the settings below:

Adding gradient overlay style to Light Source layer

Step 11

Change this layer Opacity to 50% and Fill to 0%.

Changing opacity and fill of the Light Source layer

Step 12

Now select the Subject layer, Right-click on it, choose Blending Options, check Gradient Overlay, and use the settings below:

Adding gradient overlay style to Subject layer

Step 13

Select the Subject Highlights layer and set its Opacity to 31%.

Changing opacity of Subject Highlights layer

8. How to Make the Final Adjustments

Step 1

In this section, we are going to make final adjustments to the design. Select the Light Source layer, press D on your keyboard to reset the swatches, go to Layer > New Adjustment Layer > Gradient Map to create a new gradient map adjustment layer, and name it Overall Contrast.

Creating new gradient map adjustment layer

Step 2

Change this layer blending mode to Overlay and set its Opacity to 41%.

Changing blending mode and opacity of the Overall Contrast layer

Step 3

Now go to Layer > New Adjustment Layer > Levels to create a new level adjustment layer and name it Overall Brightness.

Creating new levels adjustment layer

Step 4

Double-click on this layer thumbnail, and inside the Properties panel enter the settings below:

Changing properties of the Overall Brightness layer

Step 5

Now go to Layer > New Fill Layer > Solid Color to create a new solid color fill layer, name it Overall Color, and set the color to #455665 as shown below:

Creating new solid color fill layer

Step 6

Change this layer blending mode to Color, and then go to Layer > New Adjustment Layer > Saturation to create a new saturation adjustment layer and name it Overall Saturation.

Creating new saturation adjustment layer

Step 7

Double-click on this layer thumbnail and inside the Properties panel enter the settings below:

Changing properties of the Overall Saturation layer

Step 8

Now press Control-Alt-Shift-E on your keyboard to make a snapshot and press Control-Shift-U to desaturate this layer. Then go to Filter > Other > High Pass and set Radius to 2 px as shown below:

Adding filter other high pass to Layer 1

Step 9

Change this layer blending mode to Hard Light and name it Overall Sharpening.

Changing blending mode of the Overall Sharpening layer

You Made It!

Congratulations, you have succeeded! Here is our final result:

Final result

If you would like to create an even more advanced rock blast with a rain and rain splashes effect as shown below, and just using a single click, then check out my Dark Knight Photoshop Action.

Action final results

About Marko Kožokar