Draw a Retro TV in Adobe Illustrator - A Graphic Design for Lunch™ Class | Helen Bradley | Skillshare

Playback Speed


  • 0.5x
  • 1x (Normal)
  • 1.25x
  • 1.5x
  • 2x

Draw a Retro TV in Adobe Illustrator - A Graphic Design for Lunch™ Class

teacher avatar Helen Bradley, Graphic Design for Lunch™

Watch this class and thousands more

Get unlimited access to every class
Taught by industry leaders & working professionals
Topics include illustration, design, photography, and more

Watch this class and thousands more

Get unlimited access to every class
Taught by industry leaders & working professionals
Topics include illustration, design, photography, and more

Lessons in This Class

4 Lessons (48m)
    • 1. Intro retro tv

      27:19
    • 2. Retro TV Part 1

      6:05
    • 3. Retro TV Part 2

      7:23
    • 4. Retro tv part3

      7:16
  • --
  • Beginner level
  • Intermediate level
  • Advanced level
  • All levels
  • Beg/Int level
  • Int/Adv level

Community Generated

The level is determined by a majority opinion of students who have reviewed this class. The teacher's recommendation is shown until at least 5 student responses are collected.

467

Students

32

Projects

About This Class

Graphic Design for Lunch™ teaches Illustrator in small bursts of 'easy to consume' learning. In this episode you will earn to make and combine shapes, how to add texture and how to create a sunburst background. You'll learn these techniques by drawing a Retro TV and textured sunburst background.

078cbaa7.jpg

More in this series:

10 Adobe Illustrator Layer Tips in 10 minutes - A Graphic Design for Lunch™ Class

10 Adobe Illustrator Pattern tips in 10 Minutes - A Graphic Design for Lunch™ Class

10 Illustrator Pen tool and Path Tips in 10 Minutes - A Graphic Design for Lunch™ Class

10 in 10 - 10 Adobe Illustrator Align tips in 10 minutes - A Graphic Design for Lunch™ Class

 10 in 10 - 10 Adobe Illustrator Type Tips in 10 minutes - A Graphic Design for Lunch™ Class

10 in 10 - Ten Top Adobe Illustrator Tips in 10 Minutes - A Graphic Design for Lunch™ Class

10 Interface & Workflow tips for Adobe Illustrator - A Graphic Design for Lunch™ Class

20 Adobe Illustrator Appearance Panel Tips in 20 mins - A Graphic Design for Lunch™ Class

20 Adobe Illustrator Color tips in 20 mins - A Graphic Design for Lunch™ Class

20 Adobe Illustrator Recolor Artwork tips in 20 mins - A Graphic Design for Lunch™ Class

20 Illustrator Gradient tips in 20 mins - A Graphic Design for Lunch™ Class

20 Illustrator Reflect and Rotate tips in 20 mins - A Graphic Design for Lunch™ Class

20 Path, Crop & Cutout tips in 20 mins - A Graphic Design for Lunch™ Class

20 Things New Illustrator Users Need to Know - A Graphic Design for Lunch™ Class

2022 Calendar from Scratch in Adobe Illustrator - A Graphic Design for Lunch™ Class

3D Extrusion Effects with Text & Shapes in Adobe Illustrator - A Graphic Design for Lunch™ Class

3D Perspective designs in Adobe Illustrator - A Graphic Design for Lunch™ Class

3D Y Shape Pattern in Adobe Illustrator - A Graphic Design for Lunch™ Class

4 Exotic Patterns in Adobe Illustrator - A Graphic Design for Lunch™ Class

4 Handy Patterns in Adobe Illustrator - A Graphic Design for Lunch™ Class

4 Illustrator Shading Techniques in Adobe Illustrator - A Graphic Design for Lunch™ Class

5 Cool Text Effects in Adobe Illustrator - A Graphic Design for Lunch™ Class

5 Hexagon Patterns in Adobe Illustrator - A Graphic Design for Lunch™ Class

Abstract Ombre Background in Adobe Illustrator - A Graphic Design for Lunch™ Class

Add a Background to a Pattern in Adobe Illustrator - A Graphic Design for Lunch™ Class

All you need to know about Brushes in Illustrator - A Graphic Design for Lunch™ Class

Banner and Award Badges in Adobe Illustrator - A Graphic Design for Lunch™ Class

Bends and Blends in Adobe Illustrator - A Graphic Design for Lunch™ Class

Blends and Gradients in Adobe Illustrator - A Graphic Design for Lunch™ Class

Block and Half Drop Repeats in Adobe Illustrator - A Graphic Design for Lunch™ Class

Braids, Rick Rack & More in Adobe Illustrator - A Graphic Design for Lunch™ Class

Cacti with DIY Brushes in Adobe Illustrator - A Graphic Design for Lunch™ Class

Circle Based Patterns in Adobe Illustrator - A Graphic Design for Lunch™ Class

Circles with Brushes, Blends & Transformations - A Graphic Design for Lunch™ Class

Color Schemes to Sell in Adobe Illustrator - A Graphic Design for Lunch™ Class

Complex Patterns with MadPattern templates in Adobe Illustrator - A Graphic Design for Lunch™ Class

Convert a Sketch to Vectors with Illustrator Live Paint - A Graphic Design for Lunch™ Class

Create a Plaid or Tartan Pattern in Adobe Illustrator - A Graphic Design for Lunch™ Class

Create Radiolarians in Adobe Illustrator - A Graphic Design for Lunch™ Class

Create with Blends and Brushes in Adobe Illustrator - A Graphic Design for Lunch™ Class

Creative Half tone Effects in Adobe Illustrator - A Graphic Design for Lunch™ Class

Curly Frames in Adobe Illustrator - A Graphic Design for Lunch™ Class

Custom Corners for Pattern Brushes in Adobe Illustrator - A Graphic Design for Lunch™ Class

Custom Organic Patterns in Adobe Illustrator - A Graphic Design for Lunch™ Class

Custom Project Backgrounds in Adobe Illustrator - A Graphic Design for Lunch™ Class

Cute Furry Creatures in Adobe Illustrator - A Graphic Design for Lunch™ Class

Cutout Text Effects in Adobe Illustrator - A Graphic Design for Lunch™ Class

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

Designing with Spirals in Adobe Illustrator - A Graphic Design for Lunch™ Class

Designing with Symmetry in Adobe Illustrator - A Graphic Design for Lunch™ Class

Diamond, Harlequin & Argyle Patterns in Adobe Illustrator - A Graphic Design for Lunch™ Class

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

Doodle Style Heart with DIY Brushes in Adobe Illustrator - A Graphic Design for Lunch™ Class

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

Draw a Retro TV in Adobe Illustrator - A Graphic Design for Lunch™ Class

Draw a Vintage Birdcage in Adobe Illustrator - A Graphic Design for Lunch™ Class

Draw Safari patterns in Adobe Illustrator - A Graphic Design for Lunch™ Class

Drawing to Pattern in Adobe Illustrator - A Graphic Design for Lunch™ Class

Easy Isometric Art in Adobe Illustrator - A Graphic Design for Lunch™ course

Export File Sizes & Resolution in Adobe Illustrator - A Graphic Design for Lunch™ Class

Faux Tissue Paper Collage in Adobe Illustrator - A Graphic Design for Lunch™ Class

Flat & Dimensional drawing techniques in Adobe Illustrator - A Graphic Design for Lunch™ Class

Floral Alphabet character in Adobe Illustrator - A Graphic Design for Lunch™ Class

From One Design Make Many Variations in Adobe Illustrator - A Graphic Design for Lunch™ Class

Fun Effects with Graphic Styles in Adobe Illustrator - A Graphic Design for Lunch™ Class

Fun with Scripts in Adobe Illustrator - A Graphic Design for Lunch™ Class

Gradient Background Effects in Adobe Illustrator - A Graphic Design for Lunch™ Class

Guilloche Designs in Adobe Illustrator - A Graphic Design for Lunch™ Class

Hi-Tech HUD rings in Adobe Illustrator - A Graphic Design for Lunch™ Class

Ikat Inspired Pattern in Adobe Illustrator - A Graphic Design for Lunch™ Class

I'm Seeing Stars - Shapes in Shapes in Adobe Illustrator - A Graphic Design for Lunch™ Class

Isometric Cube Pattern in Adobe Illustrator - A Graphic Design for Lunch™ Class

Knockouts in Illustrator - Holes in Shapes - A Graphic Design for Lunch™ Class

Large Scale Repeating Patterns in Illustrator - A Graphic Design for Lunch™ Class

Layered Paper Style Collage in Adobe Illustrator - A Graphic Design for Lunch™ Class

Let's Go Steampunk! Draw Gears in Adobe Illustrator - A Graphic Design for Lunch™ Class

Live Trace (Bitmap to Vector) in Adobe Illustrator - A Graphic Design for Lunch™ Class

Make a Lace Pattern Brush in Adobe Illustrator - A Graphic Design for Lunch™ Class

Make Art Brushes in Adobe Illustrator - A Graphic Design for Lunch™ Class

Make Art with Stock Images in Adobe Illustrator - A Graphic Design for Lunch™ Class

Make Complex Art in the Appearance Panel in Adobe Illustrator - A Graphic Design for Lunch™ Class

Make Ditsy Patterns in Illustrator - A Graphic Design for Lunch™ class

Make Retro Shapes in Adobe Illustrator - A Graphic Design for Lunch™ Class

Make Scrapbook Papers to Sell in Adobe Illustrator - A Graphic Design for Lunch™ Class

Make to Sell Printable Grids in Adobe Illustrator - A Graphic Design for Lunch™ Class

Master Masks in Adobe Illustrator - A Graphic Design for Lunch™ Class

Meandering Hexagon Pattern in Adobe Illustrator - A Graphic Design for Lunch™ Class

More fun with Scripts in Adobe Illustrator - A Graphic Design for Lunch™ Class

Multi-Color Faux Pattern in Adobe Illustrator - A Graphic Design for Lunch™ Class

Neon Effect in Adobe Illustrator - A Graphic Design for Lunch™ Class

Nighttime Cityscape in Adobe Illustrator - A Graphic Design for Lunch™ Class

Organic Spiral Pattern in Adobe Illustrator - A Graphic Design for Lunch™ Class

Pattern Design in Illustrator Masterclass - A - Graphic Design for Lunch™ class

Pattern in Pattern & Irregular Patterns in Adobe Illustrator - A Graphic Design for Lunch™ Class

Pattern in Pattern in Adobe Illustrator - Doing the Impossible - A Graphic Design for Lunch™ Class

Pattern Know-how in Adobe Illustrator - A Graphic Design for Lunch™ Class

Pattern of Lines and Dots in Adobe Illustrator - A Graphic Design for Lunch™ Class

Patterns in Adobe Capture for Illustrator & Photoshop - A Graphic Design for Lunch™ Class

Perfectly Overlap Rotated Shapes in Adobe Illustrator - A Graphic Design for Lunch™ Class

Piping Effect in Adobe Illustrator - A Graphic Design for Lunch™ Class

Pop Art Star Pattern in Adobe Illustrator - A Graphic Design for Lunch™ Class

Rainbow Gradient & Text Effects in Adobe Illustrator - A Graphic Design for Lunch™ Class

Real Time Mandala Design in Adobe Illustrator - A Graphic Design for Lunch™ Class

Real Time Mirror Drawing in Adobe Illustrator - A Graphic Design for Lunch™ Class

Retro Landscape Illustration in Adobe Illustrator - A Graphic Design for Lunch™ Class

Road Trip! DIY Brushes & Live Paint in Adobe Illustrator - A Graphic Design for Lunch™ Class

Roaming Square Pattern in Adobe Illustrator - A Graphic Design for Lunch™ Class

Seamless Repeating Texture Patterns in Adobe Illustrator - A Graphic Design for Lunch™ Class

Seasonal Designs - Chalkboard Wreath - in Adobe Illustrator - A Graphic Design for Lunch™ Class

Seasonal Ornaments in Adobe Illustrator - A Graphic Design for Lunch™ Class

Semi Transparent Flower Brushes in Adobe Illustrator - A Graphic Design for Lunch™ Class

Sharing and archiving files from Adobe Illustrator - A Graphic Design for Lunch™ Class

Sketch to Vector Art in Illustrator - Saleable Digital Assets - A Graphic Design for Lunch™ Class

Sketchy Image Effect in Adobe Illustrator - A Graphic Design for Lunch™ Class

Something's Fishy! Appearance Panel Tricks in Adobe Illustrator - A Graphic Design for Lunch™ Class

Stipple Texture Effect in Adobe Illustrator - A Graphic Design for Lunch™ Class

Stitches & Needles & Sewing Elements in Adobe Illustrator - A Graphic Design for Lunch™ Class

String Art Inspired Designs in Adobe Illustrator - A Graphic Design for Lunch™ Class

Stylish Doodles to Make & Sell in Adobe Illustrator - A Graphic Design for Lunch™ Class

Terrazzo Patterns Made Easy in Adobe Illustrator - A Graphic Design for Lunch™ Class

Text over Busy Backgrounds in Illustrator - A Graphic Design for Lunch™ Class

Textured Dot Pattern in Adobe Illustrator - A Graphic Design for Lunch™ Class

Triangle Based Patterns in Adobe Illustrator - A Graphic Design for Lunch™ Class

Type on a Path in Adobe Illustrator - A Graphic Design for Lunch™ Class

Understanding Bounding Boxes in Adobe Illustrator - A Graphic Design for Lunch™ Class

Use Photoshop Objects in Illustrator - A Graphic Design for Lunch™ Class

Vector Halftones & Houndstooth in Adobe Illustrator - A Graphic Design for Lunch™ Class

Vector Textures in Adobe Illustrator - A Graphic Design for Lunch™ Class

Warp Shapes & Text in Adobe Illustrator - A Graphic Design for Lunch™ Class

Watercolor Stripe Seamless Pattern in Adobe Illustrator - A Graphic Design for Lunch™ Class

Watercolors with Type & Brushes in Adobe Illustrator - A Graphic Design for Lunch™ Class

Wave Pattern in Adobe Illustrator - A Graphic Design for Lunch™ Class

Whimsical Designs with DIY Brushes in Adobe Illustrator - A Graphic Design for Lunch™ Class

Whimsical Diagonal Line Patterns in Adobe Illustrator - A Graphic Design for Lunch™ Class

Whimsical Scrapbook Paper Designs to Sell in Adobe Illustrator - A Graphic Design for Lunch™ Class

Whimsical Text Effects in Adobe Illustrator - A Graphic Design for Lunch™ Class

Whimsical Tree Design in Adobe Illustrator - A Graphic Design for Lunch™ Class

Wreaths & Floral Designs in Adobe Illustrator - A Graphic Design for Lunch™ Class

Zentangle® Inspired Pattern Brushes in Adobe Illustrator - A Graphic Design for Lunch™ Class

Meet Your Teacher

Teacher Profile Image

Helen Bradley

Graphic Design for Lunch™

Top Teacher

Helen teaches the popular Graphic Design for Lunch™ courses which focus on teaching Adobe® Photoshop®, Adobe® Illustrator®, Procreate®, and other graphic design and photo editing applications. Each course is short enough to take over a lunch break and is packed with useful and fun techniques. Class projects reinforce what is taught so they too can be easily completed over a lunch hour or two.

See full profile

Class Ratings

Expectations Met?
  • Exceeded!
    0%
  • Yes
    0%
  • Somewhat
    0%
  • Not really
    0%
Reviews Archive

In October 2018, we updated our review system to improve the way we collect feedback. Below are the reviews written before that update.

Why Join Skillshare?

Take award-winning Skillshare Original Classes

Each class has short lessons, hands-on projects

Your membership supports Skillshare teachers

Learn From Anywhere

Take classes on the go with the Skillshare app. Stream or download to watch on the plane, the subway, or wherever you learn best.

Transcripts

1. Intro retro tv: Hello. I'm Helen Bradley. Welcome to this graphic design for Lunch class; draw a retro TV in Adobe Illustrator. Graphic design for Lunch is a series of classes that teach us a range of tips and techniques for creating designs and working in applications such as Illustrator, Photoshop, and Frocreate. Well, today we're going to learn how to create a retro television set like this in Illustrator. Some of the techniques that you're going to learn, is how to use the Blend tool. We're going to texturize the background with a mask. We're going to use the new rounded corners feature in Illustrator. We're going to say a few things that you can do with the Pathfinder tool as well. There's a whole lot of learning packed into this video lesson, and I hope that you enjoy it. We're going to start by creating a new file with "File", "New". I'm choosing a Letter size file, RGB color, and I'm making sure that I'm in Landscape orientation and I'll click, "Okay". I'm going to start by creating the colors that I want to use. First of all, I'm going to remove most of the colors here from the Color Swatches. I'm going to click on one, shift-click on the last, and just drag and drop them into the trash can. I'm going to create a new color group, and I want to add a couple of colors to this. I'm going to double-click here on one of these colors and make my color. The first of them is going to be 255, 255, 203. I'll just click "Okay". I'm going to drag and drop that into my Swatches. The second one I want to use is going to be 212, 53 and 0. Again, I'm just going to add that to my Swatches so it's nice and handy. Now I'm going to start by using the orange color I just created, to make a round of rectangles. I'm going to click on the "Round of Rectangle Tool", and just drag out the beginnings of my television set. With the Direct Selection Tool selected, I can click here on the control, and I can adjust all four rounded corners all at once. If I instead click on one of the nodes on one of the corners, you should see the control is only limited to this particular corner. This allows me to adjust a corner independently of the other corners. What I'm going to do, is just work on creating an interesting shape for my television set. I don't want it to be perfect. I'm just going to drag around to create some interesting edges on it. By selecting a couple of nodes at a time, I can drag out a corner and make it a little bit more interesting. If I want to, I can drag across a couple of nodes and just work on an individual path, the area between those two nodes. Once I've finished with a shape and I've got something that I pretty much like, which I'm thinking I probably do just about now, I'm going to lock this down so it doesn't move. I'm opening the last pallet, just identifying the path and just locking it. This will allow me to draw a second shape inside it without affecting it, so any movement I make with my second shape won't affect my first. I'm going to click and draw the inside shape for my television set. I'm going to do exactly the same thing here. Click on the direct Selection Tool, start working with these corners. I'm just reshaping the inside until I have something I like. Now I'm going to speed up the video as I do this. If you have a ray, think about the original path. you can come in here and take off its lock icon and rework it as well. Once you're happy with the shape that you've created, lockdown both of the layers, then you can go ahead and add the extra bits to the television. The first bit will be the antenna, which is going to be half of a circle. I'm going to click and draw a circle here. I'm going to make sure that it's filled with the orangey-red color I want to use. I'm going to select the minus here, the delayed anchor point tool and click on this anchor point. I'm now going to draw a rectangle on top of this shape; select both the shapes and use Minus Front, to remove the rectangle from the circle, leaving me with just the half-circle that I want and I'll position it in place. I'm going to overlap it over here because in a minute I'm going to join all these shapes together. For the antenna, I'm going to grab the Pen tool I'm going to draw the antenna in. It's a three-sided shape. Click inside the circle, click outside, click back inside the circle, and click back on the point that you started at. The legs are going to be pretty much the same, but they're going to be four points. Click once, click outside, hold the Shift key to make sure that you draw a perfectly horizontal line, and click back in the television set and back on your starting point. With this one, I'm going to be a little bit more careful. I'm going to look for this indicator that I'm on the same line as the other set of legs. When I look to this indicator that tells me I'm on the exact same line as the other leg, I'm going to click once, Shift-click. I drag out a perfectly horizontal line and then back into the television set, back over the original point. I want to make all of these a single shape, so I'm going back into my layers palette. I'm going to unlock the original television shape and move it just above everything else. At the moment the yellow fill shape in the middle is locked away. If I click here on this layer, I'm selecting every orange object on the layer and nothing else. I'm going to join them, unify them using the Unite option here, and that creates one shape out of them all. Back in the last palette, I'm just going to move the yellow path on top of the orange. We're now ready to go ahead and create some additional objects for the television set. I'm going to look down the objects that I have already, so I can go ahead and make some additional shapes. The first thing I'm going to do is a couple of small circles. I'm going to drag out the Ellipse tool, hold the Shift key to create a circle. Just going to move this one in top of the end of this antenna, and then hold the Alt key, as I drag a second copy away to put on top of the other antenna. Actually going to join these while I'm here, so I'm going to unlock the orange shape, select everything, and go and get the Unite command. Then go back and put this path on top of everything else. Now I'm going to lock everything down and create the lines that go over here. I'm going to target the line segment tool. I'm going to use a yellow color so that we can see the lines. It needs to be the stroke obviously, and it's going to be about a four-point stroke. I'm going to hold the Shift key as I drag out this line so that it is perfectly horizontal. I also want the ends to be rounded, so I'm just going to click on the rounded end for the stroke. Let's click away from this shape, and see how it looks, it's pretty good. I'm going to ''Alt-drag'' to create a second one. I'm just going to place it down here, and I'm going to size it so that it is narrower. But I still want to check and make sure that it is still four points, which it is. If it wasn't, I would be changing that. Then you select both these objects here and we're going to use a Blend. I'm going to click on the "Blend Tool", click on the first, and click on the second object. Now the blend is being created, it's just not perfect for my needs. I'm going to double-click on the Blend Tool and go to specified steps. Click "Preview" so we can see what we're doing. I'm going to click in the number, and then start pressing the Down Arrow Key, because that lets me have a look and say exactly how many of these lines I want. I'm thinking this is pretty good, but I think it's probably a little bit thick. I'm going to go back to my starting line, and I'm going to change its strokes. I'm just going to double-click on it to get to it in isolation mode and take it down to three points. Double-click on the ending one, make it three points as well. Now when I got back into my illustration, you'll see that they are all down to three-point lines. Now when I go back into the illustration, you'll see that they're all three-point lines. Now when I go back into the [inaudible] Now when we go back into the illustration here, you can say that they're all three-point lines. Now I think they're not lining up perhaps as nicely as they might, so I'm going to zoom in here a little bit and I'm just going to get the selection tool and just double-click on this one. I wanted to take it to isolation mode, just want to move it across just a little bit. As I move it across, it's altering the whole of this line, which is exactly what it should be doing. I'll press Control or Command 0 just to take another look at it. Now I think it's pretty good now, I just think that the whole blend is over a bit far. I've selected it and just move it into position. Now let's add the knobs to the television set. I'm going to click on the Ellipse Tool. Make sure I'm working with a fill color of yellow. Click and drag to create my ellipse holding the Shift key as I do so I get a perfect circle. It's going to move this up a little bit. Now I want to knock the middle out of this circle. I'm going to choose Edit Copy, Edit Paste in place. That creates static. Now I want to knock the middle out of this circle. I'm just going to put it where I think it's going to end up being. I'm going to choose Edit Copy and then Edit Paste in place. Then I'm going to hold Shift and Alt as I re-size down the middle of this circle. I'm going to make it orange just so that we can say what it's going to look like, which gives us a chance to audition this and just say, is this the shape that we want? If it is, I'm going to select both these elements and then just knock the middle out by selecting the Minus Front option in the Pathfinder. Now we've got a circle with the middle, cut out of it. You can see that it is actually, I doughnut not a yellow circle with an orange circle in it. For the other two knobs, we're going to again go and create. For the other two knobs again, I'm going to select a yellow fill. I'm going to select the ellipse tool, and I'm going to drag out a circle holding the Shift key as I do so this tag. For the other two knobs, I'm going to again target the Ellipse Tool with a yellow fill. I'm just going to drag out a circle here holding the Shift key as I drag that circle. Mistake, mistake, mistake. The other two knobs again, I'm going to use the Ellipse Tool again, a yellow color. I'm just going to hold Shift as I drag out a circle. Just want to position it a little bit better here. I'm going to target the line segment tool next, I'm going to make sure that I use my orange color so that I can see what's happening here. Looks like I'm in isolation mode, I've just left that. I'm going to click and drag a line across this shape. I'm going to increase the stroke white to about three or four points. I seem to have lost my color. Well, it's turned yellow. Let's just go back and turn it orange again. We can see how it looks. I'm going to target the selection tool, make sure I have my shape, the line shape selected and I'm going to hold Alt or Option as I drag a second one away. We're creating this double line like a knob through our original circle. No, I think I just need to move the circle a little bit. I'm going to target it and just move it a little bit in relation to the lines. Don't think I quite got it yet there. Once you've got it looking, mistake. Once you have it looking the way you want it to look, you can select over both of these shapes. Mistake. Now I'm going to drop a circle in the middle of all of that as well. Mistake. I'm going to drop another circle in the middle of all of this as well. I'm going to target the outer circle choose. Mistake. Now I want to drop a circle into the middle of this as well. I'm going to click on the circle and choose Edit Copy, Edit, Paste, mistake. I'm going to choose the circle again and choose. Mistake. Now I want a small circle in on top of everything. I'm just going to click here to select the outer yellow circle and choose Edit Copy, and then Edit Paste in Place. I'm going to target its fill color and make sure I have it set to orange so we can see it and then with Alt and Shift held down, I'm just going to size it in really, really small and just test it against the bars that I've got here. You can also select oval. Mistake. Once I'm happy with the shape I've created, I'm going to select all of the objects here to be able to subtract the lines and the circle from the circle underneath everything has to be expanded. I'll choose Object, Expand and click, "Okay", and double-check and expand everything again. Now I have all the shapes selected. I'm again going to drag over all of them so they're all selected. The cream or yellowish shape is at the very back so if I click here on the Pathfinder and choose Minus Front, all the front shapes are going to be removed from the back one. I'm going to end up with a single shape that is everything that I want it to be. I'm going to drag it into position and then I'm going to Alt, drag a second copy of it away. This time I'm going to rotate it around to show a knob pointing in a different direction. At this point, I'm ready now to go ahead and to create the background for my television. Now we're ready to create the retro background. I'm going to the last palette. I'm just going to lock down my television set. I'm going to add a new layer and move it below everything else and turn the television set off. This lets me focus just on the background. I'm going to click here on the polygon tool and click once on my document, I want a three-sided shape. I'll click "Okay". It's filled with orange, which is exactly the color I want to be using. I'm going to target this topmost point and drag upwards holding the Shift key as I do. I'm just going to drag on these bottom two points and just make it a bit longer too. This has to go all the way around to create my sunburst. With it selected, I'm going to choose Effect Distort and Transform, Transform. I need it to be rotated around its topmost point here. Mistake. Now I'm going to select the entire shape and I'm going to choose "Effect", "Distort & Transform", "Transform"; this will let me create my sunburst. I want 14 copies of this shape to make 15 rays in total. I need it to be rotated around this point, so I'm going to click here. There's a grid of nine boxes and I'm selecting the middle one in the very top row. I want to Illustrator to do the mathematics for me, so I'm going to type 360, which is number of degrees in a circle and I'm just going to divide it by 15, which is number of copies plus the original, and I'll just hit "Tab". Illustrator has created the sunburst for me, so I'm just going to click "Okay". Move everything into position, make sure it's nicely inside my document and nicely centered up. I'm going to expand this, so I'm going to choose "Object", "Expand", "Appearance" and then I'm going to "Ungroup" it until Ungroup is no longer an option. You'll see here that each one of the rays has been broken out onto its own path. I'm going to select the Rectangle tool and drag out a rectangle the size of the artboard. Now I'm going to select this layer which has only gone on it, a rectangle the size of the artboard and all the rays. If I click here on the "Pathfinder" and click "Crop", then all of those layers are going to be cropped so that they are now all within the artboard. Having done this, I'm going to group these objects. Let's go back to the Layers panel and you can see that we've now got a group of all of our objects. I'm going to talk at my group and I'm going to add a texture to it and I'm going to do that using the Appearance panel. I've got the group selected so I'm going to click on "Opacity" and I'm going to click "Make a Mask". This is the mask that I'm working on here, I have it selected. I'm going to create a rectangle that is the size of the artboard and fill it with a texture to use for my mask. This is the rectangle, the size of the artboard. I'm going to the Swatches panel. I'm going to open up the Swatches menu and choose "Open Swatch Library". I'm going to click on the "Swatches Panel", click on the menu here, and choose "Open Swatch Library", "Patterns", "Basic graphics", "Basic Graphics Textures". These are shipped with Illustrator. I've got the fill selected, I've got my rectangle selected, and now I can go ahead and fill my rectangle with these patterns. You can say that it's a little hard to say exactly what's going on here and probably that's because I'm going to need to invent my mask. I'm going to find something here that I can see just a little bit off. I'm going back to the Appearance panel, I'm going back to the Opacity setting here, and I'm going to invert my mask. When I do, it's a little bit easier to see the effect that the textures are having. Let's go back to the rectangle and let's fill the rectangle with different types of textures just to see what might be appropriate to use. As I said, every one of these textures is shipped with Illustrator, so you have these texture to yourself to be able to use. Now I'm quite liking this texture, so I think I might settle for it for now. Might settle for it for now. Now I quite like this texture, but I think I'd like a little bit more red in it, which I can probably get by making the texture a little bit smaller. I'll choose "Object" "Transform" "Scale". I don't want to transform the object, but I do want to re-scale the texture, so I'm going to scale it down to 50 percent. You can see that that's giving me a slightly different effect. The texture choose working just a little bit better. I've got a slight line through it, so I'm just going to increase it by a percentage point or two until that line disappears and I'll click "Okay". Before I can go back to working on the document, I have to stop working on the mask, because you can see here that all I can say in the Layers panel is the opacity mask, I can't see anything else. If you get to see this when you go to the Layers panel, then you'll need to get back out of working on the mask. We're going back to the Appearance panel, we're going to click on "Opacity", and we're going to click here on the shapes so that we can start working on it rather than working on the mask. Now when I go back to the Layers panel, you see that everything is as we expect it to be. Now I've added a texture to my red. I want a filled layer beneath here, so I'm going to go and again choose the Rectangle tool, I'm going to make another rectangle the size of the artboard, and I'm going to fill it with yellow. Now the texture is going in at the moment, all I need to do is to click to fill it with yellow. Then I need to move it underneath the sunburst, so I'm just going to drag it down. Now when I turn the illustration back on, you can see that we've got the effect that we came here to create. We've got a retro-television set on top of distressed retro background. Now because of the way that we created the television set, if you wanted to add a border around it of yellow, you could do so. I'm just going to locate the path that is the television set and that's all of this here. All I need to do is to click on the Stroke tool, add a yellow stroke, and then give it a couple of points or maybe three points of stroke weight. I'm just going to click away from the illustration. You can see that we've further separated the television from the background. You can see that this has helped us in further separating the television from its background. You can see that an effect like that allowed us to further separate the television set from its background. Now it might be just a little bit better if we moved it into a slightly different position. Everything here belongs to the television set. You can see that adding a stroke around everything has allowed us to again, further separate the television set from the background. If we want to move the television set a little bit better into a different position, all we need to do is make sure that everything on that layer is unlocked. Select the layer, which is everything that goes to make the television set, and just move it a little bit more into position perhaps where the antenna are over something in the background that allows us to see them just a little bit more clearly. There's your challenge; create a retro-television set in Illustrator with its own retro-textured background. I'm Helen Bradley. Thank you for joining me for this Skillshare video tutorial. I hope that you've enjoyed it and I hope that you enjoy creating the television set yourself. I'm going to look forward to seeing it in the projects on Skillshare. If you liked this project, please look up for more of my projects here at skillshare.com/HelenBradley. 2. Retro TV Part 1: We're going to start by creating a new file with File, New. I'm choosing a letter size file, RGB color and I'm making sure that I'm in landscape orientation and I'll click "OK." I'm going to start by creating the colors that I want to use. First of all, I'm going to remove most of the colors here from the color swatches. I'm going to click on one, shift click on the last, and just drag and drop them into the trashcan. I'm going to create a new color group and I want to add a couple of colors to this. I'm going to double-click here on one of these colors and make my color. The first of them is going to be 255, 255, 203. I'll just click "OK." I'm going to drag and drop that into my swatches. The second one I want to use is going to be 212, 53 and 0. Again, I'm just going to add that to my swatches so it's nice and handy. Now, I'm going to start by using the orange color that I just created to make a rounded rectangles. I'm going to click on the rounded rectangle tool and just drag out the beginnings of my television set. With the direct selection tool selected, I can click here on the control and I can adjust all four rounded corners all at once. If I instead click on one of the nodes on one of the corners, you'll see the control is only limited to this particular corner. This allows me to adjust a corner independently of the other corners. What I'm going to do is just work on creating an interesting shape for my television set. I don't want it to be perfect. I'm just going to drag around to create some interesting edges on it. By selecting a couple of nodes at a time, I can drag out a corner and just make it a little bit more interesting. If I want to, I can drag across a couple of nodes and just work on an individual path, the area between those two nodes. Once I've finished with a shape and I've got something that I pretty much like, which I'm thinking I probably do just about now. I'm going to lock this down so it doesn't move. I'm opening the Layers palette just identifying the path and just locking it. This will allow me to draw a second shape inside it without affecting it, so any movement I make with my second shape won't affect my first. I'm going to click and draw the inside shape for my television set. I'm going to do exactly the same thing here. Click on the direct selection tool, start working with these corners and just reshaping the inside until I have something I like. Now, I'm going to just speed up the video as I do this. If you have a re-think about the original path, you can just come in here and take off its lock icon and re-work it as well. Once you're happy with the shape that you've created, lock down both of the layers, and then you can go ahead and add the extra bits to the television. The first bit will be the antenna, which is going to be half of a circle. I'm going to click and draw a circle here. I'm going to make sure that it's filled with the orangey-red color I want to use. I'm now going to draw a rectangle on top of this shape, select both the shapes and use minus front to remove the rectangle from the circle, leaving me with just the half circle that I want and I'll position it in place. Just going to overlap it over here because in a minute I'm just going to join all these shapes together. For the antenna, I'm going to grab the pen tool, I'm just going to draw the antenna in. It's just a three-sided shape. Click inside the circle, click outside, click back inside the circle, and click back on the point that you started at. The legs are going to be pretty much the same, but they are going to be four points. Click once, click outside, hold the Shift key to make sure that you draw a perfectly horizontal line and click back in the television set and back on your starting point. With this one, I'm going to be a little bit more careful. I'm going to click, I'm going to look for this indicator that tells me I'm on the exact same line as the other leg. I'm going to click once, shift click so I drag out a perfectly horizontal line and then back into the television set back over the original point. I want to make all of these a single shape so, I'm going back into my layers palette. I'm going to unlock the original television shape and move it just above everything else. So at the moment the yellow fill shape in the middle is locked away. If I click here on this layer, I'm selecting every orange object on the layer and nothing else. I'm going to join them or unify them using then to Unite option here, and that creates one shape out of them all. Back in the Layer's pallet, I'm just going to move the yellow path on top of the orange. 3. Retro TV Part 2: We're now ready to go ahead and create some additional objects for the television and set. I'm going to look down the objects that I have already so that I can go ahead and make some additional shapes. The first thing I'm going to do is a couple of small circles. I'm going to drag out the Ellipse tool, hold the "Shift" key to create a circle. I'm just going to move this one in top of the end of this antenna and then hold the "Alt" key as I drag a second copy away to put on top of the other antenna. I'm actually going to join these while I'm here. I'm just going to unlock the orange shape, select everything, and go and get the Unite command, then go back and put this path on top of everything else. Now I'm going to lock everything down and create the lines that go over here. I'm going to target the Line Segment tool. I'm going to use a yellow color so that we can see the lines. It needs to be the stroke obviously, and it's going to be about a four-point stroke. I'm just going to hold the "Shift" key as I drag out this line so that it is perfectly horizontal. I also want the ends to be rounded, so I'm just going to click on the rounded end for the stroke. Let's just click away from this shape and see how it looks, it's pretty good. I'm going to "Alt" drag to create a second one. I'm just going to apply sit down here and I'm going to size it so that it is narrower. I still want to check and make sure that it's still four points, which it is. If it wasn't, I would be changing that. Then we select both these objects here and we're going to use a blend. I'm going to click on the "Blend Tool", click on the first, and click on the second object. Now the blend is being created. It's just not perfect for my need, so I'm going to double-click on the "Blend Tool" and go to "Specified Steps". Click "Preview" so we can see what we're doing. I'm going to click in the number and then just start pressing the "Down Arrow" key because that lets me have a look and say exactly how many of these lines I want. I'm thinking this is pretty good, but I think it's probably just a little bit thick, so I'm going to go back to my starting line and I'm going to change its strokes. I'm just going to double-click on it to get to it in isolation mode and take it down to three points. Double-click on the ending one make it three points as well. Now, when we go back into the illustration here, you can say that they're all three-point lines. Now, I think they're not lining up perhaps as nicely as they might, so I'm going to Zoom in here a little bit and I'm just going to get the Selection Tool and just double-click on this one. I want to take it to isolation mode. I just want to move it across just a little bit. As I move it across, its altering the whole of this line, which is exactly what it should be doing. I'll press "Control" or "Command 0", just to take another look at it. I think it's pretty good now. I just think that the whole blend is over a bit far, so I've selected it and just moved it into position. Now, let's add the knobs to the television set. I'm going to click on the "Ellipse Tool", make sure I'm working with the fill color of yellow. Click and drag to create my ellipse, holding the Shift key as I do, so I get a perfect circle. It's going to move this up a little bit. Now, I want to knock the middle out of this circle. So I'm just going to put it where I think it's going to end up being. I'm going to choose "Edit", "Copy", and then "Edit", "Paste In Place". Then I'm going to hold "Shift" and "Alt" as I re-size down the middle of this circle. I'm going to make it orange just so that we can see what it's going to look like, which gives us a chance to audition this and just say, is this the shape that we want? If it is, I'm going to select both these elements and then just knock the middle out by selecting the "Minus Front" option in the Pathfinder. Now we've got a circle with the middle cut out of it. You can see that it is actually a doughnut, not a yellow circle with an orange circle in it. The other two knobs, again, I'm going to use the Ellipse tool, again, yellow color. I'm just going to hold "Shift" as I drag out a circle. I just want to position it a little bit better here. I'm going to target the Line Segment tool next. I'm going to make sure that I use my orange color so that I can see what's happening here. I come in isolation mode, I've just left that. I'm going to click and drag a line across this shape. I'm going to increase the stroke weight to about three or four points. It seem to have lost my color. Well, it's turned yellow, so let's just go back and turn it orange again so we can see how it looks. I am going to target the Selection tool, make sure I have the line shape selected. I'm going to hold "Alt" or "Option" as I drag a second one away. We're creating this double line, like a knob through original circle. Now, I think I just need to move the circle a little bit. So I'm going to target it and just move it a little bit in relation to the lines. I think I quite got it yet there. Now, I want a small circle in on top of everything. So I'm just going to click here to select the outer yellow circle and choose "Edit", "Copy", and then "Edit", "Paste In Place". I'm going to target its fill color and make sure I have it set to orange so we can see it, and then with "Alt" and "Shift" held down, I'm just going to size it in really small and just test it against the bars that I've got here. Once I'm happy with the shape I've created, I'm going to select all of the objects here. To be able to subtract the lines in the circle from this circle underneath, everything has to be expanded. So I'll choose "Object", "Expand", and click "Okay", and double-check and expand everything again. Now I have all those shapes selected. I'm again going to drag all of them so they're all selected. The cream or yellowish shape is at the very back, so if I click here on the "Pathfinder" and choose "Minus Front", all the front shapes are going to be removed from the back one. I'm going to end up with a single shape that is everything that I want it to be. I'm going to drag it into position and then I'm going to "Alt" drag a second copy of it away. This time I'm going to rotate it around to show a knob pointing in a different direction. At this point, I'm ready now to go ahead and to create the background for my television. 4. Retro tv part3: Now we're ready to create the retro background. I'm going to the last palette. I'm just going to lock down my television set. I'm going to add a new layer and move it below everything else and turn the television set off. This lets me focus just on the background. I'm going to click here on the "Polygon" tool and click once on my document, I want a three-sided shape, so I'll click "Okay." It's filled with orange, which is exactly the color I want to be using. I'm going to target this topmost point and drag upwards holding the Shift key as I draw. Then I'm just going to drag on these bottom two points and just make it a bit longer too. This has to go all the way around to create my sunburst. I'm going to select the entire shape and I'm going to choose "Effect" "Distort & Transform," "Transform." This will let me create my sunburst. I want 14 copies of this shape to make 15 rays in total. They needed to be rotated around this point so I'm going to click here. There's a grid of nine boxes and I'm selecting the middle one in the very top row. I want to illustrate it to do the mathematics for me. So I'm going to type 360, which is number of degrees in a circle. I'm just going to divide it by 15, which is number of copies plus the original, and I'll just hit "Tab." An illustrator has created the sunburst for me, so I'm just going to click "Okay." Move everything into position, make sure it's nicely inside my document and nicely centered up. I'm going to expand this so I'm going to choose "Object, Expand Appearance," and then I'm going to ungroup it, until ungroup is no longer an option. You'll see here that each one of the [inaudible] is being broken out onto its own path. I'm going to select the "Rectangular Tool," or Rectangle Tool, and drag out a rectangle size of the Artboard. Now I'm going to select this layer which has only got on it a rectangle the size of the Artboard and all the rays. If I click here on the "Pathfinder" and click "Crop" then all of those rays are going to be cropped so that they are now all within the Artboard. Let's go back to the last panel. You can see that we've now got a group of all of our objects. I'm going to talk at my group and I'm going to add a texture to it. I'm going to do that using the Appearance panel. I've got the Group selected so I'm going to click on "Opacity" and I'm going to click "Make a Mask." This is the mask that I'm working on here. I have it selected. I'm going to create a rectangle that is the size of the Artboard and fill it with a texture to use for my mask. This is the rectangle the size of the Artboard. I'm going to click on the "Swatches" panel, click on the "Menu" here, and choose "Open Swatch Library" "Patterns", "Basic Graphics," "Basic Graphics_Textures." This is shipped with Illustrator. I've got the Fill selected, I've got my Rectangle selected, and now I can go ahead and fill my rectangle with these patterns. You can see that it's a little hard to see exactly what's going on here, and probably that's because I'm going to need to invert my mask. So I'm going to find something here that I can see just a little bit off. I'm going back to the Appearance panel. I'm going back to the Opacity setting here and I'm going to Invert my Mask. When I do, it's a little bit easier to see the effect that the textures are having. Let's go back to the Rectangle and let's fill the Rectangle with different types of textures just to see what might be appropriate to use. As I said, every one of these textures is shipped with Illustrator, so you have these textures yourself to be able to use. I quite like this texture. But I think I'd like a little bit more red in it, which I can probably get by making the texture a little bit smaller. I'll choose "Object, " "Transform," "Scale." I don't want to transform the object, but I do want to re-scale the texture. So I'm going to scale it down to 50 percent. You can see that that's giving me a slightly different effect, the texture is working just a little bit better. Got a slight line through it so I'm just going to increase it by a percentage point or two, until that line disappears, and I'll click "Okay." Before I can go back to working on the document, I have to stop working on the mask. Because you can see here that all I can see in the last panel is the opacity mask. I can't see anything else. So if you get to see this when you go to the Last panel, then you'll need to get back out of working on the mask. So we're going back to the Appearance panel, we're going to click on "Opacity," and we're going to click here on the Shapes so that we can start working on it rather than working on the mask. Now when I go back to the Last panel, you see that everything is as we expected it to be. I've added a texture to my red. I want a filled lab beneath here. So I'm going to go, and again, choose the Rectangle tool. I'm going to make another rectangle the size of the Artboard, and I'm going to fill it with yellow. The texture is going in at the moment, all I need to do is to click to fill it with yellow. Then I need to move it underneath the sunburst. So I'm just going to drag it down. When I turn the Illustration back on, you can see that we've got the effect that we came here to create. We've got a Retro television set on top of a distressed retro background. Because of the way that we created the television set, if you wanted to add a border around it of yellow, you could do so. I'm just going to locate the path that is the television set, and that's all of this here. All I need to do is to click on the "Stroke" tool, add a yellow stroke, and then give it a couple of points or maybe three points of stroke white. I'm just going to click away from the illustration. You can see that adding a stroke around everything has allowed us to, again, further separate the television set from the background. If we want to move the television set a little bit better into a different position, all we need to do is make sure that everything on that layer is unlocked. Select the layer, which is everything that goes to make the television set, and just move it a little bit more into position, perhaps where the antenna over something in the background that allows us to say them just a little bit more clearly. So there's your challenge, "Create a Retro television set in Illustrator with its own retro textured background." My name's Helen Bradley. Thank you so much for joining me for this episode of Graphic Design for Lunch. I look forward to seeing you in an upcoming episode soon.