Overlay an Object in Photoshop CS6
Edited by Freya, Amanda, Eng
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.
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.
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.
Alternatively, right-click on the layer.
Click "Blending Options...".
This brings up a pop-up window called "Layer Style". The double-clicking method also brings up this same window.
Look at the options on the left-hand side.
There are three overlay options. Let's preview them briefly.
Click "Gradient Overlay".
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.
Click again on the three overlay options to deselect them.
Click again on "Color Overlay".
We'll start with this.
Look at the color.
Ours is red. This is because we have red selected in the bottom left-hand corner of the screen.
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.
Use the "Color Picker" as normal.
We have demonstrated how to use this tool in another tutorial. Let's go for a pink.
Click "OK" in the top right-hand side of the "Color Picker".
Look at the "Blend Mode".
The default setting is "Normal".
Click on the dropdown menu next to "Blend Mode" to view other modes.
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.
Click, hold, and drag the slider next to "Opacity".
This changes the opacity of the overlay.
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.
Slide the opacity to 100%.
This gives the overlay 100% opacity, so the overlay completely obscures the original color.
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.
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.
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.
Click "Gradient Overlay".
Click the dropdown menu next to "Blend Mode".
Click on modes to experiment with them.
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.
Click on the dropdown menu next to "Gradient".
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.
Click on one with a checkered pattern.
The checkered pattern represents transparency. This gradient would go from one color into a transparency.
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.
Click the dropdown menu next to "Style".
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.
Click on the field next to "Angle" and type in a new angle.
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.
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.
Click "Pattern Overlay".
This is probably the most interesting of all of them.
Click on the dropdown menu next to "Blend Mode" and click modes to select them.
Click, hold, and drag on the slider next to "Opacity" to adjust opacity.
Click the downward-pointing arrow next to "Pattern" and the image shown.
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.
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.
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.
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.
We could also click "Make Default" or "Reset to Default", as before.
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.
Click on the eye next to "Color Overlay".
This makes the color overlay invisible.
Click on the eye next to "Gradient Overlay".
Again, this makes the gradient overlay invisible. Now, we can only see the "Pattern Overlay".
Click on the eye next to "Pattern Overlay".
Now all overlays are invisible, and we are looking at our original image.
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.
Video: Overlay an Object in Photoshop CS6
Recent edits by: Amanda, Freya