Illustrator for Lunch™ - Let's Go Steampunk! - Shapes, Rotation, Textures | Helen Bradley | Skillshare

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

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

Play Speed
  • 0.5x
  • 1x (Normal)
  • 1.25x
  • 1.5x
  • 2x
8 Lessons (53m)
    • 1. Illustrator For Lunch™ - Let's Go Steampunk - Welcome

      1:31
    • 2. Illustrator For Lunch™ - Let's Go Steampunk - Gear 1

      7:36
    • 3. Illustrator For Lunch™ - Let's Go Steampunk - Gear 2

      5:50
    • 4. Illustrator For Lunch™ - Let's Go Steampunk - Gear 3

      5:24
    • 5. Illustrator For Lunch™ - Let's Go Steampunk - Gear 4

      6:41
    • 6. Illustrator For Lunch™ - Let's Go Steampunk - Gear 5

      6:39
    • 7. Illustrator For Lunch™ - Let's Go Steampunk - Gear 6

      9:13
    • 8. Illustrator For Lunch™ - Create a Steampunk Image

      10:12

About This Class

The Illustrator for Lunch™ series are short video courses you can study in bite size pieces such as at lunchtime. In this course you'll learn to draw a series of steampunk gear shapes in Illustrator and then, once you have designed your gears you will texure them using an Opacity mask and assemble everything into a final Steampunk image.

8d7a9828

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™ - Let's Go Steampunk - Welcome: Hello, I'm Helen Bradley. Welcome to this episode of illustrator for lunch and today it's let's go steampunk. This was all about creating wonderful steampunk gear shapes, and a final steam punk illustration and a long the way, we're going to learn a lot about shapes and also about rotation and a little bit about textures in Illustrator. I hope you'll enjoy this episode and I'll look forward to seeing your completed steampunk projects. For this project we're going to create a series of gears, a sort of steampunk gear set. Now when you're starting out with a project like this if you're not sure exactly what you're going to be drawing, I suggest you go and look for some reference material. I've gone to Google here and I've just search for steampunk gears and I've asked to see images and here are a lot of gear shapes that way could use as inspiration. Now one of the challenges that I like about making gears is that it's really a problem-solving sort of exercise because when you see a gear shape that is sort of inspiring to you, the next thing you've got to ask is how am I actually going to make this in Illustrator. So this is really a problem-solving sort of exercise and I've already selected a number of gears and I've created them and what we're going to do is re-create them ourselves using Illustrator and I'm going to go through some of the problem-solving techniques that you would use and explain which illustrated tools are going to work for what. 2. Illustrator For Lunch™ - Let's Go Steampunk - Gear 1: Here is the very first gear shape that we're going to create. Now I'm going to start with something that's not in the final gear. I'm going to the Ellipse Tool here and I'm going to drag out a very small circle, because I'm going to use this as the point around which everything is to be rotated. Later on, I'm just going to remove it when we no longer need it. The next shape we're going to create are these edges to the gear. You can see that they're sort of rectangles, but the bottom of them is a little bit narrower than the top. We're going to start out with a rectangle. I'm just going to draw out a rectangle here that is going to be the starting shape. Now to bring the bottom of the rectangle in, I'm first going to select those anchor points. I'm going to Direct Selection Tool that could be pressing the letter a, I'm dragging over just the bottom to anchor points. Then I'm going to the Scale Tool. It shows a toolbar position with the Shear and the re-shaped tools. With the Scale Tool selected, I can just drag on these anchor points and you can see that they're both going to travel together so I can make the shape wider or as I want, a little bit narrower. There's the shape that I want. I think it needs to be just a little bit less tall so I'm also going to shorten it just a little bit. Next I want to align it so I'm going to just move it roughly into position the distance away from the center of this shape that I want to use and now I'm going to make sure these are perfectly aligned by selecting over them. I'll click here on the Horizontal Align Center option, just to make sure that they are perfectly aligned. To rotate this around the center, I need to make some decisions about the tool I'm going to use. Now you may be tempted to use this one here, Object > Transform > Rotate. Unfortunately, that tool will not rotate around a point that is outside of the shape itself. You're going to need to use the Rotate tool here in the toolbar. I'm going to Select on my shape and I'm going to click the Rotate tool. Having done that, I now need to tell Illustrator that the center of this circle is the point around which I want to rotate this shape. I'm going to hover my mouse over the very center of the circle looking for the word Center to appear because I've smart guides turned on. Now I'm going to hold Alt or Option and click once. That sets the center of the circle as the rotation point and it opens up the Rotate dialog. That's exactly what you're looking for. If this doesn't happen, just go back and do it again. It might take a little bit of practice to get a feel for exactly what you're doing. Now we need to decide how many shapes we want around the circle. I want 12. There are 360 degrees in a circle so if I divide 360 by 12, I'm going to get the rotation I need, which is 30 degrees. But you know, if you're not really very good at math, it doesn't really matter because what you can do is you can get Illustrator to do the math for you. You'll type in 360 and then the forward slash for divide by and then type the number 12, and Illustrator will do the math for you. When I press the Tab key, it calculated that that was 30 degrees. Now we want a copy of our original shapes and we want the original and this one so we're going to click Copy. Now everything is set up. All we need to do is to press a keyboard shortcut, it's Control or Command D. Every time you press the D key while you're holding down the Control or Command key, you'll get one of these shapes created and you'll just do it 10 times until you get all your shapes created for you. We have the edges now created. Now we need to do the circle and the hole in the middle because this is like a doughnut shape. You can see through the gear. That's going to be important later on. We wouldn't want it to be quite filled because if we put it on a background, we want to be able to see through it as you would be able to see through a regular gear. Let's go to the Ellipse Tool and we're going to drag out a circle. I find it easier than getting mixed up in here is actually drag it off to one side, holding down the Shift key, and then just move it into position, press the letter of V or go and select the Selection Tool and then just move it into position. You're looking for it to be lined up over the center of the circle with something like this. It's pretty easy to eyeball up, but you don't want to get this one in the way because that's not an intersection that I want to make. I want to line it up over the center of the circle. You can see now that the center indicator here has appeared. This is in a really good place and I'm just checking the sizing and I actually think I've drawn a pretty good size circle here. Now if my circle were not the right size, if I click on the circle and hold Shift and Alt, I can size it without losing my center point. That's still centered because I added the Alt key to keep it centered, the Shift key makes sure I drag out a perfect circle. Now we need a second circle. I'm going to make this one a different color. With the fill color selected I'm just going to go and select something like an orange. It'll make it a little bit easier to see. Now, I am going for the Ellipse Tool and I'm going to drag out a circle. I'm going to move it into the middle here, attempting to line it up. But you know, if it's a little bit difficult to line up, we can solve that problem. I'm going to click on the larger of the circles, the black one, and then Shift click on the orange one. I'm going to let go of all the keys on the keyboard. All I have is my left mouse button and I'm going to click back on the black circle and it gets this deeper blue surround. That tells me that when I go to use these tools up here to align everything, they're going to be aligned relative to the black circle. It won't move the orange circle will. Now I'm going to click Horizontal Align Center and then Vertical Align Center, and then click away. Now I just want to test to make sure by hovering over this shapes here that my circle is well away from the edge of these shapes. If it were over the edge of those shapes around the edge here, we would need to make the circle a little bit smaller because we're just going to cut out off the black circle. We don't want to have bits of these edge shapes coming into the hole in the middle of the gear. Just watch out for that. I'm going to click again on the black circle, Shift click on the orange. Now I'm going to the Pathfinder because I want to punch the orange circle out of the black one, the orange circle's on top so I'm just going to click here on Minus Front. That's going to make a hole in my shape. Now I don't need my center point here anymore. It was only there to help me create this gear. I'm actually going to just click on it and delete it. Now this is multiple shapes, so we want to make it all one shape so I'm going to select over it and in the Pathfinder, I'm going to click Unite. That's going to make it just a single shape. It will scale if I click over it and hold the Shift key as I re-size it, it's going to resize in proportion. There's the first of our steampunk gears that we've created for this steampunk project. Just going to delete the one I brought with me and this is the one that we've made. 3. Illustrator For Lunch™ - Let's Go Steampunk - Gear 2: Here's the next gear shaft that we're going to create and you probably can already work out exactly how we're going to create it. Because it's really not that much different to the one we've already done. We're going to start with our center point, that little circle that we're going to use to rotate everything around because it's just going to make life easier for us. Now let's look at these bars here, we can create them the same way as we created the edges around here. We're just going to go and get the rectangle tool we're going to drag out one of the bars about the weight that we want to use and about the length. There is a little bit of overlap that we can use if we don't get it perfectly right. I'm just going to move it roughly into position. We're going to align the two shapes by selecting all of them both and just make sure that their horizontal centers are aligned. When we rotate it, it's all going to work perfectly. Again, select this shape and again go to the rotate tool. Again, we're going to alt-click in the very center of this circle. Again, for this one, we want 12 of the shapes around the circle. To get illustrated, to do the math, 360 divided by 12, make sure previous turn ones so we can have a quick look. Click copy, then we're going to do control or command D until we rotate it all the way around. Then we need to create this inner circle exactly the same way as we created it earlier. We're going to get the ellipse tool. It's going to drag out a circle and position it in place. Move this one out of the way so it doesn't get involved in my alignment here. Then the centers are now aligned, I want the middle shape as well. I'm going to draw out another circle, I'm just going to change color again, just making it a little bit easier to see what we're doing. It's not going be quite such a big circle, that's going to be positioned in here. I'm looking for the center, of course, if I'm finding that difficult, we know how to deal with that with the selection tool. I'm going to click on the pink one, shift, click on the black one, make sure I click again on the black one, so it has this circle around it. Then I'm just going to align everything up to it with horizontal lines, center and vertical-align center. Select these two shapes back to the pathfinder and the pink shapes on top of the black, so minus front. Now we're going to need another circle around the very edge up here. We could do it the same way as we've just done that circle that we've just made, but we could also do it a little bit differently. Let's select a stroke this time, and let's go again and get the ellipse tool and let's drag out our circle. Now to move the circle as I'm drawing it I'm holding down the space bar because that allows me to move the circle at the same time as I draw it. Let go the space bar, and then let go the mouse button and the shift key, which is constraining it to a perfect circle. Now with this shape selected, I can increase my stroke until I get the width line that I want. If I want to, I can bring the stroke into the middle of the shapes and we can align the stroke to the inside of the shape. We can align it to the outside or the middle so this allows me to make it just a little bit smaller, although I am going to need to just expand it a little bit to make sure I can't see any of those bars around it. This is our stroked blind, in a few minutes when we come to put this all together as a single shape, we're going to run into problems because it is a stroked hollow shape. To solve that we need to expand at some selecting the circle and choosing object, and then expand appearance. That transforms this into the exact same circle as we've been creating previously. But this time we've done it just with a stroke circle and then expanded it. Just a different way of drawing lays and another thing to have in your armor if you like. Now we need the little bits on the very edge so going back to the rectangle tool, I'm just going to drag out a very small little shape that we're going to use and it's going to move it into position. I wanted it to line up with the center of that circle. This is perfect alignment here for me, this might nudge it up a little bit, just pressing the up arrow key a couple of times and just check that it's looking okay. I'm thinking that it's looking really good. Our only option for rotating this is back to this rotation tool. Click on the rotation tool, find the center of our circle here, alt or option, click on it. This time we want a whole lot more of these little things around the circle than we've had before. I'm not sure what degrees I'm going to use, but let's just say we want, for argument's sake, we want 24 of these. We're going to type 360 divided by 24 and let illustrate to do the math. I'll click copy and now control or command D until I go all the way around the edge of the circle. Now I'm ready to finish off, I'm going to take out the middle pace, the little circle that we've used for reference because we no longer need that. I'm going to select over all of the shapes and just click unite to make it a single gear shape. There we are, there's the second of our gear shapes, I'm going to delete my reference one, and we've now created two shapes for our steampunk project. 4. Illustrator For Lunch™ - Let's Go Steampunk - Gear 3: Now, we're ready to up the ante a little bit. Here's another gear shape that we're going to create, a saw tooth almost, we're obviously going to start with some circles. I'm going to again go through the ellipse tool, I'm going to make the very small circle for the middle of the shape here. Then I'm going to make the largest circle, I'm going to actually color the small circle, just a different color so that we'll be able to see it as we work, let's just make that red. I'm going to target the selection tool, deselect the red shape, now I can go back and pick up my black. I'm going to go again, go to the ellipse tool and again, I'm going to drag out a circle. I'm holding the space bar so I can move it into position pretty much on top of the middle circle there, I can see just how big the outer circle of my gear is going to be. I'm going to select over this shape, I'm just going to send it to the back right now, I'll click object, arrange, send to back. Then lets me see my pink circle, my red circle over the top of my black one. I'm going to select both shapes and let's just make sure that they are aligned to each other. Now, let's look at this teeth, one of the ways that we can draw the teeth is to borrow a shape from the illustrators shape collections, we're going here to start off with to the polygon tool. I'm just going to click once on the art board because I want to be able to set the polygon dimensions up myself. I want a three-sided figure, I want a triangle effectively and I'm just going to click Okay because it doesn't really matter how big the triangle is, but I've got a starting point for my shape. I'm going to the direct selection tools. I want to start working on the corners of this shape. I'm going to click on this top corner here and when I click, you'll say that these options become available up here, and I want to convert this selected Anchor point to a smooth one, I'm just going to click on that. That gives me my handles, now I'm going to drag this a little bit off center, I'm going to move it horizontally a little bit and then I'm going to hold the Alt or Option k as I drag around on this handle now, I'm looking for the white arrow key to have a little plus sign beside it. If it shows two arrows, just let go of everything and start again because two arrows means you're about to make a duplicate of this point. One arrow and a plus sign means you are about to free up this hand or which is exactly what you want to do is we're going to create this tooth edge here. Going back to this point, again with the direct selection tool, I'm just going to move it a little bit more still and perhaps re-shape it just a little bit to get this tooth edge that I'm looking for. Down here I can come to this point and just drag it in a little bit. You can just manipulate this until you get a nice-looking tooth, don't worry that this tooth is way too big for the shape because it's really easy to scale it down once you've actually got the shape that you want to work with. I'm holding the Shift key as I scale it because I don't want to lose the proportions that I've achieved, and now I'm going to just move it into position and audition it over this shape and just say if it's looking like I want it to look. I think I could rotate it a little bit even, I'm going to just rotate it and think that's pretty good there. I'm going to line it up over the circles, I'm going to select both shapes. Click again on the circle so that it's my reference point and let's just horizontally aligned the centers. Now, let's go and do our rotation again, we're stuck with this rotation tool, it's the only tool that is going to rotate the way we want the shape to rotate. Click the rotation tool, find the center of your shape here, Alt or Option Click on it, and now we need to decide just how many rotations we want. Last time it appears we use 15 degrees, that was 360 divided by 24, I think that might be pretty good. We contested and say, let's just click Copy and see what we get. Well, that's pretty nice, but if you didn't like it, if it wasn't quite far enough or it was too far, just press Control or Command Z and go and do it over again,but I'm pretty happy with this, I'm going to Control or Command D because I want to rotate this around my circle. Now, we're ready to put the pieces together. First of all, we need to select the red circle and we need to select the black circle, because we need to knock the hole in this black circle. We're going through the Pathfinder and we're going to click minus front because the red's on top of the black, and that makes the hole in the center. Now, we'll select either all of the shape and we're just going to go to unite, and there's gear shape. Let's get rid of our reference copy, his, the gear shape that we've just created, the third in our series. 5. Illustrator For Lunch™ - Let's Go Steampunk - Gear 4: This next gear looks a lot more confusing than it really is. Again, this is a problem solving exercise. We've got three large cutouts in the gear, and they all centered around the center point. Well, all we're going to do is to create these as circles that are centered around a center point. Let's go and get the Ellipse Tool, and let's start with our center point. Then let's create one of these circles. Again, holding the Shift key with the Ellipse Tool selected, we're just going to drag out our circle. I'm going to select the Selection Tool, and I'll just drag this into a position roughly where I want it to be. I'm looking here, the distance between this circle and this one, which is this distance in here. I'm going to align the two circles up with a horizontal align center, and then we're going back to the same rotation feature that we've been using all along. Select the circle, click the Rotate Tool. "Alt" or "Option" click on the very center of the circle. This time we want three shapes around the 360 degrees. We want to rotate around 120 degrees, so I can just type in 120 and click "Copy". Then "Control" or "Command D" to make the third of my circles, so far so good. Next, we need the big circle. I'm going to select the Selection Tool here to deselect everything, because it's really important if I'm changing colors. I don't want to change these colors right now. But let's just go and get a red color for this larger circle that we're going to create. Click on the Ellipse Tool, hold down the Shift key. Eyeball the circle that we're going to use, move it into position by holding the Space bar as you're drawing the circle. We're looking for this center to line up. It's going to be a little bit easier in a minute to line them up using the Alignment Tools, but I'm just looking for something that looks like it's going to be pretty much the shape I want. Now, I'm going to move this to the back with Object, Arrange Sent to Back, so that allows me to see my black circles and my red. Looking at the shapes that we've got so far, the black circles are all in the position we want to leave them in. If we're going to align things, we do not want to be changing the black circles. I want to make sure that the red circle is perfectly aligned, so I'm going to click on the red circle, Shift-click on the center circle here. Then I'm going to click again on the center circle, because it's the one I want to stay in place. I'm just going to click here on horizontal aligned center and vertical aligned center just to make sure that the red circle is exactly where it should be. I want to knock the black circles out of the red circle but right now I'm really afraid that I'm going to lose that center marker if I do, and I don't want to lose it. I'm just going to click on it to select it. In the last pallet, I've identified where it is, and I'm just going to turn it off. So I can't see it, can't select it. Anything that I do right now is not going to affect it. I'm going to select over all of these shapes, that's the three black shapes and the red one. They're all selected. I'm going to the Pathfinder, and I'm going to click "Minus Front". The three black shapes are in front of the red one, so they're going to poke holes in the red one. I'm going back to the last pallet and I'm going to re-select the eyeball here for the black shape. But we can't see the black shape. Even though it's there, we can see it in the palette here. The reason we can't see it is because the red shape has jumped above it in the last pallet. I'm just going to move this down. It's the same as sending the red shape behind the black shape using center back for example. But because we can see this very clearly in the last pallet, we can just move the paths around here to change how they're related to each other in terms of stacking. We need to do the little teeth on the edge of there, so we are going to go and get the Rectangle Tool and we're going to drag a very small rectangle into positions that needs to be really, really tiny. I'm going to select the rectangle shape. I'm going to select the center circle. I'm going to click again on the center circle so that the alignment is going to be relative to the circle, and I'm going to click horizontal aligned center. Now, I've got my tooth in position. I think it's a little bit too tall or a bit too high up, so I'm just going to move it down. Just nudge it down one or two pixels. I'm going to select it, and we're going to do our rotation thing again. Select the Rotate Tool. "Auto" or "Option" click on the center of the shape. We need lots and lots of little teeth. Let's say, for example, that we want to have 40 teeth. We're going to do 360 divided by 40, click "Copy". It doesn't even look to me like that's enough, so I'm going to press "Control" or "Command Z". Let's try that again. Again, I'm going to select the shape, select the Rotate Tool. "Auto" or "Option" click in the center here, and let's go for 60. 360 divided by 60, click "Copy", much better. I'm just going to press "Control" or "Command D" to get all the way around the circle with my little shapes. When I'm done, I'm going to the Selection Tool and we're going to select everything except this middle circle. Again, to protect it. It's probably going to be easy just to turn it off for now. I'm going to select over all of these shapes and I'm going to the Pathfinder, and I'm going to unite them. I have a single shape. I Just don't have the hole in the center yet. Well, we can get the hole in the center back by just clicking the eyeball for this circle. Let's just move it so that we can see it. We're going to take these two shapes: the red and the black. Because the black's on top of the red, we can just use Minus Front again. There's a hole in our circle. Of course, it's a wrong color, but that's an easy solution. We're just going to make it black exactly the same way as the other gears have been colored. I'm going to delete my reference gear, and here is the fourth of our gears that we've created for Esteem Punk Project. 6. Illustrator For Lunch™ - Let's Go Steampunk - Gear 5: Here's our next gear. This is the one that I drew earlier. I'm not really happy with the edges too, so I'm actually going to change those as we design our own. But what I'm interested in, is these curves here, because this is really a little bit more complex gear than the ones that we've been creating so far. So let's see how we're going to put it together. Well, we're going to start with our center point because the center point is really the point at which everything is rotated around. It's a focal point for our design. The next thing we're going to do is these bars. I'm just going to concentrate on the bars, and ignore the curvy bits because they look to me like a circle, and I think I might be able to solve the problem of those, with circles later on. But let's go and get our rectangle tool. We're just going to draw out the bars that we're going to use. Again, I'm going to select to have both shapes and just make sure that the horizontal align center. Now I need five of these, so I'm going to do my regular rotation, this time creating five. I'm going to click here, I'm going to click on the rotation tool, Alt, or option click on the center of the circle here. I'm going to type 360 divided by five, and click "Copy". Now control, or command D, until I get my five shapes. So far so good. Next we're going to draw a circle. So it's going to be this sort of circle before the little bits got cut out of it. Let's go to the Ellipse tool. Think it might be helpful if we start changing the color here, so I'm going to make it a red circle. Just going to drag it out, and move it into position. I think something like that's going to work. Now, I'm going to the last pallet because I want to bring my little black circle. This one here above everything else. It's just going to help me align everything up if I can actually see it. Again, I'm going to the selection tool. I'm going to select the red, and the black circles. Make sure I target the black one as don't move this one. Let's just line up the red one with horizontal, and vertical align. So far everything is in position. Now, I can get these curvy bits because they're sort of like circles themselves. Let's just go and get a different color. We're going to do green this time, and the Ellipse tool. Let's drag out a circle again holding the space bar just to move it into position. What I wanted to do is to just bat up against the very edges of those bars. It's going to give me the curvy bit that I'm going to cut out of here. I'm just going to let go there, and I'm just going to move this manually into position. I can nudge it a little bit using the keyboard. I'm thinking that that's going to be a nice little cutout here, that's going to give me this shape. With this shape now selected, I'm going to rotate it. I'm going back to my Rotate tool, I'm going to Alt, or option click in the center of this black circle, and now I'm going to do the same rotation as I did last time. I'm going to click "Copy", and then Control, or Command D until I create the circles all the way around the shape. Now we need to do a little bit of subtraction. So I'm going to select my green shapes. I'm going to select the red shape because the green shapes are on top of the red shape, I want to subtract them. So I'm going to select minus front. I'm going to go here, and click "Minus front". That cuts the green shapes out of the red shape. I've got a pretty good approximation of what I had in the center of this gear. Let's go and get a black shape and just put it up the top there so that we can adjust everything relative to it because it's going to be the center point around which will be rotating these little edge pieces. For the rest of the shape, you should be pretty familiar with exactly what we're going to be doing here. I'm going to draw the outer circle using a stroke on a circle here. I'm just going to position my circle here, and I'm going to increase the stroke. I'm going to make sure that this circle, and this inner circle are lined up perfectly to each other. Then I'm going to expand this outer circle because I used a stroke to create it. I'm going to choose object, expand, and just click on "Okay". Now we want the little teeth, and as I said earlier, I'm really not happy with those little teeth. I think I'm just going to do regular little sharp teeth like this. Let's go and get the Rectangle tool. Let's drag out a rectangle. We might angle at slightly this time. Let's go and get the direct selection tool, grab the bottom two anchor points, and let's just move them. So it's got a slight interesting shape on it. Let's just make it a little bit smaller. That's going to be my tooth. I'm going to move it into position here. I'm going to line it up again with the center selecting the tooth. Shift, clicking on the center, clicking again on the center, making sure that everything is going to be adjusted relative to the center, so the center won't move. Align that. Now I'm going to rotate it, click on it. Click the rotation tool. Alt, click on the center. Determine exactly how many of these I want around my shape. So 360 divided by, well, let's, for argument sake, 540 this time, and click "Copy". I'm continuing to press Control, or Command D, to add the shapes all the way around the edge of my circle. Now we just have to do the finishing touches. We're going to click on the center, and we're going to click on the red shapes. These are both selected. The black is in front of the red. So again, we're going to use minus front here to poke a hole in the shape. Now we can just grab everything and unite them. Just clicking on "Unite". Then we'll just fix the color problem. There is our black gear. I'm going to delete my reference one, and now you have the fifth gear in our series. This one was a little bit more complex to design, but looking at the curve shapes that you were trying to create, they really five circles to you. So it's just a case of working out how you can draw the circles, and subtract, or add them to make the curves that you're looking for. 7. Illustrator For Lunch™ - Let's Go Steampunk - Gear 6: These gears type looks a little bit challenging, but really it's just a component of most of the stuff that we've already done before. We're going to start with an oval because I'm going to create this shape here. I'm going to create a fat oval shape. I'm going to warp it using "Effect" and then "Warp". I know that I need the "Squeeze Warp", but if you didn't know which one you needed, you can just come in here and select any of the "Warp Options" and then you can re-look again at what they might do to your shape. But I want to use "Squeeze", and I'm going to squeeze it up really quite high. You can see that this is giving me that bended middle shape, and that's a horizontal bend, so just click "Okay". I'm going to size it down a little bit. I'm going to try and make it a little bit more of this shape here. I'm going to select over the shape and I'm going to choose "Object", "Expand Appearance" because that makes it the actual shape now. I need to subtract a couple of circles from this shapes. I'm going to go to the "Ellipse" tool, I'm going to choose a different color so we can see what we're working with here, I'm just going to use a pink, and I'm going to hold the "Shift" key down as I draw out a circle. I'm going to select the circle and hold the "Alt" or option key as I drag a duplicate away because I want it a the end. Select over the whole thing, and let's just line up the centers. The two pink shapes are on top of the black shapes, so we'll select everything and just do a "Minus Front" to poke holes in this shape. Now, we've got this shape here. Select it, just re-size it a little bit perhaps and we're ready to do our rotation. For that, we're going to need a center point to rotate around. Again, just a circle, select either both of these, make sure that they're aligned horizontal centers. We're looking at this distance here. I think this is too far away, so I'm just going to close it up a little bit and just recheck it. Now, we need to rotate five shapes around the center point. Again, selecting the shape back to the "Rotation" tool, "Alt" or "Option" click on the center point. We want to do with 360 degrees divided by 5 and click "Copy" and then Control or Command-D, just click away from here. The next thing we need to do is this circle here, and you can see that the circle runs between the shapes, but it's actually cut out here. So we're going to need to do something here, to cut the shapes out of the circle. But we're going to start with the circle part of it. I'm going to do this with a stroked circle. I'm just going to hold down the "Shift" key, create my circle, move it into position, test it because it needs to go over the holes in these little bars. Now, it's not perfectly centered right now perhaps, but it's going over these circles, over these holes, that's exactly what I wanted to do. I'm going to select it and let's just widen the stroke. It has no fill, which is exactly as it should be. I'm going to need to expand this. I'll choose "Object", "Expand". So that's just a filled shape now it's not a stroke shape, and we're ready to do the subtraction. We're going to do a couple of things here. One of them is I'm going to hide that inner circle away because I'm going to need it later on, but I don't want to lose it in what I'm about to do. The other thing is, that if I use "Minus Back" to subtract all of these shapes from the circle, I'm going to get what I want, except I'm going to lose all the shapes in the process because they're just going to be removed. Well, the best thing to do is to take a copy of them and tuck those away as well. So I'm going to a click "Shift", click on all of these bars, and then I'm going to choose "Edit", "Copy", "Edit", "Paste in Place". That creates a set of those bars lined on top of the existing ones. Here they are in the "Layers" palette, I'm just going to turn them off. I can't select them and they're going to be hidden away so I can use them again in a minute. I've tucked away the bits that I want to save. Now, I'm going to select over these pieces, that's five bars and the inner circle. Because the bars are behind the circle this time instead of "Minus Front", I'm going to choose "Minus back". In other words, subtract everything from the front most object, and there's our shape. Now, I've got the little bits in the middle so I need to deal with. I'm going to zoom in here. I'm going to be really careful that I do not move this shape because I've got everything nicely aligned. It would be a pity if I moved it, at this point. I'm going to click here and I'm going to choose "Object", "Expand". Then I'm going to click to isolate these individual shapes. So just clicking until you get the little handles and angles around one of these shapes and press "Delete" and then go and get the next one. We want to leave these bars in place. You just want to get rid of the middle bits. Let's click to get out of isolation mode, and let's press "Control" or "Command" zero to get back to full-size view of the document. Now, we're going back to the last pallet and let's bring back the things that we hid. The center of the circle and the second set of bars that we stored away because we were going to need them. Now we've got this inner part of the shape created. We just need to concentrate on the outer part. Well, this is just a circle. Again, let's go back to a stroked circle and let's drag it out here. "Shift", drag it, use the space-bar to move it while you're still drawing it. This time the bar is not going through the hole, so we don't want it to go through the holes in those bars, but we want it to go fairly close to the holes just not over the top of them. I'm just auditioning this, I think that's pretty good, and let go of that. I want the circle here and this inner circle to be lined up. I don't want to move the inner circle, I want to move the outer ones. Let's click the outer circle. Let's "Shift" click the inner one, let's click again only inner one, so it's not going to move. Let's just line this circle up with the shape that we've created. We'll go back to the circle now we can work on the stroke. It's going to increase the stroke on it. I think three points for the size document I'm working on is looking just fine. Everything is looking good here. I'm just going to click on this, I'm going to expand its appearance to turn it into a filled shape rather than a stroke shape. Now, let's go and create these little bumps here. These are going to be oval, so am just going to drag out an "Oval". But I only want the top part of the oval. So I'm going to take a "Rectangle" and draw a rectangle over the bottom part of the oval. I'm looking right now at the bit sticking out the top, and I just want to make sure that it's going to be what I want, and when I'm right with that, I'm going to select both shapes. The rectangle is in front of the oval, so I'm just going click "Minus front", and that's giving me my little shape that I want here. I'm going to start with this shape right over the top of the existing bar. Let's just color it a different color for now, so that we can save it. We're going to click on this to select it. We're going to "Shift" click on the center, we're going to click again on the center to make sure it's the reference point. We're just going to make sure that the horizontal alignment is correct here, which it is. Now, we're going to click on this shape and do our rotation. Click here, "Alt" option, click on the center point, and we need to work out how many we need to rotate it. Well, we need 20 of these around here, so we're going to do 360 divided by 20. Make sure we click "Copy" and then continue to do Control or Command-D. Now, you'll notice that we've got some of these pink shapes where we don't want them. But to do the rotation, we really needed to create some shapes that we actually didn't want because once we've created them, we can just go back and delete the ones that we don't want. So I'm just deleting the ones that are over the top of these bars. Now we're ready to finish up so we don't need the center circle anymore, I'm just going to remove it. I'm going to select oval all of the other shapes and we're ready to do a unite. There from the "Pathfinder", we're just going to click "Unite". Now it's become pink, but that's an easy solution to make it black and there's our gear. Again, it was just a process of looking at the pieces and working at how we could do it with the tools and the features that we already knew about in Illustrator. 8. Illustrator For Lunch™ - Create a Steampunk Image: to finish up past Steampunk Gear project. Let's create a final image incorporating all the gears that we've created so far. Now I'm going to give you the download link for this particular monochrome grunge texture. It's just a really nice little text, a file to use to finish off our project. You want to download the file, unzip it and then open up the A. P s file. It's in the ZIP file in Illustrator, and it will be converted to an I I file. So we're going to start in our gear image. I'm going to click the selection tool and select the first of my gear's going to choose Window and then transparency because I want to have this transparency dialogue open on the screen so I can make sure that everything is working perfectly. I'm going to go and get the texture to use. I'm going to click on the texture image I'm going to use the last. So it'll to drag over a selection off the texture that I want to use on our choose edit and then copy. I'm going back to my gear image. Have my gear selected here. I'm going to click make mosque and I'm going to day select clip. I'm going to make sure that the mask here is selected and then I'll choose, edit and then paste, and that pastes the texture in, and you should be able to see the texture in this mask area here. Now, if you don't see that, you'll want to undo everything and start over again. Now, this text just gonna be a little bit difficult to move around because it's lots of little pieces. So I'm going to group it, just object and then group, and that will grope it together. Sites going toe move as a single objects. That's gonna be a little bit easier to deal with. So I've got it selected here, and I'm just going to move it into position over my gear. You can see here you've got the gear and then a texture. That's exactly the way it should look when you finish, just click back on the gear that will stop you editing the opacity mask, and you should say your gear with the texture over the top of it. So this first gear is now complaint. Let's go to the next one. We're going to select the gear, and then we're going back to our grunge texture. You can choose Theo exact same pace of texture that you use previously, or you can go ahead and select something a little bit different. Copy it with edit copy. Go back to your gear image. You're saying your gear here in the transparency panel you want to click. Make Mosque day Select clip. Click on the mosque so that you're editing the mosque, choose edit and then paste. Group this element together by choosing object and then group. And now you can go ahead with the selection tool and move it and size it into position. You just want to make sure that you see your gear and your texture here. If you don't, you wanna undo everything and go back and start again. When you're happy with the way the texture looks on top of the gear, go back into the Transparency panel and click on the gear itself that stops you editing the transparency mask and let to go ahead with the next gear again. Select your gear. Go back into your grunge texture. You take the same texture this time, so I'm just gonna choose, edit and then copy going back to my gears. I'm going to make my mask turn off the clip option, make sure that I select the mask itself. So I'm editing the mask and then choose Edit paste. Go back to the group Object Group. Now I can size my object checking in the transparency panel. I've got my gear and my texture. If they're not there, it's not working. And I want to go back and start again, move the texture over the gear. In this case, I think I'm going to rotate my textures. I'm just going to rotate it around a little bit, so it's going a slightly different direction. Doesn't look so much like the same texture as I applied over here. When I'm done, I'm going back to the transparency panel. I need to click on the gear to go back to editing the image and not the texture. I'm going to finish up the next three shapes. I'm just going to speed up the video because it's the same process for every single one off them, and I'll come back once the textures have all been applied. - Now that all the shapes have been texted. It's time to apply some color to them. So I'm going to select H of these in turn, and I'm just going to color them a sort of gray color and sort of neutral gray. But one of them I'm going to color red. You could even select a brown color if you wanted toe be one sort of neutral sort of times for most of the gifts and then one red one. Now let's go and create a background for illustration will use a rectangle tool. To do that from this gun, select a rectangle and drag it out the size of the art board. Now it's going to be filled with the last year's color. But I wanted to be filled with black since gonna click on the Black here, and I'm going to the last pallet because they black rectangle has appeared at the top of everything I wanted at the bottom. So I'm just going to drag it all the way down. Now we can see our shapes on top of it. I'm going to duplicate this rectangles. I'm going to drag it onto the new icon here, and that will create a duplicate of it. And in the version behind skin, turn this one off so that we can see the one we're actually working on. I'm going to apply a slightly lighter color, so I'm probably going to choose something like this brown. So I've got a black filled rectangle and a brown filled rectangle underneath it. Let's go to the black filled rectangle. I'm going to select it and I'm going to the transparency tab here. We're going to exactly the same thing with this rectangle. I'm going to my grunge texture, and I'm going to select pretty much everything here except this outer edge. So I'm going to the last total here, and I'm just going to last. So most off this texture, just avoiding the Dhaka Ages as I don't want those and I'll choose edit copy. We'll go back to our gear image with this rectangle selected. We're going to click make mosque, they select clip, I'm going to click on the mask, and I'm going to paste the texture in with edit paste. I'm going to group it with Object group, and I'm going to look for the corners off this shape because I seem to have lost them a little bit here, and I'm just going to size it down. So there's one of the corners up here. I was going to size that. So it's going to appear pretty much over the top off this rectangle. And when I'm happy with the positioning, I'm going to click back here on the black rectangle because that's going to day. Select the mosque and you'll say that the result is that the black background has been lightly textured so you can see a little bit off the brown through it to finish off. I suggest that you go back to your shapes and you size them and move them into an attractive position. You may also want to hold the old or Option K as you drag a duplicate away because you can reuse these textured shapes, just resize them and re color them so they look a little bit different elsewhere in the illustration. I'm going to continue to work on my project, and you can look out for my finished result in the project Details for this skill share video course. I'm Helen Bradley. Thank you for joining me for illustrative for lunch. I hope you'll look at form or off my illustrative for lunch courses here at skill share. You'll find that there exists already arrange off illustrated for lunch courses, and I'm continuing to build on this Siri's so expect to see more in future.