Design a Stylish Poster Mixed With Displacement Effect in Photoshop CS5

download Design a Stylish Poster Mixed With Displacement Effect in Photoshop CS5

of 32

Transcript of Design a Stylish Poster Mixed With Displacement Effect in Photoshop CS5

  • 8/3/2019 Design a Stylish Poster Mixed With Displacement Effect in Photoshop CS5

    1/32

    Design a Stylish Poster mixed withdisplacement effect in Photoshop CS5

    In this tutorial, youll learn how to combine layer masks with custom brushes and adjustment layers tocreate eye catching poster mixed with displacement effect, using simple but effective techniques in

    Adobe Photoshop CS5. Layered PSD file included. Lets get started!

    Final Image Preview

    Inspired from Demi Lovato by Jeno Panganiban.

    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 of300 pixels/inch. Use the Paint BucketTool (G) to fill with white color thenew background layer.

    Find a stock photo with a model represented on it, I used this photofrom deviantart. I would like tothank theauthor of this photo, or if you prefer, you can substitute similar image of your own.

    http://www.flickr.com/photos/28978470@N08/4461332815/http://katanaz-stock.deviantart.com/gallery/#/d1tlxv6http://www.deviantart.com/http://katanaz-stock.deviantart.com/http://katanaz-stock.deviantart.com/gallery/#/d1tlxv6http://www.deviantart.com/http://katanaz-stock.deviantart.com/http://www.flickr.com/photos/28978470@N08/4461332815/
  • 8/3/2019 Design a Stylish Poster Mixed With Displacement Effect in Photoshop CS5

    2/32

    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.

  • 8/3/2019 Design a Stylish Poster Mixed With Displacement Effect in Photoshop CS5

    3/32

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

  • 8/3/2019 Design a Stylish Poster Mixed With Displacement Effect in Photoshop CS5

    4/32

    Weve got the next result:

  • 8/3/2019 Design a Stylish Poster Mixed With Displacement Effect in Photoshop CS5

    5/32

    Create a new layer and make a selection, applying the Rectangular Marquee Tool (M). Place thislayer under the girls one.

  • 8/3/2019 Design a Stylish Poster Mixed With Displacement Effect in Photoshop CS5

    6/32

    Select the Soft Mechanical brush from Brush Tool (B).

    Use this brush to paint the top edges of the selection using #E694FF color as shown .

  • 8/3/2019 Design a Stylish Poster Mixed With Displacement Effect in Photoshop CS5

    7/32

    Using the Free Transform (Ctrl+T) command, lets incline a little the line, the same way shown onthe next picture.

  • 8/3/2019 Design a Stylish Poster Mixed With Displacement Effect in Photoshop CS5

    8/32

    Applying the same method, its possible to create the next line of the color #E27FC4.

  • 8/3/2019 Design a Stylish Poster Mixed With Displacement Effect in Photoshop CS5

    9/32

    Insert the mask on each layer with line by choosing Add layer mask on the bottom part ofthe Layers paneland choose the Soft Round brush ofblack color.

  • 8/3/2019 Design a Stylish Poster Mixed With Displacement Effect in Photoshop CS5

    10/32

    Use this brush to paint in the mask to hide the lines edges.

    Make copies of both layers containing the lines and choose the Free Transform (Ctrl+T) command

  • 8/3/2019 Design a Stylish Poster Mixed With Displacement Effect in Photoshop CS5

    11/32

    to turn over the copies layers, placing them as it is shown below. Place the layers under the girlslayer.

    Next step well download set ofbrushesfor Adobe Photoshop, named: Splat Brushes.

    Create a new layer and use the next brushes from Splat Brushes set.

    http://www.adobetutorialz.com/content_images/AdobePhotoshop/ART-D/tutorial546/brushes_570.rarhttp://www.adobetutorialz.com/content_images/AdobePhotoshop/ART-D/tutorial546/brushes_570.rarhttp://www.adobetutorialz.com/content_images/AdobePhotoshop/ART-D/tutorial546/brushes_570.rarhttp://www.adobetutorialz.com/content_images/AdobePhotoshop/ART-D/tutorial546/brushes_570.rar
  • 8/3/2019 Design a Stylish Poster Mixed With Displacement Effect in Photoshop CS5

    12/32

    Add some brushstrokes with the nextcolors: #DFA63D, #5CC1AA, #952941, #A34057, #3C7075. Place the layers with the brushesunder the girls layer.

  • 8/3/2019 Design a Stylish Poster Mixed With Displacement Effect in Photoshop CS5

    13/32

    Create now a new layer and fill it with white color using the Paint Bucket Tool (G). Choosethe Soft Roundbrush of black color and represent two spots.

    Place this layer under the girls one.

  • 8/3/2019 Design a Stylish Poster Mixed With Displacement Effect in Photoshop CS5

    14/32

    Select for the layer with the brushes the next filter Filter>Pixelate>Color Halftone.

    Weve got the next result:

  • 8/3/2019 Design a Stylish Poster Mixed With Displacement Effect in Photoshop CS5

    15/32

    Set the Blending mode for this layer to Darken.

  • 8/3/2019 Design a Stylish Poster Mixed With Displacement Effect in Photoshop CS5

    16/32

    Create a new layer again and use the Paint Bucket Tool (G) to fill it with #052C52 color.

  • 8/3/2019 Design a Stylish Poster Mixed With Displacement Effect in Photoshop CS5

    17/32

    Insert the mask on the layer by choosing Add layer mask on the bottom part of the Layerspanel and use thenFilter>Render>Clouds.

  • 8/3/2019 Design a Stylish Poster Mixed With Displacement Effect in Photoshop CS5

    18/32

    Now we have to paint in the mask (where weve used Filter>Render>Clouds) with SoftRound brush of black color (set Opacity to 20% in Options bar) to hide the next zones the same

    way demonstrated below:

  • 8/3/2019 Design a Stylish Poster Mixed With Displacement Effect in Photoshop CS5

    19/32

    Lets create a new layer now and apply here the Paint Bucket Tool (G) to fill the layerwith #101010 color.

  • 8/3/2019 Design a Stylish Poster Mixed With Displacement Effect in Photoshop CS5

    20/32

    Insert the mask on the layer by choosing Add layer mask on the bottom part of the Layerspanel and use thenFilter>Render>Clouds.

  • 8/3/2019 Design a Stylish Poster Mixed With Displacement Effect in Photoshop CS5

    21/32

    Above the previous layer we have to create a new one. Select both layer in Layers panel bypressing CTRLbutton and then press CTRL+E to Merge Down. Insert on this layer the mask (Add

    layer mask) and pressCTRL+I to Inverse the color.

  • 8/3/2019 Design a Stylish Poster Mixed With Displacement Effect in Photoshop CS5

    22/32

    Using the Rectangular Marquee Tool (M) represent a selection in the mask.

  • 8/3/2019 Design a Stylish Poster Mixed With Displacement Effect in Photoshop CS5

    23/32

    Right-click inside the selection and choose Transform Selection to incline this area on the left sideon 45 degrees. We have to represent three zones of the same kind inside of which we have to paint

    using Soft Roundbrush ofwhite color to clean out the zones in the mask.

  • 8/3/2019 Design a Stylish Poster Mixed With Displacement Effect in Photoshop CS5

    24/32

    Weve got the next result:

  • 8/3/2019 Design a Stylish Poster Mixed With Displacement Effect in Photoshop CS5

    25/32

    Now we have to paint in the mask containing three inclines lines with Soft Round ofblackcolor (Opacity 20%) to hide the edges of the lines the same way demonstrated next picture.

  • 8/3/2019 Design a Stylish Poster Mixed With Displacement Effect in Photoshop CS5

    26/32

    Make a copy of the last made layer and paint in the mask the lines, applying the same brush but usingdifferent value for Opacity.

    Set the Blending mode for this layer to Linear Light.

  • 8/3/2019 Design a Stylish Poster Mixed With Displacement Effect in Photoshop CS5

    27/32

    Make one more copy of the last made layer.

  • 8/3/2019 Design a Stylish Poster Mixed With Displacement Effect in Photoshop CS5

    28/32

    Create a new layer and represent here the next selection with the Rectangular Marquee Tool(M). Incline the selection on 45 degrees too and fill this area with black color, using in this case

    the Paint Bucket Tool (G).

  • 8/3/2019 Design a Stylish Poster Mixed With Displacement Effect in Photoshop CS5

    29/32

    Set Fill to 0% for this layer and click on Add a layer style icon from bottom part of the Layerspanel and select Inner Shadow.

  • 8/3/2019 Design a Stylish Poster Mixed With Displacement Effect in Photoshop CS5

    30/32

    Add Inner Glow

  • 8/3/2019 Design a Stylish Poster Mixed With Displacement Effect in Photoshop CS5

    31/32

    Weve got the next result:

  • 8/3/2019 Design a Stylish Poster Mixed With Displacement Effect in Photoshop CS5

    32/32

    You might also like: