Log In

Come Join Us!

Are you a
Computer / IT professional?
Join Tek-Tips Forums!
  • Talk With Other Members
  • Be Notified Of Responses
    To Your Posts
  • Keyword Search
  • One-Click Access To Your
    Favorite Forums
  • Automated Signatures
    On Your Posts
  • Best Of All, It's Free!

*Tek-Tips's functionality depends on members receiving e-mail. By joining you are opting in to receive e-mail.

Posting Guidelines

Promoting, selling, recruiting, coursework and thesis posting is forbidden.

Students Click Here

Beveled Border around image

Beveled Border around image

Replies continue below

Recommended for you

RE: Beveled Border around image

...by "bevel" in graphic design terms, i assume you mean artificially shaded edges that emulate the appearance of 3D?



RE: Beveled Border around image


RE: Beveled Border around image

...the other question would be is this for screen or commercial print use?

...if for screen then you can keep it as it is in pixels at 72 dpi...

...if for commercial high end print output, keeping it in pixels will limit how big it will print on paper which at present be quite small (approx. 51mm x 36mm)...

...or you convert it to vector instead via illustrator live trace feature, which will allow you to print it at any size without loss of quality...

...to bevel (emulate 3D shading) in illustrator is not the same as doing it in photoshop, but before explaining further ins and outs of the process it will help to identify the final output use (either screen or commercial print)...

...it may be a case of just doing it in photoshop (if you have it) instead of illustrator come the end, as photoshop has layer styles that can do it much easier than illustrator...



RE: Beveled Border around image

this is going to be just a web image, so it doesn't need to have a high resolution. I also have photoshop if it is easier to edit with that.


RE: Beveled Border around image

...photoshop as mentioned allows bevels to be done on layer styles, and you have controls to adjust how the bevel will appear, so if you open you PNG image of the steer, you will see "layer 0" in the layers palette of photoshop...

...double click this layer (not on the name of the layer but either the icon or the right hand side of the name "layer 0") to reveal the layer style dialog...

...in the list on the left you have "bevel and emboss", turn that on by clicking the checkbox left hand side the name "bevel and emboss"...

...your image will then have the default white (and black shadow) applied...

...as your image is black you won't see the shadow the bevel makes...

...by selecting the name "bevel and emboss" you are presented with various controls to adjust the bevel in photoshop:


...feel free to play around with these settings to see how it changes the effect...

...if you want to change the color of the steer, just click on "color overlay" and then click the color block to reveal the color picker:





RE: Beveled Border around image

Well, I guess that was easy enough. Thanks a bunch for the help.


Red Flag This Post

Please let us know here why this post is inappropriate. Reasons such as off-topic, duplicates, flames, illegal, vulgar, or students posting their homework.

Red Flag Submitted

Thank you for helping keep Tek-Tips Forums free from inappropriate posts.
The Tek-Tips staff will check this out and take appropriate action.

Reply To This Thread

Posting in the Tek-Tips forums is a member-only feature.

Click Here to join Tek-Tips and talk with other members! Already a Member? Login

Close Box

Join Tek-Tips® Today!

Join your peers on the Internet's largest technical computer professional community.
It's easy to join and it's free.

Here's Why Members Love Tek-Tips Forums:

Register now while it's still free!

Already a member? Close this window and log in.

Join Us             Close