Exit
  • Global community
    • Language:
      • Deutsch
      • English
      • Español
      • Français
      • Português
  • 日本語コミュニティ
  • 한국 커뮤니티
0

Applying decoration/texture to bent isometric object

Explorer ,
Jul 05, 2017 Jul 05, 2017

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.

IsometricQuestion.png

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

1.2K
Translate
Report
Community guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
community guidelines

correct answers 1 Correct answer

LEGEND , Jul 05, 2017 Jul 05, 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

...
Translate
Adobe
LEGEND ,
Jul 05, 2017 Jul 05, 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".

Screenshot 2017-07-05 08.41.04.png

This video may also help:

Mesh Distortion Broadband - YouTube

Translate
Report
Community guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
community guidelines
Explorer ,
Jul 05, 2017 Jul 05, 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..

Translate
Report
Community guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
community guidelines
LEGEND ,
Jul 05, 2017 Jul 05, 2017

I think that's what many people would say about AI in general.

You could create a 3D Effect, but that process is far more messy and indirect.

Translate
Report
Community guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
community guidelines
Explorer ,
Jul 05, 2017 Jul 05, 2017

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

And again thank you!

Translate
Report
Community guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
community guidelines
LEGEND ,
Jul 05, 2017 Jul 05, 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.

Translate
Report
Community guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
community guidelines
Explorer ,
Jul 06, 2017 Jul 06, 2017

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.

2.png

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.

Translate
Report
Community guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
community guidelines
Explorer ,
Jul 06, 2017 Jul 06, 2017
LATEST

Tweaked a little bit so here refined version:

3.png

Basically the key solution was just using patterns -> rotate -> offset path and after that you can just tweak patterns how you want

Translate
Report
Community guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
community guidelines