Tek-Tips is the largest IT community on the Internet today!

Members share and learn making Tek-Tips Forums the best source of peer-reviewed technical information on the Internet!

  • Congratulations SkipVought on being selected by the Tek-Tips community for having the most helpful posts in the forums last week. Way to Go!

Beveled Border around image

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



andrew

============
============
 
...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...

andrew

============
============
 
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.

Thanks
Jamie
 
...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:




andrew

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

Jamie
 
Status
Not open for further replies.

Part and Inventory Search

Sponsor

Back
Top