Can we see a screen shot of what you have in Photoshop.
In Illustrator yu can target a lyer by clicking on the circle in the layers panel to the right of the layers name.
Using the bevel and extrude effect and giving the rotation settings all 0 select a bevel type and a height give the effect of a bevel it takes a little experimenttion to get what you want.
It will effect anything on that layer.
It might not be what you want.
Firstly, hope replying to the email was the right way to get you this?
Just to clarify... my Illustrator file has many layers and I want the
bevel and emboss to effect them all... I only flattened the layers
when moving into Photoshop, to get the effect to apply to the whole
design, as Photoshop is only being used for this last effect!
In the future, it would be much easier if I could leave the B&E effect
resident in Illustrator and could swap and change the rest of the
design (i.e. new people/figures) as required by the client for Ad-apts.
Here's a screen shot of the B&E effect, applied to the whole design,
as a layer style, in Photoshop...
1 person found this helpful
You can do it a couple of ways that I can think of the first being to select all the art and make it a symbol.
Then create a rectangle path that covers the whole page for the website do the bevel as described above but only to the rectangle path
then while in the 3D Bevel and extrude effect choose Map Art then when in the art mapping interface select the surface you need then the symbol you made from the art and map the symbol to that surface you can also choose to give the object invisible geometry and to shade the art work.
The second way is to draw two el shape paths with a stroke outline the stroke and give it two fills give each fill a gradient fill then select the gradient tool and condense the gradient to span the outlined stroke and orient one left and right and the other up and down. then copy and reverse and change the black to white in the gradient. you also go from 100% to 0% opacity for the gradient fills.
You could probably just make a stroke rectangle path and outline that stroke and give it four gradient fills two black to transparent and two white to transparent.
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.
It certainly does!
Makes it more personal as well... thanks for putting that together for me. The additional fill feature is something I didn't know Illustrator could do... love that, can think of lots of ways to use it.
I like your method because it creates less geometry and you can see everything on display (no hidden linework), then again, I suppose my method means you can easily tweak the strength of the shading to suit the underlying art, so that's a plus on that front.
Yes, both methods are fine in my opinion too.
Thanks very much for picking this up and making the effort to assist me.
BTW: what app do you use to create the video tutorial?
Use either geometry with multiple gradient fills or geometry in the shape of bevels to mask drop shadow effects.
See thread for full details.