Take the 2-minute tour ×
Graphic Design Stack Exchange is a question and answer site for Graphic Design professionals, students, and enthusiasts. It's 100% free, no registration required.

This is what I'm trying to create in Illustrator. (for those interested, it's a graph of a Mexican hat potential function)

Mexican hat

Here's what I've done so far, using Illustrator's 3D->Revolve and Map Art.

Curve

I drew a curve simliar to the shape first. (I know this is not the exact shape, the top should be curve a bit. I'm just using this curve for a proof of concept for now.)

grid

then I drew a grid(expanded) and made it to a symbol.

map art

map art 2

While having the curve selected, I picked 3D->Revolve. I checked the "Invisible Geometry" option. I used the grid symbol I made to map the 2 surfaces. Illustrator divided the 3d shape to 6 surfaces. But only 2 are needed. Basically the "cone" and the "bowl".

my shape

This is what I got.(I'm showing the perspective at a different angle from the original to better present my problems) At the first glance it wasn't too bad. But looking closely:

  1. The grid lines don't connect seamlessly between the cone and the bowl surfaces.
  2. The lines at the edge of the bowl are too thick. I want all the lines to be the same width.
  3. I need to hide the lines of the bowl behind the cone, so the cone doesn't look like it's transparent.

For problem (1) my guess is that I need to create different grid symbols and scale them differently. It may be a painful process through trial and error. I wish I could somehow make Illustrator see this whole thing as 2 surfaces(top and bottom), then I'd only have to map art to the top surface and ignore the bottom surface.

For problem (2) I'm not sure if there's anyway to get around this at all, since mapping to a circular surface will no doubt skew the mapped pattern.

For problem (3) I guess a work-around would be to expand the 3D shape and then manually clip off those paths. Still this will be painful.

share|improve this question
    
(3) should be solvable with a white background behind your grid, no? Does the grid need a transparent background for any reason? –  Farray Jul 9 '11 at 0:47
    
@farray good point. my grid was transparent. no it doesn't need to be. –  Jin Jul 9 '11 at 1:01
add comment

1 Answer 1

up vote 19 down vote accepted

(1) torn textures

Further to my comment, your problem is with the number of points you're using and seems to be a bizarre Illustrator quirk.

Depending on where you put your anchor point, Illustrator is calculating a different number of surfaces for your object.

  1. Make the shape with just 2 points...

    Just 2 points

  2. Map your art...

    4 faces

  3. Bingo!

    Art maps nicely

  4. Test with third point just for kicks...

    Added extra point

  5. That doesn't look right!?

    WTF?

  6. Investigating the texture mapping reveals a 5th face?

    Face++

I'm not sure why Illustrator does this. It is worth noting that it only happens when the mid-point is in certain areas of the bowl. Trying to reproduce the quirk with the point further up the side of the hat does not work.

(Tested on CS3 Win)

(2) Texture Warping

I don't think there's anything you can do about this in Illustrator

Edit: Instead of expanding the shape and manually altering all your lines, you may want to do a little more "pre-production" on your grid symbol. Make the symbol out of a repetition of another symbol so you can make as few edits as possible to achieve the effect. May still need some tweaking after expanding the 3D revolve, but could save you some time.
Something like this:

grid symbols

(3) "Behind" Texture Showing Through

Give your grid pattern an opaque white background.

Edit: Forgot to mention. My hat still has minor texture problem (visible on the right-hand side where the 360° revolve starts & ends) but this is due to my hastiness and skipping proper texture scaling.

share|improve this answer
    
Excellent answer. It is odd indeed how Illustrator decides how to divide up the surface. Your solution worked like a charm. I supposed for (2) I can always expand it and manually tweak the thickness of the lines. –  Jin Jul 9 '11 at 4:33
    
@Jin I added a little more to (2) above. You might want to do more playing with your grid symbol pre-mapping instead of manually tweaking every line on the expanded surface. (AI makes a #^$%!@ mess out of expanded 3D shapes so I personally hate editing them after expanding.) –  Farray Jul 9 '11 at 18:51
add comment

Your Answer

 
discard

By posting your answer, you agree to the privacy policy and terms of service.

Not the answer you're looking for? Browse other questions tagged or ask your own question.