How to create Colorful Abstract Fantasy Background in Photoshop CS5

June 22nd, 2012 by admin Posted in Adobe Photoshop, Designing, Drawing Techniques, Textures & Patterns

   

In the following Quick Tip tutorial you will learn how to use Custom shapes, Brush Tool, and Gradients in Adobe Photoshop CS5 to create smooth and colorful abstract background. You can use these techniques and elements to create your own fantasy poster! Layered PSD file included. Let’s get started!

Final Image Preview

How to create Colorful Abstract Fantasy Background in Photoshop CS5

Start working by creating a new document (Ctrl+N) in Adobe Photoshop CS5 with the size 1250px by 1550px (RGB color mode) at a resolution of 72 pixels/inch. Click on Add a layer style icon from bottom part of the Layers panel and select Gradient Overlay.

How to create Colorful Abstract Fantasy Background in Photoshop CS5

Click in the color bar to open the Gradient Editor and set the color stops as shown. Click OK to close the Gradient Editor dialog box.

How to create Colorful Abstract Fantasy Background in Photoshop CS5

We’ve got the next background for our poster:

How to create Colorful Abstract Fantasy Background in Photoshop CS5

Choose after that the Line Tool (U) and set Weight to 1px in Options bar to draw the next lines of white color.

How to create Colorful Abstract Fantasy Background in Photoshop CS5

Select the Custom Shape Tool (U) in the Tools bar, in the Options bar click the Shape to open the selection menu. Find Triangle at the bottom of the menu, and then double-click a shape thumbnail to select it.

How to create Colorful Abstract Fantasy Background in Photoshop CS5

Click and drag to draw the triangle.

How to create Colorful Abstract Fantasy Background in Photoshop CS5

We’ve got the next result:

How to create Colorful Abstract Fantasy Background in Photoshop CS5

Using the same procedure, we have to represent the next triangle, applying the previous tool.

How to create Colorful Abstract Fantasy Background in Photoshop CS5

Set Fill to 0% for this layer and click on Add a layer style icon from bottom part of the Layers panel and select Stroke.

How to create Colorful Abstract Fantasy Background in Photoshop CS5

We’ve got the next result:

How to create Colorful Abstract Fantasy Background in Photoshop CS5

Make two copies of the last made layer and select the Free Transform (Ctrl+T) command to change the copies’ sizes, placing them as below.

How to create Colorful Abstract Fantasy Background in Photoshop CS5

Select the Custom Shape Tool (U) in the Tools bar, in the Options bar click the Shape to open the selection menu. Find Triangle Frame at the bottom of the menu, and then double-click a shape thumbnail to select it.

How to create Colorful Abstract Fantasy Background in Photoshop CS5

Click and drag to draw the triangle frame.

How to create Colorful Abstract Fantasy Background in Photoshop CS5

Set Fill to 16% for this layer.

How to create Colorful Abstract Fantasy Background in Photoshop CS5

Make a copy of the last made layer and select the Free Transform (Ctrl+T) command to change the copy’s sizes, placing it as below:

How to create Colorful Abstract Fantasy Background in Photoshop CS5

Insert the mask on the layer containing the triangle’s copy by choosing Add layer mask on the bottom part of the Layers panel and choose the Soft Round brush of black color.

How to create Colorful Abstract Fantasy Background in Photoshop CS5

Paint in the mask using this brush to hide the bottom part of the layer.

How to create Colorful Abstract Fantasy Background in Photoshop CS5

We’ll draw the next triangle. Use the Custom Shape Tool (U) to represent first triangle with white color. Press Alt button or select Subtract from shape area (-) from Options bar and draw another triangle to cut the middle part as shown.

How to create Colorful Abstract Fantasy Background in Photoshop CS5

We’ve got the next result:

How to create Colorful Abstract Fantasy Background in Photoshop CS5

Set Fill to 68% for this layer.

How to create Colorful Abstract Fantasy Background in Photoshop CS5

Create a new layer and create the next selection using the Elliptical Marquee Tool (M). Make a right click inside the selection and use Transform Selection to rotate the selection as shown.

How to create Colorful Abstract Fantasy Background in Photoshop CS5

Make a right click inside the selection and set Feather to 20%, again right click inside the selection and use Fill to fill the selection with white color.

How to create Colorful Abstract Fantasy Background in Photoshop CS5

 

Make two copies of the last made layer and select the Free Transform (Ctrl+T) command to change the copies’ sizes and place them as below.

How to create Colorful Abstract Fantasy Background in Photoshop CS5

Select the Custom Shape Tool (U) in the Tools bar, in the Options bar click the Shape to open the selection menu. Find Triangle at the bottom of the menu, and then double-click a shape thumbnail to select it. Click and drag to draw the triangle.

How to create Colorful Abstract Fantasy Background in Photoshop CS5

Set Fill to 0% for this layer and click on Add a layer style icon from bottom part of the Layers panel and select Stroke.

How to create Colorful Abstract Fantasy Background in Photoshop CS5

We’ve got the next result:

How to create Colorful Abstract Fantasy Background in Photoshop CS5

Insert the mask on the layer by choosing Add layer mask on the bottom part of the Layers panel and choose the Soft Round brush of black color (set Opacity to 15% in Options bar).

How to create Colorful Abstract Fantasy Background in Photoshop CS5

Paint in the mask using this brush to hide the next zones on the layer as shown.

How to create Colorful Abstract Fantasy Background in Photoshop CS5

Make a copy of the last made layer and select the Free Transform (Ctrl+T) command to change the copies’ sizes, placing them as below. Remove the mask on the copy’s layer.

How to create Colorful Abstract Fantasy Background in Photoshop CS5

Create a new layer and use the Soft Round brush of white color (set Opacity to 20% in Options bar) to represent the next highlight.

How to create Colorful Abstract Fantasy Background in Photoshop CS5

We’ve got the next result:

How to create Colorful Abstract Fantasy Background in Photoshop CS5

  •  

  •    
  •  

 

Post Pages: 1 2

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

  • Nisha

    22/06/2012

    amazing end result! lighting effect is awesome! :)

  • VN1X

    02/07/2012

    The 16% fill triangle strokes are extremely “thick” compared to yours even though I am selecting the same shape and closely positioning them to resemble yours. Any idea why this is happening?

  • VN1X

    02/07/2012

    Here’s a screenshot of what I mean:
    http://i.minus.com/iMNRCq6u5zeVn.jpg

  • VN1X

    02/07/2012

    Also “We’ll draw the next triangle. Use the Custom Shape Tool (U) to represent first triangle with white color. Press Alt button or select Subtract from shape area (-) from Options bar and draw another triangle to cut the middle part as shown.”

    …is doing my head in. I have no idea what I’m supposed to do there.

  • VN1X

    03/07/2012

    Haha okay seriously stuck now at this part: “Paint in the mask using this brush to hide the next zones on the layer as shown.”

    All I get are more white spots instead of softening the lines to make them less apparent. What am I doing wrong? some help would greatly be appreciated.

  • Stark

    19/07/2012

    VN1X
    Maybe you should click mask icon before you paint in the mask. Also you shoult paint with black color, not white, cause only black can hide triangles sides.

    About big vector triangle:
    First You create big triangle – solid white color. Than set Subtract from Shape Area on the upper pannel (tool’s settings0) and create second triangle. The Second one will cut the shape from the first one. You hold Alt that activates subtract mode.

  • Malay deb

    21/08/2012

    Thankzzz adobetutorialz.com……………………..

  • 17ps8

    04/10/2012

    super good effect.

  • Bassam

    10/10/2012

    Wonderful