Overlay an Object in Photoshop CS6

Edited by Freya, Amanda, Eng, Anonymous

You're watching VisiHow. In this video, I'm going to show you how you can overlay an object in Photoshop CS6 in Windows 7. To begin, you should already have Photoshop CS6 open. Then, either open a new document or open an existing document. I've shown you how to do that in other videos. I've already got a document open. It has two layers, a background layer and "Layer 1". It's just a basic shape.

Was this helpful? Yes | No | I need help

Overlay an object in Photoshop CS6.mp4-canvas283 056.jpg

Ad

Steps

  1. 1
    Click on the layer that needs editing.
    For us, this is "Layer 1". The selected layer will be highlighted in blue in the panel on the right-hand side of the screen.
    Overlay an object in Photoshop CS6.mp4-canvas34 456.jpg
    Advertisement
    Was this step helpful? Yes | No | I need help

  2. 2
    Double-click on the layer in the right-hand panel.
    Don't double-click on the title, as that brings up the option to rename the layer.
    Overlay an object in Photoshop CS6.mp4-canvas40 336.jpg
    Advertisement
    Was this step helpful? Yes | No | I need help

  3. 3
    Alternatively, right-click on the layer.
    Overlay an object in Photoshop CS6.mp4-canvas45 734.jpg
    Was this step helpful? Yes | No | I need help

  4. 4
    Click "Blending Options...".
    This brings up a pop-up window called "Layer Style". The double-clicking method also brings up this same window.
    Overlay an object in Photoshop CS6.mp4-canvas47 555.jpg
    Was this step helpful? Yes | No | I need help

  5. 5
    Look at the options on the left-hand side.
    There are three overlay options. Let's preview them briefly.
    Overlay an object in Photoshop CS6.mp4-canvas57 015.jpg
    Was this step helpful? Yes | No | I need help

  6. 6
    Click "Color Overlay".
    Overlay an object in Photoshop CS6.mp4-canvas59 948.jpg
    Was this step helpful? Yes | No | I need help

  7. 7
    Click "Gradient Overlay".
    Overlay an object in Photoshop CS6.mp4-canvas60 931.jpg
    Was this step helpful? Yes | No | I need help

  8. 8
    Click "Pattern Overlay".
    Note that each time we click, it puts a checkmark in the box. When we click another option, it adds a new checkmark. Right now, we have three overlays selected simultaneously.
    Overlay an object in Photoshop CS6.mp4-canvas62 211.jpg
    Was this step helpful? Yes | No | I need help

  9. 9
    Click again on the three overlay options to deselect them.
    Overlay an object in Photoshop CS6.mp4-canvas66 45.jpg
    Was this step helpful? Yes | No | I need help

  10. 10
    Click again on "Color Overlay".
    We'll start with this.
    Overlay an object in Photoshop CS6.mp4-canvas67 249.jpg
    Was this step helpful? Yes | No | I need help

  11. 11
    Look at the color.
    Ours is red. This is because we have red selected in the bottom left-hand corner of the screen.
    Overlay an object in Photoshop CS6.mp4-canvas68 349.jpg
    Was this step helpful? Yes | No | I need help

  12. 12
    Click on the colored rectangle in the "Layer Style" window.
    By default, this box might be black. This brings up the "Color Picker" pop-up.
    Overlay an object in Photoshop CS6.mp4-canvas75 226.jpg
    Was this step helpful? Yes | No | I need help

  13. 13
    Use the "Color Picker" as normal.
    We have demonstrated how to use this tool in another tutorial. Let's go for a pink.
    Overlay an object in Photoshop CS6.mp4-canvas86 239.jpg
    Was this step helpful? Yes | No | I need help

  14. 14
    Click "OK" in the top right-hand side of the "Color Picker".
    Overlay an object in Photoshop CS6.mp4-canvas87 718.jpg
    Was this step helpful? Yes | No | I need help

  15. 15
    Look at the "Blend Mode".
    The default setting is "Normal".
    Overlay an object in Photoshop CS6.mp4-canvas92 339.jpg
    Was this step helpful? Yes | No | I need help

  16. 16
    Click on the dropdown menu next to "Blend Mode" to view other modes.
    Overlay an object in Photoshop CS6.mp4-canvas93 222.jpg
    Was this step helpful? Yes | No | I need help

  17. 17
    Click on a mode to select it.
    This will depend on the style we're going for. In this case, because we've just got a flat color, it's really only changing the color. If we had maybe a photograph or something more detailed, it can have quite interesting effects. It might use a background layer with a pattern as well as the selected layer with a pattern. Go through and select whatever looks interesting.
    Overlay an object in Photoshop CS6.mp4-canvas114 825.jpg
    Was this step helpful? Yes | No | I need help

  18. 18
    Click, hold, and drag the slider next to "Opacity".
    This changes the opacity of the overlay.
    Overlay an object in Photoshop CS6.mp4-canvas121 341.jpg
    Was this step helpful? Yes | No | I need help

  19. 19
    Slide the opacity to 0%.
    This means it has no opacity, so it is transparent. Our rectangle is showing in its original color, with no visible overlay.
    Overlay an object in Photoshop CS6.mp4-canvas125 621.jpg
    Was this step helpful? Yes | No | I need help

  20. 20
    Slide the opacity to 100%.
    This gives the overlay 100% opacity, so the overlay completely obscures the original color.
    Overlay an object in Photoshop CS6.mp4-canvas129 041.jpg
    Was this step helpful? Yes | No | I need help

  21. 21
    Slide the opacity to somewhere near the middle.
    This gives some opacity and some transparency, which blends the colors. We can also type a percentage directly into the field.
    Overlay an object in Photoshop CS6.mp4-canvas133 904.jpg
    Was this step helpful? Yes | No | I need help

  22. 22
    Look at the two buttons beneath the "Opacity" option.
    We have the option to "Make Default" or "Reset to Default". If we click "Make Default", it keeps our settings this way every time we open up this window. We wouldn't really recommend that unless we need to do the same thing over and over again. If we click "Reset to Default", it gets rid of everything we just did and takes it back to how it was before.
    Overlay an object in Photoshop CS6.mp4-canvas143 384.jpg
    Was this step helpful? Yes | No | I need help

  23. 23
    To exit, click "OK" near the top right corner of the screen.
    For this tutorial, we are not going to do that. We are going to show the next two overlays.
    Overlay an object in Photoshop CS6.mp4-canvas160 621.jpg
    Was this step helpful? Yes | No | I need help

  24. 24
    Click "Gradient Overlay".
    Overlay an object in Photoshop CS6.mp4-canvas164 704.jpg
    Was this step helpful? Yes | No | I need help

  25. 25
    Click the dropdown menu next to "Blend Mode".
    Overlay an object in Photoshop CS6.mp4-canvas170 722.jpg
    Was this step helpful? Yes | No | I need help

  26. 26
    Click on modes to experiment with them.
    Overlay an object in Photoshop CS6.mp4-canvas178 482.jpg
    Was this step helpful? Yes | No | I need help

  27. 27
    Click, hold, and drag on the slider next to "Opacity" to adjust the opacity.
    Again, we can also change the opacity by clicking in the adjacent field and typing in a percentage.
    Overlay an object in Photoshop CS6.mp4-canvas190 999.jpg
    Was this step helpful? Yes | No | I need help

  28. 28
    Click on the dropdown menu next to "Gradient".
    Overlay an object in Photoshop CS6.mp4-canvas196 759.jpg
    Was this step helpful? Yes | No | I need help

  29. 29
    Click on an image to select a gradient style.
    Each image shows a preview of the style, which will also show in the bar for the dropdown menu.
    Overlay an object in Photoshop CS6.mp4-canvas205 241.jpg
    Was this step helpful? Yes | No | I need help

  30. 30
    Click on one with a checkered pattern.
    The checkered pattern represents transparency. This gradient would go from one color into a transparency.
    Overlay an object in Photoshop CS6.mp4-canvas213 662.jpg
    Was this step helpful? Yes | No | I need help

  31. 31
    Look at the image on the canvas as different gradient styles are selected.
    We can get some very interesting colors and layers happening. We can only see this very slightly on our canvas at the moment. We will increase the opacity to 100% so we can see the effects better. There are ways to customize the gradient style, but we'll go through that in another tutorial.
    Overlay an object in Photoshop CS6.mp4-canvas220 461.jpg
    Was this step helpful? Yes | No | I need help

  32. 32
    Click the dropdown menu next to "Style".
    Overlay an object in Photoshop CS6.mp4-canvas243 495.jpg
    Was this step helpful? Yes | No | I need help

  33. 33
    Click a style option.
    "Linear" is the default. "Radial" is circular. "Angle", "Reflected", and "Diamond" are also options. "Reflected" is like a mirror. "Diamond" is like a diamond shape radiating out from the center. It's very subtle in our demonstration with the colors we've chosen.
    Overlay an object in Photoshop CS6.mp4-canvas257 672.jpg
    Was this step helpful? Yes | No | I need help

  34. 34
    Click on the field next to "Angle" and type in a new angle.
    Overlay an object in Photoshop CS6.mp4-canvas273 733.jpg
    Was this step helpful? Yes | No | I need help

  35. 35
    Click, hold, and drag the slider next to "Scale".
    Dragging to the right makes a gradient with bigger elements. Dragging to the left makes a gradient with smaller elements. Alternatively, click in the adjacent box and type in a percentage.
    Overlay an object in Photoshop CS6.mp4-canvas282 194.jpg
    Was this step helpful? Yes | No | I need help

  36. 36
    Again, there is the option to make it the default setting, reset everything, or click "OK" to apply and close.
    Let's continue to the next overlay without clicking any of those options.
    Overlay an object in Photoshop CS6.mp4-canvas290 333.jpg
    Was this step helpful? Yes | No | I need help

  37. 37
    Click "Pattern Overlay".
    This is probably the most interesting of all of them.
    Overlay an object in Photoshop CS6.mp4-canvas296 512.jpg
    Was this step helpful? Yes | No | I need help

  38. 38
    Click on the dropdown menu next to "Blend Mode" and click modes to select them.
    Overlay an object in Photoshop CS6.mp4-canvas301 332.jpg
    Was this step helpful? Yes | No | I need help

  39. 39
    Click, hold, and drag on the slider next to "Opacity" to adjust opacity.
    Overlay an object in Photoshop CS6.mp4-canvas306 169.jpg
    Was this step helpful? Yes | No | I need help

  40. 40
    Click the downward-pointing arrow next to "Pattern" and the image shown.
    Overlay an object in Photoshop CS6.mp4-canvas310 749.jpg
    Was this step helpful? Yes | No | I need help

  41. 41
    Click on a different thumbnail to change the pattern.
    We have a sort of bubble pattern, a psychedelic pattern, and so on. We can also add patterns to Photoshop.
    Overlay an object in Photoshop CS6.mp4-canvas313 188.jpg
    Was this step helpful? Yes | No | I need help

  42. 42
    Click the little button directly to the right of the image.
    This presets the pattern if we need to, if it's not already popping up as a common thing.
    Overlay an object in Photoshop CS6.mp4-canvas322 326.jpg
    Was this step helpful? Yes | No | I need help

  43. 43
    Change the "Scale".
    We can use the slider or type in the field to do this. Again, this isn't showing up on ours. This would make a huge difference depending on what is being used and what the goals are.
    Overlay an object in Photoshop CS6.mp4-canvas346 084.jpg
    Was this step helpful? Yes | No | I need help

  44. 44
    Look at the "Link with Layer" button.
    We have the option to link the overlay with the layer or not by clicking in the adjacent box.
    Overlay an object in Photoshop CS6.mp4-canvas350 54.jpg
    Was this step helpful? Yes | No | I need help

  45. 45
    Click "OK".
    We could also click "Make Default" or "Reset to Default", as before.
    Overlay an object in Photoshop CS6.mp4-canvas356 312.jpg
    Was this step helpful? Yes | No | I need help

  46. 46
    Look at the layer on the right-hand side.
    We can see the three overlays added. Each one has an icon of an eye next to it, which means it is visible.
    Overlay an object in Photoshop CS6.mp4-canvas367 115.jpg
    Was this step helpful? Yes | No | I need help

  47. 47
    Click on the eye next to "Color Overlay".
    This makes the color overlay invisible.
    Overlay an object in Photoshop CS6.mp4-canvas368 73.jpg
    Was this step helpful? Yes | No | I need help

  48. 48
    Click on the eye next to "Gradient Overlay".
    Again, this makes the gradient overlay invisible. Now, we can only see the "Pattern Overlay".
    Overlay an object in Photoshop CS6.mp4-canvas370 312.jpg
    Was this step helpful? Yes | No | I need help

  49. 49
    Click on the eye next to "Pattern Overlay".
    Now all overlays are invisible, and we are looking at our original image.
    Overlay an object in Photoshop CS6.mp4-canvas372 331.jpg
    Was this step helpful? Yes | No | I need help

  50. 50
    This is a VisiHow video.
    I've just shown you how you can create and edit an overlay in Photoshop CS6 in Windows 7. If you have any questions or comments, feel free to add them to the section below, and we'll do our best to get back to you.
    Was this step helpful? Yes | No | I need help

    Advertisement

Video: Overlay an Object in Photoshop CS6

Comments

VisiHow welcomes all comments. If you do not want to be anonymous, register or log in. It is free.




Freya
Featured Author
1,135 Articles Started
1,135 Article Edits
57,750 Points
Freya is a featured author with VisiHow. Freya has achieved the level of "Major" with 57,750 points. Freya has started 1,135 articles (including this one) and has also made 1,135 article edits. 459,000 people have read Freya's article contributions.
Freya's Message Board
Freya: Hi, my name is Freya.
Freya: Can I help you with your problem about "Overlay an Object in Photoshop CS6"?
 

Article Info

Categories : Software

Recent edits by: Eng, Amanda, Freya

Share this Article:

Thanks to all authors for creating a page that has been read 244 times.

Do you have a question not answered in this article?
Click here to ask one of the writers of this article
x

Thank Our Volunteer Authors.

Would you like to give back to the community by fixing a spelling mistake? Yes | No