Illustrator CS5 brick pattern with perspective


I created a curving arrow shape that starts wide at the bottom and thins out near the top where the point is. I also created a brick pattern swatch but when I apply it to the shape it appears like the pattern is overlaid instead of like a real road where the bricks follow the shape and narrows near the most distant point. How can I apply a perspective to the brick pattern without looking like I used a clipping mask?

Here is a link to what I achieved with a clipping mask - not what I want though. I need the bricks to look like they are inlaid just like in real life.


12/17/2015 2:44:00 PM

Accepted Answer

An easy way is to redraw your arrow and use Illustrators 3D-Tools to do the perspective parts.

You start by redrawing your arrow in 2D like this: enter image description here

Next up, apply your brick pattern to your arrow. enter image description here

Then you use Effect > 3D > Rotate Check the preview box and adjust the settings to your liking.
(To bring in the perspective you need to adjust the perspective-slider)

Hit okay and you have an arrow with a correctly mapped pattern as you can see here: enter image description here

3/16/2013 3:22:00 PM

The easiest way to alter a pattern object is first make certain you are using a pattern not a series of individual objects. Although the stuff I'm posting below will also work with a group of object, it may simply be slower and perhaps yields some odd joints.

Fill your shape with the pattern fill then use Object > Envelope Distort > Make with Mesh to basically create a "container" for the object. You can then freely distort the Envelope or "container" and the internal pattern will transform as well.

enter image description here

While the Effect > 3D > rotate will work in some cases, it is not as versatile as using an Envelope and manually creating perspective and placement in my experience.