Adobe illustrator | Master in 3D | HU Shahir | Skillshare

Playback Speed

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

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

13 Lessons (32m)
    • 1. Introduction

    • 2. Who can take this course

    • 3. What is 3D?

    • 4. Setting Up project

    • 5. Design Flat app icon 01

    • 6. Design flat app icon 02

    • 7. Extrude and bevel option

    • 8. Creating 3D Bevel

    • 9. Lighting and Shading

    • 10. Mapping

    • 11. Mask intersect

    • 12. Good bye

    • 13. Bounes Lecture

  • --
  • Beginner level
  • Intermediate level
  • Advanced level
  • All levels

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.





About This Class

Course Description

2 in 1  Design Flat App icon and Create 3D Look


Do you want to create cool 3d shape beveling and extruding with great and artistic shading in illustrator ?

Have you ever tried to create this effect but don't know with which tools or plugin ?

Do you want to learn how 3D Extruding work in illustrator and how to use different parameters to achieve great result .

With this course you will learn how to design a cool flat app icon and then create 3D Extruding , Beveling , Custom Rotation , Mask intersecting  , Lighting , Shading , Mapping ...) for it.

Creating 3d shapes in illustrator make life so easier and its very dynamic and procedural effect you can use mask to select one part of the 3d shapes or make hole and other stuffs .

You can place lights in scene to illuminate your 3d object you can use Ambient light for realistic result and bunch of other cool stuffs that we can use to create 3d shapes in illustrator .

Some feature of this course :

  • Understanding of 3d itself with examples .
  • Using of different built in tools of Adobe illustrator .
  • Create 3D Extruding and Beveling with different bevel profiles.
  • Illuminate scene with cool lighting and shading .
  • Create any type of map and apply them to different part of surface .
  • How to use mask to select and create different compound objects.
  • Easy and project oriented .

If you really want to know how you can create 3D Shape for almost everything in Adobe illustrator then  take this course and be a master :)

Meet Your Teacher

Teacher Profile Image

HU Shahir

Motion Graphic /Visual FX Artist (Polygon Motion)


Hi, I am HU Shahir, Motion Graphic Artist and UI/UX Designer based in Germany.

I love to share what I already know and what I learned from other people in the creative industry.

I have 6 years of professional experience working with major TV Channels and Media productions companies in Kabul and Germany.As I always loved to share what I know and help people to achieve their goals I have started building my teaching startup Polygon Motion.

Polygon Motion is a provider of online training courses and tutorials in Graphic design, Motion Graphic, User Interface Design, 3D Animation and Visual FX Fields on different online training platforms.

Polygon motion helped those of students across the world to learn creative skills.

Chec... See full profile

Class Ratings

Expectations Met?
  • 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.


1. Introduction : Hi guys. I do know you can create amazing treaty extrusion for your shapes in Arab Illustrator has no illustrators. A Victor beast graphic Softer on. We can create artistic, drawling and Wiktor shapes for printable and Web content. Most of graphic designers use edible is traitor for the rewards. Has a graphic designer or user interface designer some off our project needs treaty, object with great quality and look, we can create them. Entreaty Software's like cinema four D Treaty, Max Blender and so on. But working with the Salters needs a little bit knowledge off treating animation and some basic concepts to figure out with problems in de Software's On. Also, if you ever work with the Salters, one of the common problem that we will face, as during the time it takes minutes or how hours to achieve great look for three D objects and D Softwares are not so cheap. They are so expensive. And for a freelance designer or individual project, it's not water that all. So here is the solution. You can use it openly, straighter for basic treaty extruding and bedeviling the lead and compound treaty objects creating treaty objects in Illustrator is very basic. But keep in mind, getting a better look with great lining and shading is need a little bit tweaking and indep understanding off these para meters in discourse. We will live from basic concepts up to creating very artistic flat. I come at the first wheel design a flat camera app icon and then we will create treaty look which shading on also with math for dis treaty icon. So my name is you to shade from piling in motion, take discourse and be monster of two Reedy, an Arab illustrator. 2. Who can take this course: who can take this course Discourses for people with a little bit understanding off Illustrator are any other graphic Softwares like Photoshopped s cage are CorelDraw If you don't know busiest staffs of graphic design or working with less traitor at the first, you need to know Tim and and then you can take this course. Although I have explained every tiny details off less trait or features. And if you want, you can follow me in every steps. Bad understanding of illustrator, basic like out to use illustrator use interface elements and working with liars working with different panels are very important to follow this course. 3. What is 3D?: before jumping to the actual lessons off the scores. Let's take a look what this treaty itself and why we need to create three D objects has, you know, in computer graphics. And also in reality, we have three dimensions. And there's a lot of touring in physics that says We have more than three dimension and some of them say is that time is also one of the dimension, But at this time, we don't care about these scientific staffs in discourse. In computer graphic, we have treated mentioned first dimension or one dimension two dimension or to T and the last one treaty or three dimension. One dimension is refer to do's objects and do shapes that have one property in the space. It's mean that won t objects, always has one property like linked, for example, this line you see, it just has one dimension, and it's a street fall to the objects has to property in the space, width and height, or X and y like this object that you see on example of two d graphic. It's printable continents, Web banners to the animations and so on, and the last one is treaty or treaty Dimension Treaty has treaty property for itself, with height and depth Our X, Y and Z. And if you work with three D Software's you may have seen thesis reax is X, Y and Z. So you know these dimensions and in discourse we'll create tree dimension object in a novelist, Reiter. 4. Setting Up project: hair. I'm an Arab illustrator. Andi has you see that? I don't have any documents open, and I'm using Adebola straight or CC. You can use a different version off Arab illustrator, but I recommend that you have to use a rope CS five or C C itself. You can just download trail version of it 30 days from Arab, and it's completely free for education purpose. To design our icon, we need to create a new document. Okay, go to file. And you can also use the shark it control. And for this click new. And once you click, you see this geology disappear. And at the first you have to write the name for this document. In this case, we write, for example, I can and in profiles there is a bunch of presets. For example, if we create this accountant for print for Web for devices, four billion films or basic RGB in this case we just want to use that and Web. And once I choose to whip all the presets, for example, Callum mode at Racer Effect and also PV Morris change and fit to the Web on Look at this. If I changes to print. You see the calla mode as changed to seem Viking, because seems like it is the colors piece for printable continent. And it's opera vision off kind, magenta, yellow and black. Four colors batter for rib and also for devices or video films. We have RGB red, green, blue and also some other things, for example, transparency grade or other things that we don't want to Cafferty's staffs and discourse. Okay, I'm just using Web and also for art board number. How many are part number you want in this case where you must have one our port? Because we just design I cannot without, For example, if you, uh, you I designer and you just at create different screen speech, for example, logon page and also whom patient is kind of staff. In this case, you need more our ports to fit all. But in this case, we just want to use one artwork and also decides if it I'm just using this size 12 80 by 800 you can use any size. But keep in mind that the sizes related to your quality when you choose bigger size, the quality is also better and higher this deplete. We don't want to use bleed because we don't have any printable confident that goes to the printable mashing because it's it's related to printing, mashing If he put in a space to the bleed, printing mashing is scattered. Our those areas does bleed areas. And if you're a graphic designer and work, for example, for a printing press company are or anything else that related to printing, you know the bleed and it's not so important and weapon these staff. And here I have a pixel centimeters millimeters paints because and pines on. You can use different kind of a staff for a printable continents. We can use centimeters and also for weapon devices. We can use pixels because there s screens are made up from pixels and these are the pixels that deter mined. How maney revelation we have whatsoever translation in these kind of stuff. Okay. And also in here we have Callum or that all the thing is set up. Just click OK, and our document is created and ready to design our icon 5. Design Flat app icon 01: in distance. And we want to create a very clean and very simple flat camera app icon. Andi. Uh, we want to create this from shapes. And the first thing that I want to do is create a rectangle around rectangle shape in here and also drag it like this once you drag, go to a color and choose a color off green or dark green. It's good, I think also. And in here you adjust do roundness off that. And I want to use this match off roundness for this and also maybe a little bit like this. As you see in here, I have strokes that I don't want a strokes in him. Just zero the stroke. Sorry. You have to slick your icon and then click on, make the changes to the A stroke and make a deal. Okay. Very nice. Maybe a little bit lower Teoh around us. Yeah, very nice. Okay. And also, let's zoom in by control plaice and control minus swimming and zoom out in here. I just need to add a baton. Okay, click ellipse and also select this color dragon like this and also may be good to liars and also Let's select the Ellipse. Drag it like this. Once you drag, play said, and corner off your plate. Very nice. Now I just need another duplicate of that by prison control. See and also control shift. We it space it over the exact same place of the first shape, and it's for useful. If you, for example, if I don't use control, shift we and control C and control, be it species in here, it's It's very difficult to match these with this first object. It's useful to use cultural shift, weak control Z and control shift and go to color selector, Blue color, ragged and here, Very nice, much perfectly. And also I need a pattern and hair slider. Maybe. Andi, let's select round. And also it's like degree. Drag it like this house. Put it in here very nice and maybe lower down to capacity. Make it a little bit brighter like this. Sorry, or maybe we just use black and then lower down the opacity of that in here. Very nice. Also, you can adjust your layers, and here you can slick them. You can override different kinds of layers. For example, if I want to put this to the back of the Ellipse. I could just simply drag it. Or I can use a range brink friend. Bring forward and send bag in these kind of staff. OK, in the next listen, we want to create a very beautiful lens with very simple shapes for this icon. 6. Design flat app icon 02: Let's have the lenses in here for this icon. And for this I'm going to l apps and create an ellipse in hand and change to color toe white. Very nice. Beautiful on may be. Place it in the center like this. Control C control shift. We changed to Cala to something like that. Okay, Lets a skill down this and also put it in the center. Very nice. And also, let's say depleted this control C control shift. We on a scale it down additive. It's more. Maybe we need it. Also changed the color of it like that. It's nice. And one more copy control C control shift. We changed the color to whiten. Make it tiny. You may know it a bit and put it in here. Maybe a little bit higher. Andi, Uh, a little bit skillet down. Okay, we've just create our icon is very simple and very flat. And one thing mawr that I want to add in this icon Slickness circle and control C control shift. We make it black and opacity down and put it in the lay. A manager slick this and put it below of thes layers. It's a very nice shadow for our icon and let's very nice. You can add a shadow for this for this. Also bad. In my case, it's very good at Nice. OK, in the next listen, we will prepare this small for treaty, and we'll make a very simple extrusion for this icon. 7. Extrude and bevel option: let's take a review to their extrude and bevel options inside of less traitor on How can we used these parameters to create a very cool and very simple treaty extrusion for these shapes? OK, the first thing that you want to do as select your layer all the layers And once you select Guti effect in here entreaty category, there was on effort called extraordinaire people. Once you click in here, this Diyala disappear and industry Ah, look, you see a bunch of things and these are very, very important parameters. And by default it screening this type of look for your objects about in here. We just have a position for that. We back and we use friend different photographic views. We have cast, um, rotation, weaken rotator objects like this and the and different axes X by and also other axes. Okay, let's zero that in here we have perspective. It's a different perspective. You if I drag him here, this object like this, it's rotating and you can adjust different views for and it's take a little bit time for rendering not to match, and you can rotate it in the friend angles and different views okay. And also, you can adjust a perspective in here how much perspective you want. Perspective, effect. And also you can see where that and here we have extruding be evil options. For example, if I change the extra depth to something higher, it's extrude mawr. These objects like this and also in hair. We have biddle options. We can use different billing options and also hide for that like this, we can use different patterns and also profile for these beetles like this complex to complex make this type of devils and Jogi complex four rolling around and tall round you see very beautiful bevel and also you see shading and spectacular and also a reflection map . Okay, this every brief overview to their extrusion and beeville parameters on in. Next Listen, we will create a better look for this icon and we will understand some other advanced techniques 8. Creating 3D Bevel: in this. Listen, we want to create this type of look for icon. You see, this icon is very artistic and very clean on one things. Keep in mind that it's not completely treaty. I mean, just this palette is treaty and the other things or use as a map for this treaty object. And in here, you see a little bit crash. It's not from natural file, it's depending on your graphic card. And when you say that it's not problem ing at all, it's a kind of draft motor. Okay, don't vary about this. But in here, when I select these layers and go to extrude, you see, we can achieve that kind of look that we have seen in there. Example. Okay. Why? Because we select all of our objects. Andi, when you select all of your object, this option create extrude and make an extrusion. If it for all the object that you're select back and here we just want to select one object to create extrusion. In this case, I'm just using this pallet and slick this go to effect extrude and preview. Okay, this kind of position is good for this and also make a little bit deeper like this and also go to be evil. Use rolling. Let's check all of them and see which one is great. And you see, when I changed to hide the people option has also changed around it. And also, let's take a look tall round. I think tall brown is better for that. Make collective. It could hire details and also extrusion depth at the bits lower. Very nice on. Also in surface, we have different kinds of displaying more. If I choose wire for him, it's displayed a wire frame off. This treaty objects in treating motor. You see, it has a tree access and reacts X, y and Z. And if I choose no shading, it's completely flat and whatever, then he lying and cheating at all. If I choose diffuse shitting, it just showed diffuse color of this object without any reflection, would have any shading OK, and when I use plastic shading, its create a kind of a reflection map to the ages off this object. If you work with three D as software's, you know better these stash back and here we don't need to know all of them. We just need to. No. If we use plastic sheeting, it's created this type of look, and it's not important to know all of these concepts. Okay, if you're not a treaty artist, when I choose more option, you see a bunch of other parameters and the you see light intensity. You see ambient light, highlight intensity, highlight size and blend steps. And here you see a kind of mall for lighting that we will pick through each of these parameters in the next lesson. 9. Lighting and Shading: Okay, now let's talk about lighting and shading. Lighting and sheeting is a very important process in creating treaty objects in real life, every objects eliminated by the light that come from sun or industrial light industrial light. We can say for those light that, for example, placing in a room. If you're in a dark room, there's no sunlight. We just needed one pine light or other industrial like to eliminate their scene and eliminate the space. We don't want to go in depth off these lighting para meters and Xining because there are very, very complex and he needs a lots of time to handle these concepts in discourse. I just show you how to eliminate on out, to create a good lighting and shading condition inside of illustrator and would lining and cheating with a good lighting and cheating your treaty object. It's look so cool and so beautiful. Okay, let's open our extrusion, okay. And also keep in mind that if you want to make a changes to the effects that already apply to the object, have to just select your object and goto appearance. And in here you see that all. If it does, we have applied to this object is appearing here and just collected treaty and extrude preview. And now you can change those para meters. Look as we know good. Two more option. And in more option, you see a bunch of parameters. And here the 1st 1 is delight. Intensity. How much elimination? How much like you want for your treaty objects. For example, if I change this to the zero, you see, there is no life that bounce off to the ages off these objects. And if I and make it a little bit higher, you see that it's getting more brighter and more beautiful. Keep in mind that it's delight, intensity off overall scene now that particular light just for over environment. Okay, I'm in light. Is that kind of like that? Create a very good look to their three D object? It's mean that it's the environment light that bounced off to the ages off the object. Actual light and the ambient light is the environment life or a skylight. We can also say I kind of like that bounce off to the ages off these objects and make object so beautiful and so cool. I tried to use Ambien light. Not much more, because it's create a kind of two d. Look for your object and stop soaker. You just create a little bit Ambien line. Great. A very good and realistic result. Okay, in here I have I light intensity. If I make the zero, you see that the reflection map in hair and the I light area off this object in the bevel. You see, it's going off when I make this 100. You see a very good highlighting a reflective map that makes ever seen so cool and so realistic. I try to use the highlight also not much more bad. A little bit of highlighting is very good and give you a cool result. Okay, let's make this a little bit extruded and also create a kind of frivolous match more like this and the I think a school. And also keep in mind that if you check off this turn cap on, for example, if I choose this, it's completely delete the cap off this bevel. It's mean that it's now make a hole to this object. And if I change this, make a polygon for this object. Okay, on I light size we have. We can adjust the highlighting size off this a reflection mapping here. For example, if I changes to some lower valley, you see the I light is very small, and it's also cool. But I want to use this match of highlight size for my three D object and also blend a step that how much blending off I like you want. It's not so important by a value off. 13 is very good for this shading color. We have the actual shooting, and here you see that it's black. But when I changes to Accustom Qala, you see that this color bounce off to two shading an age of this object, and it's very cool in some pine and some cases bet not at all. For example, it's looked at. We have another light yellow orange light, and here that's pounds offer to this object and make this object element into in the ages off this object. Okay, but for this I'm just using black because very realistic, I think, and make this a little bit not much more okay. And also in here we have lighting position, For example, if I changes to something back off this object. You see, delight is coming from this point. Then if I change this to hear you see that the lightest coming from this point. And I think this area is very cool and with a little bit Ambien wide. You see, I can chief vory better look. And you have to play with this values because it's depend on your object. What kind of business? What kind of objects you have in your scene. Okay, I think it's very nice and a little bit lipped. Very good and very cool. Okay, that was from lighting. And try to play with these values because playing with these values give you a better chance to experience some some some kind of different results your objects and try to use all of them in your scene. 10. Mapping: okay. Our treaty palette with a good lighting and shading is creative. Now we need to map these lenses to this object. It means that we want to map these lenses to dis objects. For example, you see that the treaty object is rotating and the lens is completely flat and it doesn't have any mapping and doesn't fit to the object. Okay, To create map for your object, you have to select your layer at the first. Let's go to lay a manager and they select them by holding the shift. Okay, I've select all of them and the let's, uh and check this because we don't need We just need this object on right click Make a group from them. Okay, Very nice. And you see that I have a group of these objects. OK, and now let's go to symbol And in here chick on this group, it's like this. Go to assemble and clicking here. New symbol. Once you create new symbol, it's a Disney Olekas appear and you have to talk to name off this symbol. In this case, I'm just typing lenses and also export type movie clip. You just want to graphic and Also, it's that dynamic symbol, not a static on and other things not important. Just click OK, once you click. Okay, this symbol is created and you can use data has a symbol in all of your A project. For example, you can use that in the patterns and for baggers and also for mapping. Once you do that, select your treaty objects and go to appearance treaty extrude. And in here we have something called Map Are Let's click on that. Once you click, you see this kind of window and in simple there is the pre made symbol and also and that's humble, that we have created from this lenses. Let's click on that. Once you click, you see this region boxes appear and you can select part of your object. And also you can scale it down on a scale of app to fit the size of your treaty Object. And it's very cool, very efficient. You can place text in a state of this. You can place anything that is assemble in LS traitor, and here you have a scale fit. Once you click on that, fit all of the map to your object and also you can clear and clear all. If you have multiple symbols, it's clear. And also And if I choose next surface, it's going to this part of surface. You can use different symbols in here and I can control different parts of my object. For example, in here I can track anything as a map and its supply to a different part of my three d object. Okay, but for now, we just need the first face off our object. I mean, the actual main part of this object. Okay, once all the thing is good, like OK, like okay. And go to lay A manager disabled their lenses and now you're mapas fit your pretty objects . I can change that because it's going off to their ages off this object. Okay, let's it's like that and go to mop art a scale it down a little bit. And now it's completely random and completely dynamic. And also, if I change, take a look. If I change the for example, that perspective for you, you see a kind of perspective witness for this object and the map is older. Change with that, I think this match of perspective is good and click. Oh, 11. Mask intersect: The very cool thing about extruding inside of illustrator is the mosque intersect in the extrusion process. What it means. It means that when you create a mosque in distraction or sub distraction, it's completely affect to the extrusion. Okay, lets off their extrude in here. It's like this off this extract. Now we have a flat object. If I make up, for example an ellipse and drag it to the center of this object and make it, why now If I select this object and go toe window Pathfinder and a Pathfinder when I make this, for example, instruction. And now when I on this, you see a very good mosque, Inter sick to the treaty extrusion its screening and whole in your object, and it's very controllable. For example, if I changes to something else, Control Z and okay, if I slick this and go to some random shapes, for example, may be in here and go to extract process, it's like that you see that part of my extrusion. You can select each part of your extrusion in this mosque intersection, for example, if I change this up like this and you can use all kind of mosque and makes with each other to create a compound and bullying type objects 12. Good bye: This is the end of discourse. And now you can create amazing treaty objects with great shading and lighting inside of adobe Illustrator it stay tuned with polygon motion and see you guys next time. 13. Bounes Lecture: you can find 50 person Copan could off piling in motion courses in ut me on our Facebook page, and also you can check out the YouTube channel for grade motion graphic and visual effects tutorials.