Learn How To Create a Abstract Collage - Photoshop Tutorial

In this Adobe Photoshop Tutorial we are using some techniques of re-production artistic stuff and make striking collage using some visual art and mixed with some 3d dimension elements to learn how to create a Beautiful abstract photo manipulation. In this tutorial we will learn some advance techniques of masking, lightning and the use of adjustment layers, let’s ready to enhance your designing skills:

Resources Used In This Tutorial

Step 1

Create a new file with a width of 1200 px and a height of 1500 px at 72 dpi (Dots per Inch). Background Contents should be White.

Create a new file

Step 2

First off, let’s activate Gradient tool (G).

Learn How To Create a Abstract Collage

Then open the Gradient editor box opens, input the following:

Gradient editor box opens

Now drag the mouse in the direction of the red arrow.

drag the mouse in the direction

The result should be similar to this:

Learn How To Create a Abstract Collage - Photoshop Tutorial

Step 3

Now activate single row marquee tool.

single row marquee tool

let’s make a new layer and name it “Line“. Now click on the canvas you can see that you got some selected part so fill it with Color #409cf9.

new layer and name it Line

Repeat the same process and you will get something like this:

Repeat the same process

Step 4

Now add a layer mask to our lines layer.

add a layer mask

Now activate Brush tool (B) with these settings :

  • Brush size: 400px
  • Hardness: 0%
  • Opacity: 40%
  • Flow: 100%
  • Color: #000000

Now paint over the highlighted area.

paint over the highlighted area

Reduce it’s opacity to “25%” :

Reduce its opacity

The result should be similar to this:

The result should be similar to this:

Now create new Hue / Saturation adjustment layer from the bottom of layers palette.

create new Hue Saturation adjustment layer

When the Hue / Saturation box opens, input the following:

Hue Saturation box opens

Press Alt+left click in between 2 layer’s (lines layer and Hue / Saturation) to make a mask.

lines layer and HueSaturation

The result should be similar to this:

The result should be similar to this:

Step 5

Now activate Elliptical marquee tool and fill it with black color .

Elliptical marquee tool

Now add Layer style from the bottom of layers palette .

When the Layer style box opens, input the following:

layer style gradient overlay

gradient overlay settings

The result should be similar to this:

The result should be similar to this:

Step 6

Now activate Brush tool (B) with these settings :

  • Brush size: 3px
  • Hardness: 100%
  • Opacity: 100%
  • Flow: 100%
  • Color: #000000

Then activate pen tool (P) and draw a line then make a right click and choose Stroke path.

choose Stroke path

When the Stroke path box opens, input the following:

Stroke path box opens

Now again make a right click and this time choose Delete path.

choose Delete path

The result should be similar to this:

The result should be similar to this:

Now add Layer style from the bottom of layers palette.

When the Layer style box opens, input the following:

Layer style from the bottom of layers palette

The result should be similar to this:

The result should be similar to this:

Add more lines:

Add more lines

Step 7

First off, let’s open fairy32 stock in Photoshop. We will be using the Girl from this stock image so we will need to transfer it to our main canvas.

fairy32 stock in Photoshop

Advertisements

Now Goto Select > Color range :

Color range

When the Color Range box opens, input the following and click on the highlighted area:

Color Range box opens

Press V to activate the Move Tool. Left-click the image and drag the image to the main canvas and change layer name to “Girl“.

Next, activate the Transform tool (Ctrl / Cmd +T), then while the “Girl” layer is selected and then re-size it as shown below:

Transform tool for resize image

The result should be similar to this:

The result should be similar to this:

Step 8

Now, activate the Brush tool (B) and open the brush set “15 grunge ps brushes” by Sarytah. To load them, simply, right click on our canvas through any layer and then click on the drop-down button as shown below:

15 grunge ps brushes by Sarytah

This will prompt the contextual menu to pop up and once you see that, just click on Load Brushes.

contextual menu to pop up

You will now be prompted to this directory: Adobe Photoshop > Presets > Brushes so make sure that you have put the brushes within this folder. Now locate the brush set and click OK. Right click on the canvas again using your Brush tool (B) and now you’ll notice that you have 15 grunge ps brushes..

Presets Brushes

Now create a vector mask from the bottom of layers palette .

Now this time choose any grunge ps brushes with these settings :

  • Brush size: 400px
  • Hardness: 0%
  • Opacity: 40%
  • Flow: 100%
  • Foreground Color: #000000
  • Background Color: #000000

Now paint over the highlighted area.

vector mask from the bottom of layers palette

The result should be similar to this:

The result should be similar to this:

Step 9

Now,let’s open the c4d Supreme Pack- 32 Renders in Photoshop. We will be using the sky from this stock image so we will need to transfer it to our main canvas.

c4d Supreme Pack- 32 Renders in Photoshop

Click the c4d Supreme Pack- 32 Renders and press V to activate the Move Tool. Left-click the image and drag the image to the main canvas and change layer name to “Abstract 1“.

Next, activate the Transform tool (Ctrl / Cmd +T), then while the “Abstract” layer is selected and then re-size it as shown below:

c4d Supreme Pack- 32 Renders

The result should be similar to this:

The result should be similar to this:

Now create new Color Balance adjustment layer from the bottom of layers palette. Press Alt+left click in between 2 layer’s (Abstract 1 layer and Color Balance) to make a mask.

When the Color Balance box opens, input the following:

Abstract 1 layer and Color Balance

The result should be similar to this:

The result should be similar to this:

Make a duplicate of abstract 1 layer (Ctrl+j):

duplicate of abstract 1 layer

Step 10

Now,let’s open the High Resolution Bokeh Texture in Photoshop. We will be using the Texture from this stock image so we will need to transfer it to our main canvas.

High Resolution Bokeh Texture in Photoshop

Click the High Resolution Bokeh Texture and press V to activate the Move Tool. Left-click the image and drag the image to the main canvas and change layer name to “Light“.

High Resolution Bokeh Texture

Change it’s layer mode to “Screen“.

layer mode to Screen

The result should be similar to this:

The result should be similar to this:

Step 11

Now create a Color Balance adjustment layer which can be found by pressing on the Create New Fill / Adjustment layer button shown on the layer window:

When the Color Balance box opens, input the following:

Color Balance adjustment layer

The result should be similar to this:

The result should be similar to this:

Now create a Gradient map adjustment layer which can be found by pressing on the Create New Fill / Adjustment layer button shown on the layer window:

When the Gradient map box opens, input the following:

Gradient map adjustment layer

Change it’s layer mode to “Luminosity“.

layer mode to Luminosity

The result should be similar to this:

The result should be similar to this:

The result should be similar to this:

The result should be similar to this:

Final Abstract Collage Image

Final Abstract Collage Image

Click on Image for Enlarge View