Creating a Masking Effect Tutorial by iAPDesign

Creating a Masking Effect Tutorial by iAPDesign

Don't be shellfish...Share on Facebook30Tweet about this on Twitter15Share on Google+3Pin on Pinterest11Share on StumbleUpon4,888Share on Reddit0



Alright guys, I will show you right now how to make a simple masking effects tutorial in Photoshop CS5 by iapdesign.  Actually this tutorial is kinda easy to do, you just need to be creative and enjoy what you are doing.

 



So lets start!

 

Here is the Final Image that we’re going to do today! Simple Masking Effect – Capri Sun.

Creating a Masking Effect Tutorial by iAPDesign

Creating a Masking Effect Tutorial by iAPDesign


Requirements for this tutorial:

 

1. A stock photo of any pictures of your choice. I used the photo from deviantart by 7Roses1BrokenHeart (Just click the name) if you want to used the same photo.

2. A splat brushes, there are so many splat brush you can choose just look at the deviant art.

STEP 1.

Open a New Document in Photoshop, I used 640×480 pixels for this tutorial. And the Resolution is 100. And begin to create a new Layer.

Creating a Masking Effect Tutorial by iAPDesign

Creating a Masking Effect Tutorial by iAPDesign


STEP 2

Get your Gradient tool (G) setup the color to the image below. Apply it now in your bg layer.

Creating a Masking Effect Tutorial by iAPDesign

Creating a Masking Effect Tutorial by iAPDesign

Creating a Masking Effect Tutorial by iAPDesign

Creating a Masking Effect Tutorial by iAPDesign



And add some highlights in your background by adding some dark color. See the image below. And group it by a folder named bg.


Newest Photo Manipulation Tutorials for Photoshop March 2011

Newest Photo Manipulation Tutorials for Photoshop March 2011

STEP 3

Now let’s create a splatter, create new layer and your chosen splat brush use it. Just place it in the center of your newly created layer. See the image below on what it will look like.


Creating a Masking Effect Tutorial by iAPDesign

Creating a Masking Effect Tutorial by iAPDesign



STEP 4

Now let’s add the stock photo that we use or any photo you want to used. Drag it to the main document and you will that the stock photo of the girl is above of our SPLAT layer.

So here it comes the masking effect, hover your mouse in the middle of the the Splat layer and the Stock layer while pressing Alt then click it with your left mouse. See the Image below.



Creating a Masking Effect Tutorial by iAPDesign

Creating a Masking Effect Tutorial by iAPDesign



STEP 5

Just add some drop shadow in your Splat Layer using the blending option. See the configuration below..

Creating a Masking Effect Tutorial by iAPDesign

Creating a Masking Effect Tutorial by iAPDesign



So that’s it guys,

Simple Masking Effect using Photoshop CS5 by iapdesign.com. Share it guys to your friend. :)

FINAL IMAGE

Creating a Masking Effect Tutorial by iAPDesign

Creating a Masking Effect Tutorial by iAPDesign

I am Anthony Pillos 22 years old from Philippines. I'm the founder of iapdesign website. I am working as a web developer/web designer. This is my life and my passion.

Leave a Reply

*

34 comments

  1. Pingback: Shared on FAQPAL.com

  2. chuchu

    kuya, this is my very first time to use the photoshop. Di ko alam kung paano iload yung splat. pati yung picture ng girl. di ko mahanap ang correct button. so ang akin lang, medyo dapat detailed pa yung instructions. di natin maiiwasan ang mga eengot engot katulad ko.XD. hehehehe.

    • @chuchu
      ung splat pgkadownload mo nun ilalagy mo xa sa folder mo ng adobe photoshop. d2
      C:\Program Files\Adobe\Adobe Photoshop CS5 (64 Bit)\Presets\Brushes
      sa folder na brushes ah. tpos reopen mo ung photoshop mo.. tpos press B sa keyboard mo.. tpos ireload mo ung brush na splat. aun.. hehe..

      ask ka lng po pgmy need ka pa po mlalaman.. :)

  3. Adau

    Nice effect! Thanks for the tuto’.
    What brush pack did you use? Where can I find it please?

    Thank you.

  4. Ncruze

    Poor tutorial, Skipped alot of steps. Didnt even tell us how he made the black ribbon effect. SMH

    • well i’m sorry to here that, but you can ask me if you wanna know how it’s done. And by the way, it’s not a ribbon :) it’s just a brush.

      It’s not about the black ribbon thing.. it is the MASKING EFFECT the SIMPLE ONE.. :)

  5. Monica

    Hi, Friend!!

    First, I loved this tutorial, it looks so simple to get this effect…but I would like to know how can I get the stripes behind the ‘splat girl’. Can you help me?

    Thanks!

    • Hi there Monica,
      thank you for reading my simple tuts. i hope it’s kinda clear. :P.
      Well the stripes that i used is vector pack. I have hundreds of brush pack so kinda hard to figure out were is that stripes.. :). But i will look at it, And for the next tuts i will make sure i put all the resources so you can used it.

  6. I can’t do it ! So can u tell me more? i don’t understand how to make the black line in this Pic? and how to do in Photoshop Cs3?

    • Like what Anthony said, you can download a vector brush/es, put it in your Brush folder (C:\Program Files\Adobe\Adobe Photoshop xx\Presets\Brushes), load it upon opening your Photoshop, then you can use it. Another way is the use of the Rectangular Marquee tool or Pen tool (right-click and click ‘Make Selection’ when done with the rectangle) by making a rectangular shape and fill it with any color you like (e.g., Edit>Fill…).

  7. Pingback: 50個今年度到目前為止你不可錯過的Photoshop教學!! « 我是派

  8. Pingback: 150+ Most Useful Photoshop Tutorials 2011 |

  9. Pingback: Ten foreign very doughty of Photoshop tutorial | reXop

  10. Very cool effect, really opens up some interesting possibilities– many thanks for sharing, sir!

  11. Nice tutorial and very intuitive. i’ll try this one. thanks for sharing!

  12. Pingback: 100 Best Photoshop Tutorials Of 2011 | stylishwebdesigner

  13. Pingback: 10 Creative Adobe Photoshop Tutorials | Phire Base - Graphic, Webdesign, Inspiration. Adobe & WP

  14. Pingback: Tutorials: Best Collections Photoshop Tutorials of 2011 « facedesign

  15. Pingback: New Photo Effect Tutorials | VapvaruN | Wp Experts

  16. Pingback: 239 Amazing Photoshop Tutorials | Photoshop tutorials for every photoshop user

  17. Pingback: 30 Best Photoshop Tutorials | 1step web design: Best for developer and designer

  18. Pingback: 350 Best Photoshop Tutorials | Design Magazine

  19. Pingback: Ten The Best Creative Photoshop Tutorials | Gallery Heart

  20. Pingback: Outstanding Photoshop Photo Effects - Photoshop Tutorials | Speaky Magazine

  21. coatedpill

    Hello.

    Nice tuts but it skip a lot of steps.

    It will always be nice to create the tuts with the source is added in it. (Like the brushes use, the image, etc.)

    Anyway thanks for this tuts. I really love the effect.

  22. Pingback: Best of iAPDesign: Year End Amazing CollectioniAPDesign.com Photoshop Tutorials Phillippines,Design and Development Tutorials from the Philippines

  23. Pingback: 15 Didactic Photoshop Tutorials Effects - iAPDesign.comiAPDesign.com Photoshop Tutorials Phillippines,Design and Development Tutorials from the Philippines

  24. Pingback: 350 Best Photoshop Tutorials

  25. Pingback: 30 Photoshop Photo Manipulation Tutorials

Next ArticleTutorials for Creating a Character Vector in Adobe Illustrator