webdew-logo-new_v2-1
   
webdew-logo-new_v2-1
Close
  • Services
  • Work
  • Resources
    • Knowledge
    • Ebooks
    • Tools
      • Website Audit
      • Website Grader
      • HubSpot ROI
  • Blog
  • About
Let's talk

  • fb-icon-01
  • tw-icon-01
  • insta-icon-01 (1)
  • linkedin-icon-01
  • youtube-icon-01
website-green-icon
Websites
  • Website Designing
  • Website Development
  • Website Migration
  • HubSpot Website
  • WordPress Website
  • Growth-Driven Design
video-blue-icon
Videos
  • 3D Videos
  • 2D Animation
  • Whiteboard Animation
  • Video Ads
  • Explainer Videos
  • Testimonial Videos
  • Onboarding Videos
  • Tutorial Videos
  • Social Media Videos
  • Product Demo Videos
marketing-yellow-icon
Marketing
  • Inbound Marketing
  • Inbound Consulting
  • Marketing Automation
  • Search Engine Optimization
  • Brand Domains
hubspot-red-icon
HubSpot
  • HubSpot Apps
  • HubSpot Themes
  • HubSpot Migration
  • HubSpot Onboarding
  • HubSpot Management
  • HubSpot Development
  • HubSpot Audit
  • Free HubSpot Demo
  • HubSpot Diamond Partner
webdew-logo-new_v2-1
  • Services
  • Work
  • Resources
    • Knowledge
    • Ebooks
    • Tools
      • Website Audit
      • Website Grader
      • HubSpot ROI
  • Blog
  • About
Let's talk

Wrap text to 3d shapes and create amazing designs In Illustrator

Wrap text to 3d shapes and create amazing designs In Illustrator-vbh
Tag: Videos
Author: Nancy Sharma
Nancy Sharma
Quick Links

Subscribe to Our Blog

Never Miss Any Update From Us !

Text formatting, styling, and animating capabilities are great – and when combined with 3d objects, creating text-based animations is absolutely addictive. Besides, deforming a graphic or text is pretty easy, and you can do it with a plethora of tools offered by Illustrator.

Wrapping text to shapes might not be used often; however, it can save you a great deal of time while adapting your graphics to a particular shape. And honestly, wrapping text in Illustrator is much simpler than wrapping a present!  

Today, I'll show you how easily you can wrap text on 3d shapes using nothing but the default Adobe Illustrator tools.​ Excited to wrap text around your favorite shapes? So, let's find out how we can create fascinating designs.

Use of Adobe illustrator

Getting started with text wrapping

Perhaps, the best thing about creating 3D objects in Adobe Illustrator is that you can easily adjust the size of the text. Besides, you can import them into other Adobe software as well as third-party products in no time.

How to improve Adobe Illustrator skills with these 10 tips?

A text wrap allows you to wrap text around an object or a graphic, adding a touch of creativity to any piece. We can use 3d text wrapping in logo designing, logo animation, and character animation. 

  • To add text to 3d shapes, we will use the 3D extruder bevel, and 3D revolve option.
  • To get started with 3d text wrapping, go to effects  -> 3D.

3D-extruder-bevel

Wrap text around a sphere

First, we'll see how we can create a spherical design.

  • Step 1: Type out text. Here I have used a Showcard gothic font in size 72 pt.

type-text

  • Step 2: Create your text into a symbol. Go to symbol -> drag and drop the text -> give it a name.symbol-options
  • Click ok. Now we have our symbol; you can now delete the text you placed on the artboard.
A beginner's guide on how to use appearance panel in adobe illustrator

  • Step 3: Go to the ellipse tool and draw a circle. 

draw-a-circle

  • Step 4: Use the scissor tool to cut the circle in half. Simply click on the points, and you'll get half of the circle.

cut-half-of-the-circle

  • Step 5: Now we will go to effects -> 3D -> revolve option.

3d-revolve

  • Here, we want to create a complete sphere.
    3d-revolve-options
  • Step 6: Now go to map art thick ->  invisible geometry.

map-art

  • Step 7: Go to the symbol and add the sphere wrap you have created.  

add-symbol

  • Step 8: Now, let's scale to fit. Adjust the size to find out what you are looking for.

scale-to-fit

  • Make sure that you get the design that you want.
  • Step 9: Go to appearance and open 3d revolve options to preview your drawing. preview-shape
  • Step 10: Let's play around with different angles and rotate your shape. Adjust the XYZ values to find out the perfect angle. Go to map art and play around the scale to fit value. 

play-around-scale-to-fit

  • Step 11: Once you are content with the outcome, click ok. This way, we can upload text to the spherical design. Now, simply add a background, and voila, you have successfully added text to your first 3d shape.

sphere-text-wrap

Wrap text around a cylinder

Now let's find out how to add text to a cylindrical shape. 

  • Step 1: Type out random text and make sure that it's symmetric.  

type-new-text

  • Step 2: Now, to change this into a symbol, open the symbol layer. Click and drag and drop, create the symbol, and delete the text you have written on the artboard.

drag-and-drop-symbol

  • Step 3: Now, just add a background and draw a cylinder. I've used the rectangular tool and changed the color to something bright.

draw-a-cylinder

  • Step 4: Go to 3d effect -> revolve. This will create a cylindrical shape.

cylindrical-shape

  • Step 5:  Now go to map art -> invisible geometry-> add symbol here.    

add-symbol-to-map-art

  • As you can see, the text is on the lower surface. However, we don't want to apply it over here, so simply clear it off. You can also change the surface from here.

change-surface

  • Just select the symbol, and play around with the position. As you can see, X is horizontal right now; however, to convert it to a vertical position, you can change the angle. change-text-angle
  • Just scale up the text and extend it as much as you want. And click ok and now adjust the angle of rotation. scale-up-text
  • And click ok and now adjust the angle of rotation. If you want to edit it more, simply go to map art and place the text in the center. Once you feel like the angle is perfect, click ok.
How to use the pencil tool in illustrator: A comprehensive guide

  • Step 6: Navigate to object and expand. 

expand-experience

  • Step 7: Now, ungroup it and release the clipping mask. Select these pieces and place them over the shape. 

ungroup-and-release-clipping-mask

  • Step 8: Place it over the background.

place-text-over-background

  • Step 9: Apply any color of your choice in the background and to the text, and voila, you have successfully created another interesting art.cylindrical-text-wrap

Watch this video to see 3d text wrapping in action.

Wrapping Up

There you go, folks! Now you know how to use Adobe Illustrator to quickly wrap text around any 3d shape you want.

And remember, the trick is knowing how and where to make adjustments. Lay out the text along a path, rotate the path in 3D space, and finally rotate the text itself to stand up on the path. Besides, don't forget to switch the group containing your text and the shape from the default 2D group to 3D. 

So, what are you waiting for? Start practicing and improve Adobe Illustrator skills to use Illustrator like a pro. Wrap text in any shape you like and use it to create something interesting.

And in case you have any questions, do get in touch.

Editor: Richa Sharma

New call-to-action

Related Blogs

How can you create neon text effect in Adobe Illustrator?-vbh
Videos

How can you create neon text effect in Adobe Illustrator?

How to create a Step Text effect in Illustrator? [Step-by-step guide]-vbh
Videos

How to create a Step Text effect in Illustrator? [Step-by-step guide]

How to improve Adobe Illustrator skills with these 10 tips?-vbh
Videos

How to improve Adobe Illustrator skills with these 10 tips?

review-star

Based on 1000+ Reviews on

footer-dot-logo-img
  • Hubspot_Logo-icon
  • clutch_Logo-icon
  • upwork_Logo-icon
  • designrush_Logo-icon
  • goodfirms_Logo-icon
  • g2_Logo-icon
WE ARE GLOBAL
  • US-flag
  • CA-flag
  • IN-flag
  • GB-flag

Copyright © 2019 - 2021 Webdew, Inc. All Rights Reserved

Copyright © 2019 - 2021 Webdew Labs Inc. All Rights Reserved

Copyright © 2016 - 2021 Webdew Private Limited. All Rights Reserved

Copyright © 2019 - 2021 Webdew, Inc. All Rights Reserved

WE ARE SOCIAL
  • fb-icon-01
  • tw-icon-01
  • insta-icon-01 (1)
  • linkedin-icon-01
  • youtube-icon-01
Terms of Services
Privacy Policy