Learn

Cool Photoshop Effects Design

Are you looking for an easy cool Photoshop effects design that you can start up with?

Are you starting up graphic design and looking for the best way to give credit to yourself?

I’m pretty sure you’ve been looking for a way to impress your friends and colleagues when showcasing your design works;

Well today’s tutorial is all you need to achieve all these

 

With a combination of photographs and various elements created from scratch, you can convert that boring photograph or portrait into a cool Photoshop effect.While working on this piece, you will learn how to set up your background, selecting and changing the background of an Image, working with levels and adjustments, blend modes, the warp tool and many more.

 
Let’s get started…
 
TUTORIAL ASSETS

STEP 1 (Creating Woody Texture)

Create a new document in adobe Photoshop with the following settings:

Select a color by clicking on the Foreground Color Swatch on the tool panel.
 
When you have the foreground color selected, set it up with the following settings and click OK.
Press “ALT/OPT + DELETE” to fill the layer with your selected foreground color.
After you have got that set-up, all you have to do is apply some texture to the background layer.

You can apply a texture to this background layer by going to the filter gallery which you can find by clicking on “filter” which is on Photoshop’s menu bar. In the filter gallery, click on texture >> Grain, set the intensity to 52 and the contrast to 25, the grain type >> regular, then click OK.

 

We could call it done with the background layer here, but let us play around with some more textures. Create a new layer and name it “sketch”.

You can create a new layer in Photoshop by simply clicking the “create a new layer” at the extreme right of your Photoshop work-space.

 


Renaming your new layer is done by just double-clicking on the layer, rename it, and then click OK.After you have set up your sketch layer, fill it with your foreground color by pressing the keyboard short-cut “ALT/OPT + DELETE”.If your foreground color is different from the one you used for your background layer, you can go back to where I taught you on how to set up the foreground color and apply the presets to the sketch layer.Now to apply that sketch texture to this layer, make sure the sketch layer is selected >> go to the filter gallery once again and click on sketch. Select graphic pen >> set the stroke length to 2 >> the Light/Dark Balance to 100 and the Stroke Direction to Right Diagonal >> click OK.
 

When you have the “sketch texture” fully set up, reduce its opacity to 54%, I will tell you the reason for this later.



Now that is done, you will need to apply a gradient effect. Create a new layer and name it “Gradient” >> fill the layer with white by pressing “Ctrl/Cmd + backspace (delete)”.

 If the layer is not filled with white, press “D” on your keyboard to set the color preset to its default.

With the gradient layer selected and filled with white >> set the color preset to that of the Background layer >> select the gradient tool on the tool panel or press the keyboard shortcut “G”.

Click on the Reflected Gradient icon on the gradient tool bar.

 
 

Once you have that selected, change the blend mode to multiply. Go to the lower part of your work-space, hold “SHIFT” on your keyboard >> click and drag the gradient pointer to the middle of your work piece and let go to reveal the following

 

Now this looks great, but there is more innovative work that could be done to this.

Create a new layer and rename it Clouds >> fill the layer with “white” by pressing “CTRL/CMD + BACKSPACE (DELETE)”.

Go to the filter menu on Photoshop menu bar >> click on render >> select difference clouds.

 

You will get a kind of blue, black and whitish coloration.

Set the blend mode to screen >> reduce the opacity to about a reasonable 40%.

With this done, there is one more thing you can do to give your background that woody-texture feel.

Create a new layer and rename it Fibers >> fill the layer with the foreground color by pressing “ALT/OPT + DELETE”.

Go to the filter menu >> click on render and then select fibers

Set the Variance to 19 and the Strength to 1 >> set the opacity to about 20%.


Click on image on the menu bar >> select adjustments >> click on levels.

…Alternatively, you can do this by pressing the keyboard shortcut “Ctrl/Cmd + L” and set the levels to the following settings.

Final Work Done Showing A Woody Texture Background 

STEP 2 (Cool Photoshop Effects – City View Set Up And Blend Mode)

Now that you have the background layer (Texture layer) set up. 

 
Open the “City View” image.

Now you need to process this in a way that it would be part of the graphic effect. 

 

Applying Threshold: Go to Image > Adjustments > Threshold.

What this does is that it forces all the pixels in this image to either black or white based on the tonal range. 

 
You need to get as much white details in the city area that you want before anything starts coming up to view. 
 

Use the following settings:


Set the threshold level to 66 and click OK.

Inverting Image:

Inverting the image tends to set all the dark areas become light and all the light areas will become dark.

Press “Ctrl + I” << Windows or “Cmd + I” on the Mac, or by just going to Image > Adjustments > Invert.



Now let us take this image and move it to the Texture Document by using the Move Tool (keyboard shortcut “V”). 
 
Once the Move Tool is selected,

Click and drag the modified City View to the Texture document.

Using The Free Transform Tool:

Go to Edit > Free Transform, you can also use the keyboard shortcut “Ctrl + T” << Windows or “Cmd + T” << Mac.

Scale it down and position the image to suit your taste and press ENTER.



In order for you to blend the “City View image to the background “Texture.
 
Go to the Layer Panel, make sure the City View layer is selected >> Change the Blend Mode to MULTIPLY. 

What this does to the City View image is that it removes the white part of the image and reveals more of the black in the image and blends it to the background layer (Texture).

STEP 3 (Cool Photoshop Effects – Applying Effects On Model)

 

This step is a little bit like step 2. 

 
You will be introducing the Model Image to the Texture layer;

So let’s get started. 

Open the image of the Model.



If you are using a different image, it must be set to a Black and White preset with a white background. 

 


Once you have got that done, you are to do exactly what you did to the City View Image
 
Go to Image > Adjustments > Threshold. 
 

Setting Threshold: 

Setting up a good threshold for your image helps to reveal some important details in your image;

If you are using the same Model as we are using in this in this tutorial, set the Threshold level to 128 .


Click, drag and drop the image to the Texture document and then, let go of the “Click”.

If the image does not size up with the Texture document, scale it to suit your taste using the Free Transform tool by pressing “Ctrl + backspace (delete)” << Windows or “Cmd + delete” << Mac.



Now set the Blend Mode to “Multiply”.


You can see that your Cool Photoshop Effect is now taking a much better look. 
 
If some part of the City View Image is shown in the modified Model image, erase it by clicking on the Eraser Tool or by using the keyboard shortcut “E”.
 
 
 
Go to the Layer Panel
 
Make sure that the “City View Layer” is selected, 

now erase along the unwanted area.



Now you have the Model and the City View Image fully set up. 
 
Let’s add a Cool Special Effect using the Image of our Sunset Tree. 
 
Open the Sunset Tree image and select the “Content Aware Fill” tool.
 


In the Sunset Tree Image, you don’t really need the tree stem in the image; all you need is the background showing the Sunset and some leaves. 

Working With Polygonal Lasso Tool:

Using the “Polygonal Lasso Tool”…

…Just pick any point you want to start up your selection from, then click and drag around the region to make a work path around the region.

 
To complete your selection, 

Use the pointer and find the point of origin (a circle will pop out when you reach the point of origin) >> then click it >> a selection will then be made.

Right click in the selection and select “Fill”.

Select “Content Aware and then click OK. 

On your keyboard press “Ctrl + D” << Windows or “Cmd + D” << Mac to deselect the selection and you will have something like this:




Now select the Move Tool (keyboard shortcut “V”) >> then click, drag and drop your work piece to the Texture Document.


Now using the “Free Transform Tool”, scale it up to fit the document and move the image so the leaves will be at the extreme left of the document.




Go to the “Layer Panel” >> set the Blend Mode to “Overlay” and the opacity to a reasonable “39%”.

You can see that by applying the “Sunset Tree” to your effect, it tends to bring a darker shade on the whole graphic effect.

STEP 3 (Cool Photoshop Effects – Highlighting Model’s Face)


Let us now introduce an highlight on the face area of the Model. 


Go to the Layer Panel, make sure that the layer of the Model is selected;
 
“Ctrl + click” << Windows or “Cmd + click” << Mac on the “Create A New Layer icon” to create a new layer underneath the layer of the model.
 
 
 
…with your New Layer selected >> select the “Gradient Tool”

Make sure the foreground color is set to “white”.
 
In the Gradient Panel, select the “Foreground to Transparent Gradient”. 
 


Using a “Radial Gradient”, click and drag out the gradient pointer from the nose region of the Model to reveal something like this…


Set the Blend Mode to “Soft Light”.


 
There you have it, a highlight on the Model‘s face.



Step 4 (Cool Photoshop Effects – Creating Spatter Effects)


Create a new layer >> Select the “Rectangular Marque Tool” >> Click and drag on any place on your work-piece and make a long rectangular selection.

 


Make sure that the Foreground/Background Color is set to “Default”.
 
If it isn’t, simply press “D” on your keyboard to set it to its default
 
Now once again select the Gradient Tool >> Select a Foreground to Transparent Gradient >> Select Radial Gradient.
 
Set the Gradient Blend Mode to “Dissolve”
 


Set the Opacity to 75%
 
Click and drag with the Gradient Pointer from bottom to about a quarter of the Rectangular Selection to reveal the Spatter Effect.
 


Press “Ctrl + D” << Windows or “Cmd + D” << Mac to Deselect.
 
Scale up the Spatter Effect  using the “Free Transform Tool”
 



Working With The Warp Tool:

When you have that scaled up, right click in the “Free-Transform Dialog Box” and select “Warp”.
 


Here is where you can just go crazy and make this as random as possible.

You can drag around the edges.



You can even drag inside the Grid

Drag a little extra inside the Grid

Just be creative.



Press Enter to view “Warp”.

Now, 

what we don’t want is for the Spatter Effect to be filled with black.

To achieve a better effect on the Spatter:

Go to the “Eye Dropper Tool” on the Tool’s Panel

 
 
Use fairly large sample area at lease “5 by 5 Average
 
 
 
Click on the work-piece to sample a color 
 
 
 
Now let’s go ahead to fill this color to “the Spatter Effect”.
 
Lock the Layer’s Transparency (Note that locking the Transparency of a layer allows for Effects application on only that layer)
 
Press “Alt + Delete” << Windows or “Opt + Delete” << Mac to fill in your sampled color.
 
 
 
Re-position the Spatter Effect and set the Blend Mode to “Linear Burn”.
 
 
 
You can see that it blends more to that background giving a Cool Photoshop Effect.
 
Duplicate the layer by pressing “Ctrl + J” << Windows or “Cmd + J” << Mac and drag it to another part of your design.
 
 
 
 

Step 5 (Cool Photoshop Effects – Adding Text Style)

 
In this step, you will learn how to create this Cool Text Style that you see here
 
 
 

Working With The Lasso Tool:

Create a new blank layer >> Grab the “Lasso Tool” from the Tool’s Panel
 
 
Using the Lasso Tool, scatter draw in the shape of a rectangle.
 
This can be done by just holding “Click” + drag the Lasso Tool Pointer as if you are trying to make a sketch; and try to form a scattered rectangular shape.
 
Release click to display selection
 
… Something like this:
 
 
 
Make sure that you have the foreground color set as black(do this by pressing “D” on your keyboard) >> press “Alt + delete” << Windows or “Opt + delete” << Mac to fill the selection with the foreground color >> Choose black >> Click OK
 
 

Working With Drop Shadow:

Press “Ctrl/ Cmd” + “D” to deselect the shape.
On the Layer Panel, select “Blending Options(fx)” >> Select “Drop Shadow”
 
 
 
You can also access this Blending Mode by double – clicking on the layer which you have the shape on.
 
Select the “Color Picker”.
 
Click on the work piece to sample a color and click OK
 
 
 
Once you have the color sampled in, change the Blend Mode to “Linear Burn”
 
 
Increase the Opacity to 100% >> uncheck the “Use Global Light” box >> reduce the “Size” and “Distance” to the following:
 
 
 
Click Ok
 
Now to add the text.
 
Select the Text Tool from the Tool Panel(alternatively you can press “T” on your keyboard to access the Text Tool) >> Set the Text Font to “Viner Hand ITC” and the following settings:
 
Type a text of your choice.
 
 
Now to add an effect on the Text is pretty much the same way you did when trying to add color to the Spatter Effect.
 
Select the Eye Dropper Tool from the Tool Panel >> Sample a color by clicking on your work piece.
 
This automatically adds color to the Text.
 
 
 
There you have it, a Cool Photoshop Effect created from the scratch. 
Play around with other Blending Modes and Tools in Photoshop and try come up with a better Special Effect.
 
I would want to see the power of your imagination
 
Place a comment too, I would like to hear from you.
 
…also subscribe to my free newsletter and get the latest Best Photoshop Tutorials
 
Thanks!

About the author

godsonchuks

1 Comment

Leave a Comment

CommentLuv badge

%d bloggers like this: