Illustrator for Lunch™ - Watercolor Magic - Type, Downloaded Patterns & Brushes | Helen Bradley | Skillshare

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

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

Play Speed
  • 0.5x
  • 1x (Normal)
  • 1.25x
  • 1.5x
  • 2x
7 Lessons (23m)
    • 1. Illustrator for Lunch™ - Watercolor Magic - Introduction

      1:14
    • 2. Illustrator for Lunch™ - Watercolor Magic - Part 1

      4:34
    • 3. Illustrator for Lunch™ - Watercolor Magic - Part 2

      2:21
    • 4. Illustrator for Lunch™ - Watercolor Magic - Part 3

      5:13
    • 5. Illustrator for Lunch™ - Watercolor Magic - Part 4

      3:20
    • 6. Illustrator for Lunch™ - Watercolor Magic - Part 5

      2:30
    • 7. Illustrator for Lunch™ - Watercolor Magic - Part 6

      3:50

About This Class

Illustrator for Lunch™ is a series of short video lessons you can study in bite size pieces such as at lunchtime. In this course you'll learn to make two watercolor text effects using free downloadable brushes, textures and fonts. You will learn to create white text on a watercolor splash and then how to fill text with a watercolor pattern. You will also learn to use the Touch Type tool to move text around while still ensuring it is editable. I've included an additional video at the end for anyone who uses Illustrator CS6 or earlier as you won't have access to the Touch Type tool. This video shows a way that you can achieve a similar effect using the tools in your version of Illustrator. 

50d29e17

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™ - Watercolor Magic - Introduction : Hello, I'm Helen Bradley. Welcome to this episode of Illustrator for Lunch, Watercolor Magic. It seems like watercolor is a really big thing at the moment and in this particular class, I have a couple of watercolor projects for you and plenty of really cool downloads. The first thing we're going to create is a watercolor background splash, as if somebody just painted a watercolor splash across the page and some white ticks that looks as if it's being painted, for example, with resist, so that the watercolor has been resisted by that text. The second effect we're going to create is the exact opposite. In this case, we're going to take some texts and we're going to fill it with a watercolor texture. Now one of the tools we're going to be using in this video is the Touch Type Tool, which was new to Illustrator CC. It's in CC 2014 and 2015. Now if you don't have those versions, I'm going to do a supplementary video at the very end so look out for that. That's going to show you how you can do some fancy things with your type if you don't have the Touch Type Tool. But of course if you're using Illustrator CC or lighter, use the Touch Type Tool because it's just an awesome tool. Let's get started on our Watercolor Magic. 2. Illustrator for Lunch™ - Watercolor Magic - Part 1: Now to get started with the first of our watercolor effects, we're going to download a set of watercolor brushes from the web. This is the site that they're at and I'm going to give that to you here and there are 90 brushes in this set. The problem with this browser right now is that it's not actually showing the brushes, but believe me that's the set that we're using. You want to click here on Download Attachment and that will download those brushes. Now, I've already done that, so let's just go into my downloads and this is the brushes that you're going to get. I'm just going to click Show in folder. We can see it here in my Downloads folder, so you're just going to double-click to open it and then you'll want to extract those files now depending on what operating system you're working with, if you're on the Mac, it's probably going to happen for you automatically on the pace that you might need to do that yourself. Now, inside this folder is the watercolor_brushes.ai file, and we're just going to open that. Let's just close that down because I've already done all of that and I'm just going to go File, Open and then you would go and open the file from wherever it is you extracted it to. Now, I've already opened it, so let's just go here, and let's go and grab the file. Now, it's a huge file, so don't be surprised on an older machine if it takes a little while to open and don't be surprised too if once you open it you don't see anything. It's a CMYK document and only action here is in the Brushes pallet. We're just going to open up the Brushes pellet, which we would get to by choosing Window, Brushes. Now, I don't actually need all of these brushes, I've actually determined that I really only want a handful of them, so what I'm going to start by doing is selecting the brushes that I don't want and I'm just going to delete them. When we click on this one and Shift click on this to select these three and I'm going to drop them onto the trash can. I known at the very bottom, I don't want really any of these brushes. I'm just going to click, Shift, click and dump in the trash can, anything that I don't want. I just want to work this down to a smaller subset of brushes that potentially I may want to use. Now I've got the file still on my computer. If I ever wanted to come back and I opened it, I could do so and get access to these 90 brushes but for now, really all I want is I paired down set of brushes and I'm thinking that that's more than enough. Now what I want to do is I want to save these watercolor brushes because I've determined that they are the ones I'm most likely to want to use in future. From the Brushes pellet here, I'm just going to click here on the menu, I'm going to choose Save Brush Library. Let's just go and get the folder that's open here. You can see here that I'm opening up in the folder that Illustrator expects to save my brushes in, I've already saved a set, but let's save this as a set2 so we can identify it in a minute. Here is set2, I just click "Save." Now, once these brushes are saved, they are saved for all time, so you can just get rid of this documents, we don't want it anymore, so I'm just going to close it. I don't need to save and I don't actually want to save it because it's had that paired down set of brushes in it, so I don't want to lose those brushes, I just don't want them here right now. Now we're ready to go ahead and use the brushes,so I'm going to choose File and then New and let's create a document. Now this is fine, it's 960 by 560, that'll be good for now, so I'll just click "OK." Now I need to go and get my brushes because they are tucked away, so let's go to the Brushes palette. Let's open up the menu here, Open Brush Library, User Defined, watercolor_brushes_set2. This is how you get back to the brushes that you've previously saved. I open up the Brushes menu, choose Open Brush Library, User Defined and your set will be in here and I'm just going to click it to open it. Here is the scaled down set of brushes that I save. Now it's much smaller file, so it's going to be quicker to open and you might say that you must change likely to crash because you have done so. I'm going to click the Paintbrush Tool, I'm going to click on this brush and I'm just going to paint it in to my document. Now, I can enlarge this by selecting the Selection Tool, select over the line because this is just a brushstroke and I can just increase the point size and I can just stretch it out should I wish to do so. There's our water color background and now I'm going to put some watercolor text on top of it. 3. Illustrator for Lunch™ - Watercolor Magic - Part 2: Now for our watercolor text, we're going to need a font that's going to look something like watercolor. I found a good font to use and it's called Master of Break. Here's the site I'm going to send you to, it's dafont.com. Now this font is free for personal use and it's $39 if you want to buy it. So if you want to use it for commercial use, you can buy it. Now, this particular designer has a couple of fonts that I really like. One of them is this Master of Break font and they also have a font called Bakery, which is also easy to use for this kind of application. So you want to come to the site and click to download it. Now, again, I've already downloaded this font, let's go and see what we get. Well, when you open up the folder, you'll see that you get an otf, a png and a ttf file. Well, it's the ttf that you're going to want because that's your font file. On a Windows machine, I'm just going to double-click this file to open it. It's going to open in a window. I'm just going to click install to install it now, I've already installed it so I'm getting a message saying ''You've already installed,'' so I don't want to replace it. But you probably want to already have it installed and such, it installed just fine. Now that we've done that, let's go ahead and use this font. I'm going to click on the ''Type'' tool here. I'm going to click over the top of my watercolor background and I'm going to type the word, watercolor. I'm going to select the text, and I'm going to make it white. When I double-click on this, I can just go up here and make sure I've selected ffffff which is pure white and click okay. Now it needs to be a bit bigger. So I'm going to click in the font size dialogue here, and I'm just going to shift up arrow because that increases it by a larger amount each time because I want it to get up pretty big. Now I want to select my font, which is master of break. Now if you don't see it in the font list, you can always just start typing its name and it will appear. So let's just type that. Master of break, here it is, so I'm clicking on it. Now my type is formatted with that font and font size and we're ready to go ahead and create something a little bit more interesting still, than what we have here. 4. Illustrator for Lunch™ - Watercolor Magic - Part 3: Now the feature that we're going to use next was new in Illustrator CC, so if you have the newer Illustrator CC you are going to have this feature. If you don't have it, I'm going to show you in another video what you can do, but if you've got CC this is the tool of choice. From the text options here, we're going to select here the Touch Type tool. Now when you click on your type, you'll see that each letter has a bounding box on it. But in actual fact this is still editable type, it's just that the Touch Type tool allows us to do things with our type. Now this icon here allows us to rotate the letter, so we can rotate this letter but leave all the other letters intact. This one here allows us to horizontally scale this particular letter, you can see that it just got a whole lot wider. This one is the baseline shift, so I can use it to move the baseline of this character leaving the rest of the text aligned exactly as it was originally. This one is a vertical scale, so I can use it to vertically scale my text, and here I can scale my text both vertically and horizontally. You are taking this one character at a time, so first I'm just going to rotate this w, I'm going to move it over here a bit, so I'm pretty happy with the w right now. I'm going to click away from it, I'm going to go and get my a, and I'm going to move my letter a so I can just pull on it, that's all I need to do, I think I'm going to make it a little bit bigger. What I'm intending to do here is to just make this text look a little bit less like a font and a bit more like it could possibly have been hand-drawn. I'm having a little bit of trouble getting the t, there we are here. Now this font, you can see here that it's got lines that allow you to make it look like it's joined up. When you are moving your characters, you probably want to move them so that they're over the joined up line from the character before, so you keep this look of it being a joined up font. Now let's go and get our e, I just want to place that here, I think I'm going to make my e a little bit bigger and then perhaps rotate it a little bit. Let's move it back into position, now my r has moved out of position in relation to the e, but that's fine because I can just select it. I'm also going to make it a bit bigger, I'm going to rotate it a bit because it really is a beautiful character, this r, I'm just going to line it up, so again it looks like it has been drawn. Let's go and get this c, because I have a lot of possibilities with this c, I'm going to make it quite a bit bigger and I'm going to rotate it so it just tucks in here into the r. I think I've made it a little bit too big, but we want to give it a bit of a flourish sitting in alongside the r, now let's go to the o. Now remember that what we're doing here is we're just trying to make this font look a little bit less like it was a downloaded font and a little bit more like potentially it could have been hand-drawn or brush-drawn. This is a really good exercise for playing around with the Touch Type tool because there's a lot you can do with this font to move it around and resize it and just give it a bit of a flourish. Now having done this, you can go back at any time and just alter this font, you can see that it's just a regular font, so we could change the letters in it, we could retype the word. It doesn't change the fact that this is editable type, it's just moved things around. Now I'm going to select the Selection tool, I'm going to select the font. What I want to do to finish off, it's slightly rough on the edge of this font, that's going to reinforce the impression that we have that perhaps this font actually was drawn with a Watercolor tool. Let's go and choose Effect > Distort & Transform and then Roughen. Now, I'm going to turn Preview on and you're going to see what you don't want, this is like way, way too much of an effect but you can dial it down quite a bit. Firstly, I'm going to choose smooth, and then I'm going to set the per inch setting to just 1, so I want it down very, very low. Well, that's not quite 1, so there's our 1. Then this is the size percentage, so I want it to be very small, so I'm going to type 0.5 percent. Let's just test that. Now if you have a look closely you'll see that the text has just started to lose its fine shape and it's actually bent a little bit, giving it a bit more of a hand-drawn look. I'm just going to settle for this on the size 0.5 of a percent, and the detail 1 per inch, points are smooth and just click "OK". There's the first of our watercolor effects, in this case we've got white text with a watercolor style background. Now we're going to flip it, we're going to add the watercolor style background inside the text. 5. Illustrator for Lunch™ - Watercolor Magic - Part 4: Now for this next effect, we're going to need to find something that we can use as a watercolor background. Now again, I've found something for you to download. We're going to a different site this time, and we're going to download this particular watercolor background. This is free for personal use, and you can use it for commercial use with attribution. With attribution, you're just telling everybody that this came from freepik.com. Go to this site, and click here on the "Free Download." Once you've downloaded it, let's just open up my Downloads, and here is they download it to zip files. I'm just going to open it. You can see inside the zip file is an ai, a jpeg, and an eps file. Well, you want the ai file, so you're going to click on "Extract all files," and extract everything to a folder that you can find later on. Then you're going to go, and open this file now again, I've done that before, so let's just go back to Illustrator. Let's just go, and open that file with File. I'm going to open Recent Files because I've got it sitting here. Now, when you open it, chances are you won't have a font that's been used in the file. But that doesn't matter because you're going to delete it anyway. So don't go to Find Fonts. You just want to click "Close." Now we're going to open the last palette because it's really important for us to get rid of the bits we don't want. If you can't see your last palette, choose "Window", and then "Layers" to view it. Now, the top piece is 800 by 800 pixels, and you don't want that, so you're just got to take that entire layer and drop it in the trash can. Then you go to open up this 1,200 by 800 pixel layer, and you've got three groups here. You've got one that looks like it's got nothing in it, another that looks like it's got nothing in it. Well, what they are, are these pieces of text here, these objects. When I turn them off, you can see that they disappear. Well, just grab those, and put those in the trash too. Having done that, you want to open up the Swatches panel. There shouldn't be really any swatches here much at all because the swatches that you're seeing here are the ones that came with this document. So what we're going to do is we're going to get the Selection Tool, and we're going to select over absolutely everything. Then we're going to drag and drop it into the Swatches panel here. Having done that, we're going to delete it from the documents. We can just press "Delete" at this stage because that's going to speed things up a bit. Now, in the Swatches panel, what we want to do is save this as a swatch. I'm just going to get rid of my white and my black swatches, so I've really only got this swatch here. I'm going to open up the little flyout menu for the swatches. I'm going to choose Save Swatch Library as AI. I'm going to save this, I'm going to call it watercolor, and just click "Save". Now that's saved as a swatch that I can use anytime in future. I can go ahead, and close this file. I don't want to save it because I don't want to lose that texture because I've deleted it from this file. I just want to trash this file at this stage, so I'll click "No." Now that we've got our watercolor patent texture that we can use, we're ready to go ahead, and to take the text that we already have, and fill it this time with our watercolor texture. 6. Illustrator for Lunch™ - Watercolor Magic - Part 5: Now, I've already gone ahead and saved this version. I've just called it white text blue background. I'm going to reuse the text because I've gone through all the trouble of creating this text effect that I'm just going to continue to use it. What I'm going to do is save this again. I'm going to choose File, Save As and this time, I'm going to call this watercolor text, because that's what I'm about to create and I'll click "Save". Now having done that, I can get rid of the element here, this watercolor element because I don't need it any longer, but of course, right now I can't see my text. I'm just going to color it any old color for now, just so that I can see it on the screen. I'm just giving it a green color. We're ready now to go ahead and to fill it with our watercolor texture. To do this, we're first of all going to have to go and get a watercolor texture. I'm going to click here on the flyout menu, I'm going to Open Swatch Library, I'm going down to User Defined, and I'm going to select watercolor because that's the swatch library that I just saved. I'm just going to click on it to open it. It's gone over here onto my other screen. So here is my swatch. All I need to do now is to select over my text, make sure that my foreground color is selected here, and I'm just going to click on my pattern swatch. What that's going to do is to fill the text with my pattern. There it is. The watercolor pattern has now been used to fill the text and that's what we've ended up with. Now, we could probably finish off this illustration by dropping in a texture behind it, perhaps a watercolor texture might look good behind it, or some other element that is colored using this watercolor effect. But there is the basics of creating watercolor text effects yourself in Illustrator. One is a white text with a watercolor background, and the second one is the watercolor text with a white background. I'm Helen Bradley, thank you for joining me for this episode of Illustrator for Lunch - Watercolor Magic. If you enjoyed this video training and if you think others would as well, please give it a thumbs up and I always love to hear what you think about the classes. If you want to give me a comment there as well, I'd really enjoy reading it. Look out for more episodes in the Illustrator for Lunch series here at Skillshare. 7. Illustrator for Lunch™ - Watercolor Magic - Part 6: So this is the addendum video for anybody who does not have the Touch Type Tool in their version of Illustrator, and if you just want to see how you would have managed this project without having access to Touch Type Tool. Now what I've done is I've just taught this type into Illustrator, and we're at the point where in the earlier video we went unuse the Touch Type Tool. If you don't have that, what you're going to do is to select your type using the selection tool and then choose Type, and then Create Outlines. Because what this does is it converts your type into outlines. Now, the upshot of this is that your text is no longer editable so you can't come in and change it, you can't alter the spelling. For example, if you needed to spell the word a different way, you probably need to go back to the start where you need to remove a letter that you didn't want and replace it with something else. But you really need to assume that this is no longer editable text. It's also groups, so for us to be able to work with these individual objects, we need to choose Object and then Ungroup. Now each of these letters is a separate object, and we can do things with it. Just as we did with the Touch Type Tool, we can re-size our letters by just selecting on the letter and then dragging any of these handles to resize it. I can also move it around. Let's go to this letter A, and let's just go and resize it, and I can move it. Here, again, I can resize the letter T, I can rotate it by just dragging here on the outside of a handle. When I say that little bent arrow that tells me I'm able to rotate that letter. We've got pretty much the same effect that we can create using this type, using the outlines, it's just not quite as convenient as it was using the Touch Type Tool. If I need to push these letters out, I need to pick up all of them and then just push them out of the way. They don't move as a single element because there are no longer letters that are associated with each other in the same way as they would have been, had we been using the Touch Type Tool. All I'm doing here is just re-sizing and re-positioning these letters pretty much as I did earlier, but just working with shapes instead. It can pick up multiple letters, click on one, shift, click on the others, to then select all of them and move them all at one time. Then I'll come back and select them individually if I need to, to make changes to them. Again, all I'm looking for in this project is to create something that doesn't look as if it came from a font that there's a potential that these could have been created using handwriting. It could have been a scanned project, it has a slightly more hand drawn look to it. Now if I want to apply the rough and filter to this, I'm just going to move that, oh, it's just not quite covering up the element it's supposed to be attached to it, so that's looking pretty good. Let's go to Layers palette, I'm going to open this up. I'm going to lock down the watercolor layer because I don't want it to be roughened, but I'm going to select over everything else. So that's all the text and I'll choose Effect, Distort and Transform and then Roughen. The settings that we were using was 0.5. percent on size, one per inch on detail and smooth. I'm just clicking "Preview", and let's click "Okay". We've got this slightly roughened effect on our letters giving us a little bit more of the impression that this has actually been hand-drawn. That's how you would deal with the absence of the Touch Type Tool if you're using Illustrator CS6 or earlier, and also, if you just want to say how it used to be done in Illustrator.