clutchkiller
Well-known member
- Joined
- Dec 6, 2003
- Messages
- 2,777
- Reaction score
- 0
I rushed through my last explanation on creating frames for posting your images on the web, hopefully I’ll do a better job of it this time. Also, thanks to Hideandwatch and PaPaBob for providing links to save the screens/images that I’m working on. I figured out that you can save an image of the Photoshop screen you are working on by pressing Ctrl & the Print Screen keys together, then go to Paint and under the Edit menu click on paste… your image will appear and you can save it as a JPEG... if you are using Windows
Sorry to repeat some of this but here goes…
Making a frame:
The first thing you need to do is open the image that you want to frame. Duplicate this image so that you will have a copy that you can edit later or print without the frame attached.
Step One
#1) Press the letter D on your keyboard. This sets your background and foreground colors to their defaults.
#2) Mac users, press Command-A
Windows users, press Control-A
This makes a selection around your image
#3) Mac, press Shift-Command-J
Win, press Shift-Control-J
This cuts your image from the background layer making a separate layer (layer 1)
Step Two
#1) From Image menu choose Canvas Size
#2) Turn on Relative checkbox
#3) Set Canvas extension color to White
#4) Enter the size you want your canvas to be. Remember to make it large enough for your inner mat which you will create in following steps
After pressing Okay, you will be able to see your white mat around your image. I chose 3.5 inches for my mat, you can’t see all of it, but it goes completely around my image
Step Three
#1) Mac, press and hold Command key
Win, press and hold Control key
And click on Create a New Layer icon, it is at the bottom of the layers palette
This makes a new layer under your image layer, instead of above it
Step Four
I’m going to include all of step four this time. Assuming that you made your canvas/mat large enough for this
#1) Press the letter M on your keyboard to get the Marquee tool
#2) Make a rectangular selection a little larger than your image. This will be your frame, whatever white space that is outside of your selection will remain (it will not look good on a site with a background like JHO, on a site with a white b/g it looks pretty good). If you do not want this white on the outside of your frame, do not make the rectangular selection, but continue to follow the steps
#3) Press the letters D and then X this sets your foreground color to white
#4) To fill selection with white…
Mac, press Option-Delete
Win, press Alt-Backspace
#5) Mac, press Command-D
Win, press Control-D
this deselects
Here is a completed frame where I followed all of step four, notice the white color on the outside of the frame. You can experiment later to try and match the web-site color you will post your image on.
Step Five
#1) Choose Stroke from Add a Layer Style icon at the bottom of the layers palette, it looks like f with a circle around it
#2) Increase the size to how wide you want your frame. I chose 30px, you can go larger or smaller
#3) Click on the color swatch and choose the color you want your frame. I picked the color black from the color picker
#4) Set position to Inside it will give you square corners instead of round
#5) Click on Okay and your frame will appear
Notice that you now have three layers in the layers palette, which includes your background
Step Six
Now you can get a little creative with your future frame… This will be a shadow effect on the inside of your frame
#1) Choose Inner Shadow from Add a Layer Style icon at the bottom of the layers palette
#2) Increase or lower the Opacity depending on how dark you want your shadow to be
#3) Set the angle to somewhere around 130% you can play around with this
#4) Depending on the effect you are after uncheck the Use Global Light box or leave it on
#5) Increase or lower the Distance depending on how far you want your shadow cast
#6) Increase or lower the Size this also works like Opacity, you’ll have to play around a little to get the shadow you want
Notice the shadow is at the left side of the frame, I’ll have to remember that later. By playing around with the settings in step five you can either have the shadow cast from the left or right
Step Seven
#1) Click on the Create a New Layer icon at the bottom of the layers palette
#2) Press the letter M to get your Marquee tool
#3) Draw a rectangular selection a little larger than your image, about 1/4th of an inch, this will either be an inner mat or you can make it look like a thin border around your image
Notice the dotted line around the image and that there is now four layers in the layers palette
#4) Mac, press Option-Delete
Win, press Alt-Backspace
#5) Mac, press Command-D
Win, press Control-D
You have filled your selection with white and deselected
Step Eight
#1) Choose Inner Glow from Add a Layer Style at the bottom of the layers palette
#2) Change the Blend mode to Normal
#3) Choose the color black from the color swatch (it will look gray when done)
#4) Increase or lower the Opacity, if you increase Opacity you will have a sharp edge looking like the edge of paper. If you lower Opacity you will have a gray color that separates your inner and outer mats
#5) Click Okay and this line will become visible around your image
Step Nine
#1) Click on your outer frame layer in the layers palette. It should be Layer 3 just under the layer with your image in it
#2) Choose Drop Shadow from Add a Layer Style icon at the bottom of the layers palette
#3) You can play around with these settings depending on the effect you want. This is where I had to make sure to have my shadow cast from left to right to match the shadow that is inside of my frame (on the left). You can either create the illusion of depth between your mats, or the illusion that your picture is floating above your mat (what I was after).
Notice which layer I clicked on
Here is my finished image and frame…
If you chose to follow all of step four, you can add a shadow to the outside of your frame by clicking on the correct layer (I can’t remember which it is) and you can change the color of the white that surrounds your frame. If you followed step four and want to remove the white color on the out side of your frame, go to the Image menu and click on Trim, make sure Top Left Pixel Color is checked and press Okay. This will remove the white color and keep your frame.
Sorry to repeat some of this but here goes…
Making a frame:
The first thing you need to do is open the image that you want to frame. Duplicate this image so that you will have a copy that you can edit later or print without the frame attached.
Step One
#1) Press the letter D on your keyboard. This sets your background and foreground colors to their defaults.
#2) Mac users, press Command-A
Windows users, press Control-A
This makes a selection around your image
#3) Mac, press Shift-Command-J
Win, press Shift-Control-J
This cuts your image from the background layer making a separate layer (layer 1)
Step Two
#1) From Image menu choose Canvas Size
#2) Turn on Relative checkbox
#3) Set Canvas extension color to White
#4) Enter the size you want your canvas to be. Remember to make it large enough for your inner mat which you will create in following steps
After pressing Okay, you will be able to see your white mat around your image. I chose 3.5 inches for my mat, you can’t see all of it, but it goes completely around my image
Step Three
#1) Mac, press and hold Command key
Win, press and hold Control key
And click on Create a New Layer icon, it is at the bottom of the layers palette
This makes a new layer under your image layer, instead of above it
Step Four
I’m going to include all of step four this time. Assuming that you made your canvas/mat large enough for this
#1) Press the letter M on your keyboard to get the Marquee tool
#2) Make a rectangular selection a little larger than your image. This will be your frame, whatever white space that is outside of your selection will remain (it will not look good on a site with a background like JHO, on a site with a white b/g it looks pretty good). If you do not want this white on the outside of your frame, do not make the rectangular selection, but continue to follow the steps
#3) Press the letters D and then X this sets your foreground color to white
#4) To fill selection with white…
Mac, press Option-Delete
Win, press Alt-Backspace
#5) Mac, press Command-D
Win, press Control-D
this deselects
Here is a completed frame where I followed all of step four, notice the white color on the outside of the frame. You can experiment later to try and match the web-site color you will post your image on.
Step Five
#1) Choose Stroke from Add a Layer Style icon at the bottom of the layers palette, it looks like f with a circle around it
#2) Increase the size to how wide you want your frame. I chose 30px, you can go larger or smaller
#3) Click on the color swatch and choose the color you want your frame. I picked the color black from the color picker
#4) Set position to Inside it will give you square corners instead of round
#5) Click on Okay and your frame will appear
Notice that you now have three layers in the layers palette, which includes your background
Step Six
Now you can get a little creative with your future frame… This will be a shadow effect on the inside of your frame
#1) Choose Inner Shadow from Add a Layer Style icon at the bottom of the layers palette
#2) Increase or lower the Opacity depending on how dark you want your shadow to be
#3) Set the angle to somewhere around 130% you can play around with this
#4) Depending on the effect you are after uncheck the Use Global Light box or leave it on
#5) Increase or lower the Distance depending on how far you want your shadow cast
#6) Increase or lower the Size this also works like Opacity, you’ll have to play around a little to get the shadow you want
Notice the shadow is at the left side of the frame, I’ll have to remember that later. By playing around with the settings in step five you can either have the shadow cast from the left or right
Step Seven
#1) Click on the Create a New Layer icon at the bottom of the layers palette
#2) Press the letter M to get your Marquee tool
#3) Draw a rectangular selection a little larger than your image, about 1/4th of an inch, this will either be an inner mat or you can make it look like a thin border around your image
Notice the dotted line around the image and that there is now four layers in the layers palette
#4) Mac, press Option-Delete
Win, press Alt-Backspace
#5) Mac, press Command-D
Win, press Control-D
You have filled your selection with white and deselected
Step Eight
#1) Choose Inner Glow from Add a Layer Style at the bottom of the layers palette
#2) Change the Blend mode to Normal
#3) Choose the color black from the color swatch (it will look gray when done)
#4) Increase or lower the Opacity, if you increase Opacity you will have a sharp edge looking like the edge of paper. If you lower Opacity you will have a gray color that separates your inner and outer mats
#5) Click Okay and this line will become visible around your image
Step Nine
#1) Click on your outer frame layer in the layers palette. It should be Layer 3 just under the layer with your image in it
#2) Choose Drop Shadow from Add a Layer Style icon at the bottom of the layers palette
#3) You can play around with these settings depending on the effect you want. This is where I had to make sure to have my shadow cast from left to right to match the shadow that is inside of my frame (on the left). You can either create the illusion of depth between your mats, or the illusion that your picture is floating above your mat (what I was after).
Notice which layer I clicked on
Here is my finished image and frame…
If you chose to follow all of step four, you can add a shadow to the outside of your frame by clicking on the correct layer (I can’t remember which it is) and you can change the color of the white that surrounds your frame. If you followed step four and want to remove the white color on the out side of your frame, go to the Image menu and click on Trim, make sure Top Left Pixel Color is checked and press Okay. This will remove the white color and keep your frame.
