How to Distort Bend Shapes & Type in Adobe Illustrator CC
Lesson 50 from: Adobe Illustrator MasteryDaniel Walter Scott
How to Distort Bend Shapes & Type in Adobe Illustrator CC
Lesson 50 from: Adobe Illustrator MasteryDaniel Walter Scott
Lesson Info
50. How to Distort Bend Shapes & Type in Adobe Illustrator CC
Lessons
Overview
1Class Introduction to Advanced Adobe Illustrator CC
02:35 2Getting Started with Your Adobe Illustrator Advanced Tutorial
01:19Drawing
3Trick for Redrawing Hand Drawn Images in Adobe Illustrator CC
03:17 4Curvature Tool vs Pen Tool in Adobe Illustrator CC
10:27 5Advanced Pen Tool Tricks Using Adobe Illustrator CC
08:47 6How to Draw Flowing Curves in Adobe Illustrator with the Width Tool
13:14Mastering Corners with Adobe Illustrator CC Corner Widget Effects
05:27 8The Best Creation Tool in Adobe Illustrator CC the Shape Builder Tool
23:01 9More Shape Builder Goodness
11:02 10Using Live Shape Effects in Adobe Illustrator CC
06:03 11Class Project - Drawing Exercise Using Width, Curvature & Corner Widgets
01:38 12Drawing - Quiz
Keyboard Shortcuts
13Advanced Keyboard Shortcuts for Adobe Illustrator CC
11:05 14Keyboard Shortcuts - Quiz
Color & Patterns
15Advanced Color Tips & Tricks for Adobe Illustrator CC
15:44 16Using Color Themes in Adobe Illustrator CC
03:02 17How to Color a Real Hand Drawing Using Adobe Illustrator CC
07:07 18How to Use the Color Guide in Adobe Illustrator
02:47 19How to Change All the Colors at Once in Adobe Illustrator Recolour Artwork
04:19 20How to Make Gradients Bend in Adobe Illustrator CC Using Gradient Mesh
13:36 21How to Make Long Shadows in Adobe Illustrator CC
07:15 22How to Blend Images with the Background Colors in Adobe Illustrator Blend Modes
03:26 23How to Make Images Black & White in Illustrator & Mix with Color
07:44 24How Do You Make Anaglyphic Text Using Adobe Illustrator CC
06:12 25How to Make Gradient Stroke Overlap & Mix Colors in Adobe Illustrator
06:39 26How to Create a Duotone Image Effect in Adobe Illustrator CC
07:23 27Advanced Repeating Pattern Swatches in Adobe Illustrator CC
14:16 28Color & Patterns - Quiz
Workflow Speed
29How to Change The Default Font & Swatches in Adobe Illustrator CC
07:36 30Advanced Workflow Tricks for Adobe Illustrator CC
10:52 31Shortcuts for Aligning & Distributing in Illustrator CC Using Actions
04:28 32How to Proof Colors in Adobe Illustrator CC
01:25 33Adobe Illustrator is Running Slow, How Do I Speed Up Illustrator
09:40 34How Best to Use Illustrator With Other Adobe CC Software
08:13 35Workflow Speed - Quiz
Typography
36Advanced Fonts Tricks & Tips in Adobe Illustrator CC
07:52 37How to Put Text Type into the Shape of a Letter in Adobe Illustrator CC
08:40 38How to Use the Touch Type Tool in Adobe Illustrator CC
02:27 39Typography - Quiz
Strokes & Lines
40How to Multiply Strokes to a Path in Adobe Illustrator CC
06:24 41How to Add a Stroke Line Around the Outside of Text or Shapes in Illustrator
03:45 42How to Make Multiple Lines Using Offset Path in Adobe Illustrator CC
09:33Depth, Perspective & 3D
43Introduction to 3D in Adobe Illustrator CC
11:10 44How to Make Semi Flat 3D Icons & UI Design Using Adobe Illustrator CC
15:22 45How to Make the Paper Cut Effect in Adobe Illustrator CC
09:35Charts & Graphs
46How to Make a Pie Chart Line Graph & Bar Graph in Adobe Illustrator CC
17:38Artboards & Pages
47Advanced Artboard & Pages Tricks in Adobe Illustrator CC
05:42Creative Cloud
48Advanced CC Libraries Adobe Stock and Adobe Market
09:12Images
49Advanced Image Tricks & Tips in Adobe Illustrator CC
07:22Transform, Distort & Blend
50How to Distort Bend Shapes & Type in Adobe Illustrator CC
03:39 51How to Make a 3D Ribbon in Adobe Illustrator CC
08:58 52How to Create Lots of Lines that Blend Together in Adobe Illustrator CC
09:24 53How to Make 3D Gradient Lettering Blends in Adobe Illustrator CC
11:25 5449. How to Make a Linocut Effect in Adobe Illustrator CC
08:26 55How to Use the Puppet Warp Tool in Adobe Illustrator CC
09:33 56Transform, Distort & Blend Quiz
Web UI design
57How to Use Adobe Illustrator for Web & UI Design
15:17Animating
58How to Make an Animated GIF Using Adobe Illustrator CC
14:52Conclusion
59What Next After Your Illustrator Advanced Course
01:07Final Quiz
60Final Quiz
Lesson Info
How to Distort Bend Shapes & Type in Adobe Illustrator CC
Hi there in this video, we're going to look at distorting and pulling and pushing using illustrators, envelope distort. We're gonna turn our gradient into some kind of weird looking fish and we're gonna combine the bottom two graphics to turn them into a love heart. Alright, let's go and do that now in adobe illustrator. Oh yeah. Little side note at the beginning of this tutorial, I forget to tell you to open up the file called envelope Distort the ai it's a new exercise files. Do that first. All right, see you in there. Okay. So to make our envelope distortions, we're going to start with this guy at the top here. You can use anything. Okay. It has to be vector though. Can be a picture. That's a Photoshop job. So with all of the selected, I'm going to go to object and I'm going to go down to envelope distort. We're gonna look at all of these. We're gonna look at the first one here called make with warp. You know what is kind of like just some basic predefined styles. So Arc. Okay, make...
sure previews on ark. I'm just not gonna go through every single one of them except my favorite. Where is he fish. Okay, and there is some adjustments you can do with these guys. Ok, deciding on what you wanna do. And it's just like if I had to draw that with the pen tool, I'd go insane. So there's some cool uses of this fish. Maybe not. But you know, there's some cool stuff in here and yeah, so that's how to do that. And one thing that will happen though is if I click out, click back in like how do I get back in there? You can go over here to warp options. Okay. Which is the newer version of illustrator. Um, otherwise you can click on it and at the top here, it's gonna spread out along here. But you can say actually I'd like to go back to my favorite really fish and vertical fish. Okay. And all the options along the top there, The next one I want to show you is over there. She is using a shape to distort it. So I'm gonna grab some type click once and I'm gonna type. I love you. No, there's a heart and stuff. You know, I'm going to use this font here called huber. I can't even spell it. Is that hubris Rocky? I can't say that. Anyway. It's a cool find. It's on type kit. It's free to use. Well, it's commercial, but it's free as part of your creative cloud license. I'm going to use this because it looked kind of cool and I'm going to use my shortcuts to play with the leading. Now the best bet is to play around with your tracking and letting everything before it gets into the heart because it's going to be problematic. I'm holding down the whole key on a PC or an alky option key on a Mac and just using up error to play with the living or line spacing. Okay, so I'm happy with that right now, I'm going to get it kind of roughly to the right shape. Don't worry about too much because um the first thing that needs to happen is that the shape that you want to use to bend the text with needs to be at the front. Okay, select both of them and get object envelope distort and that's why it needs to be on top mesh make with top object. Cool. Huh? Kind of bends it in there. What I might do before I do that is copy and paste it or copy it. At least do the envelope distort. And then I get to paste command F to put it straight where I got it from. Or control F on a pc. I might send that to the back and I might do something with it just to kind of I feel like it's been lost a little bit in there. All right. Um You can do it with any shape on top. The more complex it is, the more kind of chance of it going a bit crazy. But um Yeah, give it a go. We're gonna look at that last one in the next video. Okay. Which was make with mesh. We'll do that in the next video because it's a little bit longer and a little bit more detailed. Alright, let's check it out in the next video
Class Materials
Bonus Materials with Purchase