How to Create a Fun Filter Photo Effect Action in Photoshop
![](https://thephotographicangle.com/wp-content/uploads/2023/10/image-52.png)
What You’ll Be Creating
In this tutorial, you will learn how to create cool Photoshop actions by making a filter photo effect in Adobe Photoshop. I will explain everything in so much detail that anyone can create this effect, even those who have just opened Photoshop for the first time.
What You’ll Need
To recreate the design above, you will need the following resources:
- Stock Image
1. How to Start Creating an Action
Step 1
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:
- Your photo should be in RGB Color mode, 8 Bits/Channel. To check this, go to Image > Mode.
- For best results, your photo size should be 2000–4000 px wide/high. To check this, go to Image > Image Size.
- Your photo should be the Background layer. If it is not, go to Layer > New > Background from Layer.
![Checking image size and mode](https://cms-assets.tutsplus.com/cdn-cgi/image/width=850/uploads/users/1437/posts/32453/image/checking-image-size-and-mode.jpg)
Step 2
Now we need to expand the canvas on the left so we have more space around the subject on this side. Go to Image > Canvas Size and use the settings below:
![Expanding canvas](https://cms-assets.tutsplus.com/cdn-cgi/image/width=850/uploads/users/1437/posts/32453/image/expanding-canvas.jpg)
2. How to Select the Subject
Step 1
In this section, we are going to create the base that determines the subject in our photo. Choose the Quick Selection Tool (W), and select the background of the photo. Use the Shift-Alt buttons on your keyboard to add or subtract some areas from the selection. After you’ve made a perfect selection, press Control-Shift-I on your keyboard to invert the selection.
![Making selection](https://cms-assets.tutsplus.com/cdn-cgi/image/width=850/uploads/users/1437/posts/32453/image/making-selection.jpg)
Step 2
Now go to Select > Modify > Smooth and set the Sample Radius to 5 px. Then, go to Select > Modify > Contract and set Contract By to 2 px. After that, go to Select > Modify > Feather and set the Feather Radius to 2 px as shown below:
![Modifying selection](https://cms-assets.tutsplus.com/cdn-cgi/image/width=850/uploads/users/1437/posts/32453/image/modifying-selection.jpg)
Step 3
Go to Layer > New > Layer to create a new layer and name it Base.
![Creating new layer](https://cms-assets.tutsplus.com/cdn-cgi/image/width=850/uploads/users/1437/posts/32453/image/creating-new-layer.jpg)
Step 4
Now set the foreground color to any color that you like. Then, go to Edit > Fill and set Contents to Foreground Color, Mode to Normal, and Opacity to 100%. After that, press Control-D on your keyboard to deselect the selection.
![Filling selection with foreground color](https://cms-assets.tutsplus.com/cdn-cgi/image/width=850/uploads/users/1437/posts/32453/image/filling-selection-with-color.jpg)
Step 5
Control-click on the Base layer thumbnail to make a selection of this layer. Then, select the Background layer, and press Control-J on your keyboard to create a new layer using the selection, and name this layer Subject. After that, hide the Base layer.
![Creating new layer using selection](https://cms-assets.tutsplus.com/cdn-cgi/image/width=850/uploads/users/1437/posts/32453/image/creating-new-layer-using-selection.jpg)
3. How to Create the Background
Step 1
In this section, we are going to create the background. Go to Layer > New Fill Layer > Solid Color to create a new solid color fill layer, name it Background Color, and choose the color #000000
as shown below:
![Creating new solid color fill layer](https://cms-assets.tutsplus.com/cdn-cgi/image/width=850/uploads/users/1437/posts/32453/image/creating-new-solid-color-fill-layer.jpg)
Step 2
Now go to Layer > New > Layer to create a new layer and name it Background_Texture_1.
![Creating new layer](https://cms-assets.tutsplus.com/cdn-cgi/image/width=850/uploads/users/1437/posts/32453/image/creating-new-layer-2.jpg)
Step 3
Press D on your keyboard to reset the swatches and go to Filter > Render > Clouds.
![Adding clouds filter](https://cms-assets.tutsplus.com/cdn-cgi/image/width=850/uploads/users/1437/posts/32453/image/adding-clouds-filter.jpg)
Step 4
Now go to Layer > Layer Mask > Hide All to add a layer mask that hides the whole layer. Then, set the foreground color to #ffffff
, choose the Brush Tool (B), pick a soft brush, and brush where you want texture to appear. Feel free to change the Size and Hardness of the brush.
![Adding layer mask](https://cms-assets.tutsplus.com/cdn-cgi/image/width=850/uploads/users/1437/posts/32453/image/adding-layer-mask.jpg)
Step 5
Change the Opacity of this layer to 32%.
![Changing opacity](https://cms-assets.tutsplus.com/cdn-cgi/image/width=850/uploads/users/1437/posts/32453/image/changing-opacity-2.jpg)
Step 6
Now select the Background layer, go to Layer > New > Layer to create a new layer, and name it Background_Texture_2.
![Creating new layer](https://cms-assets.tutsplus.com/cdn-cgi/image/width=850/uploads/users/1437/posts/32453/image/creating-new-layer-3.jpg)
Step 7
Press D on your keyboard to reset the swatches and go to Filter > Render > Clouds.
![Adding clouds filter](https://cms-assets.tutsplus.com/cdn-cgi/image/width=850/uploads/users/1437/posts/32453/image/adding-clouds-filter-2.jpg)
Step 8
Now press Control-T on your keyboard to transform this layer and set the Width and Height to 200% as shown below:
![Transforming layer](https://cms-assets.tutsplus.com/cdn-cgi/image/width=850/uploads/users/1437/posts/32453/image/transforming-layer.jpg)
Step 9
Go to Layer > Layer Mask > Hide All to add a layer mask that hides the whole layer. Then, set the foreground color to #ffffff
, choose the Brush Tool (B), pick a soft brush, and brush where you want texture to appear. Feel free to change the Size and Hardness of the brush.
![Making layer mask](https://cms-assets.tutsplus.com/cdn-cgi/image/width=850/uploads/users/1437/posts/32453/image/making-layer-mask.jpg)
Step 10
Now change the Opacity of this layer to 25%.
![Changing opacity](https://cms-assets.tutsplus.com/cdn-cgi/image/width=850/uploads/users/1437/posts/32453/image/changing-opacity-3.jpg)
4. How to Create the Glowing Lines
Step 1
In this section, we are going to create the glowing lines. Select the Subject layer and press Control-J on your keyboard to duplicate it. Then, select the Subject layer again and go to Layer > New > Layer to create a new layer and name it Temp.
![Creating new layer](https://cms-assets.tutsplus.com/cdn-cgi/image/width=850/uploads/users/1437/posts/32453/image/creating-new-layer-5.jpg)
Step 2
Press D on your keyboard to reset the swatches and go to Filter > Render > Clouds.
![Adding clouds filter](https://cms-assets.tutsplus.com/cdn-cgi/image/width=850/uploads/users/1437/posts/32453/image/adding-clouds-filter-3.jpg)
Step 3
Now Control-click on the Subject copy layer to select both layers at the same time, and press Control-E on your keyboard to merge them into one layer. Then, press Control-Shift-U to desaturate this layer and name it Temp.
![Desaturating layer](https://cms-assets.tutsplus.com/cdn-cgi/image/width=850/uploads/users/1437/posts/32453/image/desaturating-layer.jpg)
Step 4
Go to Image > Auto Tone and then Image > Auto Contrast to make some auto-corrections to the layer’s tone and contrast. Then, go to Select > Color Range, set the Fuzziness to 65 and, using the Eyedropper Tool, select brighter tones by clicking over some inside the canvas.
![Making selection using color range](https://cms-assets.tutsplus.com/cdn-cgi/image/width=850/uploads/users/1437/posts/32453/image/making-selection-using-color-range.jpg)
Step 5
Now go to Select > Modify > Smooth and set the Sample Radius to 5 px. Then, go to Select > Modify > Border and set Contract By to 3 px.
![Modifying selection](https://cms-assets.tutsplus.com/cdn-cgi/image/width=850/uploads/users/1437/posts/32453/image/modifying-selection-2.jpg)
Step 6
Press Control-J on your keyboard to create a new layer using the selection. Then, Right-click on the Temp layer and choose Delete Layer.
![Creating new layer using selection](https://cms-assets.tutsplus.com/cdn-cgi/image/width=850/uploads/users/1437/posts/32453/image/creating-new-layer-using-selection-3.jpg)
Step 7
Now select the Layer 1 layer, press Control-T, and set the Width and Height of the layer to 135% as shown below:
![Transforming layer](https://cms-assets.tutsplus.com/cdn-cgi/image/width=850/uploads/users/1437/posts/32453/image/transforming-layer-2.jpg)
Step 8
Control-click on this layer thumbnail to make a selection of this layer, go to Select > Modify > Smooth, and set the Sample Radius to 5 px.
![Modifying selection](https://cms-assets.tutsplus.com/cdn-cgi/image/width=850/uploads/users/1437/posts/32453/image/modifying-selection-3.jpg)
Step 9
Now press Control-J to create a new layer using the selection. Then, Right-click on the Layer 1 and choose Delete Layer.
![Creating new layer using selection](https://cms-assets.tutsplus.com/cdn-cgi/image/width=850/uploads/users/1437/posts/32453/image/creating-new-layer-using-selection-4.jpg)
Step 10
Select the Layer 2 layer and Control-click on this layer thumbnail to make a selection of this layer. Then, go to Layer > Layer Mask > Reveal Selection to add a layer mask that reveals the selected area of the layer. After that, Right-click on the layer mask and choose Apply Layer Mask.
![Applying layer mask](https://cms-assets.tutsplus.com/cdn-cgi/image/width=850/uploads/users/1437/posts/32453/image/applying-layer-mask.jpg)
Step 11
Now Control-click on this layer thumbnail to make a selection of this layer. Then, go to Layer > Layer Mask > Reveal Selection to add a layer mask that reveals the selected area of the layer. After that, Right-click on the layer mask and choose Apply Layer Mask.
![Applying layer mask](https://cms-assets.tutsplus.com/cdn-cgi/image/width=850/uploads/users/1437/posts/32453/image/applying-layer-mask-2.jpg)
Step 12
Press Control-J on your keyboard twice to duplicate this layer twice. Then, Shift-click on the Layer 2 to select all layers between at the same time and press Control-E to merge them into one layer.
![Duplicating and merging layers](https://cms-assets.tutsplus.com/cdn-cgi/image/width=850/uploads/users/1437/posts/32453/image/duplicating-and-merging-layers-2.jpg)
Step 13
Now change the Blending Mode of this layer to Linear Dodge (Add) and name it Glowing_Lines_1.
![Changing blending mode](https://cms-assets.tutsplus.com/cdn-cgi/image/width=850/uploads/users/1437/posts/32453/image/changing-blending-mode.jpg)
Step 14
Go to Layer > New Fill Layer > Solid Color to create a new solid color fill layer, name it Background Color, and choose the color #007eff
as shown below:
![Creating new solid color fill layer](https://cms-assets.tutsplus.com/cdn-cgi/image/width=850/uploads/users/1437/posts/32453/image/creating-new-solid-color-fill-layer-2.jpg)
Step 15
Now press Control-Alt-G on your keyboard to create a clipping mask. Then, select the Subject layer and press Control-J to duplicate it. Then, select the Subject layer again and go to Layer > New > Layer to create a new layer and name it Temp.
![Creating new layer](https://cms-assets.tutsplus.com/cdn-cgi/image/width=850/uploads/users/1437/posts/32453/image/creating-new-layer-6.jpg)
Step 16
Press D to reset the swatches and go to Filter > Render > Clouds.
![Adding clouds filter](https://cms-assets.tutsplus.com/cdn-cgi/image/width=850/uploads/users/1437/posts/32453/image/adding-clouds-filter-4.jpg)
Step 17
Now Control-click on the Subject copy layer to select both layers at the same time, and press Control-E on your keyboard to merge them into one layer. Then, press Control-Shift-U to desaturate this layer, and drag it just above the Glowing_Lines_1_Color layer in the Layers panel. After that, name this layer Temp.
![Merging layers](https://cms-assets.tutsplus.com/cdn-cgi/image/width=850/uploads/users/1437/posts/32453/image/merging-layers.jpg)
Step 18
Go to Image > Auto Tone and then Image > Auto Contrast to make some auto-corrections to the layer’s tone and contrast. Then, go to Select > Color Range, set the Fuzziness to 65 and, using the Eyedropper Tool, select the middle tones by clicking over some inside the canvas.
![Making selection using color range](https://cms-assets.tutsplus.com/cdn-cgi/image/width=850/uploads/users/1437/posts/32453/image/making-selection-using-color-range-2.jpg)
Step 19
Now go to Select > Modify > Smooth and set the Sample Radius to 5 px. Then, go to Select > Modify > Feather and set the Feather Radius to 1 px. After that, go to Select > Modify > Border and set the Width to 3 px as shown below:
![Modifying selection](https://cms-assets.tutsplus.com/cdn-cgi/image/width=850/uploads/users/1437/posts/32453/image/modifying-selection-4.jpg)
Step 20
Press Control-J on your keyboard to create a new layer using selection. Then, Right-click on the Temp layer and choose Delete Layer.
![Creating new layer using selection](https://cms-assets.tutsplus.com/cdn-cgi/image/width=850/uploads/users/1437/posts/32453/image/creating-new-layer-using-selection-6.jpg)
Step 21
Now select the Layer 1 layer, press Control-T, and set the Width and Height of the layer to 115% as shown below:
![Transforming layer](https://cms-assets.tutsplus.com/cdn-cgi/image/width=850/uploads/users/1437/posts/32453/image/transforming-layer-3.jpg)
Step 22
Control-click on this layer thumbnail to make a selection of this layer, go to Select > Modify > Smooth, and set the Sample Radius to 2 px. Then, go to Select > Modify > Feather and set the Feather Radius to 1 px.
![Modifying selection](https://cms-assets.tutsplus.com/cdn-cgi/image/width=850/uploads/users/1437/posts/32453/image/modifying-selection-5.jpg)
Step 23
Now go to Layer > Layer Mask > Reveal Selection to add a layer mask that reveals the selected area of the layer. Then, Right-click on the layer mask and choose Apply Layer Mask.
![Applying layer mask](https://cms-assets.tutsplus.com/cdn-cgi/image/width=850/uploads/users/1437/posts/32453/image/applying-layer-mask-3.jpg)
Step 24
Change the Blending Mode of this layer to Linear Dodge (Add) and name it Glowing_Lines_2.
![Changing blending mode](https://cms-assets.tutsplus.com/cdn-cgi/image/width=850/uploads/users/1437/posts/32453/image/changing-blending-mode-2.jpg)
Step 25
Select the Glowing_Lines_1_Color layer and press Control-J on your keyboard to duplicate it. Then, drag this layer just above the Glowing_Lines_2 layer in the Layers panel. After that, press Control-Alt-G to create a clipping mask and name this layer Glowing_Lines_2_Color.
![Duplicating layer](https://cms-assets.tutsplus.com/cdn-cgi/image/width=850/uploads/users/1437/posts/32453/image/duplicating-layer.jpg)
Step 26
Now select the Glowing_Lines_2 layer and Control-click on the Glowing_Lines_2_Color layer to select both layers at the same time. Then, drag these layers just below the Glowing_Lines_1 layer in the Layers panel. After that, select the Glowing_Lines_1 layer and go to Layer > Layer Mask > Reveal All to add a layer mask that reveals the whole layer.
![Adding layer mask](https://cms-assets.tutsplus.com/cdn-cgi/image/width=850/uploads/users/1437/posts/32453/image/adding-layer-mask-2.jpg)
Step 27
Now set the foreground color to #000000
, choose the Brush Tool (B), pick a soft brush, and brush where you want to remove the glowing lines. Feel free to change the Size and Hardness of the brush.
![Brushing into layer mask](https://cms-assets.tutsplus.com/cdn-cgi/image/width=850/uploads/users/1437/posts/32453/image/brushing-into-layer-mask.jpg)
Step 28
Select the Glowing_Lines_2 layer and go to Layer > Layer Mask > Reveal All to add a layer mask that reveals the whole layer. Then, set the foreground color to #000000
, choose the Brush Tool (B), pick a soft brush, and brush where you want to remove the glowing lines. Feel free to change the Size and Hardness of the brush again.
![Adding layer mask](https://cms-assets.tutsplus.com/cdn-cgi/image/width=850/uploads/users/1437/posts/32453/image/adding-layer-mask-3.jpg)
5. How to Make Adjustments to the Subject
Step 1
In this section, we are going to make adjustments to the subject. Select the Subject layer and press Control-Shift-U on your keyboard to desaturate this layer. Then, change the Blending Mode of this layer to Hard Light and set the Opacity to 58%.
![Changing blending mode and opacity](https://cms-assets.tutsplus.com/cdn-cgi/image/width=850/uploads/users/1437/posts/32453/image/changing-blending-mode-and-opacity.jpg)
Step 2
Now press Control-J on your keyboard to duplicate this layer and drag it just above the Glowing_Lines_1_Color layer in the Layers panel. Then, change the Blending Mode of this layer to Normal and set the Opacity to 100%.
![Changing blending mode and opacity](https://cms-assets.tutsplus.com/cdn-cgi/image/width=850/uploads/users/1437/posts/32453/image/changing-blending-mode-and-opacity-2.jpg)
Step 3
Go to Layer > Layer Mask > Hide All to add a layer mask that hides the whole layer. Then, set the foreground color to #ffffff
, choose the Brush Tool (B), pick a soft brush, and brush where you want to reveal details of the subject. Feel free to change the Size and Hardness of the brush.
![Adding layer mask](https://cms-assets.tutsplus.com/cdn-cgi/image/width=850/uploads/users/1437/posts/32453/image/adding-layer-mask-4.jpg)
Step 4
Now name this layer Subject Details.
![Renaming layer](https://cms-assets.tutsplus.com/cdn-cgi/image/width=850/uploads/users/1437/posts/32453/image/renaming-layer.jpg)
6. How to Make the Final Adjustments
Step 1
In this section, we are going to make some final adjustments. Go to Layer > New Adjustment Layer > Curves to create a new curves adjustment layer, and name it Color Look.
![Creating new curves adjustment layer](https://cms-assets.tutsplus.com/cdn-cgi/image/width=850/uploads/users/1437/posts/32453/image/creating-new-curves-adjustment-layer.jpg)
Step 2
Now Double-click on this layer thumbnail and, in the Properties panel, enter the settings below:
![Adjusting curves](https://cms-assets.tutsplus.com/cdn-cgi/image/width=850/uploads/users/1437/posts/32453/image/adjusting-curves.jpg)
Step 3
Press D on your keyboard to reset the swatches. Then, 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](https://cms-assets.tutsplus.com/cdn-cgi/image/width=850/uploads/users/1437/posts/32453/image/creating-new-gradient-map-adjustment-layer.jpg)
Step 4
Change the Blending Mode of this layer to Soft Light and set the Opacity to 25%.
![Changing blending mode and opacity](https://cms-assets.tutsplus.com/cdn-cgi/image/width=850/uploads/users/1437/posts/32453/image/changing-blending-mode-and-opacity-3.jpg)
Step 5
Press Control-Alt-Shift-E on your keyboard to make a screenshot, and then press Control-Shift-U to desaturate this layer. Then, go to Filter > Other > High Pass and set the Radius to 2 px.
![Adding high pass filter](https://cms-assets.tutsplus.com/cdn-cgi/image/width=850/uploads/users/1437/posts/32453/image/adding-high-pass-filter.jpg)
Step 6
Now change the Blending Mode of this layer to Linear Light and set the Opacity to 44%. Then, name this layer Overall Sharpening.
![Changing blending mode and opacity](https://cms-assets.tutsplus.com/cdn-cgi/image/width=850/uploads/users/1437/posts/32453/image/changing-blending-mode-and-opacity-4.jpg)
7. How to Crop the Image
Now let’s crop the image to cut out the empty area of the design. Choose the Crop Tool (C) and transform the Crop Box as shown below:
![Cropping image](https://cms-assets.tutsplus.com/cdn-cgi/image/width=850/uploads/users/1437/posts/32453/image/cropping-image.jpg)
You Made It!
Congratulations, you have succeeded! You’ve learned how to create an action in Photoshop to create a cool Photoshop photo effect. Here is our final result:
![Final result](https://cms-assets.tutsplus.com/cdn-cgi/image/width=850/uploads/users/1437/posts/32453/image/final-result.jpg)
![](https://thephotographicangle.com/wp-content/uploads/2023/10/image-53.png)
![](https://thephotographicangle.com/wp-content/uploads/2023/10/image-51.png)