Illustrator for Lunch™ - 10 in 10 - 10 Type Tips in 10 minutes (or less) | Helen Bradley | Skillshare

Illustrator for Lunch™ - 10 in 10 - 10 Type Tips in 10 minutes (or less)

Helen Bradley, Illustrator for Lunch™ & Photoshop for Lunch™

Play Speed
  • 0.5x
  • 1x (Normal)
  • 1.25x
  • 1.5x
  • 2x
2 Lessons (11m)
    • 1. Illustrator for Lunch™ - 10 in 10 tips - Intro

      0:48
    • 2. Illustrator for Lunch™ - 10 in 10 tips - 10 type tips in 10 minues or less

      9:51

About This Class

Illustrator for Lunch™ is a series of short video courses you can study in bite size pieces such as at lunchtime. In this course you'll learn Ten Awesome Illustrator tips for working with Type in 10 minutes. These tips include creating gradient filled type (not as easy as it sounds), working with Dingbat fonts, type on a path, some handy shortcut keystrokes and moving and rotating characters in editable type. Here is the result of applying one of the tips - these words are all 100% editable type:

7c0609b0

More in this series:

4 Illustrator Shading Techniques - An Illustrator for Lunch™ class - Simple Highlights & Shadows

5 Hexagon Patterns in Illustrator - an Illustrator for Lunch? course

Create Color Schemes in Illustrator for Using, Sharing & Selling - An Illustrator for Lunch? Class

Create Patterns in Adobe Capture for Illustrator & Photoshop

Create Wreaths & Other Floral Designs - An Illustrator for Lunch™ Class

Designing with Spirals - An Illustrator for Lunch™ Class

Doodle Flower Design & Pattern in Illustrator - An Illustrator for Lunch™ Class

Draw a Hot Air Balloon in Illustrator - Fun with 3D! 

Illustrator - Design in Black and White - Create Positive/negative images

Illustrator for Lunch? - 10 Interface and Setup tips too Speed your Workflow

Illustrator for Lunch™ - 10 in 10 - 10 Align tips in 10 minutes or less 

Illustrator for Lunch™ - 10 in 10 - 10 Type Tips in 10 minutes (or less) 

Illustrator for Lunch™ - 10 in 10 - Ten Top Illustrator Tips in 10 Minutes 

Illustrator for Lunch™ - 10 Layer Tips in 10 minutes

Illustrator for Lunch™ - 10 Pattern tips in 10 Minutes 

Illustrator for Lunch™ - 10 Pen tool and Path Tips in 10 Minutes or Less 

Illustrator for Lunch™ - 20 Appearance Panel Tips in 20 minutes or less

Illustrator for Lunch™ - 20 Color tips in 20 Minutes

Illustrator for Lunch™ - 20 Gradient tips in 20 minutes

Illustrator for Lunch™ - 20 Pathfinder, Crop and Cutout tips in 20 minutes or less

Illustrator for Lunch™ - 20 Recolor Artwork tips in (around) 20 minutes

Illustrator for Lunch™ - 20 Reflect and Rotate tips in 20 minutes or less

Illustrator for Lunch™ - 20 Things New Illustrator Users Need to Know

Illustrator for Lunch™ - 3D Extrusion Effects - Text, Shapes, 3D

Illustrator for Lunch™ - 3D Perspective Cube design and Bonus 3D star

Illustrator for Lunch™ - 4 Exotic Patterns - Quatrefoils, Moroccan Trellis, and Layered Diamond 

Illustrator for Lunch™ - 4 Handy Patterns - Diagonals, Plaid, Colorful Dots, Chevron

Illustrator for Lunch™ - 5 Cool Text Effects

Illustrator for Lunch™ - Abstract Ombre Background - Color Scheme, Blend, Transform 

Illustrator for Lunch™ - All you need to know about Brushes in Illustrator

Illustrator for Lunch™ - Backgrounds for your projects - Sunbursts, Halftone, Blends & Brushes 

Illustrator for Lunch™ - Banner and Award Badges - Appearance Panel, Masks, Warp 

Illustrator for Lunch™ - Blends and Gradients - Blends, Blend Modes, Gradients 

Illustrator for Lunch™ - Braids, Rick Rack and More

Illustrator for Lunch™ - Circle Based Patterns - Rotate, Blend, Multi-Color Dots

Illustrator for Lunch™ - Clipping Masks, Opacity Masks & Layer Masks

Illustrator for Lunch™ - Complex Block and Half Drop Repeat patterns

Illustrator for Lunch™ - Complex Rotated Repeating Patterns Made Easy - Using MadPattern templates 

Illustrator for Lunch™ - Create a Floral Alphabet character

Illustrator for Lunch™ - Create a Nighttime Cityscape Image

Illustrator for Lunch™ - Create a Plaid or Tartan Pattern

Illustrator for Lunch™ - Create a Range of Triangle Patterns

Illustrator for Lunch™ - Create a Retro Landscape Illustration

Illustrator for Lunch™ - Create a Textured Dot Pattern - Transform, Vector Texture, Patterns 

Illustrator for Lunch™ - Create a Wave Pattern 

Illustrator for Lunch™ - Create a Whimsical Tree

Illustrator for Lunch™ - Create an Ikat Inspired Pattern

Illustrator for Lunch™ - Create an Isometric Cube Pattern - Shape Builder, Align, Pattern Make

Illustrator for Lunch™ - Create Complex Art in the Appearance Panel

Illustrator for Lunch™ - Create Diamond, Harlequin and Argyle Patterns

Illustrator for Lunch™ - Create Guilloche Effects

Illustrator for Lunch™ - Create Hi-Tech HUD rings

Illustrator for Lunch™ - Create Perfectly Overlapped Rotated Shapes

Illustrator for Lunch™ - Create Seasonal Ornaments - Learn new skills while making seasonal art

Illustrator for Lunch™ - Create Stitches and Sewing Elements

Illustrator for Lunch™ - Create with bends and blends - techniques for icons, logos and more

Illustrator for Lunch™ - Creative Half tone Effects

Illustrator for Lunch™ - Custom Corner Tiles for Pattern Brushes

Illustrator for Lunch™ - Cute Furry Creatures

Illustrator for Lunch™ - Cutout Text Effects - Photos, Pathfinder & Text

Illustrator for Lunch™ - Designing with Symmetry

Illustrator for Lunch™ - Doodle-Style Heart - DIY Brushes and Nested Shapes

Illustrator for Lunch™ - Draw a Retro TV - Shapes, Texture & Sunburst

Illustrator for Lunch™ - Draw a Vintage Birdcage - Shapes, Transform, Texture

Illustrator for Lunch™ - Faux Tissue Paper Collage - Blending, Texture, Transparency 

Illustrator for Lunch™ - Flat and Dimensional drawing techniques

Illustrator for Lunch™ - Fun Effects with Graphic Styles - Appearances, Brushes, Styles 

Illustrator for Lunch™ - Fun with Scripts - Download, Install, Run

Illustrator for Lunch™ - Get Creative with Blends and Brushes

Illustrator for Lunch™ - Get Export File Sizes and Resolution Correct

Illustrator for Lunch™ - Going in Circles - Brushes, Blends & Transformations

Illustrator for Lunch™ - Gradient Background Effects - Find, Adapt, Create & Use

Illustrator for Lunch™ - Houndstooth & Rose - Vector Halftone Tracing & Houndstooth Pattern 

Illustrator for Lunch™ - Illustrating Cacti with Custom Made Brushes

Illustrator for Lunch™ - I'm Seeing Stars - Fill, Warp, Clip & Crop Shapes

Illustrator for Lunch™ - In the Frame - Shapes, Fills, Strokes & Color

Illustrator for Lunch™ - In the Kitchen - Cartoon Art with Live Paint 

Illustrator for Lunch™ - In Your Face - Pen Tool Practice 

Illustrator for Lunch™ - Layered Paper Style Collage - Gradients, Graphic Styles, Transform 

Illustrator for Lunch™ - Let's Go Steampunk! - Shapes, Rotation, Textures 

Illustrator for Lunch™ - Make a 2017 Calendar from Scratch - Grids, Layouts, Text, Patterns & More 

Illustrator for Lunch™ - Make a 3D Y Shape Pattern - from paper illustration to digital design

Illustrator for Lunch™ - Make a Lace Pattern Brush - Stroke, Blends, Pattern Tiles, Rotation 

Illustrator for Lunch™ - Make an Organic Spiral Pattern

Illustrator for Lunch™ - Make Art Brushes - Configure, Color & Scale

Illustrator for Lunch™ - Make Art Using Other People's Art 

Illustrator for Lunch™ - Make Custom Organic Patterns - Transform, Scissors, Align, Pattern Swatch 

Illustrator for Lunch™ - Make Retro Shapes - Pathfinder, Scripts, Rotation

Illustrator for Lunch™ - Make Scrapbook Papers to Sell - Patterns, File Formats, Marketing Materials 

Illustrator for Lunch™ - Make to Sell Printables - Stripes, Grid, Lines & Isometric Grid

Illustrator for Lunch™ - Mastering Live Trace - Turn Bitmaps to Vectors

Illustrator for Lunch™ - Meandering Hexagon Pattern

Illustrator for Lunch™ - More fun with Scripts - Text to code, more scripts, more fun (trees too!)

Illustrator for Lunch™ - Multi-Color Faux Pattern - Patterns, Transform, Expand 

Illustrator for Lunch™ - Neon Effect - Appearances, Graphic Styles, Fonts

Illustrator for Lunch™ - On (a pattern making) Safari - Repeating Patterns 

Illustrator for Lunch™ - One Design Concept - Many Variations 

Illustrator for Lunch™ - Pattern in a Pattern - Achieving the Impossible in Illustrator 

Illustrator for Lunch™ - Pattern in Pattern & Irregular Repeating Patterns

Illustrator for Lunch™ - Pattern Know-how - Install, Transform, Recolor

Illustrator for Lunch™ - Pattern of Lines and Dots

Illustrator for Lunch™ - Pop Art Style Star Pattern 

Illustrator for Lunch™ - Real Time Mandala Design

Illustrator for Lunch™ - Real Time Mirror Drawing - Symmetrical drawing

Illustrator for Lunch™ - Road Trip - Custom Brushes and Live Paint

Illustrator for Lunch™ - Roaming Square Pattern

Illustrator for Lunch™ - Seamless Repeating Texture Patterns

Illustrator for Lunch™ - Season's Greetings - Shapes, Brushes, Texture 

Illustrator for Lunch™ - Semi Transparent Flowers - Scatter Brushes, Opacity, Blend Modes 

Illustrator for Lunch™ - Sharing and archiving files - troubleshooting the pitfalls

Illustrator for Lunch™ - Sketchy Image Effect - Image Trace, Swatches, Sketchy Effect

Illustrator for Lunch™ - Something's Fishy - Appearance Panel Tips & Tricks 

Illustrator for Lunch™ - Stipple Texture Effect - Grain, Gradients, Blends 

Illustrator for Lunch™ - String Art Inspired Designs

Illustrator for Lunch™ - Stylish Doodles to Make and Sell

Illustrator for Lunch™ - Type on a Path - Type, Paths, Shapes

Illustrator for Lunch™ - Using & Troubleshooting Bounding Boxes

Illustrator for Lunch™ - Using Photoshop Objects in Illustrator - Images, Shapes, Patterns and more

Illustrator for Lunch™ - Vector Textures - Vectors, Clipping Masks, Pathfinder

Illustrator for Lunch™ - Warp Shapes & Text - Envelope Distort, Warp, Gradients 

Illustrator for Lunch™ - Watercolor Magic - Type, Downloaded Patterns & Brushes 

Illustrator for Lunch™ - Watercolor stripe seamless repeating pattern

Illustrator for Lunch™ - Whimsical diagonal line patterns

Illustrator for Lunch™ - Whimsical Scrapbook Paper Designs to Sell or Share

Illustrator for Lunch™ - Whimsical Text Effects

Illustrator for Lunch™ - Whimsical Textured Drawings Using Hand Drawn Brushes

Illustrator for Lunch™ - Zentangle® Inspired Pattern Brushes - Shapes, Effects, Brushes

Make Ditsy Patterns in Illustrator

Pattern Design in Illustrator Masterclass

Piping Effect in Illustrator - An Illustrator for Lunch™ Class

Rainbow Gradient Shape & Text Effects in Illustrator - an Illustrator for Lunch™ class

Terrazzo Patterns Without Drawing a Shape! - An Illustrator for Lunch? Class

 

Transcripts

1. Illustrator for Lunch™ - 10 in 10 tips - Intro: Hello, I'm Helen Bradley. Welcome to this episode of Illustrator for Lunch, and today we're looking at 10 type tips in 10 minutes or less. Illustrator for Lunch is my series of Illustrator classes, each of which teaches a small range of Illustrated techniques, and today we're looking at 10 tips for working with type in Illustrator. As you're working through this video, you may see a prompt which let you recommend this class to others. Please, if you're enjoying the class, give it a thumbs up. These recommendations help other students to identify this as a class that they too may want to take. If you'd like to leave a comment, please do so. I read and respond to all of your comments, and I look at and respond to all of your class projects. Now without delay, let's get started on our 10 type tips in 10 minutes or less. 2. Illustrator for Lunch™ - 10 in 10 tips - 10 type tips in 10 minues or less: Filling text with a gradient. When you create a text item in illustrated just using the standard text tool and try to apply a gradient tool, while it looks as if the gradient has been applied to the fill, it's not actually filled with a gradient. Whatever gradient you select, nothing's going to happen at this point. If you want to fill text with a gradient, you'll need to go to the appearance panel, select your text and in the appearance panel, just click here to add a new fill. As soon as you add a new field, you can click the drop down here and go and select a gradient to apply to your text. Copying text formats. When you have one piece of text, such as this piece of text here, already formatted the way you want your text to look, it's very easy to copy that format and apply it to other pieces of text in an Illustrator document. Use a selection tool and select the text that you want to apply the format too, and then click on the eyedropper tool. Click over the text whose formatting you want to sample and it will be immediately applied to your selected text. Working with dingbat fonts. When you're using fonts that are dingbat fonts or fonts that contain interesting characters, it can be difficult to ascertain exactly what those characters are that you want to use. I have a font here that is a dingbat font. It's KG flavor and frame six. I don't know what the characters look like, so I would just have to press random keys on the keyboard to see what's in that font. Unless I use this tip, I'm going to choose window and then type. And I'm going to open the glyphs panel here. With the glyphs panel open, it's possible to see all the characters in this font, so it's very easy to identify a character that you may want to use. If you wish, you can enlarge the characters to see them even more clearly. Once you find the one you want to use, just double-click on it and it will be added to your document. Rounding corners of your text. You can get interesting effects from text fonts by rounding the corners of your text. Use the selection tool to select either your text and then choose Effect, stylize, and then round corners. If you click on the preview, you'll be able to see the default round corners setting, which is 10 pixels. But you can increase or decrease this by just adjusting the radius. Now this may distort your font somewhat, but it may also be an interesting effect to use in your illustrations. Round corners are alive effects, or at any time you can re-select all of your text, click the appearance panel, click round corners, and make an adjustment to the radius value. If desired, you can also remove the round corners effect by dragging and dropping it onto the trash can. Typing text on a path. You can type text on a path very easily in Illustrator, either a path you draw with the pencil tool or the pen tool or any other drawing tool. Click the type tool, hover over the path and you'll say an I-beam pointer with a little wiggle through it, click once and start typing your text. The text is fully editable, so you can just click and correct a mistake. Select the selection tool and hover over any of the bars here on the type. When you do look out for a little indicator that appears under the mouse pointer until you see it, don't do anything. But once you see it, you can drag the text into a different position. Locate the same point here, wait for the indicated to appear and you can drag it back. This is the starting and ending point of the type. Again, you can hover over these points, wait for that little indicator to appear, the bar with the pointing arrow and you can move your text along the line. Re-size texts that are just text tracking with K strokes. There are a couple of shortcut keys that it really helps to learn in Illustrator for working with text. The first one is for resizing text. I've typed this text and I'm going to use control or command shift and the chevron keys, either the left pointing chevron to reduce the size of the text or the right pointing chevron to increase the text size. You can also adjust tracking with some keystrokes. Use Alt or Option with the right arrow to increase the tracking or spacing between letters and Alt or Option and the left arrow to reduce it. Moving and rotating characters in Illustrator. In Illustrator CC and later, but not in earlier versions of Illustrator, you have a new tool for moving text. I have just type this word, magic in regular text. I've selected it. I'm going to choose the touch-type tool here, which has a toolbar position with the type tool. With the touch-type tool, I can click on any character and then adjust it. It can be adjusted in terms of its width and height. You can move its placement relative to the other characters. Here's the height selector and each of the characters in this word can be adjusted independently of each other. This one lets me move the character this way. Now the beauty of using this touch-type tool is that unlike what we could do in earlier versions of Illustrator is that this text remains fully editable. Once you've made your changes, you can still edit your text. I'm going back to the regular type tool here. I'm going to select this letter i and make it an upper-case I. You can see that the text remains fully editable in this process. Bending texts with envelope distort. For this image, I've got a stem and a basic leaf shape, and I've kept a duplicate of the leaf-shaped too. That's pretty important. I have my text of the word leaf. What's important here is that the leaf shape that we're using is above the text in the layers panel. Doesn't matter where the word is placed, but these two need to be in this order. You're going to select the shape you want to distort too, and the text that you want to distort. Then choose object, envelope distort, make with top object. The word leaf is now distorted to that leaf shape. In the process, we've lost the green filled leaf shape. So that's why I kept a duplicate of the leaf so that I could turn it on. Now we have a mini image with our text distorted to our leaf shape. Create a cutout text effect. To create a cutout text effect like this one here, start with a word typed in uppercase letters in a very thick font. Use the Alt left arrow shortcut key that we've learned earlier to squeeze up the letter so they overlap. Select the selection tool and choose type, create outlines. Add a stroke to your text, you want it in a light color that is easy to see. I'm increasing mine to three points and then click the stroke panel here and select this middle option. Align stroke to inside. Double-check to see that the stroke is wide enough. I think I need mine at four pixels. With the text still selected, open the pathfinder palette and click divide and then choose object, expand appearance, and then object ungroup. Continue to ungroup the objects until ungroup is no longer an option. You can now open the layers pallet. In the layers pallet, you'll see that there are a number of items, the color that you set your stroke to be. Select the first of them and choose, select same fill color and then press delete. You'll have some odd little bits in your font that you need to remove. You can zoom in and just tidy those up, and there you have your cutout texts effect. Larger size font preview. When you're previewing fonts to use in Illustrator, you may find that these font previews are a little small. You can increase their size by choosing on a Windows machine, edit and then preferences, and then type. On a Mac, you'll choose Illustrator and then preferences and type. Here you have the font preview options so you can set the size instead of small or medium to large. When you do so, your font preview is going to increase in size, making it a little bit easier to identify a font that you may want to use. Your project for this class is really simple. I just like you to go to the project area and tell me the one tip that really struck accord with you. I'm going to use the information that you give me through your class project when I'm developing further 10 for 10 tips in future. I hope that you've enjoyed this course. I hope that you've learned lots about working with type in Illustrator. If you did enjoy this course, when you see a prompt to recommend it to others, please give it a thumbs up. This helps others to identify this as a class that they too may want to take. If you'd like to leave a comment, please do so. I read and respond to all of your comments and I look at and respond to all of your class projects. My name is Helen Bradley. Thank you so much for joining me for this episode of Illustrator for lunch, 10 type tips in 10 minutes or less. I look forward to seeing you in an upcoming episode of Illustrator for lunch soon.