How to create an abstract composition using Photoshop

May 3rd, 2010 by ART-D Posted in Adobe Photoshop, Photo Editing

In this tutorial, I’ll show you how to create an abstract composition in Photoshop using a variety of shapes, layer styles, patterns, and photo manipulation techniques. Layered PSD file included.

Final Image Preview

How to create an abstract composition using Photoshop CS4
Create a new document (Ctrl+N) in Adobe Photoshop with the size 1920px by 1200px (RGB color mode) at a resolution of 72 pixels/inch. Use the Paint Bucket Tool (G) to fill with #80494C color the new background layer.

How to create an abstract composition using Photoshop CS4
Find a stock photo with a model represented on it, I used this photo from deviantart. I would like to thank the author of this photo:

How to create an abstract composition using Photoshop CS4
Remove the background using your favorite tools like Pen Tool (P), Magic Wand Tool (W), Magnetic Lasso (L) or even a simple Filter>Extract and insert it on a new layer in our main document.

How to create an abstract composition using Photoshop CS4
Pass on the Adobe Illustrator program and select the Pen Tool (P) to represent two lines of black color.

How to create an abstract composition using Photoshop CS4
Choose the Direct Selection Tool (A) to select both lines, applying also Object>Blend>Blend Options

How to create an abstract composition using Photoshop CS4
We’ve got the next composition:

How to create an abstract composition using Photoshop CS4
Select the lines and press CTRL+C to copy. In Adobe Photoshop press CTRL+V (Paste As: Smart Object).

How to create an abstract composition using Photoshop CS4
Press CTRL+I to Invert.

How to create an abstract composition using Photoshop CS4
Click on the layer with the lines on the bottom part of the Layers panel on Add layer mask icon and choose the Soft Round brush (Opacity 20%).

How to create an abstract composition using Photoshop CS4
Set Foreground color to black and using Soft Round brush paint in the mask to change opacity of the lines edges.

How to create an abstract composition using Photoshop CS4

Next step we’ll download a set of brushes for in Adobe Photoshop, named: Smoke_Brushes_Set_1_by_Falln_Stock , MVbrush0809 and manga-blood . Create a new layer and select the next brushes from Smoke_Brushes_Set_1_by_Falln_Stock set. The brushes’ color is white.

How to create an abstract composition using Photoshop CS4
Add the next smoke brush to our layer. Place this layer under the layer containing the girl. Choose after that the Free Transform (Ctrl+T) command to incline the brushes’ layer.

How to create an abstract composition using Photoshop CS4
Click on the same layer on the bottom part of the Layers panel on Add layer mask icon and select the Soft Round brush of black color (Opacity 20%)

How to create an abstract composition using Photoshop CS4
Use Soft Round brush to paint smoothly in the mask to change the opacity of the smoke layer.

How to create an abstract composition using Photoshop CS4
Create the next new layer and choose for it the earlier mentioned brush to add the next smoke. Its color in this case is white. Place the layer under the girl’s layer. Incline a little the brush’s layer, applying Free Transform (Ctrl+T) command, stretching it also the same way demonstrated below.

How to create an abstract composition using Photoshop CS4
Click on the same layer on the bottom part of the Layers panel on Add layer mask icon and choose the Soft Round brush of black color (Opacity 20%)

How to create an abstract composition using Photoshop CS4
Use Soft Round brush to paint smoothly in the mask to change the opacity of the smoke layer on the girl’s right side.

How to create an abstract composition using Photoshop CS4
Next create a new layer and select for it the Paint Bucket Tool (G) to fill the layer in black. The layer will be situated lower than the girl’s layer.

How to create an abstract composition using Photoshop CS4
Select for this layer Filter>Render>Clouds (choosing for Foreground color the white color).

How to create an abstract composition using Photoshop CS4
Use the Free Transform (Ctrl+T) command to scale vertical the clouds’ layer.

How to create an abstract composition using Photoshop CS4
Set Fill to 34% for this layer and change the Blending mode to Luminosity.

How to create an abstract composition using Photoshop CS4
Click on the same layer on the bottom part of the Layers panel on Add layer mask icon and select the Soft Round brush of black color (Opacity 20%)

How to create an abstract composition using Photoshop CS4
Use the Soft Round brush to paint smoothly in the mask to hide the top part on the layer.

How to create an abstract composition using Photoshop CS4
Create a new layer and select the Soft Round brush of black color.

How to create an abstract composition using Photoshop CS4
Use this brush to represent a kind of shadow. Place the shadow’s layer under the girl’s one.

How to create an abstract composition using Photoshop CS4
Click on the same layer on the lowest part of the Layers panel on Add layer mask icon and take the Soft Mechanical brush of black color with the Opacity of 20%.

How to create an abstract composition using Photoshop CS4
Use this brush to paint smoothly in the mask to change the opacity of the shadow

How to create an abstract composition using Photoshop CS4
We’ve got the next effect:

How to create an abstract composition using Photoshop CS4
Create a new layer and select this time the Sampled Brush #1 #4 from MVbrush0809 set. The color for the brushes should be white.

How to create an abstract composition using Photoshop CS4
Make some brushstroke using this brush as shown. Place the layer also lower than the girl’s layer.

How to create an abstract composition using Photoshop CS4
Next use the Rectangle Tool (U) to represent several rectangle of the #BA8386 color.

How to create an abstract composition using Photoshop CS4

Next we’ll combine in a group all the rectangles’ layers (press CTRL button to select the corresponding layers and hold on the left mouse’s button when dragging them down on Create a new group icon from bottom part of the Layers panel). Put the group into one single layer. Select the new group and press CTRL+E to Merge Down. Using the Free Transform (Ctrl+T) command, incline the layer the same way demonstrated next picture. The new layer containing the rectangles will be situated under the girl’s layer.

How to create an abstract composition using Photoshop CS4
Using the Rectangular Marquee Tool (M), try to represent the next selection on the rectangles’ layer.

How to create an abstract composition using Photoshop CS4
Right click on the selection and select Select Inverse

How to create an abstract composition using Photoshop CS4
… and press DELETE button.

How to create an abstract composition using Photoshop CS4
Click on the same layer on the bottom part of the Layers panel on Add layer mask icon and select the Soft Round brush of black color (Opacity 20%).

How to create an abstract composition using Photoshop CS4
Use this brush to paint in the mask to change the opacity of the rectangles.

How to create an abstract composition using Photoshop CS4
Next we’ll create a new file with the size 6px by 6px (RGB color mode) at a resolution of 72 pixels/inch, use the Pencil Tool (B) to draw a hard-edged line with Hard Round brush (Master Diameter – 1px).

How to create an abstract composition using Photoshop CS4
Choose Edit > Define Pattern. Enter a name for the pattern in the Pattern Name dialog box.
Use the Rectangle Tool (U) to create the next demonstrated rectangle.

How to create an abstract composition using Photoshop CS4

Set Fill to 0% for this layer and click Add a layer style icon from bottom part of the Layers panel to select Pattern Overlay. Go to Pattern Picker, and recent created pattern can be added by loading them from the Picker‘s sub-menu.

How to create an abstract composition using Photoshop CS4
We’ve got the next effect:

How to create an abstract composition using Photoshop CS4
Click on the same layer on the bottom part of the Layers panel on Add layer mask icon and take the Soft Round brush of black color and Opacity of 20%

How to create an abstract composition using Photoshop CS4
Use this brush to paint in the mask to hide the texture’s edges.

How to create an abstract composition using Photoshop CS4
Using the Line Tool (U) (Weight – 1px), represent three parallel lines, placing their layers under the girl’s one.

How to create an abstract composition using Photoshop CS4
Set Fill to 43% for each layer containing the line.

How to create an abstract composition using Photoshop CS4

  •  

  •    
  •  

 

Post Pages: 1 2

Tags: , , , , , , , , , ,

  • The Web Tuts

    03/05/2010

    Tutorial added to the web tuts

  • Ali

    05/05/2010

    wow great and easy tutorial. Good Job !

  • TomPier

    08/05/2010

    great post as usual!

  • ALEXANDRA(:

    10/05/2010

    why doesn’t it tell you how to get the actual picture?/:

  • Don

    11/05/2010

    I wish you would go into more detail with the Adobe Illustrator portions. I can’t seem the get the effect you have. The same thing happened with the previous tutorial.

  • Chouey

    13/05/2010

    After doing the blending options use the Blend Tool (W) and click on each line, avoid the anchors and it will blend.

  • subhash khatri

    22/05/2010

    Great! Thanks for share….

  • tutorial blog

    22/05/2010

    thank. very useful

  • Art for business

    24/05/2010

    Really great post. Love the colour scheme used.

  • John

    02/06/2010

    I like it ! A lot of useful tips :) thanks

  • photo editor

    21/06/2010

    I beggin of more this type tutorials :)

  • bahar

    18/07/2010

    good

    what does tutrial versi video??

  • deden

    20/07/2010

    thank you very much … :D
    it’s very nice post..

  • zhie

    29/07/2010

    it’s very usefull

  • nice

    04/08/2010

    good tips thanks !

  • idjy

    26/08/2010

    thanks, i love the tutorial

  • OldGhost

    23/09/2010

    humm

    I think me alos say what a Great Tutorial thank’s for sharing.

  • ARMENIAN

    24/09/2010

    MERCI ! THANKS !

  • Sharon W

    06/05/2011

    Nice, I like it, I really I it.

  • jimmy

    29/06/2011

    good use the pen tools

  • Vinicius

    17/05/2013

    Wow, good job!Personally, I am using Flame Painter for such effects. It’s quicker.