Making frames/borders

Kilo

I think I've asked this before, but can't find my thread on it, and I think all I was told about it didn't work `cos I could not find the necessary tools on PS to get it done.

What I'm looking to do is make frames (or borders) around my pictures, such as these first two photos you'll see here... http://www.dgrin.com/showthread.php?t=18891&highlight=borders

Just trying to make pictures a little more creative than just leaving them be original, (frameless or borderless) but it's like my PS was missing files or extensions,`cos I couldn't find anything to get it done.:scratch

Thanks!

ChatKat

Uee the drop down under image
Select Canvas Size
Your size image will be there
Put in the size of the border - I use .10 in black for a keyline
and depending on the size of the photo, I put .90 for white for a 1 inch border. I also resize the image say if I want a 16x20 to 15x19 and then add the border.
Make sure the box relative is checked if you want it even.
I experiment making it uneven as well.
Save or Save as and you are done

Kilo wrote:

I think I've asked this before, but can't find my thread on it, and I think all I was told about it didn't work `cos I could not find the necessary tools on PS to get it done.

What I'm looking to do is make frames (or borders) around my pictures, such as these first two photos you'll see here... http://www.dgrin.com/showthread.php?t=18891&highlight=borders

Just trying to make pictures a little more creative than just leaving them be original, (frameless or borderless) but it's like my PS was missing files or extensions,`cos I couldn't find anything to get it done.

Thanks!

Ric Grupe

Kilo wrote:

I think I've asked this before, but can't find my thread on it, and I think all I was told about it didn't work `cos I could not find the necessary tools on PS to get it done.

What I'm looking to do is make frames (or borders) around my pictures, such as these first two photos you'll see here... http://www.dgrin.com/showthread.php?t=18891&highlight=borders

Just trying to make pictures a little more creative than just leaving them be original, (frameless or borderless) but it's like my PS was missing files or extensions,`cos I couldn't find anything to get it done.

Thanks!

This will give you some ideas. Google is your friend!:D

TonyCooper

Kilo wrote:

I think I've asked this before, but can't find my thread on it, and I think all I was told about it didn't work `cos I could not find the necessary tools on PS to get it done.

What I'm looking to do is make frames (or borders) around my pictures, such as these first two photos you'll see here... http://www.dgrin.com/showthread.php?t=18891&highlight=borders


There usually several ways to do anything in Photoshop. This is one way to do what you want. Set the background color to the color you want your outer border to be. Go Image>Canvas Size and set the length and width "n" wider than the image. ("n" being twice the width of the border you want) This will result in your image having a border. The go to Image>Size> and the original size of the image. If you started with an 8" x 10" image, you will now have an 8" x 10" image, but the photograph itself will be smaller by the dimension of "n".

If you want to pop it just a little more, before re-sizing the canvas, select a different color as the foreground and go Select>All Edit>Stroke and this will put a thin line (depending on your stroke size) of color between your photograph and the border.

Kilo

Thanks everyone!

It took me awhile to get it done, but I finally got it. What held me back was not being able to find the Bucket Tool so I could change the border from white to black or visa-versa.
I had to right click on the area it was suppose to be on to change it from Gradient Tool to Bucket Tool.
I had to figure that on my own,`cos there was no instrcution (video or online reading) on how to get it to show up on the panel.

Thanks again! :-)

TonyCooper

Kilo wrote:

Thanks everyone!

It took me awhile to get it done, but I finally got it. What held me back was not being able to find the Bucket Tool so I could change the border from white to black or visa-versa.
I had to right click on the area it was suppose to be on to change it from Gradient Tool to Bucket Tool.
I had to figure that on my own,`cos there was no instrcution (video or online reading) on how to get it to show up on the panel.

Thanks again! :-)

You don't do it that way. If you want to change the foreground and background, you click that right-angled arrow to the right of the two small squares that show the foreground and background colors in the toolbar. The default colors are black and white, but you can use the swatches palette to change to any color. You don't need to have a layer under your image to have the "frame" area filled. The canvas will be the color of your background or foreground square.

If you do have a blank layer (the checkerboard pattern) it is better to go to Edit>Fill and then choose foreground or background color. That fills all of the layer in a uniform fill. The "bucket" fills, but if there is anything at all in the layer it will fill around it.

Kachaffeous

if you only want the border frame for when you post to a forum you can just do it all in your post with css. Found this code on another blog it's pretty cool.


<*span style="float:left;margin:10px;padding:25px;border:10px solid black;background:#707070;"><*img width="600" height="400" style="border:1px solid white;padding:0px" src="http://somepicturelink "/><*/span><*div style="clear: both;"><*/div>

Delete the *'s (5 of them), edit the width, height and src.

Will look like this in your post but your picture will be unaltered.

Kilo

Kachaffeous wrote:

if you only want the border frame for when you post to a forum you can just do it all in your post with css. Found this code on another blog it's pretty cool.


<*span style="float:left;margin:10px;padding:25px;border:10px solid black;background:#707070;"><*img width="600" height="400" style="border:1px solid white;padding:0px" src="http://somepicturelink "/><*/span><*div style="clear: both;"><*/div>

Delete the *'s (5 of them), edit the width, height and src.

Will look like this in your post but your picture will be unaltered.

Yeah, I like that frame better than the one I made on two of my photos.
As for the code, I sure don't have a clue how to do CSS.
I've just started using Photoshop again (v7.0) after getting my new camera that I bought a couple weeks ago.

fgaston

Can anyone help me translate this CSS code (to recreate multi-frame border as displayed), per the picture above, for use in SmugMug for just the large selected image (not the thumbnails)? Many thanks, Fred

Kachaffeous wrote:

if you only want the border frame for when you post to a forum you can just do it all in your post with css. Found this code on another blog it's pretty cool.


<*span style="float:left;margin:10px;padding:25px;border:10px solid black;background:#707070;"><*img width="600" height="400" style="border:1px solid white;padding:0px" src="http://somepicturelink "/><*/span><*div style="clear: both;"><*/div>

Delete the *'s (5 of them), edit the width, height and src.