6

Hello all, I've recently come across a very cool logo/ typography on Pinterest. I'm trying to replicate it with my own text. I've found a few helpful tutorials on using Extrude & Bevel, as well as 3D rotate tool.

I haven't been successful in replicating this. Any help would be greatly appreciated !Thanks in advanced. -Artos

4

It's in theory possible in Illustrator 3D, but that will be a struggle. Here's a screenshot of my test fight:

enter image description here

The donut body can be put to vanish by turning its stroke and fill off in the appearance panel.

The donut is a revolved circle. I tried to find such position for the donut that there's only a single surface that needs text. A small rotation changes much the surface that must be covered. Often it's splitted to separate pieces and the seam is on the middle of the text. The needed surfaces can be found in the subdialog "Map Art" of the 3D effect "Revolve".

When a good position was found, I took a screenshot of the "Map Art" dialog and typed text on path to make it fit in the surface. That battle is just below the donut.

Then I dragged my type on a path to the symbols panel as a new graphic. After it the text was selectable as a possible surface cover.

Illustrator's 3D does not give control good enough. It takes much work to make a piece of text to fit.

If you must stick with Illustrator or Photoshop, you can as well take a wireframe of the donut in good position and envelope distort or warp your text along the wireframe.

Others have suggested to use a proper 3D environment. After trying to fight this it sounds not at all a bad idea.

ADD: Just for curiosity I checked, is it in Illustrator practical to envelope distort in 2D a piece of text to a strictly predefined shape this complex. I took a wireframe donut to be used as my reference. I typed "TEXTURIZE", outlined and tried to warp the text along the wireframe using Object > Envelope Distort > Mesh. Quite soon I had an unopenable knot.

The next attempt was made one character at a time and using only 1 column x 2 rows mesh.It went through, but the result is quite distorted:

enter image description here

A person with steady eye, hand and concentration would get the perfect result also this way, maybe even as one piece, not character by character.

The wireframe donut was made in a freeware CAD. A 20 sided regular polygon was revolved and the result was splitted to 20 separate sectors to create the wires. The wireframe was printed as PDF and opened in Illustrator.

ADD2 (three years later)

In real 3D drawing programs one has much flexibility to map texts along surfaces. Here's one quite simple attempt in program Moi3D. It has a handy function named FLOW for mapping flat vector shapes or 3D pieces along curves and surfaces. Text "TEXTWRAP is pasted from Illustrator. It's blue to make it better visible.

enter image description here

There's 2 different pieces of a torus surface (=lofted small half circles along bigger half circles), the pasted text outline and a reference rectangle which shows how the plat text should be placed in relative the curved surfaces.

When the pieces of the torus are hidden the scene at least resembles questioners example:

enter image description here

Especially useful is the possibility to save the scene as 2D vector PDF. It can be taken back to Illustrator. Here it has got a blue stroke and one of the letters has got red fill color

enter image description here

The original text can be seen in top left.

NOTE: The needed work (after becoming familiar with a 3D program) is neglible when compared to creating it all in Illustrator.

| improve this answer | |
  • Ok well thank you for taking a crack at it considering it may not be the correct environment for such a design. I will continue to mess with it. – Artos.Westology Oct 21 '17 at 15:12
  • Thanks for the detailed explanation! I too am currently trying the method of creating a Mesh for each character. I will update any progress as soon as I get further along. I've never tried using the CAD freeware, but I do like the donut shape u produced with it ! Thanks for the update. – Artos.Westology Oct 22 '17 at 4:30
1

Using Illustrators 3D Tools? I'd doubt that's possible. Use a 3D software (like Cinema 4D). Create a doughnut shape and texture it with your words.

| improve this answer | |
  • Maybe it is in fact time I add more tools to my box. I'll look into cinema 4D. I'm not much familiar with that software. Thanks for the advice. – Artos.Westology Oct 21 '17 at 15:13
1

I went and checked the author's video tutorial mentioned on another answer, the process is actually quite simple if all you want is a simple 3D shape for a logo with no textures or shadows:

  • create the donut shape (draw a circle, 3D > Revolve... and adjust the offset)
  • create a symbol with both texts offset as shown below create text
  • edit the 3D effect, check Invisible Geometry and select the text symbol in Symbol option at the top to apply the text to the donut map text art
  • adjust the text scale / donut rotation.
    • Edit the text symbol and Reflect vertically (could be done earlier when creating the symbol).

I'm sure this is faster than firing up a 3D software and setting up materials / light / render settings, and as bonus the end result is vector!

| improve this answer | |
-3

Found this video on YouTube that explains how the text wrapped in a doughnut shape is achieved and more.

https://youtu.be/zyvkmxfsa1Q

| improve this answer | |
  • 3
    Link only answers are problematic as links rot; videos are deleted, etc... – Mayo Jun 4 at 20:56
  • It's... interestingly specific that this exact figure is one of the examples addressed in this video... and as @Mayo so correctly said - we want the answer to be documented here on SE, not as a link-only pointer, but with screengrabs and explanatory text and all that jazz - right....here. This way, future questioners can find what they're looking for. Please review How to Answer and then edit your question to better meet our intent for SE - thanks! – GerardFalla Jun 9 at 20:21

Your Answer

By clicking “Post Your Answer”, you agree to our terms of service, privacy policy and cookie policy

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