Her

Home Photoshop Tutorials Drawing Techniques Photo/Image Window

Photo/Image Window

Author: EmpireDezign Author's URL: www.empiredezign.com More by this author

We'll begin this tutorial, by creating a new canvas at a size of 300 x 225. Double click the background layer in the Layers Palette and click OK. Doing this will unlock the layer for the next step.

Now right click on the background layer in the Layers Palette and select, "Blending Options...". Now click on "Gradient Overlay".

image 1

You may now click OK.

You should now have the below image.

image 2

Next, grab the "Rounded Rectangle Tool" and draw a rectangle with a radius of 8 pixels with f8f8f9 as the color. Name this layer "Photo Back" in the Layers Palette.

image 3

Now right click on the "Photo Back" layer in the Layers Palette and select, "Blending Options...". Now click on "Drop Shadow".

image 4

Do not click "OK" yet. Still more to do.

Now click on "Inner Glow".

image 5

Do not click "OK" yet. Still more to do.

Now click on "Gradient Overlay".

image 6

You may now click OK.

You should now have the below image.

image 7

Next, grab the "Rectangle Tool" and draw a rectangle. Color does not matter at this point. It will be covered with an image. Name this layer "Image holder" in the Layers Palette.

image 8

Now "Ctrl" click the "Image holder" layer in the Layers Palette to create a selection around it. Open the image you would like to place into your new photo window and with a selection tool chosen, drag from the middle of the selection from the photo window canvas to your image canvas. Now the selection is on the image canvas. Put the selection where you would like it then drag using the move tool back to the photo window canvas while holding in the "Shift" key on your keyboard. This will center the image into the previously made selection.

image 9

Now right click on the image layer in the Layers Palette and select, "Blending Options...". Now click on "Outer Glow".

image 10

You may now click OK.

You should now have the below image.

image 11

Next, grab the "Rounded Rectangle Tool" and draw a rectangle with a radius of 100 pixels with 454545 as the color. Name this layer "Text Back" in the Layers Palette.

image 12

Now right click on the "Text Back" layer in the Layers Palette and select, "Blending Options...". Now click on "Inner Shadow".

image 13

Do not click "OK" yet. Still more to do.

Now click on "Outer Glow".

image 14

You may now click OK.

You should now have the below image.

image 15

Now choose the "Ellipse Tool" and draw 4 black circles as I have done in the image below.

image 16

Now right click on the circle layers in the Layers Palette and select, "Blending Options...".

image 17

Do not click "OK" yet. Still more to do.

Now click on "Drop Shadow".

image 18

Do not click "OK" yet. Still more to do.

Now click on "Inner Glow".

image 19

Do not click "OK" yet. Still more to do.

Now click on "Gradient Overlay".

image 20

You may now click OK.

You should now have the below image.

image 21

Select the "Text Tool" and use the below settings:

image 22

Now type your preferred text.

image 23

The Results!!!

As you can see, I've added some gloss, angeled and duplicated the window twice. I hope you enjoyed this tutorial.

Photo/Image Window