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

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

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

Play Speed
  • 0.5x
  • 1x (Normal)
  • 1.25x
  • 1.5x
  • 2x
9 Lessons (37m)
    • 1. Illustrator for Lunch™ - More fun with Scripts - Intro

      1:28
    • 2. Illustrator for Lunch™ - More fun with Scripts - Part 1

      0:40
    • 3. Illustrator for Lunch™ - More fun with Scripts - Part 2

      5:06
    • 4. Illustrator for Lunch™ - More fun with Scripts - Part 3

      3:33
    • 5. Illustrator for Lunch™ - More fun with Scripts - Part 4

      1:24
    • 6. Illustrator for Lunch™ - More fun with Scripts - Part 5

      5:40
    • 7. Illustrator for Lunch™ - More fun with Scripts - Part 6

      5:33
    • 8. Illustrator for Lunch™ - More fun with Scripts - Part 7

      6:55
    • 9. Illustrator for Lunch™ - More fun with Scripts - Part 8

      6:21

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 more about scripts in Illustrator. You will see how to turn text into a script file, run scripts without installing them and more about using great scripts in Illustrator. These trees, for example, were created using a script:

e4a33feb

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™ - More fun with Scripts - Intro: Hello, I'm Helen Bradley. Welcome to this episode of Illustrator For Lunch - Fun with Scripts Part 2. Illustrator for Lunch is a series of illustrated classes, each of which teaches one or two illustrated techniques. You'll get plenty of opportunity to practice your new skills with the projects you'll create. Today, we're building on the Part 1 version of this video, which was Fun with Scripts. We're looking at some more scripts that we can use in Illustrator. I'm going to show you some additional scripts that I find handy. We're also going to look at how you would actually create a script if you find the text of the script online, but it's not actually in a JFX file format. You actually have to take the text and make the file for it so I'm going to show you how to do that. I'm also going to show you how you can run scripts from anywhere so you don't actually have to put them in your illustrated scripts folder until you actually determine that it's one that you want to keep. As you're working through these videos, you might see a prompt which lets you recommend this class to others. Please, if you are enjoying the class, give it a thumbs up. These recommendations help me get my classes in front of more people just like you who want to learn more about Illustrator. 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. If you're ready now, let's get started with working with scripts in Illustrator Part 2. 2. Illustrator for Lunch™ - More fun with Scripts - Part 1: Before we start with this video, let's have a look briefly at what we're not going to do. I'm not going to show you how to download and install scripts into Illustrator, because that was covered in the first video. If you want to know how to actually install them permanently in Illustrator, go and look at the first video and then come back to this class. What we are going to do though, is to work with some scripts that I've already downloaded. I'm going to give you links for every one of them so that you can download them. We're going to talk about them if they're a little bit different in terms of their download as well. What we're going to do though is have a look at some really cool scripts, and some of the ways that we might put them to use in our illustrations. 3. Illustrator for Lunch™ - More fun with Scripts - Part 2: Now the first of the scripts that we're going to use was actually prompted by somebody who had a little bit of a problem with my neon tutorial. With the neon tutorial, what we were doing was applying neon to text, and they had an issue because they wanted to use a lot of text, not just a little bit of text. So let's see what the problem is, and let's see how we're going to solve it with a script. So first of all, I'm going to the text tool, and I'm just going to use my neon font. It doesn't really matter what neon font you use for this because this is going to be really obvious very quickly what the problems are. I'm going to click and just type the word neon. Let's make it quite a large size so we can see what's going on here. So this is the font, and what I suggested that people do was actually to remove pieces from the font so that you can get just a single line. Because when we apply the neon graphic style to it, things happen that we don't particularly want to have happen. So I'm just going to open my Graphic Styles Panel and I actually went and saved my neon as a User Defined graphic style library, so here it is, here. I'm going to select over my text. You have to use the Selection tool to do this, or this option here for Create Outlines isn't available. I'm just going to Create Outlines from this. Let's turn off the Fill and the Stroke, and let's just apply the Graphic Style to it. What happens is we get this multiple line neon, not the effect that we were actually looking for in the class. Now, I showed you in the class how to fix that by breaking the font up but this person wanted to do a lot of type and so it wasn't really going to be feasible for them to be breaking up all these letters. The script that we're going to use is one called monoline text. So I've just downloaded it and I'm just going to extract it. We have to extract it on the PC, the Mac does it automatically for you, the PC expects you to do it all the work for yourself. Let's just go and extract that, which I have done now. I'm going to choose File and then Scripts. Now, I haven't added this script to my Script collection in Illustrator, but it's okay because I can run it using other scripts. I'm going to click here. I'm going to my downloads folder, here, and I'm going to click on my monoline text, double-click on the JSX file, and this runs the Scripts. So you don't actually have to put them in Illustrator's folder. It's just handy if you do because then they're all in the right place and you can find them, but until I've just decide that I want to keep a script, I'll be usually just run it from the Downloads folder. I'm just going to use a font size of 12 points, and I'm just going to type the word neon here just so we can get a comparison with what we've got in the other types. I'm going to type it in lower case and I'll click "OK". Now it's really small. So I'm going to hold the Shift key as I drag it out to make a larger font here. Now what you might see with this font is it's got a whole lot of little anchors on it. So when I click away from it, it's pretty rough, but we can solve that fairly easily. What I'm going to do is select over the font, and I'm going to choose Object, Path, Simplify. What Object, Path, Simplify allows me to do is to simplify this path, in other words, remove a lot of the anchor points. You can see that as soon as I clicked "Preview", the anchor points have all gone. I actually want a little bit more of the shape of the original art so probably something around 90-97 percent is the ideal value to choose here. You can choose Curve Precision or not, and just experiment and see what that gives you. I think zero is probably going to be best for me here. So I'm going to click "OK". Now I've got a font that really is a whole lot more like a single stroke font. It's a nice skinny font. I'm going to turn off its Fill and its Stroke and I'm going to apply my Graphic Style to it. Now, I saved away in this document at the very back here, a black filled layer, I'm just going to turn it on, and you can say the difference here. With this font, we're getting a very simplified neon look, more like the one that we were looking for in that video. With this font here, we're getting this double line look, not quite what we were looking for. So Monoline Text is a way of getting some text that is just single line text that you can apply all sorts of graphic styles too. Of course, these are just objects like anything else in Illustrator. Let's see them in the last panel, and they're in a group here. This is them here. So we can spring them out of that group by selecting the group and choose Object, Ungroup. Then each piece of each letter is on its own layer. Let's just go and put the neon back on it. So there's the first of the scripts that we're going to look at and it's the monoline text script. 4. Illustrator for Lunch™ - More fun with Scripts - Part 3: Now, the next script that we're going to look at is one that helps us to make trees. I just want to show you the site that this came from and this is trees that we're going to create. This is a single download. So you'll download all of the scripts that are here in a single download. This page that I'll give you a link to, will show you details of everything that's here. We're going to look at a few of these scripts. Now, once you've downloaded, let's go and have a look and see what you get. You get a ZIP file, which you're going to need to extract just the same way as you would extract any normal ZIP file. You'll have to do that on Windows. On the Mac, it'll probably be done for you. This is the folder that you get. I'm going to double-click on it, and inside that is another folder, so you double-click on that. Here are some of the scripts, but the list here is much smaller than the list we saw on the website, and that's because some of them are buried in here. Double-click Doc, double-click Legacy and Extra, and here are the extra ones. Here's our tree-like. Let's go now inside Illustrator and run this file scripts, other script because I haven't installed it yet. This is one that would make really good sense to install because trying to find it each time is a little bit painful. Here it is tree-like and I'll click Open. Here is our tree. Now the only thing that the developer tells you to do is when you're scaling it, make sure to scale it correctly because the trees are made of lines of different weights. I'm going to select it and I'm going to scale it by choosing Object Transform Scale. What I want to do is make sure that scale, strokes and effects is selected here. I've just increased it to 500 percent. That's fine. I'm just going to click Okay. This creates random trees. Every time you run it you're going to get a different tree. We can say that the trees differ from one instance of running the script to the next. If you're curious about the thing that you can do with these trees, you might want to create a silhouette. I've added three of these trees to this document. I'm going to add a background to it. If you took my Ombre class, you'll know what I'm about to do here. I'm going to do this on top on a brand new layer. I'm just going to go and get the Rectangle Tool and I'm going to make a thin rectangle, the full size of the bottom of this document here, and I'm going to fill it with this red color, no stroke. I'm going to select the Selection Tool Hold, Alt all option as I drag this to the middle of the document and I'm going to change the color at this point to yellow. Then I'm going to do that again, take this shape and move it to the very top of the document, and I'm going to add a turquoise blue at this point. Now, I'm going to the Blend Tool here, and I'm going to click on each of the three rectangles. This creates a seamless blend. Now, if you don't see a seamless blend, just double-click on the Blends Tool here to get this blend options dialog and you want to select smooth color. So you just want to make sure that you're getting a smooth color instead of specified steps or specified distance. Just click Okay. So there is my blend. I'm just going to move this lab beneath the trees. What I've got at the end of the day is a silhouette image with a night sky behind it. 5. Illustrator for Lunch™ - More fun with Scripts - Part 4: The next script that we're going to look at is going to solve a problem that there is with Illustrator. So I'm just going to here to the spiral tool in Illustrator. I'm going to "Click" once on the document to make sure I've got a pretty good spiral setting here, which I have so I'm just going to "Click" Okay. This is the spiral that you get when you choose that spiral option. The problem with this for a lot of people is that this is a snail shell spiral, so it gets smaller as you go around. There's no way to create a spiral that is even all the way around. So let's just keep this one here. I'm just going to trash this one because we don't need it. Let's go to again, that same set of scripts that we just downloaded, that really big package of scripts, and let's go and get the spiral script there. File, Scripts, Other Scripts, its in my downloads folder. Here it is, it's the Archimedean Spiral. What this does is it creates a perfect spiral in Illustrator. So I'm just going to enlarge this so that you can see that there's a very big difference between these two spirals. There's really not much else I want to say about that but if you want this kind of spiral, it's built into Illustrator here and you can just adjust the settings and get the kind of spiral that you want. But if it's this kind of spiral that you want, then you're going to need the Archimedean Spiral. 6. Illustrator for Lunch™ - More fun with Scripts - Part 5: Next script is something called Metaball, and rather embarrassingly I used to call this meat ball. But somebody wants corrected me and now I'm just call it Metaball, because apparently is its real name. Let's have a look and see how we would run the Metaball script and what's going to do for us. Let's start by creating a couple of circles, and I'm just going to make them filled circles with nice color and no stroke. I've got one circle, I'm going to alt, drag a duplicate away. I'm going to select both these circles and run them edible script. File scripts, and it's in that big collection of scripts that we downloaded. It's a Metaball.jsx, not Metalball.arc and what Metaball does is that it joins these two circles together with a really nice curve. You can choose how big or how small the curve rate is, and click "Okay". Now you have an interesting shape that could be part of, for example, a pattern swatch. To say quickly how you might create a pattern of something like this, I'm going to select it, I'm going to duplicate it about two more times. I'm going to move this shape to the middle bottom of the document here. I just want to line it up about the middle of the document, but these are multiple shapes here. So if I want to center this, for example, by clicking here on horizontal align center, this is what happens. It's clearly not what I want to do. What I'm going to do is I'm going to group those objects and when I group them together and select horizontal line center. It's going to align to the center as a group, not break up all the objects. I'm going to do the same with this. I'm going to use the shortcut, Control or Command G, But you can go and select the group option. I'm going to rotate this holding the Shift key as I do. So it's rotated 90 degrees exactly going to line this up here, and I want to line it up to the middle. So I'm going to click here and make sure it's in the middle. Now, I'm going to select either each of these, and I'm going to make sure I group them. So that they're going to come as a group. I'm just going to put this in the very middle of the art board, and I'm going to rotate this one. Also I put it in the middle of the art board and I'm going to recolor these two in the middle. Let's just choose red for them and let's make this orange. Let's change the color of this one too and I'm going to make it a really dark red. Let's go for this red. Now, in the first of the scripting videos. We found a script that would turn this into a repeating pattern and this is really handy if you're using an earlier version of Illustrator. It works for every version, but particularly for previous version illustrator people. We're going to select over all of these objects. I'm going to run that script, and the script was TileWrapper and what it does is it just repeats these around the edges. So that we end up with something that we can use as a repeating pattern. We need to create a rectangle the size of the art board to make this into a pattern. So my art board here, I've set this to be 1000 by 1000 pixels. I'm going to click "Okay". I'm going to make sure that this rectangle has no fill and no stroke, and I'm going to align it to the art board. Now, if when you see these options that doesn't align with the art board just go to the align tools here. You can get to them by choosing Window Align as well. Open up this little panel, make sure that you've got Show Options selected and make sure that this is aligned to art board. Because that will make everything aligned to the art board. I still have my rectangle selected and what I want to do is send it to the back with object arrange center back. This is all you need to make a patterned tile in Illustrator. In any version of Illustrator, you need your pattern elements, and you need a rectangle the size of the pattern pace. In this case, we've made everything to the size of the art board. I'm going to select over everything, and going to the swatches panel. I'm going to drag and drop this into my swatches panel. Then I'm going to make a new art board just so that we can keep this separate for now. I'm going to click on the art board tool, make a new art board. I'm going to drag out a rectangle that is the size of this art board. I'm going to click on the fill, and I'm going to click on my pattern. Now the pattern's huge, so we're just going to scale it object transform scale. In this case, we don't want to transform the objects, but we do want to transform the patterns. We want to bring this down to about 25 percent. We've got lines through it. So whenever I see those lines, I just decrease the percentage a little bit until the lines disappear. It's a real problem in Illustrator, but that's what we live with unfortunately, click "Okay". There was a way of using the Metaball script to create interesting shapes. That we could then, for example, create a repeating pattern in Illustrator. But I think you might have a bit of fun with that script. 7. Illustrator for Lunch™ - More fun with Scripts - Part 6: The next group we're going to look at is one that helps us distribute objects along a path. I'm going to start with a couple of examples of things that we're going to distribute along the path. I'm going to drag out a circle here, and I'm just going to make it a filled circle. What I want to do is to make a whole series of circles. Now there are a lot of ways of doing this, but I want to show you something that you've perhaps never seen before. I'm going to select on this circle, and I'm going to the Graphic Styles, and I'm going to open up the flyout menu here, choose Open Graphics Style Library, and select Additive. Now, these styles were encoded in Illustrator CS4, all the way up to the most recent version, so chances are you have this set of styles available to you in Illustrator. With our shapes selected, I'm going to Alt or option click on the very first of these graphic styles, which is a horizontal array. What it does is it duplicates this shape a number of times. Now we can make our own graphic styles and save them. I'll show you how to adopt one in a minute, but for now, we're just going to use this one. Going to expand this shapes, I'm going to choose Object, and then take whatever of Expand or Expand Appearance is visible. You never see the two of them, and they basically both do the same thing, so I'll just choose what's visible. I'm also going to ungroup these. I've got a series of circles here. I'm going to take a second copy of those and just Alt drag them down here, and I'm going to break this set-up a little bit, and I'm also going to, in just a second, change the size of some of them. I'm going to click on one, and Shift click on a couple of others. Now that's got a number of days all selected. I want to change the size of all of these. I'm going to use a tool called Object Transform, Transform Each. What that does is allows me to transform every single one of these all at once. I've got Preview turned on, and I've got a bit too small of a size here, I think I want this to be 50 percent of the original size, so I'm just going to click "OK". I'm also going to add a couple of stars in here too, just for good measure, a couple of little yellow stars. I'm going to Move tool, I'm going to Alt drag on these shapes to add a few more stars into this. Now let's say what we're going to do. We're going to create a line along which these shapes are going to be placed. I'm going to Pencil tool. I could just as easily make this with the Pen tool, but I know a lot of people really hate the Pen tool, so let's just use the Pencil tool. You can't see that line because it's got no stroke and no fill. What's important for this particular script that we're using is that the line is on the very top of the Layers palette. We're going to need to check that. I've lost my Layers palette, so let's just go and choose Window, Layers. Here it is. Making sure that our line, our paths are on top of everything else. That's all you need to worry about, they don't have to be in a particular order, they just have to be at the very top here. Let's go and select a line and these shapes here, and let's go and run this particular script. Before we do, let's go and have a look at it online. This is the one that we're looking at. It's distributed on the path jsx. I'm going to give you the download link for that. When you come to this website, you just going to click here to download it. Then because it's in a zip file, you're going to need to extract it. So before you can work with it, you're going to have to have extracted it. That's as simple as it is. I've already done all of that, so let's go and run it. File, Scripts, Other Script, and here's my Downloads folder, here's my distributeOnThePath, double-click the script, and this looks like a really awesome script because it's got a little window and it's actually got a preview which none of the other scripts really have. What it's going to do is it's just going to add these shapes along the path, it's going to distribute them along the path. If you've got shapes that are in a group, you can click here to extract the groups because it has to be done to objects that are not in a group, but it will extract them for you. I'm just going to click "OK". This' the first of our series of objects aligned along this path. Let's have a look at this second set. Again, I already had this Pen line created, and I've got all my shaped selected, so let's go and repeat that script. Here are the shapes aligned along the path. Our path is pretty small for the number of shapes that we've got, which is why things are scrunched up a little bit together, particularly this bigger shapes. If we click "Invert path direction", then the shapes will be reversed along the paths so that the yellow star will be on this end. If I turn that off, the yellow star is going to be on this end. I can just click "OK". This would probably work better if I had had fewer shapes or a longer line. But you can see that the idea here is that you can distribute a whole series of shapes along a path, they don't have to be blends, shapes, they can be whatever you like. 8. Illustrator for Lunch™ - More fun with Scripts - Part 7: The next script we're going to look at is one that allows us to randomly select objects in a document. I'm going to show you this in Chrome, because I'm going to give you the link to download it. It's from Scriptapedia here, and what you're going to do is scroll down and click the "Download" button at the bottom of the screen. Now, I've already done that, so let's go and show it in the folder. Here it is, we're going to double-click on it, and we're going to extract everything that's in it, and I get an error message here, so I'm just going to select to Do this for all current items and click "Yes" and just go ahead because it seems to work once I do that. The script that we want is actually this Random Select jsx script inside the JavaScript folder. Let's just go back out of here because we're headed to Illustrator, and we're going to play around with graphic styles just a little bit before we start. I'm going to drag out a circle here, it can be any shape, at all it doesn't matter. I'm going to fill it with red and I'm going to give it no stroke at all, and we're going to apply one of those graphic styles to this, so I'm going to the Graphic Styles option, I'm opening the Flyout menu, Open Graphic Style Library, Additive. Now again, I'm going to select on this shape and I'm going to apply this time one of these grid styles, and the one I want is the Grid for Smaller Objects,so I'm going to Alt or option click on it, and it creates a grid like this. The spaces are not far enough spaced apart for me, so let's go to the Appearance panel and see what's happening. Now there are two transforms here, so I'm going to double-click on the first one, and we're just going to change this value, I think about 90 is going to be ideal. Let's click "Preview" you can see the shapes are spread out a little bit further, horizontally, I'll click "Okay". We'll double-click on the second one, and again, we're going to this vertical value, at the moment it's minus 72, we're going to make it minus 90, click the "Preview" much better grid for me, click "Okay". This is a grid that I could use over and over again. What I'm going to do before I make it a graphic style though, is I'm going to turn off the fill and the stroke, that's really important, otherwise, it's going to bite you later on big-time. They can't see anything here, but believe me, there is a grid of shapes here. We're going to the Graphic Styles panel here, and with that shape selected, we're just going to click here on "New Graphic Style", and that just adds a new graphic style which is the one that we've just created. Let's click away from the graphic styles, so we don't have it selected anymore. Let's remove our shape and let's go and put a different shape in there. Just so we can say how this works. This time we're going to use a rectangle, and I'm going to fill it with a color, I'm going to fill it with a blue, and with it selected, I'm now going to go and apply the graphic style that I just created, so I'm going to Alt or option click on this "Graphic Style", and you can see, automatically, it creates that nice grid for us, so that's a way that you can use graphic styles in Illustrator that perhaps you're not familiar with having used before. Now I'm going to expand this, Object, Expand Appearance, and I'm going to Ungroup them until ungroup is no longer an option, so the all ungroups. If we go to the last palette, what we should have, is a single layer in this document with a 100 shapes in it, and that loop there. Now for the script that we just opened, so I'm going to select all the shapes, I'm going to choose File and then Scripts, and we're going to the script collection and we're going to our randomselect folder, JavaScript, Random Select jsx, and we're going to click "Open" to run it, and what we're asked to do is to provide the maximum amount, the percent of objects to randomly select. If we want to select half of these objects, we'd put 50, if we'd want to select a quarter of them, then we type 25 percent. I'm going to type 33, which you'll select about a third of them, I'll click "Okay'. Why does this runs, because Illustrator is now selecting a third of these shapes, little bit difficult to say, but let's see what happens when we apply a different color to them. Now you can see a third of these shapes have a different color applied to them. If you wanted to, for example, select the next third, let's see how we do that really easily. First of all, I'm going to select a blue one because we know that two-thirds of these are blue, and we want to get half of the two-thirds to change color, so I'm going to select one of them. I'm going to choose Select, Same, Fill Color, and that selects everything that is blue, it omits the greens. Now we have two-thirds of the original number of shapes selected, and we want to make half of those the different colors, so let's go and run our script again, File Scripts, Other Script, go to Downloads, go to randomselect, go to JavaScript, and let's type 50 percent this time, and lets the option that is there by default, and click "Okay" wait as Illustrator drops half of that selection out, leaving us with just a randomly selected group, and let's go and apply a different color to those. Now we have one-third of our shapes are orange, one-third are blue, and one-third are green. Now you can do this for fill colors, but you can do it for other things as well. Let's go and re-select this, and let's go and re-run our script, and I'm going to select 50 percent of these shapes, and I'm going to click "Okay". Now we could go and choose Object, Transform Each. I'm going to make sure preview is selected, you can see that all of these are currently being reduced by 80 percent, so the ones that were selected are a little bit smaller than they were. Well, let's rotate them by 45 degrees as well. Now, they wouldn't look as good if they were set to a 100 percent, so this was just lucky that I happened to be in this dialogue earlier when I set things to reduce in size. If you want to reduce them in size, just type in here, in horizontal and vertical, because they'll be scaled correctly, then they change in height that you want, and about 80 percent is dealing with this really nicely, so I'll click "Okay", and click away. Running this script twice to re-color the shapes and then wants to select half of them to be able to rotate them, we've got an effect that would have taken us a lot longer to achieve, have we tried to do it manually in Illustrator, and of course, we learned a bit about graphic styles along the way. 9. Illustrator for Lunch™ - More fun with Scripts - Part 8: Now the final script that we're going to look at in this particular video is one that's only available in text form. Let's go to the web and let's go and have a look at this. This is an Adobe forum thread and I'm going to give you a link to it and in this thread, somebody has posted the text for a script which creates a rectangle the size of the art board. Now, whenever I go to create a rectangle of size of the art board, I always want to use this script because it's just so much quicker than dragging out the rectangle, sizing it, and making sure that centered on the art board because this one does everything for you. The problem is, it's a whole hunk of text and we don't have it in a format that we can actually use as such yet. So what I'm going to do is I'm going to give you this link and you're going to come in here and you're going to select either all of this text. Now you'd need to make sure that you get everything here from line 1 through to line 12. Because if you don't understand JavaScript, you need to get all these pieces intact and you don't want anything that is outside of this. Just go and grab that Right-click and choose copy. Next up, you've got to go to a text editor. You're going to use anything from Microsoft Word to Notepad to Wordpad, whatever. Now, I'm actually going to use Microsoft Word. I'm going to open Word up, I'm going to open a new document and I'm going to paste this in. But I'm not going to paste it in this way because this way, just using the regular paste brings in all these lines and we don't need those, so I'm just going to undo that and what I'm going to do is I'm going to use Paste Special. I'm going to paste and then paste special, I'm going to paste it as unformatted text that's critical, so I'll click "OK". Now if you're working with Notepad or Word Pad, you won't have that same issue you definitely will with Microsoft Word. If you try and paste in content without choosing paste special and then unformatted text. Now that we've done this, we're going to save it, I'm going to choose file and then Save As. I want to save it to my downloads folder, some double-clicking my downloads folder. I'm going to give it a name and I'm going to call this rectangle size of art board. You can call it whatever you like and I'm going to add the extension ab.js to it because it's going to be a JavaScript file. I'm going to open up the save as type list here, and I'm going to choose plain text that's critical it has to be plain-text. Again, if you're using Word Pad, it's not going to be such an issue. Notepad won't be any issue at all because it saves as plain texts. But if using Microsoft Word, you have to specify that. I'm here in my Downloads folder, I'm just going to click "Save". I'm just going to click "OK" when I say this dialogue and I'm going to close this. I'm going to my downloads folder because what word has done is it's just ignored my request to add the js extension to this and it's just whacked on a.txt extension and it's not going to work with that. I'm going to click on this file, I'm going to right-click and choose Rename. I'm going to rename this instead of txt to js. We knows it's warning me that the file may become unusable because I've changed the extension. Well, in actual fact it's about to become very usable, so I'm going to click "Yes". Okay, let's close that down. Let's go back to illustrator, for this file we're going to do it so that we can add a background so we can test it out nicely. File scripts, other script, lets go to downloads. Here is our rectangle of size of the art board, click "Open" to run it. Here at the very top of the last pallet is a no strike no fill rectangle that is the exact size of the art boards. Let's just put a color in behind this so we can say it, and of course, because it's at the very top of the last pallet, it's going to block out everything else. I'm going to create a new layer, move it onto that new layer and then I'm going to close down my two layers so that they just visible as last not all the contents and just reverse them there we are. I really like that script. I think of all the scripts that you're ever going to use in illustrated this is the one that's probably going to bail you out an awful lot because it just is so quick to add a rectangle of size of the art board. Now, the times it's going to fail is if you've got the top layer locked down because it expects to put the rectangle on the top layer of the document, so if you lock that scripts not going to work. But apart from that really nice little functional script which I think you're going to enjoy. Your project for this class will be to go and select two or three of the scripts that we've looked at in this class that you think might be of use to you and go and make something with them. If you like the tree script, for example, go and make that silhouette tree image, if you like the random select script, go and do something with that. I also suggest that you might want to play with the graphic styles for making layouts because that's a really handy tool whenever you want to create multiple objects at a time. When you're done, post an example of the two or three scripts that you used in the project area. Of course, if you want to use all of the scripts, I totally understand and you can post as many images as you like in the project there. I'm just really looking forward to seeing what you come up with scripts. Now as you're working through these videos, you've might have seen a prompt which lets you recommend this class to others. If you're enjoying this class, please give it a thumbs up. Please recommendations helped me get my classes in front of more people just like you who want to learn more about illustrator, and 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. I'm Helen Bradley. Thank you for joining me for this episode of illustrator for lunch, more fun with scripts. I'll look forward to seeing you in an upcoming episode of illustrator for lunch, soon.