Awesome Icons & Symbols for Logo Design & GUI - Part 1 | Daniel Evans | Skillshare

Awesome Icons & Symbols for Logo Design & GUI - Part 1

Daniel Evans, Logo Designer

Play Speed
  • 0.5x
  • 1x (Normal)
  • 1.25x
  • 1.5x
  • 2x
27 Lessons (1h 55m)
    • 1. Introduction

      0:49
    • 2. Overview

      0:59
    • 3. Intro to Material Design

      2:41
    • 4. Setting up Illustrator

      0:45
    • 5. Placing the Sketch

      0:57
    • 6. Icon iWatch Part 1

      3:30
    • 7. Icon iWatch Part 2

      6:39
    • 8. Icon Clipboard Part 1

      3:31
    • 9. Icon Clipboard Part 2

      10:52
    • 10. Icon Bulb Part 1

      7:15
    • 11. Icon Lightbulb Part 2

      8:31
    • 12. Icon Microphone Part 1

      3:26
    • 13. Icon Microphone Part 2

      7:33
    • 14. Icon Microphone Part 1

      3:26
    • 15. Icon Microphone Part 2

      7:33
    • 16. Icon Palette Part 1

      4:07
    • 17. Icon Palette Part 2

      3:45
    • 18. Icon Pencil Part 1

      4:10
    • 19. Pencil Icon Part 2

      5:04
    • 20. Icon Piano Part 1

      3:12
    • 21. Icon Piano Part 2

      3:06
    • 22. Icon Pizza Part 1

      3:52
    • 23. Icon Pizza Part 2

      4:19
    • 24. Icon Watermelon Part 1

      4:23
    • 25. Icon Watermelon Part 2

      5:13
    • 26. The Completed Icons

      4:51
    • 27. Final Word

      0:32

About This Class

Discover how to design material style icons for use in logo design and GUI.

Using Adobe Illustrator or any other suitable vector software we develop the digital versions from sketches.

Transcripts

1. Introduction: welcome to the course. It's my hope that the forthcoming information will enable you to excel as a designer. If you're succeeding in your skills, it means I'm succeeding as a teacher. If you have any questions, please don't hesitate to start a discussion, and I'll do my very best to help I post new courses on a regular basis. So if you want to stay up the date, please be sure to click. Follow next to my using them by clicking follow. You'll get priority announcements when I launch new courses when I share, Resource is and when I launch contests. 2. Overview: Hi, My name's Daniel Evans. I'm a graphic designer If you don't know already, material design is taking the web by storm. It's a current hot transcends the shift from complex design. If you want to be a brilliant design that the day the bottom line is, you need to be brilliant. Material design material design will be around for many years to come. Sought to refine your skills as a competent, graphic designer material design as the way forward in the course, you're gonna learn how to develop stunning material icon designs that could be used on websites, posters in law, Gores and then Apple and android up designs. I want to show you all the trucks of illustrator and how they utilize tools to develop stunning material graphics quickly and easily with minimal effort. All that's left is for you to reap the benefits, so join made a day and I'll see you on the inside 3. Intro to Material Design: Hi, I'm Daniel Evans. Thank you for taking part in the course. As the title suggests in the course, you're gonna learn how to illustrate professional material design icons. Whilst many of you will already know what material design is, I'm sure there are many of you still wondering. So let me explain. Just like trends and fashion, there are trends and illustration defined by certain groups in the case of material design , it was founded by Google in 2004. Chord named Quantum Paper and a sense become a white spread phenomenon. These trends have a habit of fluctuating between complex realism called school morph ism and more playful abstract. In skew morph ism designs. Designers will strive to create the graphic as close as possible to its real life counterpart. This could involve using hundreds of colors, elaborate shadow effects and textures in order to achieve three dimensional realism. When apply to a digital interface, the design tends to scream louder than its actual function. The aim of flat design is to work at a level where assemble, assemble but creative, an immediately identifiable with its function. Quite simply, flat design is creative art. In a two raw and beautiful state without the bells and whistles. A trend derived from flat design is material design. So what is material design material design as flat design, with very simple effects added to give a slight shine or shadow. As an example, it's used when a flat design just needs to be taken that little bit further. One simple ship of play to a flat design can create elaborate effect. One such trend of material design as the long shadow which, when applied, gives the impression that the graphic is elevated from its background. This is what's known as the Zad axis. Another, especially in the case of icons, is to treat backgrounds and other elements to two colors to suggest a fault in the support material, the material being paper. So we're going to explore material designed to create a range of attractive icons. So let's jump in and start work 4. Setting up Illustrator: to make things easy. You want to set up your illustrator to reflect a mine. So what I have is is the tools to the left hand side and have the Pathfinder panel beneath the tools. If yours isn't like this, simply go to window and select Pathfinder from the panel's options, and you'll say that's disappeared. So Forgot Window and Pathfinder again. It will appear so. Simply put yours and position where minus and you'll see We have a variety panels to the right hand side, but the should be similar. Chris. It don't tend to be moved around. So with that done, you'll see what I say on screen and we're ready to commence work. 5. Placing the Sketch: The first stage of the sketch in process is to develop a drawing on paper. The sketch should be as good as your artistic talent will allow, and as close to the final design as you'd like it to be, the image of the sketch can be brought your computer by various means. Some options include scanner, iPhone camera, iPad, camera, other tablet camera or digital camera. The steps you take, the import, the image your computer will depend upon. The method you choose on the software that use of all options are would recommend scanners used because it gets closer to the detail of the image. Once you have the image on our computer, weaken, bring it in the illustrated by doing the following, going to file than place. Then we locate the file on our computer on, and it allows us to import it in the illustrator to trace 6. Icon iWatch Part 1: So here we have my crude sketch of an I watch which have placed on the or board by file and place. I want to select that and I'm gonna lock it down in the layers panel. I'm going to select the rounded rectangle tool and I'm gonna choose read from this watchers and I'm gonna draw over this using the open down our was the keyboard on a just the corners Once I'm happy with that and go toe object flattened transparency and click OK, so that the corners are now locked down and can't be changed. Now I'm gonna tackle the strap shape at the top. I'm with the patent tools. I'm gonna click here holding shift to keep it on the horizontal and going across Andi. Click down. He I'm gonna pull out, curve on clicking down here. I want to pull a curve like so clicking the anchor point on moving down until I see the pink vertical line on closing the shape. Now, if I make a copy of this with Ault and shift, move it across right mouse click. Transform reflect ensuring vertical selected, clicking OK holding shift to keep it on the horizontal dragging across until I meet the Intersect Point. Which means it's flush with the other shape holding shift and selecting the other ship. Got Pathfinder. Make compound shape. Expand. Zoom out, Andi. That's the top strapped on to copy the top strap. I'm gonna hold cult and shift. What with use copy and paste, right? Mouse button transform reflect ensuring that horizontal selected. I select. Okay, Andi, I want toe Highlight all of these shapes on. I'm gonna go to the align panel underneath a lion object, horizontal align sender, and I'm going to reduce the size of this strap just a little bit. And I'm gonna replicate that by copying that they un reflecting again on the horizontal. I'm gonna create some spacing, and then I'm going to send her again by going to align horizontal align center. Now I'm going to draw another rounded rectangle for the screen. Now, this goes against what the sketch looks like, But the sketches just a rough draft. I want to color that white. I want to highlight all I'm gonna go to horizontal line center again. So that lines the screen on def ago. Two vertical line center will also align it on the horizontal also. So switching off the sketch by clicking the I in the layers panel, we can now see the shapes. 7. Icon iWatch Part 2: moving less Strap off slightly with the up arrow on the keyboard I'm going to color these two straps blue And I'm gonna just the blue with the magenta slider and the colors Panel Next I want to make the I watch free and black And I'm gonna use the rounded rectangle 22 Draw another rounded rectangle on To make the corners a little bit more tighter I'm going to press the down arrow on the keyboard I think so I want to select the rounded rectangle And I'm gonna turn up the black and the color panel Like so I wanna go to object And I'm going to flatten the transparency of the rounded rectangle we've just drawn So that the corners combi manipulated anymore Clicking OK with a patent to when I click the bottom left on corner of this rounded rectangle Andi, I wanna click above and I'm gonna pull out a curve. Andi, draw around like so and selecting a rounded rectangle. Hold and shift on the keyboard. I want to go a Pathfinder minus front. Andi, I'm gonna go to the black slider of the colors panel and I'm gonna bring this down now. Let's put some ups under the screen of the I watch with the circle tool on selecting White for now. I want to draw out the circle. I'm gonna draw a smaller circle. I want to call me that on a select both Hold on shift. I want to go to object group. I want to copy those with all shift. I don't want to copy them again, and I'm gonna go to on group. I want to arrange them light less. I'm looking for the pink line with shows that I'm in the center of the circle. I'm gonna own group those Move one of mt so that it looks like equal spacing between all cycles Group that again Object group will read of thes and will copy these two up like So Now I want to select all and I'm gonna group those. And when a highlight everything I'm going to go to object flattened transparency so that everything's locked down And that effect saw that the rounded corners worn change etcetera as we re size the watch. Now I'm gonna proceeds and color the apse on the screen. So, with the direct selection to I want to select the first on going to select a red from the color panel. I'm just adjusting the brightness of that. Next, I'm going to choose a yellow. Next, I'm gonna choose a green. So just choosing a green from the spectrum and adjusting not with the slightest. Next you'll choose a light blue on adjusting also with the slyness. Andi, I'm going to choose a purple. Happy with that on. Lastly, I'm going to choose a pink now to finish, I'm gonna assign the circle and I want to play with some colors holding, shift, dragging out with circle, going the object or in send to back on gonna highlight all I wanna go to a line beneath the line object horizontal lines center I'm gonna click the circle and I'm going to have a look in the spectrum and the color palette deceived this Anything that looks good I've actually decided at this point I'm gonna try the straps and white and I think that works very well. I'm gonna click with screen to bring this up and brightness by reducing the black and the color palette on the shine of the screen. Eight survey brought down, brought up in brightness, like so on them. Happy with that? So the last thing I wanna do is is to select stroke with the pan to I'm gonna click 12 oclock on the circle and six oclock with a selection to I wanna hold shift. I'm going to select the circle and I'm gonna go the Pathfinder on Click Divide and we'll go the object arrange sent back with a direct selection tool. I'm gonna click on the right hand side, half of the circle. I want to click, Phil, and I'm gonna reduce this and black and the color panel on day we have our finished I watch icon design. 8. Icon Clipboard Part 1: and now I'm going to develop my clipboard icon. As you can see, I've placed my sketch in the document by going to file in place as usual. So to start work, I'm gonna select around the direct angle to and I'm going to select the color I'll select pink nice and vibrant. Andi, I wanna drag out around the rectangle Now, using the keyboard, I'm gonna press the down arrow to reduce the curve of the rounded rectangle on. And I'm happy with that. With that done so that nor further changes can be made to the corners of the rounded rectangle. We're going to select it. We're gonna goto object, and we're going to go to flatten transparency. I'm gonna click. OK, so that and she was that this shape remains as it is. Okay, I want to select that. I'm gonna go with the transparency panel, and I'm gonna reduce your capacity to 50% so that when we say the sketch underneath again, I'm gonna draw another rounded rectangle for the paper on the clipboard. So clicking and pulling out ship Andi using the down arrow on the cabled to reduce the rounded miss of the corners on them. Happy with that. And again, going to object flattened Transparency on clicking. Okay to finalize that shape. Selecting both warships Holding shift going. Teoh, the allying panel on underneath the line objects horizontal line center clicking that will ensure those two are aligned on the vertical. Now I'm going to highlight this. I'm gonna bring this down to 50%. Also certain. See this sketch underneath again. Now we're gonna tackle the obstruct text. And for this I'm gonna use the rounded rectangle loans again. And I'm gonna draw the shape pressing the up arrow on the keyboard that achieve that shape I'm gonna call about White. So selecting white and the swatches hands with shift and ult. I want to make a copy of that on. Don't want to make another copy. Now, selecting those three ships, I'm gonna go to object flattened transparency Onda. Okay, so that nor further changes can be made to the curves of these ships. Now I want to select each ship on going to go to the align panel underneath, distribute objects. I'm gonna click vertical distribute bottom on a law. There was no change. This doesn't sure that those three are equal distance from each other. Good demonstrate lots. I move that one down camel coat of the same option once again and you'll see it adjusts the middle one. 9. Icon Clipboard Part 2: next, I'm going to develop the ticks in the design, so I'm gonna go to non fulfill. I'm gonna select Stroke Hund. I want to select color in this case rads. And I want to select the pen to and I'm gonna draw the ticks with the pan to so making a nunca point holding chef to keep it on the vertical. I want to click on an anchor point just down from the first, and I'm gonna click across holding shift still on, creating another hunger point. And this creates our tech shape. I'm gonna increase the size of the stroke by going to the stroke panel. Andi, I'm going to select nine, and I'm gonna increase from there. No, that looks good. Now I'm happy without a court object. Expand Andi and she will. That stroke is ticked clicking. OK, we now have the solid shape, so I'm gonna rotate that by going to the edge of the ship until we get a double arrow as you see there and then dragged that cross placing that they I'm going to do an adult and a shift to copy that on. Then ult an altar and a shift again for the last one. I was selecting all three holding shift. I'm gonna go the Pathfinder panel, the align panel rather on. I'm going to go to vertical distribute center once again underneath distribute objects. It appears this one's fine. Also just increasing that in size. I'm gonna call those white for the time being. Now, I'm going to give this some cooler. I'm going to turn up the transparency of this because we no longer need to see this sketch . For now, I'm gonna call about a brown. Now, the inner shape is actually paper someone color that white taking the A pass ity up to 100% . We've got the Tex Tex A normally green to denote something being correct someone of color Those green Andi, These shapes represent abstract writing. Some gonna just assign a greater those. For now on, I'm gonna group the objects I gonna object. Group on grouping all. I'm gonna go back to the transparency panel and I'm gonna take it down a 50% so I can see the sketch once again. So I gotta work on the clip at the top of the clipboard. The first thing I'm gonna do is select a circle to place out up top, selecting red survive and color that stands out over the the sketch. Andi, I'm going to use a rounded rectangle going to the tools, selecting a rounded rectangle. I'm gonna draw that out there, going to object, flattened, transparency, clicking. Okay, so that this locks down. It was a rounded corners, and nor further changes can be met highlighting the circle and the rounded rectangle gone to a lying underneath Align objects selecting horizontal align center. So those a novel sent it on gripping those selecting the rectangle tool and using a rectangle just to cut the bottom portion off this ship above, they're gonna pathfinder under me shaped molds minus front. So we're left with this ship now I'm gonna combine both warships to make it one by going to the Pathfinder. May compound shape and clicking. Expand. Now I'm going to reduce the transparency, the opacity and the transparency panel down 50% something. See the sketch beneath. I'm gonna draw in our circle with the Ellipse tools. As you see here. I don't wanna turn that up just to see how that looks. Color in the circle. White highlight on both Hold on shift. Gonna were lying underneath a lion objects horizontal line. Sander moving this up slightly with the the up arrow on the keyboard. Clinton both. You want a Pathfinder beneath shape modes Gata minus front. So this takes out the circle from the ship, putting the truck the transparency down once again to 50%. We have a ship at the bottom. So actually going to use a around the direct angle and I'm gonna bring this down adjusting curves with up our one a k warder on centering the speigel or lying the line objects horizontal line center going object to flatten down the transparency again. Clicking OK, because we're happy with the curves highlighting both hold on shift. It's got a Pathfinder clicking divide beneath Pathfinder's clicking direct selection tool clicking the ship beneath. We can deduct that by pressing backspace on the keyboard. Now there's a final shape below, which suggests a shadow as if there's a part of paper on the clipboard. So I'm gonna put that there for now. When a court object on group, I'm gonna make sure that these three shapes hands the clip above Orel centered. So good or line underneath. Elaine Objects horizontal align Sender. So there we have it. All ships on our lined. Now, let's get the work on the coloring. I'm gonna select the clip, and I'm gonna bring the transparency over 200%. I'm gonna color a gold. I'm looking for some form of gold color to suggest that it's made of metal. That looks nice. Looks like a direct selection to the eyedropper. And then I want to bring that up on the slider for the block and the cola panel to a I want to select the actual board of the clipboard. And I'm gonna try a dark brown by bringing the black up for the writing. Gonna select all three, and I'm going to reduce the black so it's less prominent for the techs selecting all holding shift. What a bring gown, Scion, I'm gonna make sure this shape is it both on grouping this grouping those on Make sure that above the shadow of the bottom what you days so reading of the sketch that marks completion of the clipboard and I also need to do now is add its background high like mole Gold Object Group so that one manageable unit on selecting the lips, too on drawing a circle behind gonna object arrange sent back, highlighting old going to the align panel underneath Elaine objects horizontal align sender clinging upon that and that send as the clipboard And again we're gonna go to add it pissed . And we're going to apply the same ship to the clipboard design so that it has the same kind of shadowing effect. I'm just reducing the slightly moving it, clicking the graphic gone object arrange Bring the front. Making this a little bit smaller. Un selecting that shape holding shift. Selecting the circle. I want the Pathfinder on clicking divide using the direct selection tool we read over the ship. Yeah, un selecting my chief, we use the eyedropper tool to select the color of the brown on the circle on. We can use the sliders and the color panel to adjust just to give that effect. I'm not happy with the brown, so I'm going to select the circle, and I'm gonna have a fish around the spectrum to see if I can find a suitable color. That's a cool I'm looking full. So selecting this ship beneath using the eyedropper tool on matching it with a circular color. Andi taking the black slide off to get a darker version off it that marks this icon complete. 10. Icon Bulb Part 1: So he is a less than perfect but adequate sketch of my light bulb and we're now going to proceed to convert this and we're vector icon. So wanna go ahead and select the pen tool to begin ons I want to select. Rads is a color now for a look at the shape. Most logical thing to do first is to draw a circle over the bulb. So selecting the Ellipse to I'm gonna hold shift so that we draw a perfect circle and non Orval and I'm gonna go over the sketch with the circle like So Now I'm gonna reduce that very slightly and I'm gonna select the sketch. I want to go the layers panel. Or rather, I'm gonna go the transparency panel. I'm gonna bring the opacity down 50% just so you can see our pen over the top of the sketch . I want to select the pen tool again. I'm gonna continue on from the circle to draw the rest of the bulb shape. So clicking on the edge of the circle and clicking on the sketch beneath at the corner. Andi pulling down a curve like so unq licking across to the point where Pink Line shores to denote that. Where on the vertical clicking there. And I'm gonna click upwards next with the selection tool. I want to select the shape of just drawn on the circle. I'm gonna go The pathfinder make compound shape expand because I want this to be a single shape backs gonna select the rectangle to I'm gonna draw over the ship to the halfway point on with the selection to I'm gonna hold shifts and select the bulb shape underneath. And I'm gonna go the Pathfinder panel underneath shape modes minus front, rather in the sect. And this leaves us with half of the bulb. Next, I want a copy. Cross this half bulb Goto added. Copy, arming, border at a paste if we like. Oh, use a keyboard shortcut. Alton shift and I'm going to go to transform Reflect with the right mouse. Click Andi in there, man. You're going to slack vertical, which is already so like that. I want to click. OK, I'm gonna merge this with this ship. So as you can see, a pink line of Here's with in the sect written upon its that means both shapes of flush so selecting both or ships with shift, I'm going to do the same again and got the Pathfinder panel. I wanna click, make compound ship and click expand, and that makes that single monitor ble shape next. Gonna tackle the screw at the bottom of the bulb. So I'm going to use a rounded rectangle to Andi. I want to draw over that. Like so with a selection to I'm gonna replicate this with the old in shift on, just dragging a copy down strike. So now for the final shape, a section of a circle So going to go to the elect stool. I'm gonna draw an oval shape Andi with a rectangle to I'm gonna draw over it and I want to take a portion of it out by selecting both of these ships going to the Pathfinder panel. Gonna shared boards minus front. This gives us the shape for the bottom of the bulb. Screw. Now, then she whether all these ships the bulb on this screw all align together, we're going to select all we're going to go to the align panel ons underneath the line objects we're going to select horizontal align Santa. So there was a minor adjustment there. Now all of those elements are lined up vertically. So now I'm gonna go heads and color the bulb, selecting the actual bulb itself. I want to select an orangy yellow color from the spectrum. It looks nice. I want to select the screw area and I want to select degree from this watchers and just that tiny bit in the slider. Now we select the bulb and move it across because you don't really need the sketch animal. But you can see that we do have an outstanding shape. And that's the shine of the bulb. So I will go on to develop, not and we see a circle. He s It will go on and select the Ellipse tool Amel drawer, circle Appear on the bulb. I'm a color it white. I'm reduce in size. Next, I'm gonna make sure I've got a stroke selected and nor fell. So selecting the fell and going to the swatches selecting non and will highlight a select the pen to So with the pants, you'll I want to start here on the bulb on click appear and I'm gonna pull out a curve. With that done got the stroke panel. And for wait, I'm going to select 16 for the cop. Gonna select round cup, taking up the weight by clicking the up arrow, we began to see an increase in the size of this shape. With that done, you would object Expand and sure, only stroke has checked. Click OK, now that convert the path into shape. Now we can manipulate these to make it a bit more perfect on grouping those selecting both hold and shift and gonna object group. I would just move those down just a tiny bit more. There we go. 11. Icon Lightbulb Part 2: now, since moving the bulb away from the sketch, have notice an imperfection on the actual curve at the bottom of the bulb. So it's never too late to go on and make changes to make a perfect. So I'll do exactly that with the zoom tool. I wanna have a look at this fault in the curve with a Direk selection to I'm going to select Leon the point, and I'm going to bring this handle and raise it up. I want to take this handle. I'm just pull it in ever so slightly. So this creates a more flowing curve. So with that done, we need to copy this half. So a lot of symmetrical someone to select the rectangle tool. I'm gonna go over the half that we've just added on the bulb. Andi want to select the bull recorder object on group so I can work with the part of it selecting the rectangle holding shift, selecting the bulb in the Pathfinder panel, selecting in the sect. And we're left with that half bold that we edit it. So with Alton shift, I want a copy that cross pulling across gonna transform of the right mouse click going to reflect and selecting vertical clicking. OK, Andi, Holding shift to keep it on the horizontal on one emerges to together. Holding shift on Going to the Pathfinder panel selecting me. Compound ship Onda, Expand. Selecting that again. Got object. Arrange sent back. So we now see the shine of the bulb. Now to give some greater detail of the bulb. I'm gonna copy this across. I want to copy it across again. No, I'm gonna place this color blue. Bring out the front. I'm gonna place this over that shape. I want to select both shapes. I'm gonna go Pathfinder beneath shaped molds minus front, holding shift to keep it on the horizontal. I'm gonna drag over to this original bulb, making sure it's on top. Object. Arrange. Bring in front. I'm not gonna go the colors panel and I'm gonna increase the magenta with the slider. Like so? So this gives a great a detail and death to the graphic and helps it overall. And shining is an aesthetically pleasing icon on give some extra detail. I'm going to select the bottom shape on. I'm gonna take this up with a slider. Black slider on a little bit of Sion, so I'm just going to switch off the sketch because you no longer need it on. I'm going to select all shapes and I'm gonna go to Object Group. So this is trapped as the singular object. So now I'm gonna go ahead and select the Ellipse. I want to draw a circle holding shift. I'm gonna go to object, arrange send to back. I want to select all these objects and in the Pathfinder panel, the align panel. Rather, I'm going to go beneath align objects, the horizontal align center. This will bring all the elements into alignment on the vertical axis. Now on to take the sickle and with the sliders, I'm going to find an appropriate color for our lightbulb icon. Now, the original color we hot, which was gray at bluish gray, has actually appropriate. It's looking very nice. So it's nah, virtually at the myth, changes or corrections. So, with a direct selection to I want to make the screw part. Light gray, adjusting on the sliders, clicking the bottom. She began to make this difference. There we go. Now. If this icon was to be a part of a set that shares the same effect. What we need to do is paste, then the universal fact in this case, it's a shadow. And this is taken from the pizza icon. So would use this piece as a guide to apply the same effect to this icon using the same angles. So I want to go ahead, place this over here and you'll see how I'm gonna play in effect to this icon. Using the ship was a guide. Someone is just like the pan tool. Click appear and you'll see him now. Flush. Same angle as the shape Look down here. Andi will just complete the shape of the most important thing is the angles. Just saw that when all icons are to gather the look consistent. So reds of the original shape going to select the bulb and I'm gonna bring it to the front going object. Arrange. Bring the front. Now I'm gonna just the ship. I think so. Andi, I'm gonna make it's more pleasing to the eye around these sections. So the pantry Well, I'm just gonna drawn on extra ship. They select fourth or shapes Pathfinder, Mick, compound ship and expand. Zooming out with a zoom, too, when it's like the light bulb. Because object arrange. Bring the front. I want to select the ship beneath. That was just drawn with the eyedropper tool. I'm gonna match it against a circular background ons in the slider. The color panel I'm gonna bring. Slide it down to make a light of color with the block slider and selecting the circle alongside the ship we've just drawn. Gonna go a Pathfinder. Andi divide with a direct selection tool. I'm gonna get rid of this piece and to make things perfect. I'm gonna work on these pieces down here. So now I'm gonna go in and remedy this with a pan to I want to click down here. Macon On a point. They run up here and finish up here. Clicking out here are we make that shape and in the layers panel, I'm going to bring the shape down beneath the light bulb so that it's it's behind. And if we select the circle goto object on group, I can just pay the shape with its neighbour and shape by going to Pathfinder. May compound shape and expand. So if that change done, it looks like the some substance to the bottom of the bulb so you can see a shadow. Or rather, a ray of light. Andi, you can't see behind the bulb on screw portion. So that marks the completion of the lightbulb icon. 12. Icon Microphone Part 1: So here have my scan of a microphone and I inserted as usual by going to file and place, I'm gonna go right ahead and start developing this and HVAC. I'm going to select the rounded rectangle tool and a bright color from the swatches on. I want to draw out here. I'm going to draw this stand first. Andi, switching off that filled. I'm actually going to select the stroke. A red stroke going on the stroke panel. Select 20 point, and I'm gonna move this up. Just increased the thickness on that. Do I will goto object, expand and show a stroke is selected and click. OK, with that done, I'm gonna take the rectangle to and I'm gonna use this to cut. Selecting both hall and shift. I got a pathfinder shape boards and minus front, and I'm gonna use a rectangle tools to do this Bottom shape holding shift, aunt clicking that stand above I'm going to go to a line and I'm gonna click horizontal line center to make sure there was to a both senate. I'm gonna go the rounded rectangle to and I'm gonna through the base and using the down arrow on my keyboard, The decrease, the curvature of the corners. Very cool. I'm going to use the rectangle tool to cut that again. Hold on shifts and selecting the base ball. A Pathfinder on selecting minus front. Here we go. On holding shift. Selecting all three. Going to the align panel. Andi, beneath a line Objects selecting horizontal align center. Very cool on with the rounded rectangle tool. Again, I'm going to do the shape appear Andi. I wanted Teoh the microphone heads with the down arrow, the up arrow rather on the keyboard. I'm gonna making them to this pill shape selecting old. Actually, I'm going to select leads to hold on shift. And I'm gonna go a Pathfinder and making that a compound shape, selecting all going to align Andi horizontal line Sander. Now, with that done, I'm going to select with sketch. I'm gonna call to the layers panel, expand it on, and I'm gonna click the I certainly know long to see this sketch, and I'm gonna go work on the details off the graphic 13. Icon Microphone Part 2: now I'm gonna color the base, withstand a silver color. So it looks like a Silva metal. Andi just in the sliders. I'm going to keep it that color with a hint of blue. And, um, I want to select the heads of the microphone. Ongoing color. This a more silver color. I'll keep that like that might make adjustments later. I want to make this the same color as this stand. Now what? They want to make some changes to the shape. So I'm gonna highlight those to select and make the compound shape. And I'm gonna click expand when the human select the rectangle to on And when I select the stands and I'm gonna go to shape modes in the Pathfinder panel and click minus front, this is gonna leave us with that which looks a lot more clean. I want to just the base bring it down so that it has the same negative space gap as the head of the microphone. Understand? No switching sketch back on. We can see we have shapes on the head of the microphone. Some gonna use around the direct angle to make those and they'll move that cross. Make another one. Andi, Another one on selecting all three holding shift. If we go to the Align panel on beneath distribute objects, we select vertical distribute center. This will line all three to ensure that equal spacing is between. Oh, I want to color those black and holding shift. I want to select both shapes ahead of the microphone on the holes. I'm gonna get a Pathfinder and selecting divide. I want proceeds to delete the access at the side pressing box based on the keyboard. No, I want to take these shapes, selecting all three on with Alton Shift. I want to drive across to make a copy. Right click. Transform reflect ensuring vertical is selected, clicking OK and holding shift to keep it on the horizontal. Remove that cross until it hits the line where the pink shows intersect. So that means it's flush with the head of the side of the microphone, so that marks that portion complete. I went out in the shape in the center, which holds ahead of the microphone in position, like so when he's the eyedropper tool to match the microphone on, did the black slide and the color palette just to bring it down to make it lighter on and selecting those two ships ahead of the microphone on the holder. I'm gonna go to the alignment panel on select Horizontal Align Center and that's now Senate for the shape going to do with little effect at the bottom, ensuring both ascent at bygone the Align panel horizontal line center on. And I want to go the Pathfinder panel on select Divide with a direct selection tool. I'm going to select the excess and press backspace on the keyboard to get rid of it. Selecting it. I'm gonna go up with the black slider on the color panel like so this creates a kind of shadowing effect. Now I'm going to select the rectangle tool, and I'm also going to apply a shadowing effect. Appear moving a shape in front by God, the object arrange bring to front on and when to use a direct selection to to select the holes in the microphone and using the black slider and the color panel, I'm going to bring down Akal. It'd gray now is a finishing touch. I'm going to give some shine into the microphone because the normally made out of shiny chrome. So I'm gonna select the rounded rectangles. I don't want to pull out a pill shape. I'm gonna place it here. I want to select White, and I'm gonna go with the transparency panel and bring the opacity down to 50%. Like so I'm gonna try 40. With that done, I'm going to select the halls and the mic afford gonna goto object, arrange bring the front And there we have it. I want to select the sketch and switch it off in the layers panel by clicking the I. I don't want to ensure all of this is grouped by going to object group ons. Now I want to back it upon a circle, selecting the ellipse tool on drawing a circle holding shift going object. Arrange center back on selecting both. Going to the align panel on selecting horizontal align Sander. If we give the circle some color, we can see where we are and just allying that again with holes on the line center. Now I think I fancy a pink color for the circle, so I'm gonna click upon the circle and select the hot pink from the swatches and I'm gonna finally tune in the color palette with the sliders. Onda popular fat. So that is the microphone icon complete 14. Icon Microphone Part 1: So here have my scan of a microphone and I inserted as usual by going to file and place, I'm gonna go right ahead and start developing this and HVAC. I'm going to select the rounded rectangle tool and a bright color from the swatches on. I want to draw out here. I'm going to draw this stand first. Andi, switching off that filled. I'm actually going to select the stroke. A red stroke going on the stroke panel. Select 20 point, and I'm gonna move this up. Just increased the thickness on that. Do I will goto object, expand and show a stroke is selected and click. OK, with that done, I'm gonna take the rectangle to and I'm gonna use this to cut. Selecting both hall and shift. I got a pathfinder shape boards and minus front, and I'm gonna use a rectangle tools to do this Bottom shape holding shift, aunt clicking that stand above I'm going to go to a line and I'm gonna click horizontal line center to make sure there was to a both senate. I'm gonna go the rounded rectangle to and I'm gonna through the base and using the down arrow on my keyboard, The decrease, the curvature of the corners. Very cool. I'm going to use the rectangle tool to cut that again. Hold on shifts and selecting the base ball. A Pathfinder on selecting minus front. Here we go. On holding shift. Selecting all three. Going to the align panel. Andi, beneath a line Objects selecting horizontal align center. Very cool on with the rounded rectangle tool. Again, I'm going to do the shape appear Andi. I wanted Teoh the microphone heads with the down arrow, the up arrow rather on the keyboard. I'm gonna making them to this pill shape selecting old. Actually, I'm going to select leads to hold on shift. And I'm gonna go a Pathfinder and making that a compound shape, selecting all going to align Andi horizontal line Sander. Now, with that done, I'm going to select with sketch. I'm gonna call to the layers panel, expand it on, and I'm gonna click the I certainly know long to see this sketch, and I'm gonna go work on the details off the graphic 15. Icon Microphone Part 2: now I'm gonna color the base, withstand a silver color. So it looks like a Silva metal. Andi just in the sliders. I'm going to keep it that color with a hint of blue. And, um, I want to select the heads of the microphone. Ongoing color. This a more silver color. I'll keep that like that might make adjustments later. I want to make this the same color as this stand. Now what? They want to make some changes to the shape. So I'm gonna highlight those to select and make the compound shape. And I'm gonna click expand when the human select the rectangle to on And when I select the stands and I'm gonna go to shape modes in the Pathfinder panel and click minus front, this is gonna leave us with that which looks a lot more clean. I want to just the base bring it down so that it has the same negative space gap as the head of the microphone. Understand? No switching sketch back on. We can see we have shapes on the head of the microphone. Some gonna use around the direct angle to make those and they'll move that cross. Make another one. Andi, Another one on selecting all three holding shift. If we go to the Align panel on beneath distribute objects, we select vertical distribute center. This will line all three to ensure that equal spacing is between. Oh, I want to color those black and holding shift. I want to select both shapes ahead of the microphone on the holes. I'm gonna get a Pathfinder and selecting divide. I want proceeds to delete the access at the side pressing box based on the keyboard. No, I want to take these shapes, selecting all three on with Alton Shift. I want to drive across to make a copy. Right click. Transform reflect ensuring vertical is selected, clicking OK and holding shift to keep it on the horizontal. Remove that cross until it hits the line where the pink shows intersect. So that means it's flush with the head of the side of the microphone, so that marks that portion complete. I went out in the shape in the center, which holds ahead of the microphone in position, like so when he's the eyedropper tool to match the microphone on, did the black slide and the color palette just to bring it down to make it lighter on and selecting those two ships ahead of the microphone on the holder. I'm gonna go to the alignment panel on select Horizontal Align Center and that's now Senate for the shape going to do with little effect at the bottom, ensuring both ascent at bygone the Align panel horizontal line center on. And I want to go the Pathfinder panel on select Divide with a direct selection tool. I'm going to select the excess and press backspace on the keyboard to get rid of it. Selecting it. I'm gonna go up with the black slider on the color panel like so this creates a kind of shadowing effect. Now I'm going to select the rectangle tool, and I'm also going to apply a shadowing effect. Appear moving a shape in front by God, the object arrange bring to front on and when to use a direct selection to to select the holes in the microphone and using the black slider and the color panel, I'm going to bring down Akal. It'd gray now is a finishing touch. I'm going to give some shine into the microphone because the normally made out of shiny chrome. So I'm gonna select the rounded rectangles. I don't want to pull out a pill shape. I'm gonna place it here. I want to select White, and I'm gonna go with the transparency panel and bring the opacity down to 50%. Like so I'm gonna try 40. With that done, I'm going to select the halls and the mic afford gonna goto object, arrange bring the front And there we have it. I want to select the sketch and switch it off in the layers panel by clicking the I. I don't want to ensure all of this is grouped by going to object group ons. Now I want to back it upon a circle, selecting the ellipse tool on drawing a circle holding shift going object. Arrange center back on selecting both. Going to the align panel on selecting horizontal align Sander. If we give the circle some color, we can see where we are and just allying that again with holes on the line center. Now I think I fancy a pink color for the circle, so I'm gonna click upon the circle and select the hot pink from the swatches and I'm gonna finally tune in the color palette with the sliders. Onda popular fat. So that is the microphone icon complete 16. Icon Palette Part 1: so he'll have my sketch of a paint palette which are imported and illustrate a using file on place. So I'm gonna select sketch and I'm gonna lock it down in the layers panel. Now, I'm gonna use the Ellipse too, with a red color sort standard over the sketch, and I'm gonna drag out a circle holding shift. I want a place that they over the sketch of the palate. I'm also going to draw another circle here. Next, I'm going to use a pan tool to draw the curve of the top on the curve at the bottom to make a complete solid shape. So, selectman a pan to clicking here on the circle, clicking up here, pulling outward curve clicking young a point. Clinton settle down here pulling out another curve like so I'm clicking here now we're just gonna make the shape transparent so that wouldn't see this sketch beneath. And the transparency panel I'm gonna put the capacity to 50% clicking young. A point again continued on the ship when I click and on a point down here in the middle of a curve just adjusting slightly on clicking one down here to complete the shape. Now I'm gonna turn the opacity up. I want to select all shapes. I'm gonna go. Pathfinder may compound shape, expand. So this is now a solid shape. With that done, I want to go the layers panel, unlock this sketch, and I'm gonna click the I icon because I no longer want to see this sketch. I want to analyze the ship to see what corrections need to be made to make it indoor flowing ship. As you can see, the covert the top isn't perfect. Neither is a curve at the bottom. And we have a little hour here, so we need to rectify those things to make the perfect graphic. Someone is human. I want to tackle the curve at the top first with a direct selection to I'm gonna manipulate this curve with this handle. I want to pull it out towards the right hand side, like so. And that's that curve fixed the curve at the bottom. I'm gonna click on the anchor point and use this handle and pull out a more pleasing curve and that's that fixed. Next click the anchor point here. I'm going to go to the pen tool I wanna hold the icon on the bottom right on corner, and I'm going to select the elite unca point. I don't want to zoom in selecting delete one point once again, and I'm going to use a direct selection tool to manipulate this curve to pull it out. Like so I'm gonna zoom out holding cult. Andi, I'm just going to adjust this year, my clicking on the anchor point just to make that one a little bit more perfect clicking out Andi, I'm happy with that ship, which is going to be our paint palettes. 17. Icon Palette Part 2: So now I'm going to switch the sketch back on, and I'm going to assign some transparency, and I'm going to switch it down to around 50 just to see what shapes are gonna add to this . As you can see, we're gonna add a hall in the palate that's away. The thumb is put through the palate and of course, we're gonna ads the paint's so I want to select the Ellipse two hands on a drag out of shape and I'm gonna rotate it by on the edge of the shape until the arrows appear un rotating it like so just pull it in very slightly on re sizing us. I'm going to use a circle for the paint to keep it simplistic when a hold shift, pull out a circle and then use an adult and shift. I want to make copies of the circle like So I'm going to get rid of the sketch by clicking the I in the layers panel, and I'm gonna color palette gray and will turn up the opacity. It will turn it down slightly on, and I want to cut out their ship hold and shift, selecting the palette going to the Pathfinder panel on selecting minus front. So this deducts the shape of the front from the shape of the back, which was the palate. Now I'm gonna proceed to call the pins. So select that one. I want to select the yellow and in blue than a green when a purple adjusting less yellow would just make it a little bit more prominent. And there we have it. Those of the pence and the whole complete on the palate. Now I'm gonna go ahead and group all of these shapes. Object group under one a draw, the sickle, A background dragging out with circle hold and shift ons I'm gonna go to arrange sent back . I'm gonna position this in the Sanda just to make sure I'm going to go to a line A line objects horizontal line center. I'm gonna call a the pilot white on the more support color thinks gonna be for this is agree. So I want to select, agree, taking a black up, and I'm happy with that. But I'm going to separate the circle into two, selecting the pan tool, ensuring there's nor fell by gonna non and swatches selecting stroke, clicking and nine o'clock Anger on the circle clicking at three o'clock Anger on the circle un selecting both path and circle on clicking in the Pathfinder panel Divide ongoing object Rain sent back with a direct selection to I want to select the half above on Click fell on . I'm gonna take down the black slider like so And that marks completion of the palate. I can't. 18. Icon Pencil Part 1: here we have my sketch of a pencil, which of place and the illustrator using file place. Now all this is on an angle. I'm not going to illustrate it on an angle. I'm going to illustrate it on the horizontal, and I'll apply the angle later. So the first thing I want a deal with select the rounded rectangle on would have select Cooler. Gonna select the brown. I'm gonna draw the rounded rectangle. I'm gonna place it like that. Now we'll see the pencil sectioned off into a razor. There's a gold band. It's going to be called on. There's the tip of the pencil and actual graphite. So I'm gonna go ahead and section off those portions with the pan tool. So selecting the pan to ensuring there's no Phil. I want to create fill of white and I'm gonna click long a point here. That's for the your razor. Again. I want to click another anchor point on Day one. Further down. Missed a clay holding shift to ensure that time a vertical on. There we go. I want to draw another one. Yeah, and with the selection to selecting all and going to the Pathfinder panel underneath Pathfinder Asagoe to divide and with the direct selection to I want to pick out this portion. I want to select the your razor at the end of the pencil. I want to choose a pink from the pallets, ensuring that Phyllis selected selecting the pink. I'm going to use the sliders to adjust s to the color of a typical a razor. I won't help you with that. I want to color the gold ring. And I'm going to use this spectrum to select a nice gold color unused slider just to refine the gold. To make it a little bit more brighter, I'm going to select the pen tool and I'm gonna draw the neb of the pencil. So clicking on this on the point of the top left hand corner of the square, I'm moving down until the pink line appears to denote that were on the horizontal and clicking down on completing the triangle by clicking the original under point. Now, with Penn to and nor Phil selected by going to non and the swatches clicking Phil Stroke Rather Andi selecting white from the swatches. It's like an anchor point up here, Uncle Point down there to draw a line on Bond highlighting that stroke on the triangle. We can go the Pathfinder underneath. Pathfinders Divide. I was selecting that small of triangle, going to select the gray from the swatches and showing that the Phil is selected rather than stroke. Andi, I'm gonna begin coloring this pencil the way I'd like it. 19. Pencil Icon Part 2: Now I want to switch off the sketch because we don't need it anymore. And I'm gonna focus on the illustration. So looking at this thing and now see that the gold ish colors now clashing with the orange . So I'm gonna change this to a silver on switching that down in the cola panel, and I want to select the your razor. I want to bring that up slightly and cooler now, ensuring there's no felt. I'm gonna slap non from the swatches, and I want to select light for a white stroke with the pen tool. I want to click the tip of the pencil and I'm going to run through the pencil and create another anchor point to the right hand side, selecting everything going to the Pathfinder panel and clicking divide. I've now got a series of shapes. Now these shapes at the bottom I'm going to use for the shadowed areas of the pencil sort of diamond. Straight. I want to click the graphite of the pencil ons. I'm with a nudge up the black and the color panel, like so ons for this, the wooden parts of the pencil nip. I want to move the black up, the black slide and the cola panel. Same for the orange. Moving up the black slider on for the silver. Oh, Gray as it is moving up the black slider. You'll see. There's only one slider for this, because only consists of the color black on for the Eurasia. Also moving up a black slider. So selecting all of it, Andi moving on the edge of the shape so that we get the arrow assemble, we can now rotate it like so I'm going to apply the circle with the Ellipse tool. So holding shift so that we draw a perfect circle. Good object Orange sent back. I'm selecting all I'm gonna go to align, allying, object, horizontal line Sander and I'm going to paste in our guide so I can draw the same shadow of fact is what have in previous Icahn's on the same angle. You'll see him running flush with that until eating that selecting a pencil going object arrange Bring the front. Selecting that chip on the circle. I want to go to Pathfinder divide. I'm just gonna take out partly now for the circle. I want to choose a color from a spectrum and purples. One. I'm happy with selecting the ship a shadow using eyedropper tool, selecting the purple and just bringing the black up on the slide and the color panel. So it's never too late and make changes. So I wanted to make the pencil stand out a little bit more. So I'm going to color the body of the pencil yellow rather than orange. So selecting the orange in the slide I'm going to bring down the magenta to make it more yellow. Selecting the second piece, I'm gonna much the yellow Andi. I'm gonna move the magenta slide off rather than the black to make this portion more orange rather than using the black slider with which tends, said Bill it. So there we have it. The completion of the pencil icon. 20. Icon Piano Part 1: So here we have my piano sketch which have introduced in the Illustrator by selecting file and place. Now you can see the sketches. Basic and former consists of four rounded rectangles for the white Keys, and it's going to consist of three rectangles for the Black Keys. So let's go to work. Selecting the rounded rectangle to I draw the first white key on a cold object flattened transparency, clicking OK, This ensures that the curves can't be changed any further and I want to select the rectangle to I want to go over the top of the ship. I want to select both from the Pathfinder panel beneath shared modes. I'm going to slack minus front to this takes the top off this rounded rectangle. Want to replicate this by holding cult and shift alternatively in use Cotton pissed. I'm going to use the rectangle to once again to draw the black key. I want to call a black by selecting black and swatches grouping these two rounded rectangles together on the object and group. And I want to select all I'm gonna go to the alignment panel UN Select Horizontal Line Center. This ensures that the Blacky is dead center in the middle of the two white keys. I'm gonna go to object group to group all of these case, I'm going to use Alton shift to replicate. I'm gonna bring us closer together using the left. Our one keyboard. I'm going on group their shape by going object on group. I want to copy across old and shift. Good object Arrange Bring the front. Now I'm going to select left and right groups object group ensuring that the left Blackie's included object group Now the middle key the black case free. So I'm gonna highlight all of these ships. I'm gonna go to align and I'm going to select horizontal line center. This place is the black que in the sander also. 21. Icon Piano Part 2: Well, no, it's in the sketch. There is some kind of shine Teach black key. Now have changed my mind on this. I'm going to do something else on to demonstrate what want to do. We're actually gonna have to apply the round background of the stage. Someone call Hadn't do that. Deleting the sketch, selecting the Ellipse tool from the tools panel holding shift and drawing out with circle on the object. Arrange sent back. And we're going to center by going to the align panel horizontal align sender. And that's already sent that they with a direct selection to I'm going to select each key and now color them white. I'm going to select going on group and select the first Blackie, and I'm gonna show you what I'm going to do instead in the color panel, I'm gonna move down the black slider to create a gray. Now, this gives an effect of a shadow being cast down behind each black key. So copy in the ship across with Alton, shift for the next Blackie on the final black A. That marks the completion of the piano icon. So alternate do now is choose a color for the circle Onda ply the shadow effect. So selecting the circle you want to use a spectrum and I'm going to select a sky blue Phyllis. Next, I'm gonna paste in our shape to create the shadow of fact my gone at it paste. And I'm going to use this to determine the angles. Striking out, clicking on the bottom of the piano, Andi clicking and Uncle 0.1 and lying with the angle of the ship I'm clicking one appear just undoing that to get the perfect angle on clicking out top left hand side of the piano , the leading the original shape. Selecting the piano object arrange. Bring the front, Selecting the shape on selecting the circle gold of the Pathfinder panel. Divide direct selection to on press backspace to rid of the access, and that marks completion of our piano icon. 22. Icon Pizza Part 1: So here we have a sketch of a pepperoni pizza have placed the sketch onto the are bored by going to file place, locating the file. And then that place is that on the outboard. So I'm going to jump right in, and I'm going to select the lips, too. I'm gonna select and brown colored Phil, I'm gonna hold shift, and I'm gonna draw out a circle holding shift allows us to draw circle rather than an oval ship. I'm gonna align that with the edge of the pizza crossed. I think so. Next, I'm going to draw a second circle with nor fell. I'm gonna vote swatches, select nor fell non for no fell. I'm going to select a white stroke after selecting stroke in the tools panel. I want to select the Ellipse tool again, and I'm gonna draw out a circle in a position. Not Andi. I'm gonna go the stroke panel and I'm going to select 16. I'm gonna bring that up slightly. How? Using the selection tool. I want to select the circle. I'm gonna go with the transparency panel, and I'm gonna bring the opacity down to 50% so that I can see the sketch of the pizza beneath as they say that stroke much is it? Well, with a negative space of the sketch. So I'm gonna go ahead and select the path I wanna go to object, expand animal, ensure that stroke is checked and I want to click. OK, now, that circular path is now converted in with solid ring shape. I wanna color this red just for the example on them. One. Hold shift and select the circle behind. Now in the align panel. If we go to war lying to we need to ensure that align to selection as highlighted, which it is Onda Underneath a line objects we click horizontal align Santa Just ensure that everything's lined up in the circle and likewise, we got a vertical align center and it looks as if that's a line. Pretty much already now thoughts to shapes selected Goto Pathfinder on and select minus front. This deducts the front shape from the shape of the back. Now, to take our slice from this full Peter, I'm going to select the shape I'm gonna go Pathfinder, make compound ship, and I'm gonna click Expand. Now this treats the shape is a singular because it's now a singular whole shape. Now I want to select the shape and make a transparent again by going the transparency panel and bringing your capacity down a 50% just suing. Still see the sketch behind. I don't want to select the pen tool, and I'm gonna take out a wedge from the circle, which represents a slice of pizza. So clicking in the circle, clicking out following the sketch, creating an Uncle Point moving down to create another uncle Point at the point where a pink line appears, which denotes the perfect horizontal. So clicking out there on clicking back to the original Anchor Point holding Chef. Do we select the circle behind or circles on and we go to the Pathfinder panel and click in the sect. Now this leaves us with the slice of pizza. 23. Icon Pizza Part 2: so for you. Select the shape on. We got the transparency panel. Bring the opacity down a 50% again just so I can see the details of the sketch. As you can see, this three pieces of pepperoni, two halfs and one full piece someone to go ahead and select the Ellipse stool from the tools panel ons. I'm just going to select red from the swatches cool heads and draw a circle on each position like so Now I want to select all of those Holden shift all circles on the slice of Peter in the Pathfinder panel. I'm going to select divide beneath Pathfinder's on using the direct selection to I want to take out thes portions of the pepperoni. So now that the sketches nor further use, we can isolate this by bringing down, I'm weak and begin to color it in the color the pizza is. So I'm going to try the base first. I wanna mess around with the sliders in the color panel just to try and obtain a nice color of Braddy cheesy pizza. I think we're gonna go towards a yellowish color like so, and I think the crusts already a color, which resembles a crossed but will well, experiment further with fat. And I'm gonna select with pepperoni pieces. I don't want to increase the darkness of the Reds by taking up the K slider, which denotes black, just to make it darker reds to resemble pepperoni. Andi, there we have it. The completed pizza slice. So the final touches mounting less upon a shape, and I think I'm going to select the circle. So selecting the Ellipse tool from the tools panel ongoing object arrange sent back. I'm going to select the eyedropper tool. And I'm gonna much the bread of the pizza using slider. I'm gonna bring down the yellow to try and find a suitable color. Just suggesting these Andi think I'm happy with that. Next, I'm gonna introduce an effect which will go on and reduce. I'm gonna click the pen to I want to quickly young a point of the pizza. At that point, I want to click outside of the circle and I want to create another anchor point appear on. I'm gonna click the top on a point of Peter. I'm gonna close that shape now. I'm going to select that ship. I'm going to go to the layers panel on. I'm just gonna bring it down beneath the pizza on going to go to the colors panel and I'm going to use the sliders again. Just introduce a different color. Like so with fact on selecting that Shipholding shift selecting the circle, we go to the path fineness panel Select Divide. Using the direct selection to I can take out this piece outside the circle on the final touch. Underscore new Select the shape Andi turn up the block to make it darker. Toe Act is a shadow and that marks completion of the pizza icon. 24. Icon Watermelon Part 1: he is a sketch of my watermelon. That of placing the document using file and place. Now I'm going to select the sketch. I'm going to go to the layers panel and I'm gonna lock that down clicking until a padlock appears. So now use a pen tool on top of this or the geometrical ships. I want to select the Ellipse, too. I want to select a bright color from a swatches panel. I'm going to choose a hot pink on going to draw out on oval shape over the sketch, so that would see the sketch behind. I'm going to select the ship, got the transparency panel and bring the opacity down to 50%. With that done, gonna select another ellipse of a different color have slight blue. I'm gonna call the sketch can I'm actually gonna hold shift to draw out a perfect circle. Like so. I'm also going to assign some transparency to this by taking the opacity down to 50%. Now I want to select another lips of a different color. I'm going to select orange can I want to draw out the circle, hold and shift once again, I want to select the circle behind hold and shift and I'm going to go to a line beneath the line objects And when a click horizontal line center that brings them together on the vertical and I'm gonna click vertical align Sander And you see, both circles are now perfectly send it. I'm going to select all shapes and I'm also gonna go to align once again and click horizontal line center, and it looked as if they're already scented. So next I'm going to select a rectangle. I want to drag it down to here on gonna select all shapes on. I'm gonna click in the Pathfinder panel, divide with a Direk selection to I want to highlight all the shapes of both. And I want to click back space on the keyboard, turning off the sketch by clicking the padlock in the layers panel and then the eye. We can see what we've drawn. Now we've got a couple of straight paths off ships and either side, so I'll just highlight those select and delete using backspace on the keyboard. So he is the shape real left with which is resembling a watermelon, and we're gonna bring it to life with some color. So the direct selection tool, I'm going to select the shape of the bottom. I'm gonna turn the opacity back up. I don't want to select the green from the spectrum, and I'm looking for a dark green which resembles that of a watermelon. I'm happy with that. Now, for this portion, I want a kind of cream color using slider, bringing the yellow down on bringing them agenda down on the scion on the final piece. Needs to bay reds. So there we have the watermelon. Now we need the ads, the pips. 25. Icon Watermelon Part 2: now a draw. The seeds. I'm going to select your lips too. Draw a circle holding shift with a pen to I'm going to click here. I want to click up here until the pink line appears to denote perfect center on the vertical. I don't want to click down. Okay. Selecting both ships going the Pathfinder panel selecting make compound ship selector expand. Selecting the rectangle to dragging over this. Selecting both ships on D I'm going to select in the sect in the Pathfinder panel. I'm gonna copy the shape with Alton shift. I'm going to right click Transform reflect ons with vertical checked click. OK are holding chefs to keep the shapes on the horizontal. I want to join these. What is intersect? That means the lined up perfectly. Selecting both ships going. The Pathfinder panel may compound ship clicking expand to make it a single ship. Now I want to take one of these reducing in size hold on shift to keep proportions on. Introduce one here on the pink line because that denotes the perfect center holding shift. Adult gonna make another one shift null again. I'm gonna drag one off the side copy place one there shifting all again to make a copy. Um, policing one way. Now, to make sure the pips a symmetrical going to select all holding shift, I'm gonna go to Pathfinder, make compound shape expand so that all these pips attract a single shape. No going to use a rectangle tool. I want to place it. They and I'm gonna hold, shift and select the pips on the Pathfinder. I'm going to click minus front with Alton shift. I want to take a copy of these pips. Right? Click transform reflect with vertical checked. I'm gonna select. Okay, Andi, I wanna hold shift and I'm going to align old pips holding shift, selecting the rest. Gonna pathfinder make compound shape expand. And that's the watermelon graphic complete. All that remains is to add the circle to the backgrounds to make it an icon. So I'm gonna select all of the parts of the melon Good object group and want to go to the Ellipse. Andi, draw out the circle, Gonna go to object, arrange send to back. And now I'm going toe select. Both got were lying. I'm click horizontal line Sander that make sure the both aligned I am just like the circle . And I'm gonna try and find a nice color in the spectrum for our watermelon icon. Now, I'm happy with that on, and I'm going to do something here. I'm going to use the pan to I'm going to select non for the Phil, and I'm gonna have a stroke of white Now on the anchor points at nine o'clock on the circle I want to click across across the three o'clock now with a path selected on the circle Select that hold and shift. We're gonna go the Pathfinder and click Divide. Now I'm gonna go to object Orange send back, and I'm gonna make this circle background to torn. So it's gonna be one color at the top and a different color at the bottom. So this to Tora design of the circle looks as if it either folded paper or the watermelon has sat on a table. Now, looking at the watermelon, I couldn't see that there's transparency still assigned to the ship, so I'm gonna turn the opacity of 200%. And I'm actually happy with how that looks at 100% so I'm gonna leave that way. And that marks the completion of the watermelon icon 26. The Completed Icons: here we have our completed material design icons. First, we have the lightbulb colored yellow and assign to different shapes and thorns for shadow. The bulb was given a reflection shape with a pen tool and assigned a thickness and around cup and finished with a long shadow, which actually depicts radiating light. The blue gray color was a sign of the background so that the light bulb graphic can literally shine. The slice of pizza was drawn by deducting a wedge from a full circle and ring and assigning the color for crossed and base. It was treated at the pepperoni pieces, the access of which were deducted the use and divide and delete. The background circle was given a mild cream color, which serves to be simple, soft and similar to the color of a pizza box. The icon was given a long shadow over finish to give the subtle impression that the pizza is standing above the background. The clipboard was developed more city with the rounded rectangle tool with flattened transparency to retain the state of the corners. The ring at the top was formed by a minus front and the Pathfinder. After constructing the ship with rounded rectangle under lips. The icon was given a shadow at the bottom of the paper in order to depict thick part the color teal for the background compliment at the brown nicely, a long shadow was applied to finish. The palate was formed by first using two circles and join together by two curves, top and bottom to form a solid kidney ship. A cutout was aside using minus front, and the pathfinder for the thumb hall and different color circles were distributed over the ship to depict the pins. The background circle was Haft and given a two tourney gray to depict folded paper. The pencil was developed horizontally. A rounded rectangle was drawn on the parts defined by separation with pen tool paths and divide in the pathfinder. The point of the pencil and graph a neb were drawn with the pan to all parts were colored, and the pencil was divided in half horizontally to apply darker tones of the colors to depict shape and shadow. The background was colored, a complimentary purple, and the pencil was college to shine more prominently before application of the shadow. The piano was drawn with a rounded rectangles for the White Keys with flattened transparency. To retain the quality of the corners, the black keys were introduced with the rectangle to and aligned Using Horizontal Alliance Center. In the Align panel, a subtle shadow effect was assigned each blackie by use of a thin gray rectangle to the right hand side of each. Finally, the background circle was treated to a trunk will blue before application of the long shadow. The watermelon was developed mostly with the Ellipse tool to dry out overlapping circles, which were then reduced the semi circles with use of the minus front in the Pathfinder. Each piece was treated to it appropriate color before introducing a cheerful Sunni background, which was half horizontally and tord to give the impression that the watermelon has sat on the table. The microphone was formed mostly with the rounded rectangle tools to form pill shapes. The stunned was made by using the path of a pill ship assigned a thick stroke, and the head of the microphone was formed from a solid pill shape. The Senate, a piece in the halls and the mic and base also formed from the same pill shape. The mic was calling a metallic gray and treated to a shine effect with a pill shape, no less. This icon was left without any effect on the circle just to give an example of a simple, clean background and instead was treated to an off the wall pink, which works well with the gray. The I watch was illustrated by drawing the top strap with a pen tool. This was an copy to the bottom and reflected. The face of the watch was drawn with the rounded rectangle tool, together with a second rounded rectangle for the screen. An arrangement Circles were laid out on the screen, spaced and copied for consistency the watchers and mounted on the circle background, which was vertically haft to run with the shape of the graphic and assigned to Torme's of brown. The watch screen was increased in brightness to make it look more alive under complement the brown color 27. Final Word : well done for reaching the end of the course. I hope the information has proven valuable in extending your skills. As a designer, I post new courses on a regular basis. So if you want to stay up to date, please be sure. Click follow next to my user name by clicking follow. You'll get priority announcements when I launch new courses. When I share. Resource is on when I launch contests. Remember, there are additional parts of this course, so we'll see you in the next.