Skip to main content
Art1stLV
Inspiring
July 5, 2017
Answered

Applying decoration/texture to bent isometric object

  • July 5, 2017
  • 1 reply
  • 1246 views

Hello!

This is my very first time I have actually met struggle with Illustrator so here is a question - How do I actually bend or apply decorations/textures to isometric or any other 3D object so it actually looks like its part of it? Here is an example of icon I am trying to design with 0 success so far.

Idea is to apply symbolic text to isometric bent flat page.

It would be much appreciated if someone could give any tips or advice on how to proceed. I tried mapping art with extrude & bevel and it didnt work so I am really hopping that there is some stupidly easy trick to it

This topic has been closed for replies.
Correct answer rcraighead

Alright thats how far I got hopefully will find out better techniques but I guess there are limits..

And again thank you!


Looks good. To be honest, this particular pattern needs no distortion for such a simple shape, just rotating the pattern within the finished shape would be convincing enough.

  1. Fill the final shape with a horizontal or vertical pattern.
  2. Click "R" to access the "Rotate" tool
  3. Holding "~" key, rotate until the pattern matches the angle of the shape.

Holding the "~" key will limit any modifier tool to affect only the fill.

Here's a short video illustrating the process:

Rotate Fill Pattern in Illustrator - YouTube

I realize the idea of using an Path Offset Effect would not work in your case because your margin is not equal around all four sides.

1 reply

rcraighead
Legend
July 5, 2017

The trick is to convert artwork to "Symbol" then distort with Distortion Mesh. Also, be sure to set Distortion options to "Distort Pattern Fills".

This video may also help:

Mesh Distortion Broadband - YouTube

Art1stLV
Art1stLVAuthor
Inspiring
July 5, 2017

Thank for your answer it seems it might work but for now its super messy tool to be honest, hopefully its just matter of time to master it..

Art1stLV
Art1stLVAuthor
Inspiring
July 6, 2017

Looks good. To be honest, this particular pattern needs no distortion for such a simple shape, just rotating the pattern within the finished shape would be convincing enough.

  1. Fill the final shape with a horizontal or vertical pattern.
  2. Click "R" to access the "Rotate" tool
  3. Holding "~" key, rotate until the pattern matches the angle of the shape.

Holding the "~" key will limit any modifier tool to affect only the fill.

Here's a short video illustrating the process:

Rotate Fill Pattern in Illustrator - YouTube

I realize the idea of using an Path Offset Effect would not work in your case because your margin is not equal around all four sides.


Oh wow thanks again for detailed explanation and video! I really enjoyed it and learned something very helpful especially that you can easily rotate texture with the "~" key, really didnt know that

Also here are examples side by side: on the right my struggle with envelope thingy and on the right your technique with patterns.

As you can tell mine version is worse as it makes lines of the shape very shaky and not aligned properly to the pages margin.

On the other hand yours is just perfect but still needs some tweaking.