3D

Watch it being adjusted

How it works

Every glyph is offset along the Direction by the Depth and the walls between face and back are built as flat vector facets. Walls are sorted into an exact global depth order so nothing paints out of turn, mostly-hidden interior walls are culled, and the extrusion stroke draws only the wall edges that survive hidden-line removal. Extra layers stack like a ziggurat, each with its own width and colours. Tilt, Boom and Focal length add keystone and perspective. Everything is vector and spot-colour safe.

What you can adjust

Drag a slider to see what each control does to the type.

• Modeframe 1 of 3
  /img/effects/3d/mode/1.png
  ModeOverall outside / Individual strokes / Fill alone
  1 / 3
• Depthframe 1 of 5
  /img/effects/3d/depth/1.png
  Depth0–400 pt
  1 / 5
• Top, side and slope wall coloursframe 1 of 5
  /img/effects/3d/top-side-and-slope-wall-colours/1.png
  Top, side and slope wall coloursAuto, five greys, None (knockout), or a document spot
  1 / 5
• Extra extrusion layersframe 1 of 5
  /img/effects/3d/extra-extrusion-layers/1.png
  Extra extrusion layersup to 10, each with its own width 0–400 pt and three colours
  1 / 5
• Directionframe 1 of 5
  /img/effects/3d/direction/1.png
  Direction0–360°, default 30°
  1 / 5
• Tiltframe 1 of 5
  /img/effects/3d/tilt/1.png
  Tilt−10 to 10
  1 / 5
• Boomframe 1 of 5
  /img/effects/3d/boom/1.png
  Boom−50 to 50
  1 / 5
• Focal lengthframe 1 of 5
  /img/effects/3d/focal-length/1.png
  Focal length0–1000, perspective
  1 / 5
• Extrusion strokeframe 1 of 5
  /img/effects/3d/extrusion-stroke/1.png
  Extrusion stroke0–20 pt, colour, Apply to face as well, Taper 0–20 (default 5), Stroke only
  1 / 5
• Slope styleframe 1 of 4
  /img/effects/3d/slope-style/1.png
  Slope styleColor / Gradient / Comic / Split
  1 / 4
• Preserve spot colorsframe 1 of 2
  /img/effects/3d/preserve-spot-colors/1.png
  Preserve spot colorson/off
  1 / 2

Still live text

3D is applied as an Illustrator live effect, so the text stays editable. Change the word, the font, or any slider afterwards, and save the result as a Graphic Style to reuse it.