Create colorful poster art using vector elements in Photoshop CS5

October 18th, 2010 by ART-D Posted in Adobe Photoshop, Photo Editing

   

Today, I’m going to show you how to blend fashion image and custom shapes using Adobe Photoshop CS5 to create this stunning poster. You’ll learn useful tips for successfully working with gradients and Layer Styles. Layered PSD file included. Let’s get started!

Final Image Preview

Create colorful poster art using vector elements in Adobe Photoshop CS5

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

Create colorful poster art using vector elements in Adobe 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.

Create colorful poster art using vector elements in Adobe Photoshop CS5

We’ve got the next background:

Create colorful poster art using vector elements in Adobe Photoshop CS5

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, or if you prefer, you can substitute similar image of your own.

Create colorful poster art using vector elements in Adobe Photoshop CS5

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.

Create colorful poster art using vector elements in Adobe Photoshop CS5

Make a rectangular selection using the Rectangular Marquee Tool (M).

Create colorful poster art using vector elements in Adobe Photoshop CS5

Right-click inside the selection and choose Transform Selection to rotate and place as it is shown next picture:

Create colorful poster art using vector elements in Adobe Photoshop CS5

Select the Move Tool (V), confirm to apply the transformation and click inside the selection, now you can move the sliced part. This operation needs to be done several times, cutting the girl’s image by parts of different thickness.

Create colorful poster art using vector elements in Adobe Photoshop CS5

Using the Line Tool (U) (set Weight to 1px in Options bar), try to make several lines of white color as shown.

Create colorful poster art using vector elements in Adobe Photoshop CS5

Next we’ll combine in a group all the lines’ layers (press CTRL button and select the necessary layers and then hold on the left mouse’s button while dragging the selected layers on Create a new group icon from bottom part of the Layers panel). Set Opacity to 63% for created group.

Create colorful poster art using vector elements in Adobe Photoshop CS5

Select now the Ellipse Tool (U) and represent a small ellipse.

Create colorful poster art using vector elements in Adobe Photoshop CS5

Click on Add a layer style icon from bottom part of the Layers panel and select Gradient Overlay.

Create colorful poster art using vector elements in Adobe 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.

Create colorful poster art using vector elements in Adobe Photoshop CS5

We’ve got the next result:

Create colorful poster art using vector elements in Adobe Photoshop CS5

Make two copies of the layer containing the ellipse and select the Free Transform (Ctrl+T) command to change the copies’ sizes, situating them also as below. Change the Gradient Overlay settings for one copy too.

Create colorful poster art using vector elements in Adobe 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.

Create colorful poster art using vector elements in Adobe Photoshop CS5

We’ve got the next result:

Create colorful poster art using vector elements in Adobe Photoshop CS5

Take now the Ellipse Tool (U) and draw one more ellipse:

Create colorful poster art using vector elements in Adobe Photoshop CS5

Click on Add a layer style icon from bottom part of the Layers panel and select Drop Shadow.

Create colorful poster art using vector elements in Adobe Photoshop CS5

Add Bevel and Emboss.

Create colorful poster art using vector elements in Adobe Photoshop CS5

Set Gradient Overlay.

Create colorful poster art using vector elements in Adobe 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.

Create colorful poster art using vector elements in Adobe Photoshop CS5

We’ve got the next result:

Create colorful poster art using vector elements in Adobe Photoshop CS5

Using the same tool, mentioned above, continue representing the ellipses:

Create colorful poster art using vector elements in Adobe Photoshop CS5

Click on Add a layer style icon from bottom part of the Layers panel and select Bevel and Emboss.

Create colorful poster art using vector elements in Adobe Photoshop CS5

Add Gradient Overlay.

Create colorful poster art using vector elements in Adobe 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.

Create colorful poster art using vector elements in Adobe Photoshop CS5

We’ve got the next result:

Create colorful poster art using vector elements in Adobe Photoshop CS5

  •  

  •    
  •  

 

Post Pages: 1 2

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

  • Mia Lazar

    19/10/2010

    NIce tutorial great example.

  • Childmonster

    20/10/2010

    Nice girl :)

  • peter

    13/11/2010

    charming girl

  • Ali

    28/12/2010

    Hi
    Nice work and imagine while working

    thanks for this

  • nagir

    06/02/2011

    nice work like it

  • budianto

    16/05/2011

    I like

  • B.Soner

    12/06/2012

    Thank You :)

  • Etien

    07/07/2012

    Very simple, but effective! Defining awesome all the way :D

  • Faizan

    06/10/2012

    Great work :)