Hello!
I’m adding a bevel/classic to the front view of a vectorized font. Instead of getting smooth till it’s touching the edges, the filling becomes pixelized and it doesn’t keep the original form defined by the vector.
What happens here? / Any hints would be much appreciated ![]()
I think the screenshot explains it better as I probably do:
https://dl.dropbox.com/u/79604662/2012-06-06_ILLUSTRATOR_GRADIENT-BUG_ 30.png
Hello Monika,
thank you for your contribution!
Referring to your post, I did 2 things:
STEP_1: I increased the document’s resolution | Despite that, the fill do not really become sharp. That’s the point where I tried to save and restart Illustrator.
https://dl.dropbox.com/u/79604662/2012-06-06_ILLUSTRATOR_GRADIENT-BUG_ 30.1.png
STEP_2: Restarting Illustrator | Once done, this is how the fill still looks like – it remains pixelized. The little caution-icon is still there. The pixels too.
https://dl.dropbox.com/u/79604662/2012-06-06_ILLUSTRATOR_GRADIENT-BUG_ 30.2.png
The two little converging arrows and the small block (both of them magenta) show the space resulting of applying the bevel/classic function to the vector-path (red).
The-not-so-clear-thing-for-me | positioning: as I select the little icon on the left (the one supposed to make the bevel grow outside of the vector-path), why does the expansion not happen in a symetric-centered way? – …instead of being pushed to the right, as we can see here.
Thank you for any hints! ![]()
SPHH wrote:
STEP_1: I increased the document’s resolution | Despite that, the fill do not really become sharp. That’s the point where I tried to save and restart Illustrator.
https://dl.dropbox.com/u/79604662/2012-06-06_ILLUSTRATOR_GRADIENT-BUG_ 30.1.png
Effect > Document raster effect settings would have been the right place to do so. What you did will have no effect as long as you don't flatten transparency
The little caution-icon is still there.
It will stay there as long as the object has a gradient fill.
why does the expansion not happen in a symetric-centered way? – …instead of being pushed to the right, as we can see here.
Nobody can possibly say that without seeing the file.
a) Bevel-positioning: would you perhaps have a look at the file?
https://dl.dropbox.com/u/79604662/TEST_A5_30.2.ai
b) Effect>Document Raster Effect Settings: increasing the resolution there, that was it !
https://dl.dropbox.com/u/79604662/2012-06-06_ILLUSTRATOR_GRADIENT-BUG_ 30.3.png
I made a video but ou make a retangle with a gradient make it a symbol and use the map art feature of the 3D to map the gradient symbol.
http://www.wadezimmerman.com/videos/MapGradientToExtrusion.mov
Hello Wade,
thanks a lot for this really great demo!
If I start working from a path instead of an editable font as you do, (for I only received the already-to-outlines-converted-version of the logotype) …do you think this would make a major difference in the behaviour of the bevel?
I’m just wondering why the bevel generates this swap, as, compared to using the font itself, I though a vector would be the much cleaner basis to start working from.
I made a test with starting also from an editable font as you do. Two major symptoms occur:
- no shade really appears
- it seem the shift appears as soon as I press-apply the bevel effect
For both cases above, I’m really able to find any explanation.
#1 / This screenshot shows the vectorized structure of the font – here, the bevel grows outside from the path, correct:
Sometimes there are just no pre-settings involved. The 3D-effect just doesn't work exactly every time. If you just had offset the paths, drew some lines at the edges of the letters and filled the thing with gradients, the logo would have been finished already.
Erasing (using the eraser tool) mostly is not a good idea when doing construction work that has to be exact.
Hello Monika,
a) 3D-effect: I’m wondering that Adobe publishes a not-working-tool.
The tool-behaviour is strange, as I’m not using any distortion, just a frontal perspective on a simple path. Is it a specific issue or reproduceable? I mean, does the rest of the world also get the same shift by that simple set?
I thought working with a simple path with no extra-border-widths would avoid artefacts – and this would be the safest way to get a precise result. Now, it’s shifting and there is no apparent reason for that. That makes me perplexed.
b) Offset the path + draw lines at the edges + fill with gradient: I agree. Now how would you proceed in order to get the 3D-shades-effect applied correctly on the border? …Highlights coming from above, shades beneath, so it looks like the 3D-function.
![]()
Hello Monika,
This is done by offsetting a copy of the path underneath the original. Is that what you mean by “Drawing the gradient like the template”?
Using the real Extrude and Bevel functionality, produces an effect similar to the way light would behave on a real 3D-border. Which is quite more truthful and sophisticated than this try here above.
Especially on the S curves borders, they would look like that:
- horizontal sections showing to the light (upwards) would be highlighted.
- horizontal sections showing opposite to the light (downwards) would be shaded.
- vertical sections would be something inbetween and join the gap.
If I only apply a gradient on a flat surface beneath the main surface, like this is done in this screenshot here, this will produce quite a different result from the original – supposed we talk about serious design but remaining at the possibilities of Illustrator (not jumping over to Rhino or that kind real 3D applications).
That's way too simple. I suggested to connect the edges and create shapes there as well. Like in here: http://vforvectors.com/create-the-opel-logo/
North America
Europe, Middle East and Africa
Asia Pacific