Saturday, January 26, 2013

Using Overlays in Photoshop

Recently I released a set of Valentine's Day Overlays in my Etsy Shop, immediately I received a message asking 'How do I use overlays'?? I pointed her to YouTube to find some great tutorials on overlays showcasing just HOW simple they are to use. But it got me thinking I should create a simple tutorial to show how anyone with photoshop can customize them!  
*Disclaimer: when purchasing overlays check to make sure the seller allows customization of their product! Always respect the designers needs!*

Overlays are perfect for decorating just about anything. They are scrapbook 'rub ons' for the digital world! Place them over your cards to instantly customize them, decorate your scrapbook pages and album designs and use them on your marketing templates! Now again, you can find a great tutorial anywhere on the web, but I want to show you how to personalize them using Photoshop [my screenshots are from CS4, if you have a different version of CS, your PS layout may look a little different]!
My overlay sets come as individual PNG files as well as a layered PSD file. PNG's can be opened in lots of different programs, and have a transparent backgrounds so you can place them over items without having a colored background to block what's behind it. The PSD is created in CS4, it should be compatible with any CS [Creative Suite] version, however the PNG is the most important file because it can be opened by most programs and customized! 
You can open a PNG by simply going into Photoshop and clicking File->Open and clicking your chosen Overlay. This will bring up the file [mine are default black with transparent backgrounds]. If you would like to use the PNG on top of a template, card, album, or scrapbook page simply have your chosen aforementioned file open, click File->Place, and choose your favorite Overlay. This will place your PNG on top of your other layers. Once your file is open hit Layer->Smart Objects->Rasterize. This will convert the image into a vector file so you can edit it. [This is a basic tutorial, feel free to google 'rasterisation' to learn more of this process!]
To change the size of your overlay, make sure the file is on a separate layer than the rest of your work. Select the layer, and click Edit->Transform and choose your transformation need [scale for size]. Now a box will pop up around your item, allowing you to play with the scale of it-there are 8 dots total in the corners and sides of the box. If you hover above a corner a two-sided curved arrow will appear- this allows you to move the item in a diagonal manner to place at a chosen angle.
Hover over the corner, and a two-sided arrow diagonal will appear, this allows you to directly resize the item. You can click and pull the corner to change, if you hold down the SHIFT button while resizing it will keep the ratio, while doing it without will let you play with the ratio. If you use a side dot to transform, it will not let you save the ratio! 
If black doesn't work for your project, you change that! The easiest way to do this, is make sure your layer is selected, and click Layer->Layer Style->Cover Overlay. Here you can choose a color and even play with the opacity of the item! Make sure you have 'preview' turned on so you can see the changes as you make them to get it exactly how you want it! Blending modes offer unique ways to blend the item and color, I urge you to experiment with it! The opacity effects how much of the item is see-through, which works nicely to let it work into your project without 'sticking out' too much! Play-Play-Play! You can alter the opacity by clicking on the layer in your layer pallet and playing with the opacity slider on the top of the pallet as well!
Now that you have the perfect size, color, and opacity, you can start playing with other design aspects of it. One popular one is shadowing! If you double click the image in your layer pallet, a layer style box will pop up [you can access this by going to Layer->Layer Style->Blending Options as well]. Here you have choices for shadows, and even embossing! Click Drop Shadow on the right side of the box, [make sure you have preview on again], and play with the opacity, distance and spread to get the perfect shadow for your item! You can even customize it more by playing with the angle! Go through all of the layer style options to customize your item exactly how you like it!
Clipping masks deserve their own tutorial, but lets keep it basic! A clipping mask allows you to take a shape [for example a square box], place an image over it, and then fit the image within the box! Some overlays are thicker than others, which can make for fun clipping mask shapes! To use one Simply open a new document, your preferred size [or use within an existing project], and place the overlay on a layer [see above instructions]. Place your chosen image [or pattern, texture, digital paper etc] on a new layer ABOVE the overlay. Click Layer->Create Clipping Mask. This is automatically place the image/pattern/paper inside the overlay. If it doesn't fit correctly you can change the size of the image using the transform instructions previously mentioned!
Now have fun and PLAY! Overlays are great for the finishing touch to any project! My overlays are made for personal use, and commercial IF its a flattened file! Enjoy! If you have a project with one my overlays feel free to post or link to it in the comments! Can't wait to see how it worked for you! Have any questions? Let me know!
*I don't own and have never used Photoshop Elements, I'm not sure if this process is similar or the same*
This post may be linked up to any of the link parties on Monday HERE.


  1. Great tutorial --love the digital "rub-ons" comparison! Thanks so much for sharing on Busy Monday!

  2. Awesome tutorial!!! Very useful!!!
    Great post!! I included it in my post Βόλτα στη Γειτονιά #20 :)
    Have a great week!!

  3. Newest follower here, I found your blog through the blog hop! You have a wonderful blog, I can't wait to read more.

    You can find me at


  4. Hi! I'd like to invite you to contribute dessert recipes to my Multi-Bloggers Board: Desserts! If you might be interested, please check out this post which I just published on my blog!

    Thanks!! Hope to hear from you soon!

    Blue Eyed Beauty Blog
    Exercise Encouragement Group Blog

    P.S. I really like your overlay's...I use picmonkey right now. I finally bought the subscription and I really LOVE it!

  5. Great post as usual! Nothing ruins the lines of a suit or blazer and makes you look more like a doofus than when your pockets are crammed with stuff - a wallet, a cell phone, keys, a calculator, a calendar, pens, etc.
    Carry less, Carry freedom.

    The classic bifold reinvented. A feature-packed Premium minimalist wallet made with Full Grain Nappa Leather and Crazy Horse Leather.

  6. Wanted to take this opportunity to let you know that I read your blog posts on a regular basis. Your writing style is impressive, keep it up! replica watches india

  7. Can truly relate and retain this outstanding post. Very well written. replica watches india

  8. If you are tired of presence such annoying business meeting then takes our Kolkata VIP escort along. She wills income a decent upkeep of you. She will
    retain you involved in an exciting way and will confirm that you are certainly not bored in your party. Kolkata VIP escorts perceive how to deal
    detached moments out of such gatherings Our Kolkata VIP escorts perceive how and where to pay you section the occasion. You can devote extra superior
    remote instants with them and can carry out all your sensual dreams. You can bounce them directions and they will luckily shadow the equal.
    Kolkata Escorts-Romance With Roma Roy Independent Kolkata Call Girls
    Escort Service In Kolkata
    Escort Service Kolkata
    Escorts Service In Kolkata
    Kolkata Escorts
    Kolkata Escort
    Kolkata Escort Service
    Kolkata Escorts Service
    Kolkata Escorts Services
    Kolkata Independent Escorts
    Kolkata Escorts Agency
    Kolkata Independent Escort
    Kolkata Escort Agency
    Escorts In Kolkata
    Escort In Kolkata
    Kolkata Female Escorts
    Kolkata Female Escort
    Kolkata Call Girls
    Kolkata Call Girl
    Kolkata Models Call Girl
    Kolkata Models Call Girls
    Kolkata Call Girls Services
    Kolkata Call Girls Service
    Kolkata Call Girl Services
    Call Girls In Kolkata
    Call Girl In Kolkata
    Kolkata Call Girl Service


I love comments, questions, and suggestions so leave me some love- I read and respond to everything! =)

Related Posts Plugin for WordPress, Blogger...