PDA

View Full Version : Adding a frame in PS tutorial.


Please support NSOP by using our affilaites:
      Receive a FREE GIFT from Think Tank Photo

   Camera Gear Rentals   

jacobsen1
09-05-2007, 04:51 PM
OK, added a new tutorial today.
http://www.newschoolofphotography.com/blog/?p=63

distorto
09-05-2007, 10:10 PM
what PS are you using? i don't have a color option in canvas box.

thechickencow
09-06-2007, 03:51 AM
I've always just copied the pic, then done a new file, made the dimensions slightly bigger, then paste, and use a bucket gradient tool to fill the open space with whatever color I want. I don't use the fancy white inner line though.

Cool though, I'll try it this way and see what I like.

jacobsen1
09-06-2007, 08:53 AM
what PS are you using? i don't have a color option in canvas box.


This is the same for CS2 and CS3...
Which version are you using?

Algonquin
09-06-2007, 02:06 PM
Thanks Ben. I've been wondering how to do this for a while now. Can't wait to go home to try this out now.

distorto
09-09-2007, 11:24 AM
what PS are you using? i don't have a color option in canvas box.


This is the same for CS2 and CS3...
Which version are you using?

7.0

jacobsen1
09-10-2007, 09:15 AM
I think I might still have that installed at home...
If I do I'll see what works there.

jacobsen1
09-12-2007, 05:18 PM
figured out a way to do a FF negative look in PS finally:
trying to emulate this:
http://www.benjacobsen.com/wp-content/gallery/montanawinter/apron.jpg

I got this:
http://www.benjacobsen.com/wp-content/gallery/random-crap/Untitled-3.jpg

but I'm not thrilled with that...

this is my (better IMHO) second attempt:
http://www.benjacobsen.com/wp-content/gallery/random-crap/IMG_2088.jpg

* I duped the layer that is the image (assuming it's down to one layer at the time, if not flatten it).
* double clicked the layer to get layer options open.
* Choose inner shadow, say OK
* adjust inner shadow to 100% opacity, 45 degrees, 4px, 30%, 4px. That gives you "the look" in the top and right sides.
* Flatten the image.
* rotate 180 degrees.
* Dupe layer again.
* double click layer select inner shadow, say ok
* adjust inner shadow
* flatten image
* rotate another 180 (should be right side up now)
* canvas size +40 pixels of white all around
* add name

another
10-09-2007, 10:19 AM
Firstly, thanks for the tutorial. I was going to ask about this a few days ago and just happened to bump into this thread.

Minor editing ... in the third batch of words, you're missing an 's' on 'look.' Currently it says "... canvas tool look like this." Obviously no big deal, but you might be hoping for a giant web audience and major fame ;) so perfection is key.

Overall, the tutorial works well and is easy to follow. I cringe every time I have to open PS and this was painless. Kudos. I might add a line or two explaining the border width though. I was kinda confused on the math at the end. I realize how it works with the "relative" box checked, but saying stuff like "40 pixel border" was kind of misleading in that 40 is the total, the border is actually 20, right? 20 on each side, for a total of 40. Or am I still not understanding something? This was important for the last bit about resizing first and I had to pause when you only subtracted 42 after having read about a 40 pixel and a 2 pixel border. I had 84 pixels in my head. (yeah, that's huge and obviously wrong from a visual standpoint, I'm just saying that it's not 100% clear what's going on from the wording right now)

Knowing nothing about PS I don't know how hard or custom this is, but you mention putting all these steps in an action ... that'd be good to know without having to read another tutorial. If it were possible to lump that in a step or two it'd make this tutorial that much better. And being complete about it, you could add that one more step of putting in a signature ... though folks should be able to figure it out.

Jeez, it sounds like I'm bitching. Don't mean to! Thanks for doing it. Proof that it's a solid write-up is that you were able to teach this monkey how to do it:

http://enjoythematrix.com/nsp/sand_footprints_border2.jpg

jacobsen1
10-09-2007, 10:46 AM
Jeez, it sounds like I'm bitching. Don't mean to! Thanks for doing it. Proof that it's a solid write-up is that you were able to teach this monkey how to do it:



thanks, I'll try to clear that up. I already fixed the missing 's', thanks for that.

jacobsen1
10-09-2007, 11:13 AM
OK, added the frame action now too. See if it makes sense as I just pounded that out fast...

another
10-10-2007, 09:13 AM
Oops, sorry for the slow response. I didn't notice you put this second post in.

Works well, just like the first bit ... but I've got more comments, if you want them :D

I'd put a small, bold title before that third paragraph where you say "this is how to create the action." You know, visually break it up, show this is a second part. That'll help a ton when people come back to it looking for just the action info.

You mention the saving (and more) as part of the action at the very end. I was wondering about it in the, "Notice the action..." paragraph. At the end of this paragraph you say, "when you're done with all your steps, click the stop button." I wasn't sure if I should save first and/or whether the action would remember it. You clear this up at the very end, but my brain wanted the info above, in this paragraph I described.

Also, I wouldn't include the stuff about resizing at the end. It was just confusing since the tutorial doesn't have a step about resizing. I had to run my new action on a few different sized photos to realize you were talking about resize as a manual step we include in the action (not in the tutorial) or if the action remembers the size of your test canvas and resizes all photos to those dimensions when run. If I open a photo in Photoshop that I've already resized to the dimensions I want, this action works perfectly every time ... no matter the size of the photo. That was not clear after reading the last paragraph. (if it's left out then this will be assumed)

Again, sorry if it sounds like I'm bitching. I'm totally not. These are put together well and easy to follow ... a hell of a lot easier then any others I've found online!

jacobsen1
10-10-2007, 10:06 AM
Again, sorry if it sounds like I'm bitching. I'm totally not. These are put together well and easy to follow ... a hell of a lot easier then any others I've found online!


No worries, I know I'm not the best writer out there so any help is greatly appreciated. I put it into it's own post now so it's obvious it's a new topic... Should make more sense that way. I also changed the wording a bit so hopefully it's clear now.

another
10-10-2007, 10:28 AM
Nah man, these are really good. I'm just trying to give you as much input as possible.

I think the most difficult thing for people writing tutorials is to remember how clueless some people are; how little they know. People can't remember being that ignorant of the process they are describing so it's tough to make it accessible to the real n00bs. I've done that a zillion times for programming tutorials and classes that I've written. I don't mind getting the feedback (that can seem negative at times) and the basic (i.e. really stupid) questions. It's like, "oh yeah, i remember not knowing what a flux capacitor is." Minor tweaks, and the tutorial is that much stronger.

Again, don't mistake my comments for complaints. They're good stuff. And the updates work very well, btw.

Chad
12-15-2007, 03:59 PM
never mind. I found what I was looking for.

onempty
12-17-2007, 04:27 PM
Just found the how to section and I am lovin it. Thanks for all the hard work. :)

allawd
12-20-2007, 06:43 PM
Is there a free way to add a simple frame for those w/o PS (or who have slow comps not capable of running PS)

subimatt
12-20-2007, 07:03 PM
^ I know there is a way to do it in Paint, but im not a paint master so I have no clue on where to start.

beezwax
12-20-2007, 07:25 PM
I do a 10px size Inner Stroke color black,

after I resize the pics to 10X6.667 at 92dpi

like seez
http://i79.photobucket.com/albums/j130/bwaxman1980/IMG_0366.jpg




QUESTION THOUGH.... should I put like a signature on my pics? I mean I don't claim to bee a photographer of any skill level.. what do you think

Markitos
12-20-2007, 07:31 PM
It's up to you... I still don't feel the need. If I do, it will be less because I am afraid of people stealing my stuff, and more because I don't want them to take my photos and use them to misrepresent their own (shady) photography....

thechickencow
12-21-2007, 02:32 AM
QUESTION THOUGH.... should I put like a signature on my pics? I mean I don't claim to bee a photographer of any skill level.. what do you think

I haven't figured this one out myself yet either, thus no sig yet.

bikefreax
01-03-2008, 06:15 PM
I am also running 7.0 with no color box to chose at the bottom after clicking canvas size.. How do I do this in 7.0?

jacobsen1
01-03-2008, 09:36 PM
I am also running 7.0 with no color box to chose at the bottom after clicking canvas size.. How do I do this in 7.0?

what's it look like after you do a canvas size? If it's blank, add in a paint bucket step with the right color after each resize... it's possible, I'd just have to be using 7 to figure it out.....

bikefreax
01-03-2008, 10:04 PM
what's it look like after you do a canvas size? If it's blank, add in a paint bucket step with the right color after each resize... it's possible, I'd just have to be using 7 to figure it out.....


I am a dummy. Tonight was the first time I have ever attempted to use PS. When I do a canvas size to add the first 2 pixel frame it gives me no color option and only does it in white. I can only add a frame in white. I have no idea how to add in a paint bucket step. Like I said I just downloaded it tonight from a friend.

thechickencow
01-04-2008, 01:36 AM
I've got 7.0 @ work, I'm playing around with it.

Here's what you can do...

Its a bit messier as it doesn't have the complete options.

Do the same steps, first add the 2px white border. Then go to your Paint Bucket tool and pick a color that isn't white, but isn't too dark. I made mine grey. Then, up at the top go to the "tolerances" field and make it something low, I used 5.

Then zoom in with the zoomer so you can see your 2px border, and use the bucket tool to paint the border your color.

Then go back, add the 2nd step of the border (the part that would be black).

Once its added, pick black, use the gradient tool, and paint the outer border black.

You can go back and re-paint the small border to white after you've done the black if you want, otherwise you can leave it whatever color you picked.

Another option would be to make the small 2px border a color that you get out of the image with the eyedropper tool.

Let me know if there are questions, my work comp isn't set up well for this stuff so its tough to take screenshots and crap but I can try to help if I can.

Once you get this down you can make it an action which would streamline the whole thing, we can talk you through that too.

jacobsen1
01-04-2008, 02:06 PM
Once you get this down you can make it an action which would streamline the whole thing, we can talk you through that too.

Exactly. I just don't have the older versions anymore, but if we can sort out how it will work there, then, no matter how many weird steps it takes, an action can still do it for you once it's setup right.

the other option I was thinking of:

make the canvas 42 pixels wider on the first run
that should give you an entire white edge in white right?
skip the second canvas tool
select -> "select all"
select -> modify -> contract
type 20
click "OK"
select -> inverse
this should leave you with the outer 20 pixels selected
press D (sets colors to default
use the paint bucket or brush to color that selected outer section whatever color you want

That should also work pretty well.
You can also run it the way it's written and then just pick up on the selection steps. Those are all done through menus. When you get to the last part, select the paint brush looking icon. Then click on the 2 color squares at the bottom... Double click on, then select whatever color you want in there. Then close that window and paint the selected border that color.

Pomorski
01-21-2008, 06:30 PM
My suggestion would be to add onto the tutorial about how to add your signature onto the frame so as to protect it...

jacobsen1
01-21-2008, 08:43 PM
good point.
at the end, click the 'T' in tools for a new text layer.
Type what you want (your name and possibly 2008 ).
Move that into possition.

Also, if you check out this thread:
http://www.newschoolofphotography.com/forum/showthread.php?t=1270
it has a downloadable action that does everything for you. It's setup to write newschoolofphotography.com on the frame, but you can either edit that step, or delete it and replace it with a step for your name.

Pomorski
01-22-2008, 12:25 PM
good point.
at the end, click the 'T' in tools for a new text layer.
Type what you want (your name and possibly 2008 ).
Move that into possition.

Also, if you check out this thread:
http://www.newschoolofphotography.com/forum/showthread.php?t=1270
it has a downloadable action that does everything for you. It's setup to write newschoolofphotography.com on the frame, but you can either edit that step, or delete it and replace it with a step for your name.

would something like that work in photoshop elements?

Juanita
01-22-2008, 01:12 PM
Finally did the tutorial, and I must say it wasn't easy. But it looks better??

http://i225.photobucket.com/albums/dd188/m12576/_MG_17601border.jpg

jacobsen1
01-22-2008, 01:43 PM
would something like that work in photoshop elements?

unfortunately I don't have elements, so I can't tell you how exactly to do it there. It is possible, I'm just not sure how.

WagnerRX03
05-16-2008, 08:36 PM
thanks for the tutorial, definitely adds to the image. here is my contribution.

http://farm3.static.flickr.com/2154/2497470231_4829c840ce_o.jpg

user errors
05-17-2008, 12:34 AM
I resize the canvas once then use a stroke for the white outline.

martel
06-24-2008, 01:15 PM
Another take on the frame.
Those of you using linux or macosx can do this really easily.
On windows you could install cygwin and do the same thing (in theory).

There is package called imagemagick, http://www.imagemagick.org/script/index.php.
It's open source (read: free).
One of the included tools is called mogrify.
Mogrify lets you do all sorts of cool stuff like image resize and file format changes.
Another thing it does it let you add a border.

The following will add a 6x6 pixel white border followed by a 40x30 pixel black border.
mogrify -bordercolor white -border 6x6 image.jpg
mogrify -bordercolor black -border 40x30 image.jpg

results:
http://gallery.sackheads.org/d/81222-2/DSC_0011.jpg

It also lets you batch a group of photos with a simple wildcard:
mogrify -bordercolor white -border 6x6 *.jpg
mogrify -bordercolor black -border 40x30 *.jpg

If I ever figure out how to embed a name/copywrite in the corner I'll let you know.

wrxfactor
08-03-2008, 11:45 AM
Finally figured out how to do an action today in PS6. Thanks Ben for the tutorial!

user errors
08-03-2008, 02:59 PM
actions are freakin life savers when you're processing tons of photos

wrxfactor
08-04-2008, 02:28 PM
actions are freakin life savers when you're processing tons of photos

Yeah now that I know what to do I'm gonna make some general actions so I can edit a whole ton of pics I have been too lazy to do.

MK19
08-23-2008, 05:57 AM
SAWEEEETTT!!!!!!! Thanks a lot Ben!!! Great write up :)

http://images38.fotki.com/v1269/photos/1/1088302/6572770/Pit2-vi.jpg

http://images39.fotki.com/v1292/photos/1/1088302/6572770/Power-vi.jpg

Tylersladen
09-09-2010, 07:36 PM
link please I looked everywhere

subimatt
09-09-2010, 08:20 PM
http://www.newschoolofphotography.com/tutorials-tutorial-discussion/355-adding-frame-ps-tutorial.html

Its in the master tutorials list Tyler.

Tylersladen
09-09-2010, 08:33 PM
http://www.newschoolofphotography.com/tutorials-tutorial-discussion/355-adding-frame-ps-tutorial.html

Its in the master tutorials list Tyler.

oh thats why, thanks matt

jacobsen1
09-09-2010, 10:43 PM
here's the correct link: http://www.newschoolofphotography.com/blog/?p=63

jacobsen1
09-16-2010, 09:13 AM
bump!