Suby & Sins House

04 May 2007 1,953 views
 
supporter of
atom rss 1.0 rss 2.0
web browser google del.icio.us digg technorati
| lost password
birth date
cancel
photoblog image Border Tutorial

Border Tutorial

Subysphoto

Suby In The House   

I promised to put up a simple tutorial on borders in CS2 (the basic principle is the same for Adobe Elements), well here goes. I took this image on Wedneday night (Image 1)

          Open up the photograph you want to frame. Press D on your keyboard to set your foreground/Background color to their default.

         Press Control-J to create a new layer. Go Under image menu & choose Canvas Size or press     Alt-Ctrl-C (Mac:option-command-C), When the dialogue box appears, turn on  the relative checkbox, set the canvas extension color to white and enter 1 inch for both width & Height. Then click okay

         In your Layer Palette at the bottom, that little f sign you been wondering what it does, click and select stroke. ( Do not just click on the checkbox but click on the word stroke itself, this gives you access to all the functions). When the dialoge box appears, change your colour to black, set size to 9 and position to inside. A black border will appear around the outside edge of your image.

          Now lets add a little bit of shadow to the image creating that illusion it's floating above the page. Click on Drop Shadow (remember to click on the word drop shadow to display all it's function), uncheck the Use Global Light check box, set the angle to 131 degrees and increase the Distance, Spread & Size as desired, if you have your preveiw box ticked you can watch the changes been made real time. This will add a small shadow between your image and the white background. Press OK when you are satisfied with the results.

Now for me, I have created an action that I simply click that does this for me in about a second. This is just the basics of framing your images. Master the basics and you will be surprised how easy even the complex borders are. Image 2 takes it a little further.

Poster Framing your image. (Image 2) We will start from step two above, (do not forget to implement step one please)

         Only difference here is you enter 2 inches for both width and height (please feel free to experiment with the settings, the settings I use here work for me, that does not mean  it will work for everyone), when done, press okay. 

        Then go back into the canvas size dialogue box by pressing Press Alt+Ctrl+C again, We are now going to add an inch or 2 of canvass to the bottom of your image. Change  your dimensions to inches and add 2 inches in the height box only, now (important part here) in the anchor grid, click on the top-center anchor, this will extend only the bottom half of your canvass. Click okay and the additional inch or 2 of white is added below your photo.

          You can decide to add a black, or whatever colour border around your image here. Click on the pesty f in your layers palette and select stroke, click on the colour picker and set your colour to your hearts desire, I normarly use black or white. Set size to 9, position to inside and if you want to add a drop shadow, I guess you know how to do that  now. Then press okay.

         To add the texts, Just click on your background layer and add whatever texts using your desired fonts, as easy as that.

But what happens you dumb guy if I want to change my background to Black and have the border around my image as White I hear someone ask???

Well fear not, if you blink you will miss this. (Image 3)

         Go back to your duplicate layer, you see that pesky f sign on it, yes that one on the right, I want you to double click on it and what happens? Yes the layer style dialogue box   pops up again, click on stroke and simply change your color to white, then hit ok. Now ensure your foreground and background is set to it's default colour by hitting the D key on your keyboard, click on your background layer then simply hit Alt-Backspace (Mac-Option-Delete).

Feel free to call me a genuis here LOL, but have to say all this either learned from reading soo many Photoshp books and hours using the darn program.

Please remember my image resolution and size are very big, you may find you have to reduce the figures I have provided you guys above when trying out these tutorials. The aim is for me to point you in the right direction and for you to experiment with what you have learnt. I gurantee you these are very easy to achieve. Good luck and if anyone one has any questions, please feel free to ask.

Words & Photography by Suby

Anyone looking for the services of Suby & Sinem as Photographers, you know what to do...

Please also visit our other photoblog of fashion images by clicking on Suby & Sinem

"Ars longa, vita brevis

Border Tutorial

Subysphoto

Suby In The House   

I promised to put up a simple tutorial on borders in CS2 (the basic principle is the same for Adobe Elements), well here goes. I took this image on Wedneday night (Image 1)

  • Step One:

          Open up the photograph you want to frame. Press D on your keyboard to set your foreground/Background color to their default.

  • Step Two :

         Press Control-J to create a new layer. Go Under image menu & choose Canvas Size or press     Alt-Ctrl-C (Mac:option-command-C), When the dialogue box appears, turn on  the relative checkbox, set the canvas extension color to white and enter 1 inch for both width & Height. Then click okay

  • Step Three:

         In your Layer Palette at the bottom, that little f sign you been wondering what it does, click and select stroke. ( Do not just click on the checkbox but click on the word stroke itself, this gives you access to all the functions). When the dialoge box appears, change your colour to black, set size to 9 and position to inside. A black border will appear around the outside edge of your image.

  • Step Four:

          Now lets add a little bit of shadow to the image creating that illusion it's floating above the page. Click on Drop Shadow (remember to click on the word drop shadow to display all it's function), uncheck the Use Global Light check box, set the angle to 131 degrees and increase the Distance, Spread & Size as desired, if you have your preveiw box ticked you can watch the changes been made real time. This will add a small shadow between your image and the white background. Press OK when you are satisfied with the results.

Now for me, I have created an action that I simply click that does this for me in about a second. This is just the basics of framing your images. Master the basics and you will be surprised how easy even the complex borders are. Image 2 takes it a little further.

Poster Framing your image. (Image 2) We will start from step two above, (do not forget to implement step one please)

  • Step Two:

         Only difference here is you enter 2 inches for both width and height (please feel free to experiment with the settings, the settings I use here work for me, that does not mean  it will work for everyone), when done, press okay. 

  • Step Three:

        Then go back into the canvas size dialogue box by pressing Press Alt+Ctrl+C again, We are now going to add an inch or 2 of canvass to the bottom of your image. Change  your dimensions to inches and add 2 inches in the height box only, now (important part here) in the anchor grid, click on the top-center anchor, this will extend only the bottom half of your canvass. Click okay and the additional inch or 2 of white is added below your photo.

  • Step Four:

          You can decide to add a black, or whatever colour border around your image here. Click on the pesty f in your layers palette and select stroke, click on the colour picker and set your colour to your hearts desire, I normarly use black or white. Set size to 9, position to inside and if you want to add a drop shadow, I guess you know how to do that  now. Then press okay.

         To add the texts, Just click on your background layer and add whatever texts using your desired fonts, as easy as that.

But what happens you dumb guy if I want to change my background to Black and have the border around my image as White I hear someone ask???

Well fear not, if you blink you will miss this. (Image 3)

  • Step Five:

         Go back to your duplicate layer, you see that pesky f sign on it, yes that one on the right, I want you to double click on it and what happens? Yes the layer style dialogue box   pops up again, click on stroke and simply change your color to white, then hit ok. Now ensure your foreground and background is set to it's default colour by hitting the D key on your keyboard, click on your background layer then simply hit Alt-Backspace (Mac-Option-Delete).

Feel free to call me a genuis here LOL, but have to say all this either learned from reading soo many Photoshp books and hours using the darn program.

Please remember my image resolution and size are very big, you may find you have to reduce the figures I have provided you guys above when trying out these tutorials. The aim is for me to point you in the right direction and for you to experiment with what you have learnt. I gurantee you these are very easy to achieve. Good luck and if anyone one has any questions, please feel free to ask.

Words & Photography by Suby

Anyone looking for the services of Suby & Sinem as Photographers, you know what to do...

Please also visit our other photoblog of fashion images by clicking on Suby & Sinem

"Ars longa, vita brevis

comments (26)

r we showing off now, Mr subs, just joking nice tutorials.
Suby & Sinem: Showing off, never. Hard work putting these tutorials together mate, not my idea for showing of grin Hope it helps and inspires people to get more creative with the presentation of their images

Suby
Questions, no but I do thank you as I have always wanted to know how to do that but didn't want to ask. And I'm real grateful that someone out there did ask. But know that your receptive to more questions, how come I can't but in paragraphs and coloured text like the rest of you ? I've even written them to word first but no dice when I copy and paste.

Thanks Bro
J
Suby & Sinem: Johnny never be scared to ask questions bro, I ask when I see something I am not sure about. grin Do you mean texts when you are writing your comments on Shutterchance? Easily done bro, easily done. When you write or paste your words in the comments field, 1st highlight the words or word you want to chnage the font colour, if you look on top right of this field, you should see the "Text Colour" button (denoted with a capital A and a black line underneath), click this & the colour text box appears, then choose the colour you want to use.

For paragraphs, just got to the end of the sentence and hit "enter" key as many times as desired. By the way what operating system do you run and what browser do you use?

I hope thats what you were refering to. Hope this helps :d

Suby
  • Sidney
  • Philippines
  • 4 May 2007, 03:00
Thanks Suby!
I will try this out asap.
Suby & Sinem: I hope you have fun :d

Suby
Oh wow, Suby, I can't wait to try this technicque. I'll post it to show you. Thanks so much! Lovely image, btw!
Suby & Sinem: You welcome Kay, been meaning to post up a few tutorials but they are a lot harder to put together than I thought, will try do do at least one a month from now on smile

Suby
I thought I'd be greeted by a great photo when I clicked on the thumbnail and surprise!..a tutorial. Thank you, Suby..lovely image too!
Suby & Sinem: Eeeck does that mean you "were not greeted by a great photo" (Starting to prepare to throw self out of GROUD floor window LOL) Only kidding, have fun trying it out.

Suby
goodie, wanted to know how to do this, thanks a lot subster...where does one select the drop shadow from?
Suby & Sinem: You welcome bro, Drop shadow, in your layers palette (that box that contains the trash can icon, gropus later mask etc) on the bottom left, click the "f" button and then click stroke, you get a box that pops up with lots of choices, on the top is the drop shadow. Remember to click on the word drop shadow, to activate all the functions. Very important to do this.

Suby
  • chunter
  • Salisbury, Wiltshire. UK.
  • 4 May 2007, 08:25
Apart from the tutorial, this is an excellent example that shows how different the same image can look when presented differently. A good lesson in considering presentation as an integral part of image display.
Suby & Sinem: Thanks Colin, me waiting on you putting up some of your own tutorials cause I know you got some skills that need sharing :d

Suby
Okay. Now ive got work to do. Thanks Suby
Suby & Sinem: Have loads and loads of fun, remember, do not stick regimentally to how I do this, once you get the basic ideas, experiment with different uses of this technique, think outside the box, then come back and teach me something new :d

Suby
Priceless ... thanks !
Suby & Sinem: You a definitely welcome. Have fun

Suby
Very useful information. By the way, image 2 is my favourite.
Suby & Sinem: Thanks david :d

Suby
Thanks Suby. The white border (Image 2) looks great for this shot. smile
Suby & Sinem: Thanks Anup, have fun :d

Suby
  • Carol
  • 4 May 2007, 10:33
Thank you for sharing your talents Suby. I still feel like that first day I got behind the driving wheel. I'm confident that I will learn (eventually), but for now there's a lot of information to take in.
Suby & Sinem: You welcome Carol, I have actually been playing around with putting together very basic photoshop turorials that anyone with the slightest interest in photography can follow. I mean simple things like the tutorial above or simple how to convert images to B&W or just colour correcting images, these are basic skills thats once mastered take less than 2 - 5 minutes to action. I feel you will learn faster than you think, give it a try, looking to post another tutorial next week (if I can :d
)

Suby
Thanks Dude .. Keep up the good work
Suby & Sinem: Trying as hard as I can. Hope the tips above help you in some little way :d

Suby
great collage.
Suby & Sinem: Thanks a lot Chantal
  • Neil Tandy
  • Johannesburg, South Africa
  • 4 May 2007, 14:00
Subster my mate, on behalf of everyone, many, many thanks for sharing the info, another reason that SC is such a great community. 2 small things: a) is it possible to link the above to a printable version (or can I print direct from here?), b)I only have PS5, can I still achieve the same results?
All I need to learn now, is how to take good photos!! grin You got any lessons available!!???? Many regards to you and Sinem. Neil.
Suby & Sinem: You welcome Neil,
a)Just copy and past it into word as your hearts content smile
b)Principles are basically the same for older versions of Photoshop. There may be some slight differences but as long as you know where things like stroke etc are, you should have no problem

Already working on my next tutorial, seems this is quite helpful to many people so might as well share the knowledge around :d

Suby
Thank you!
Suby & Sinem: You are very welcome :d

Suby
  • Louis
  • South Africa
  • 4 May 2007, 21:48
Very good of you to share. Your choice of pic shows clearly the impact of a border decision. Lovely stuff.

From time to time other bloggers ask me for inputs, e.g. how to portrait, or help with a choice of camera. And one try to help as one can. In the comments manner of helping the information has to be repeated everytime someone else asks the question.

What I was thinking as an improvement on the blog and a help to new bloggers. Create a learning environment where a blogger who has some tutorial to provide, can set it up (with picture examples) and in future it would be easier to refer someone to such a tutorial. It could also have a section with links for when some of us runs accross good articles, to post a link. So what you think?
Suby & Sinem: Thanks Louis, there is actually a learning centre on SHutterchance that tutorials like these are meant to be placed. On the main list page, if you click on discussion forums you should find a learning zone. I will also be posting up these tutorials in there so it's there for keeps. I just felt more people would see the tutorial in here, gradually I will start to make people aware of tutorials in the learning zone as they appear there.

Suby
  • Ellie
  • 4 May 2007, 22:00
It always interests me to see the difference the background colour can make to a picture.

Good idea for a useful tutorial, unfortunately I can't take advantage of it because I haven't got CS2 smile Would it be any good to put this in the forum somewhere, where it won't get lost?
Suby & Sinem: Thanks Ellie, will be posting this in the forum as soon as I can. Was going to do that last night but just have not had the time :d

Suby
very detailed tutorial, I do some things a little different but this is definately a good reference when I have questions..looking forward to more these.
Great lesson - Thank you very much I'm going to try it just now smile
  • Ginnie
  • Atlanta, GA, United States
  • 6 May 2007, 13:05
OMG, Suby. I am so glad I didn't miss this!!! It's going straight to my Likeys (so I can find it easily) AND to a file folder I have on Shutterchance. I do happen to have CS2 but have never learned borders. Your tutorial makes it seem very easy and doable for even ME! smile

Thanks a million.
Excelent work and great tutorial, Suby! Many thanks ! smile
  • Jeremy
  • Canada
  • 7 May 2007, 13:25
Thanks!
So nice of you to provide tutorials. smile
  • Axel
  • New-York
  • 8 May 2007, 18:29
Good site!
playstation2cheats
dan inosanto
annie sprinkles
underwear4men
robbie willams
fishheads
bikinibikini
  • Dipo
  • 18 May 2007, 13:02
God blesses you!
Suby & Sinem: Thanks grin

Suby

Leave a comment

must fill in
[stop comment form]
show
for this photo I'm in a any and all comments icon ShMood©
camera Canon EOS-1Ds Mark II
exposure mode full manual
shutterspeed 1/3.3333s
aperture f/18.0
sensitivity ISO200
focal length 70.0mm
TufaceTuface
FusssssssyyyyyyyFusssssssyyyyyyy
Carpe DiemCarpe Diem

Warning