Illustrator Bevel & emboss

Has anyone come up with a better solution that using 3D Extrude & Bevel to simulate Photoshop's Bevel & Emboss. I cannot get the smoothness or dark edge colors as in the Photoshop example underneath(the green to dark green gradient filled bevel)
My doc raster effect setting is at 300 dpi.
I was hoping on rebuilding this in Illustrator to get a harder edge on the white outline, and just better quicker control for spot colors. I am not to worried about the bottom of that lowercase a going strange as a handle pull may fix that. .

I've been attempting to do this too but with poor results.
Reckon it's better to do it in Photoshop until they improve Illie's abominable 3D thingummy.
You can still do your white contours and drop shadow in Illie though. Make paths from the lettering selection, copy to Illie and give stroke and fill.

Similar Messages

Mimic Photoshop's Bevel & Emboss layer style in Illustrator - how?

Having searched for topics akin to my question, I have only really found tips on how to achieve a bevel and emboss on type.
Here's what I'm trying to create... all using CS4...
I have an artwork, all in Illustrator so far. It has background images of people (as cut-outs), imported from Photoshop, with layer masks, saved as PSD's, to preserve transparency around the figures, which allows me to compose them over each other and other various component graphics, resident in the Illustrator document. This helps me keep all the graphical elements fully editable in the design/layout as only the people come from Photoshop.
The design has been finalised with the addition of a bevel and emboss layer effect, to the whole bounding box area of the design. I.e. the complete 900 x 700 pixel area is affected by the bevel and emboss - all the various underlying pixels of photoshop elements and Illustrator elements.
So far, I have only been able to achieve this by taking the whole thing back into Photoshop, as a single layer and then applying the Bevel&Emboss layer style effect!
Is there a way to keep this all in Illustrator?
It seems daft to have to go back into Photoshop just for the B&E effect... and a little dangerous, in case this step gets overlooked in the future!
My current thoughts involve a couple of shaped blends with a screen and multiply overlay setting for the light and shaded edges... but this is just my mind clicking!
Would love to know if this can be achieved in Illy.

Out of curiosity... and to better understand what Illustrator can do, I'd like to try both of your methods.
However, I'm a little lost with your explanation of the second method...
Can you expand on giving the "L" shaped path (that has been outlined): two fills?
Or the rectangle that has been outlined: four fills?
How do you give a shape more than one fill, gradient or otherwise?
And how do you deal with the light and dark intersections of the two grad styles (as appears in the bottom left and top right corners), did the 45° meeting point just happen or do you have to alter the geometry?
Any chance I could have the .ai file to pull apart?
Another method I found myself, after some experimenting is as follows...
Dotted white line = page/design bounds.
Give 'Shape A' a white drop shadow (Effect > Stylise > Drop shadow) with a "screen" mode and positive values for X and Y offset. This gives a light shadow below and to the right.
Make 'Shape B' a Clipping Mask for 'Shape A' - this leaves nothing but the drop shadow showing.
Give 'Shape D' a black drop shadow (Effect > Stylise > Drop shadow) with a "multiply" mode and negative values for X and Y offset. This gives a dark shadow above and to the left.
Make 'Shape C' a Clipping Mask for 'Shape D' - this leaves nothing but the drop shadow showing.
Here's the result...
Put the new geometry (light and dark bevel shapes) on a layer at the top and, hey presto, they'll influence anything on levels below.
Only downside of this method is that the drop shadows can take a while to render, each time they are adjusted, so it's worth turning them off (or hiding their layer) while working on other areas of the design.
Also, with all of these methods, you don't get quite the same intersections at the bottom left and top right corners, as you do with the bevel and emboss layer style/effect in Photoshop... but that's being really picky!
Thanks for helping with this and hope it helps others.
Still want to work through your methods though.

Bevel & Emboss effect not visible in flattened image

I created a file in .psd, with several text layers to which I applied effects (fx) such as stroke, bevel & emboss, outer glow. When I flatten the image, the outer glow and stroke remain, but the bevel & emboss effect is gone. Type is a single color without the 3 dimensional effect.
I am also not able to preserve the bevel & emboss look when saving as a jpeg or a flattened .tif or .pdf. A saved .tif or .pdf with layers shows the effect just fine, but if the pdf is opened with Acrobat instead of Photoshop, the effect is not visible.
This must be a new problem, because I found a file that I created several years ago that is a flattened .tif with the bevel & emboss effect preserved.
I tried rasterizing the layer, and the type. Tried converting to 16 bit changing mode to CMYK, and multi-channel. Everything that involved merging layers lost the bevel & emboss effect.
Any ideas on what I can do?
Thank you for the help!
Cindy

Hi Trevor,
Thank you for the help. That didn't do it, either.
I did figure it out, though. My problem was that I was making a very large image (36" x 28"), and was viewing it fit to the computer screen size. What I needed to do was view actual pixels and tune up the layer style at that size.
All is well, and I sure learned a lot!
CD

PS Elements 12 - Unable to Bevel & Emboss / chisel hard

Hi,
I am using PS Elements 12 and I am unable to Bevel & Emboss / chisel hard. (I am trying to create metallic font)
See point 12 below;
Metal Text Effect In Photoshop
How do I complete this task on PS 12? The structure and shading dialog boxes are not in PS12 as they are in the linked explanation.
"Bevel and Emboss from the list of layer styles that appears" I cannot see this.
Thanks,
John

I am having the exact same problem, and I see that many others are having similar issues as well. You can see similar reports on Amazon if you look at the people giving this product 1 star. I have tried everything I've seen recommended on the Adobe websites to no avail, and I guess my only option is to try customer support, but I'm not looking forward to hours on hold. I have PSE 11, so I might just return this product and wait for PSE 13.

Illustrator Bevel, help me understand

Hi all,
Coming from photoshop background and are having some real fun trying to work out the 3D/Extrude & Bevel command in Illustrator CS3.
Now I have a filled circle and simply want to get a highlights and shadows type edge on it, something like I would achieve with the bevel and emboss style command in Photoshop CS3.
Could someone please explain how to best do this sort of thing in Illustrator.
Any help would be great

Here are some screenshots showing in particular the lighting effects that can be added to have multiple light sources which can be placed i different orbital positions to vary the effect.
This one below is create by place a duplicate on top of the above 3D effect Circle and giving the duplicate a straight forward gradient fill and lowering the opacity. I removed the 3D effect from the duplicate Circle.

Inner Shadow, Bevel, Emboss FX

Please can you add effects readily available in other Adobe CC apps like InDesign, Photoshop, Fireworks, etc. It would be a really simply coding to get it right, as we can already do it with a very long method of cropping, masking and other work-arounds.
Please add support for:
Inner Shadow
Bevel
Emboss

Yes please Illustrator Feature Requests!
I posted a feature request for this too, but got nothing but crickets, haha.
Especially inner shadow, seems odd that Indesign has had this effect for god knows how long yet Illustrator misses out...

Resizing effects: Bevel & Emboss

Hi All,
I've created a logo in IDCS3 using Bevel and Emboss. It's a monogram with a diamond background, two elements one each on separate layers.
When I reduce this combo, the effect is remaining the same size. In other words when I reduce it to 60%, my 1/8" bevel is still 1/8". Obviously this will not work, I need the effect to reduce proportionally.
How can I resize the image AND the effect?
(Perhaps it was stupid to design a logo in IDCS3? I thought I'd give it a try since I know InDesign better than AI or PS. I can always export it as an EPS file, right?)

> I don't see any advantage in pre-flattening a logo.
Steve, I don't see any advantage either. BB is expressing concern over the bevel effect being rasterized. The PDF route will certainly work, my post #8 was intended as a warning that a flattened PDF will rasterize effect.
The advice should have been written as such... If you choose the PDF route for this particular quandary, use an unflattened PDF to avoid pre-rasterization of the effect.

Adding bevel & emboss fx to text in AI

I can do this so easily in PS and ID. Where is this feature hidden in AI CS4?
Thanks in advance!

You don't seem to get this.
You open up the Illustrator Folder
You Right or Control Click on the Adobe Illustrator Application Icon.
Go to Show Packages
As for the example I showed it is only to show you that you can make a custom profile it was not to show you the exact profile that you have to figure out.
It was one I had already made for myself! Here is a little video.
This is very simple but it requires that you apply yourself to it. And please do not be so literal!
http://mysite.verizon.net/wzphoto/Profile.mov

Text bevel and emboss? HELPPPPPP!

Hi there everyone...
I have a photo of a clock ...
http://s409.photobucket.com/albums/pp175/Studentiermegs/?action=view&current=DSC_0679.jpg
and what I want to do is put some text onto the face, so it looks as though it is part of the clock... so like if I took a tool and carved into the back of the face and whatever I had carved appeared raised on the front. Hope that makes sence!
Have tried bevel and emboss and pattern maker to try and get the surface of the clock, but looks terrible so I must be doing something wrong, if I have the right idea at all!
Help!
Thanks

In your case the perspective will kill you. More or less I think you are not looking for a straightforward bevel and emboss at all, but rather a way to create the illusion of the stamped faces catching light. Even if you flatten bevel&emboss before transforming it, it will look goofy. Therefore I would recommend to create this in multiple layers. I suppose you should only create the shadowed areas using bevel&emboss on a white layer, then transform that and use multiply blendmode. Likewise, for the base you'd only use a slightly tinted version and use a blendmode. After that, I'd use Find Edges on a duplicate, remove all unwanted lines, blur it and place it on top to create the soft curvature you have on embossed plates. Might take some experimentation, but certainly will ook more "real" than a layer style only.
Mylenium

Logo created in cs6 and I need to either clone it or export it to illustrator...

So I have created a logo in CS6...
I would like to use the logo on a letterhead but when the letter is saved as a pdf the letterhead is pixelated. The logo is text only with effects on the lettering.
I need be able to either export the logo into illustrator and convert it to a vector image or recreate it.
My issue #1
I would prefer to export the .psd file to illustrator but when I do it is very pixelated...
My issue #2
I am not very familiar with illustrator and I cant seem to recreate the file...
Does anyone have any ideas?

John Mensinger wrote:
My issue #1
I would prefer to export the .psd file to illustrator but when I do it is very pixelated...
That indicates the size and resolution of the original are inadequate. Besides, just putting a raster image in Illustrator doesn't make it vector art, so even if it was of adequate size and resolution, you'd still have an obstacle to overcome.
I am not very familiar with illustrator and I cant seem to recreate the file...
The bevel/emboss effect you applied to the X isn't (effectively) available in the vector realm, and, the drop shadow on the rest would be a raster effect, even if the text was vector.
I would have to assume you are pursuing a vector conversion because you've been advised that one or another output method requires vector artwork. So consider that the process which demands vector art is incompatible with raster effects too, (not just full raster images), so you may have to give them up for this particular application.
So there's no way to actually get that bevel/emboss effect as a vector?

Logo/ from Photoshop to Illustrator

I have a logo I designed in Photoshop and I need to re-do it in Illustrator. I just need some tips and tricks on working in Illustrator.
(Logo at Bottom)
Now I used the bevel/ emboss effect a lot on this, when I go to bevel in illustrator (effects>3D>extrude/bevel) it just doesn't work as nice as it does in Photoshop, Is there another way to create the bevel effect ?.... Also I am using a texture overlay on the medal piece. What the best way to do this in Illustrator... What I did was, I took the texture in Photoshop and made the highest contrast I could possible. Then I did an image trace on that in Illustrator. Then created made a mask of that to a circle. That made my circle disappear so had to create a new circle for the background... Is this the best method for overlaying a texture?

Few spots aren't perfect, but I think I am happy with this.

Photoshop or Illustrator to create bumps like a cupcake would have?

Which is better to use? Photoshop or Illustrator to make the bumpy lines a "flat" (ex. think of the shadow of a cupcake maybe) cupcake icing at the top would have? Like this except more professional looking (made this in a couple minutes):
And how would I make it?

I prefer Photoshop, because a) I am shite with Illustrator, and b) IMO a thing like this is all about shadows and highlights, with pretty much no lines at all. So my version started with a number of vertical black lines, which I copied and inverted. That gave me the case flutes, so I Free Transformed using Perspective to taper the two layers.
The wavy lines are something I could not have done so easily even a week ago, as they were very easily produced using the new Distortion effect in Lazy Nezumi. That tool is the best $20 add on for Photoshop by miles. I just laid an arbitrary sine wave across the page, and used FT to match the pitch to the case, and Warp > Curve to make the curve. The lines were used to mask the case to, and then turned off.
The pink top started with a flat ellipse filled with pink. That layer was copied three times and spaced out using the Move > Align tools. Then FT to make the perspective.
OK, it did get just a tiny bit tricky here, but only because you need a lot of layers, and need to keep track of them. I made a selection of all four layers combined, and used that to add a layer mask to all the topping layers.
Each pink oval has two versions - one sharp, the other blurred, so I could have a soft transition between the layers.
The hard versions also have drop shadows, which are there to give the shadows between the pink layers. I had to rasterize all those drop shadows with Create Layer, so I could mask out the over flow, but the afore mention layer mask took care of most of that.
It would be nice if I could have used Layer styles for the highlights, but that would have been tricky because of the curves, so I ran a straight white line which I FT'd to shape and then blurred.
The cherry is all layer styles.
Hundreds & Thousands used brush dynamics. 100% scatter jitter. 100% Hue jitter. Fully hard brush. The the smallest drop shadow I could manage to make them look real.
There is an upside down drop shadow on the case layer, to make the pink top look like it is overflowing the case, and a tiny Bevel & Emboss because it looked better.
Two shadows beneath the case, one hard and small, and one big and soft. That is the minimum I'd do for shadows.
About an hours work, but if I wasn't doing that, I'd be practicing some other way, and if we didn't enjoy the process, we wouldn't be here.

How do I create an emboss in a particular pattern I want?

I want to emboss this image so that it looks like the small circles (coloured) are embossed on the big circle (red) and the 'G' is embossed over that to a bigger level....

Is this a fully layered document? If yes, it a simple matter of double clicking the relevant layer, and on Bevel & Emboss.
If not layered, well, it would be MUCH easier and quicker to create it again as a layered document.

How does one create text/w pillow & emboss

I mean does anyone know of a tutorial anywhere online that explains it in step by step detail. I have never tried this before even tho I am an old hand at general photoshop use, ever since Version 3. Looking for an effect something like Google has. Not all the colors, just the neat pillowed emboss effect.
Oh and I have googled this topic and always found somethi9ng lacking in the steps, at least for my brain it seems that way.
Thanks in advance,
gunnerholmes

http://psd.tutsplus.com/articles/tools/comprehensive-guide-bevel-emboss/
Pillow Emboss: This applies the bevel to both the outside and inside of the shape you are applying it to, but in opposite directions

Creating an embossed mark on fine art print.

I'm trying to produce an image that emulates an artists embossed stamp so that I can use it on a web page.
This is a part of the image I was sent to copy:
Here's my attempt. I've just made white letters and used Bevell & Emboss with along with Contour:
I think it's OK but I don't like the hard lines and I wonder if someone could tell me if it's possible to really soften it up so that it looks more like the paper original.
Thank you
Martin

Thanks Zeno
That helps.
I've also discovered that with the motif in the center I can use a soft brush to stroke the path. That really loosens it up. Trouble is, I can't seem to do it with the type. The only way I could think of is to replace every letter with open paths and them stroke them the same way as the motif.
If there's no better way to do that, I'll just go with the soften slider in the effects panel.
Martin

Illustrator Bevel & emboss

Similar Messages

Maybe you are looking for