clutchkiller

Well-known member
Joined
Dec 6, 2003
Messages
2,777
Reaction score
0
I think I figured out how to explain this without ripping off Scott Kelby (if you have or if you are going to buy Photoshop CS2, you should buy his book “The Photoshop CS2 Book For Digital Photographers”). I used a through-away image for this, please forgive the poor pictures, I don’t know how to save the screen that I’m working on… lol, I hope that made sense. And oh yeah… this is kind of time consuming.

TO ADD FRAME (using Windows):

Step 1
#1) Open image that you want to add a frame too and duplicate it so you will have a clean copy incase you want to do other things to it later.

_MG_5038.jpg


#2) Press: D (sets default color of foreground & background)
#3) Press: Ctrl-C (adds selection around image)
#4) Press: Shift-Ctrl-J (creates separate layer)

Step 2
#1) Press: Alt-Ctrl-C (for canvas size)
#2) In dialog box check RELATIVE box
#3) Choose size in inches for width and height (I used 2.5 for my frame mat), color should be white
#4) Click OK (reference image below)

_MG_5040.jpg


Step 3
#1) Press: & hold Ctrl key, and click on Create new layer icon (@ bottom of layers palette, looks like a flipped up page)

Step 4
#0) Press: M (you will not use this tool, but get the marquee tool anyway, I don’t know how to skip this)
#1) Press: D and then X (sets foreground color to white)
#2) Press: Alt-Backspace (fills selection white)
#3) Press: Ctrl-D (deselects)

Step 5
#1) Click on STROKE from Add a Layer Style (@ bottom of layers palette, looks like f with a circle around it)
#2) Choose your size for the black frame (I use anywhere from 20 to 30)
#3) Set the Position to Inside
#4) Choose the color black (from color swatch)
#5) Click OK and a black frame around your image will appear (reference image below)

_MG_5043.jpg


Step 6
#1) Choose Inner Shadow from the Add a Layer Style pop up menu (@ bottom of layers palette, looks like f with a circle around it)
#2) Lower Opacity to 50%
#3) Uncheck the Use Global Light check box
#4) Set Angle from 120 to 130 (you can play around with these settings in #’s 4, 5, and 6)
#5) Increase Distance to 20px
#6) Increase size to 9px
#7) Click OK (this gives a shadow inside your frame)

Step 7
#1) Click on Create a New Layer icon (@ bottom of layers palette)
#2) Press: M for your marquee tool & draw a selection just a little larger than the image (make a ¼ inch border) notice dotted line around image

_MG_5049.jpg


#3) Press: Alt-Backspace (fills selection with white)
#4) Press: Ctrl-D (deselects)

Step 8
#1) Choose Inner Glow from Add a Layer Style pop-up menu (@bottom of layers palette)
#2) Change the Blend Mode pop-up menu to Normal
#3) Lower Opacity to 20%
#4) Choose the color black (from color swatch)
#5) Click OK (reference image below) (makes a shadow like an inner mat)

_MG_5054.jpg


HANG IN THERE YOU’RE ALMOST DONE!

Step 9
#1) From layers palette click on layer with black frame around it (it should be under the layer that you can see your image in)
#2) Choose Drop Shadow from the Add a Layer Style pop-up menu (bottom of layers palette)
#3) Lower Opacity to 60%
#4) Turn off the Global Light check box
#5) Increase the size to 9px
#6) Click OK (adds depth to the inner mat reference image below)

_MG_5056.jpg


Flatten layers and save

The finished image with frame added…

_MG_5026.jpg


I hope I didn't leave anything out
<
<
 

Hideandwatch

Well-known member
Joined
Jul 26, 2002
Messages
1,306
Reaction score
1
Paul,
Thanks for the great tutorial...well done. I dont know how you put up the pages you were working on if ya didnt know how to save them..LOL...you need to save the page your working on to "clipboard" use the prt scr key on your keyboard. This is a hassle too...lOL..then you open the clipboard in infraview and then save it to a jpg so you can email or post it. If you dont have infraview hee is the link for the free download.. a good little program to have.

http://www.irfanview.com/
 

clutchkiller

Well-known member
Joined
Dec 6, 2003
Messages
2,777
Reaction score
0
LMAO! Thanks Hideandwatch, and for the link... I wish I had it a little earlier today, lol.
 

Hideandwatch

Well-known member
Joined
Jul 26, 2002
Messages
1,306
Reaction score
1
<div class='quotetop'>QUOTE (clutchkiller @ Jan 27 2007, 09:25 PM) <{POST_SNAPBACK}></div>
LMAO! Thanks Hideandwatch, and for the link... I wish I had it a little earlier today, lol.[/b]

dont tell me that you took pics of this with your cam...LOL..I was just rereading your post and I swear that is what I am reading..now I am LMAO... no problem for the link
 

Hideandwatch

Well-known member
Joined
Jul 26, 2002
Messages
1,306
Reaction score
1
Bump!
Hey Chris, would it be possible to get Pauls post pinned at the top of the forum, I think it has some great info in it and should be readily available.
Thanks
 

clutchkiller

Well-known member
Joined
Dec 6, 2003
Messages
2,777
Reaction score
0
I don't know if this thread is worthy of being pinned but thanks Hideandwatch.

Something I forgot to mention before... In step 4 you would be making your frame inside of the canvas that goes around your image if I included a few other things before hand. I left some things out because your finished frame would look funny when you go to post it on a web-site. I haven't figured out how to skip step 4 all together yet and still end up with a frame.

Also, when you get to steps 6, 8, and 9 you can create different effects by playing around a little with distance and size (try leaving the Global light box on in steps 6 & 9).
 

leod

Well-known member
Joined
Jun 7, 2003
Messages
222
Reaction score
0
Well done clutchkiller.

I don't have CS2, but I just got Elements 5 and similar things can be done with the frames.

I'm still in the reading stage with it, but I did get the Scott Kelby book for Elements 5 and it's a big help.
 

PaPaBob

Well-known member
Joined
May 19, 2004
Messages
2,624
Reaction score
1
Interesting posting. Thanks for the great tutorial. As for another program, although it is not free to capture images on the screen check out this site: Techsmith's SNAGIT program

This little gem captures different sections of your actual screen. You can capture an individual window and save it to jpg or send to the printer or capture the entire screen. Not too expensive either.

Example Image of my posting:

[attachment=38251:attachment]
 

Attachments

  • JHO_windowimage.jpg
    JHO_windowimage.jpg
    41.5 KB · Views: 1

clutchkiller

Well-known member
Joined
Dec 6, 2003
Messages
2,777
Reaction score
0
<div class='quotetop'>QUOTE (leod @ Jan 29 2007, 05:18 AM) <{POST_SNAPBACK}></div>
Well done clutchkiller.

I don't have CS2, but I just got Elements 5 and similar things can be done with the frames.

I'm still in the reading stage with it, but I did get the Scott Kelby book for Elements 5 and it's a big help.[/b]

Thanks Leod, with the Photoshop programs being as advanced as they are, a good how-to book is a definite must have.

And that's pretty cool PaPaBob, I wish I had something like that before this thread. I have today and tomorrow off so I'll down load either this version or the one Hideandwatch provided and try to figure out how to skip step #4... maybe I'll post an easier thread to follow.
 

Latest Posts

QRCode

QR Code
Top Bottom