Affinity Designer: Isometric Illustration for Beginners | Sajid Memon | Skillshare

Playback Speed


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

Affinity Designer: Isometric Illustration for Beginners

teacher avatar Sajid Memon, Designer & Illustrator

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

10 Lessons (45m)
    • 1. Introduction

      1:02
    • 2. Class Project

      0:48
    • 3. What is Isometric?

      3:23
    • 4. Sketching

      5:28
    • 5. Isometric Panel in Affinity

      4:00
    • 6. Blocking

      9:24
    • 7. Detailing

      7:24
    • 8. Coloring

      5:24
    • 9. Fine-Tune

      7:53
    • 10. Wrapping Up

      0:31
  • --
  • 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.

105

Students

--

Projects

About This Class

Learn to Create Isometric Illustration from Start to Finish

Isometric Illustrations are becoming popular as more designers from all diverse fields are using it. It is a great technique to present complex ideas. Most importantly it provides 3D output using a 2D medium. This class is designed for anyone who is interested to learn Isometric Illustration. After completing this class you can apply this techniques to create illustration for almost everything - Game Art, Icons, Editorial Illustrations, Website Landing Pages and so on.

In this class you'll learn : 

  • Basic Knowledge of Isometric
  • Creating Isometric Grids
  • Sketching on Isometric Grids
  • Coloring 3D Illustration

I will be using Affinity Designer for illustration but the fundamentals will be the same, so you can use any software to follow along and create illustration.

8cf1efc3

Meet Your Teacher

Teacher Profile Image

Sajid Memon

Designer & Illustrator

Teacher

Hi, My name is Sajid Memon and I am graphic designer and illustrator. A creative, observant, passionate more like a self taught designer.

Being a small town guy I was not well informed about formal design education in my early teenage but I was always fascinated about design, art and techniques behind. So to acquire more knowledge I moved to bigger city and did 3D animation course and taught myself photography to build the sense of framing and technical aspects.

I dabbled in different design jobs but eventually preferred to work independently as I have experience to work in different medium.

I am thrilled to be here and excited to share my skills.



See full profile

Class Ratings

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

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

Why Join Skillshare?

Take award-winning Skillshare Original Classes

Each class has short lessons, hands-on projects

Your membership supports Skillshare teachers

Learn From Anywhere

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

Transcripts

1. Introduction: I assume ridiculous stations are everywhere and designers are using more than our. The style has become popular because we get 3D output using 2D medium. And it is a great way to present complex concepts. And designers are doing it for a game art, a good illustration, maps, icons, architectural design, hands-on. Hi, my name is Sergeant mmm, I am a graphic designer, annulus. Later in today's class, I will go with everything you need to know about isometric illustration. First, I will explain what as hermetic illustration is. And after that, to recreate an illustration of this midi keyboard and started growing the keyword. Then we'll do the blocking and beginning of demonstration. We'll go through the process of calving and at last we'll find in the illustration, this class is helpful for every level of designers. I'm excited to share my thoughts with you. So let's get started. 2. Class Project: Alright, let's talk about class volume. First of all, I would suggest you all to follow along with me and create the same midi keyboard. After that, create and upload your own project. And for that, I have created this pool remote controllers for your reference, you can create any of them. This controllers are quite symbol to create, but the reason behind this simple illustrations is to have fun while practicing and do not get bored. I highly encourage you all to upload your project in project gallery so everyone can get inspired and share feedback as it will be helpful for everyone. Because I believe creating illustration or art is subjective. Everyone has their own style and concept so we can get inspired by each other's work. At last, I would like to emphasize on practice because it will help you to polish your skills. So keeps on practicing. 3. What is Isometric?: Isometric, either technical form of drawing used by architects, engineers, and illustrators to visually represent three-dimensional object in two-dimensional medium. The term Isometric refers to having an equal sides. It has three views, front side and top. I submitted growing is a type of growing which is totally based on grids. And with the help of this isometric grid, we can create a 3D object in order for a design to appear three-dimensional, 30 degree angle is applied to its grids. One cool thing about isometric grid is that with the help of this grid, we can create a simple illustration like this game controller, as well as a complex illustration like this Indoor Scene off workspace. Let's understand this isometric remote controller with the help of orthographic views. These are the front, top and side views of the remote controller. Let's create isometric grid. I am using Affinity Designer to create my illustration. And Affinity Designer has its own asymmetric grid system. But for those of you who are not using Affinity Designer, I am going to demonstrate how to create isometric grids. You can use that grid to get prints for sketching also, start or software or create a new file. Select A4 formula, print research. A4 is a standard size footprinting Jane the document you need two centimeters and orientation to landscape. Grade your document. Now go to your pen tool, create a horizontal line. Change the width to 60 centimeter. And stroke size 2.2. And turn scale with object on. Ally newer line to center of the page. Now create a vertical line and changing its height 2.5 centimeter because we want half centimeter distance between the grids. Ally newer vertical line to the top of your horizontal line. Now select where a horizontal line. Press Alt and shift that to the top of your vertical line. Now press control j to create multiple copies of it. Let them go a little further out of the document. And do the same for the below section. So move your vertical line to the bottom and copy your horizontal line again and press control j to create the special copies again. Now delete your vertical line and select all of your horizontal line and create a group. Align them to Center and go to transform and change its rotation to 30 degree. Again, align it to centre and create one more copy, press control c and control v, and flip it horizontally. So the grids are ready. But again, create a rectangle to disable it stroke and fill. Changes with 226 centimeter and height to 19 centimeter. Align it to centre of the page. And use click mask to insert your group inside the rectangle. So grids are ready. You can get a printout of it and start with our sketching. And also you can use it if your software doesn't have isometric grids. 4. Sketching: Before start sketching, I always serve some good references on internet cloud my illustration for this midi keyboard, I gathered some really nice references and I already have some design for sliders and burdens in my mind, this is an isometric grid paper which I got printed and I am just using a basic ruler and pencil for growing. Now let's start sketching. I'm starting with tofu so fast I'm drawing a rectangular base of keyboard with 25 keys. I want to create a midi keyboard with totalling 25 keys, out of which 15 keys will be white and ten keys will be black. The black keys are willing to place over white keys. So I will take 15 blocks for keys and five extra block, four sliders. And to make it rectangular, I will wrote top Yue Fourteen blocks longer and join them. Now foresight and front view, let's take two blocks for higher bro and join them together. Let's do it over key section from top to take half of the block and divide them. Take one block for each white keys. Lived three blocks from left and Toolbox form, right? Because I knew I had the lower part is shifted more towards that end seemed the millennium again ism of keyboard. And I keep that in mind. Again, feel a black is just too differentiated from byte gives it does not need to be precise. Do let's draw some bigger than others. Let's draw some rectangular. I'm going to add more, slightly more than this to add variations. Let's draw some, grow some x. Now for side create, despite extraordinary insight for lifting purpose. And draw a USB port Just to add later you're dealing. So almost done with the sketching. As you can see, it is not precise because I just want a guideline for illustration before finalizing the sketch. Boy it multiple times. You and I have done this keyword for almost 45 times. Now scattered and take a photograph and add just some brightness and contrast. Finally, imported in your software to create illustration. 5. Isometric Panel in Affinity: This lesson is all about affinity designers, isometric panel and grades. So if you are using any other software, you can skip and jump to the next class where we will start creating the illustration. Let's take a look at Affinity Designer, Sy, sorted, panel and group. So create a new file. I'm selecting 800 by 600 just to demonstrate orientation to landscape and create a new document. Now to get the isometric parallel, Go to View studio and click on isometric. So this is the isometric panel and there's a modified grid button. If you click the button, greed manager will appear in Greek magnetic first of all, to underscore grid option on. So as you can see, our grid will appear on the document. Now in that greet type, there are two type of isometric grids available. Phosphine is asymmetric and second one is two-to-one isometry. The main difference between them is in isometric, the angle is 30 degree. And in two-to-one isometric, the angle of line is 27 degree. I generally use isometric for my illustration because they look more elongated. So we will keep the isometry. V can also increase and decrease their spacing offer. Great, right now 64 pixels, we can increase it or we can decrease your time putting 32 pixels here. And we can also increase the subdivision. So if we put four subdivisions here, and if you zoom your document, as you can see, there are four subdivisions between two grid lines. We can also change the color of Gridlines and the opacity of grid lines. We can do the same for subdivisions to close these grid manager. Now, now let's take a look at isometric editing options. As you can see, there is a plane section available in asymmetric panel. So right now we are looking at the top view. We can switch to side and front. And with the help of this grids, we can create the illustration easily. It can be very helpful if you are new to asymmetrical assertion. So let's switch back to top. Let's create a cube using all three planes. So what do we append tool and just start from here, create a node here and second or third, fourth and join them and change its color to red. Disabled stroke. And now switch to the side. We'll now, you can create sideview easily with the help of the grids. Change it's color to a darker shade of red. Switch to front and create the front side. And you can change the color to a darker one. As I said, it will be helpful if you are new to isomer tubular station. Now delete this queue. So there are some great editing options available to demonstrate. I'm going to create a rectangle in front view. So this is the simple rectangle we have created using the rectangle tool. Now, if I turn editing plane option on, and now if I create a rectangle, it will Creating top view. And if I switched to side and create a rectangle using the same tool, it will create the rectangle inside view. And I can do the same with Frank view. You can also create circle or other shape using editing pane option on. And the second one is fit to plane. So right now is our colleagues in front view. If I want to switch it to sideview, what I can do is click on Cite plane and click Fit to plane. So it will convert to side view, I can do for the top view also. So these are the great options available. Now denote everything. Let's create a triangle in top view. I can also rotate this triangle clockwise or counterclockwise using isometric panel. And I can flip it also. So these are the options available in extroverted panel. You can use UDP or using Affinity Designer. This option will come quite handy. 6. Blocking: In this lesson, we will start creating our illustration. So create a new document. I'm selecting 800 by 600 million orientation to landscape and curator document. First off, all place your image that we have scanned into the document. So go to file, click on place, and select your file. Click on open and just click on document again. Right now it's tubing. Reduce its size to 800 pixel. Align it to centre of the page. Now let's get die somewhere to group. So go to fool you studio and isometry. Click on modify grid button. And gt done sugared option on. I am putting the value of 16 pixel for spacing and everything else is fine. So close the manager. For now, just hide the drawing. Now let's clean the top view of keyboard and fault that we want to create the keyword with the lens off 20 blocks and depth of 14 blogs. So get your pen tool and done snapping option on and create Fourteen blocks from your count and create 14 bucks precisely. And 20 books of land. Again, count it precisely. And join them together. And move it to center of the page. Now on hydro sketch, aligning it to the top we have created now, we are not creating precise illustration according to our sketch. Sketches just fall out rough idea and just to reference. So resize it according to the sketch. Let's try to put the value of 560 in the height and try to match it. Doesn't need to be precise. This will work for me. Let's log the layer of sketch and reduce the opacity to 30, so we won't get any distraction. Let's create the front end side view. So we want the height of two blocks. So just create naught from here and get here and join it together. Create though sideview. And I didn't join the nodes. Now let's do it the key part. So out of 14 will take half of the blocks. So we'll take seven blocks for the piece, and we'll leave three blocks from here and two blocks from here. Because we have to create the slider button here. And there need to be some kind of space on the edge to create that part. Just add you to talk to you that you have already created. Go to note tool and create a node here. And create a one more node and move it to seven books are 1234567. And do the same for year. Create a node with forward, create one more node and move it to seven blocks back. So R T section is ready. Now let's do a different UN side. We also, so again, I'm using Note tool selecting. The top notes of friend view and moving back down or block. And let's copy it. Control c and control v to create a copy of it. And again, there was no told the hotkey for node a and move these two nodes here. Again, press control C, control V to create one more copy. Move these Part Two, we're use node tool again and move them back. Created one more copy. This time I used all shift and drag it to create copied and snap together and move these two points forward. Now let's do the sideview. Move this two nodes down, create one more copy. And now let's create the white keys. So far that just get a pen tool again, these keys are quite simple to create because just rectangle nothing else. Yeah, let's delete this, this part for now. So let's create a node here. And this is a feast first key. Now select the key, press all shift and drag. It will snap and move together. Now if you press Control J, it will create the duplicate special copies. White Keyczar, ready, now create the front view of the keys. So you spend to login done, you're snapping on every time you are creating isometric illustration, especially it will be very helpful. And move this two modes. Again, press, shift, drag it, and press control j to create duplicate copies. Marquee, select, and group. You're keen. Now moved them down little bit because we are going to show some depth here. And now let's create this part. We are going to fill it black just to show that depth. But for that we have to create the part you spent tool. As you can see, smart guides are very helpful and snapping and create this part also. Trying them. Tilde here, created 1.1 here. Thus create the appointment from edge to edge. It's quite simple. This part is ready. Now let's create a slider button here. And for that, I need to increase some subdivisions. So far that good grid sending increase the subdivision 24. This will work for me. Let's create a slider button. So for slider button, I'm going to create the depth ofs two subdivision. Now let's create the Up button to almost take the five subdivisions. Align it to centre of the slot and move it down a little bit. So I need a rounded button pod that go to corner tool, select all your corners or one corner and put the value 211. This is fine. We are going to create that Neptune next lesson. This is just a blocking part. And let's move to create these rectangular wooden gets four subdivisions and do subdivisions for depth, corner tool, the radius 23 this time, let's see. And this 266. No, I think it's too much. I go back to two. For this. One. And create a copy, press Alt and shift, and move it. Again. Create a copy, will go for six buttons. Now create the circular button. Just create a circle. Make sure that you are in toppling and turn editing pin option on and create your circle, disable it's full and increase stroke to 1. We will probably going to chain most of the things in next lesson. Okay, let's create a group of this and group of this slider Also just to be organized, create the group of all this part to strive to select them. Now create a copy of this slider. Saudi, press Control-C, Control-V. Here. It's all sheep and drag it to create a copy and press control. Chez. So three sliders here. Now let's create the rectangular, sorry, cubical button for that. Again, use rectangle down, you're editing plane option on and create a rectangle. That's all shift is controlled J. Do create more duplicates and it forward. So select all of them and press Shift and drag to scale them down and move it here. Now press alt, Shift and drag to create one more copy. Now create this extraordinary button. So for that, again, use so-called. So far I have done that blocking. In the next lesson, we'll start detailing. 7. Detailing: Alright, let's hide the sketch first. We don't need it anymore. And let's create the black kids first, get the pen tool and create two subdivisions for the length and almost divisions for the depth. Align it to the edge of white key. Let's create the depth of black cloth also suppress control c and control v. I'm going to drop the asymmetric panel here. So I have created one more copy of this black key. Now let's move it and create a shape. Created one node here. And second year tenure snapping on her precise dessert. Join them. So our depth Pardis created. Now we can read this object. Let's change its color to 10% black and scholar to 30% black. Now select them and move it to little right-side Norden them. We don't between two white keys. Now press all shift and drag to create one more copy. So these are two buttons. Now there is no black key between these two white keys. So leave this part and for this part, align it to middle. Create one more copy, allow you to right side. Again, leave this part here, and k keys here. Now select all black kids and group them together. Now let's edit the slider Worden, Ungroup this button and press control shift and bracket to move them apart, as you can see in the layer panel. Now create a copy of this rectangle. Move the bottom rectangle down a bit, create a shape using pen tool. Create a point here. Second node here, changes outline color to a 100% black. Created 1 here, one here, and join it. Do the same to this part. Create Fostoria second. And trying them. Move these node. Select. These three parts. Use Boolean operation to combine them, use add operation. So this is the shape just to make it precise cradle copy of this part, this Control-C, Control-V. And use one copy, select the bottom part and you subtract from Boolean operation. So now this part is precise. Select both of that and move it to the centre. So Slider burden is ready. Let's add depth here. So press control c and control v. Rivers the stroke. And use no tool, select both of the nodes and press shift and move it. So it will feel like a slot changed. It's colored to 30% black, color to 30% black. And side view color to 10% black. The slider warden is ready now. Now let's go to rectangular water. When do you do the same process for this? First, select the slider button theater group. So we don't get confused. And create a rectangular written, ungroup them. And press control shift bracket to move it upward. Let's, let's create a copy of this burden and move it down a bit. Again, create custom shape. Do the same for this site. Basically you are going to join them using Boolean operations. It's quite convenient way to create depth. Combine them, move this rectangle, create one more copy. Select one copy and select this part. And you subtract. Now select this button and create a copy. Now we can delete the previous shapes. Let's create the circular burden, same process, nothing special. Let's group them. Press control shift bracket to move it to the top, Create a Copy moving below. I think this is fine. Pen tool created 1 here and point here. Center of the circle. Use this rectangle and circle and use Boolean operation to combine them. Move these two top data copy. Again, news subtract to create precise shape. Group this. Create one more copy, select the bottom one and press all ten controlled to scale, move, they're moving down. Click this arrow to open the group. Now select the bottom part. Go to node tool and select this bottom nodes and move it up. Move the entire button. So the main burden is also ready for the slider will copy this slider only press alt Shift and drag, move it here and press Shift and drag again and press Control J, delete the previous buttons. Let's create the cubicle buttons. Same process for that. Ungroup them. Move them to top cylinder, top-bottom, familiar. Create a Copy. Move the copy to below. Again, you spent to create the depth. And we can do this part. Did the previous rectangles. So rectangle but turns out already slim them from layer and group them. Now create this circular were done with x2 to be excluded. Shift them to the top, ungroup it, create a copy and move the top copy. Scaled down. Now you spend two to create the shape. Now combine the shape with the circle and move the circle to the top. Create a Copy and you will subtract. To create this shape. We can delete all the Circle, created the copy, group them together, and down. Detailing of keyboard is almost done. In the next lesson, we'll start coloring. 8. Coloring: Let's start coloring the illustration. I will be using only two color and their shades red and black. We are treating this like a 3D illustration, so we need to consider about lighting also, let us assume the direction of q0. Ladies from here, so far, interview will be highlighted area top, you will be mid tones and side we will be the shadows area. First of all, change the color of these area, which is another keys, and this area which is above the keys, select them and change its color to black. Now let's start with white keys. So select the group of white keys, open their group, and select the top few areas. And change their color to white. And for psi, do area change their color to seventy-five percent gray or 70% gray? So it will get differentiate from top. You now move the white key group to the bottom. Now for the main body, I will be using red color. So let's let the top view of the body and change its color to red. But I don't want a 100% read. I wonder mutate shade of red. So go to RGB hex or RGB sliders and degrees or read to 200 and add some green and blue. Now the friend view is highlighted area, get the color picker and chain the same color as top view. Now go to HSL and increase the lightness to 70. Now for the side view, we needed a darker shade. So again, the red color again. And this time we have to decrease the lightness to go to see 25 maybe. Now for this bottom area, I will be using a gray shade. So select this part and go to grayscale and put the value of 44 degrees it further to 25. And for the front area will use 40. Opened the group of body and select all the parts and go to stroke chains, Stokoe dew point just to differentiate, sliders are looking fine. Now let's move to rectangular button. To select a group of rectangular button, select the top use of the button and change its color to white. So for that, just enter the value of a 100% and now select the side views. And for this I'm using 40% gray. Now select every part and decrease it stroke 2.5. just to differentiate from body. Let's also add some shadows to the button. So create a copy of top part, this press control c and control v and change their color to black. Now press control shift and open bracket to move them down in the group. And now, now select them and move them in document. Now move them right, just to show some shadows, collapse or group. And let's move to the circular burden. So for circular burden, I'll be using a red color. For top view, I would like to use the light shade of red and four side. I will use the same color as the body and do the same for this group. Now again change their stroke 2.5. to put the value of point five-year. And to add shadows, create a copy of this part, change it's color to black and move it down, move it in the document or to the right side of it too. So the shadows. Now to add some more variation to circular button, I will divide this part to half. So this part will be the highlight and despite will be the shadows area to create a copy of this side view, press Control-C, Control-V. Now draw a rectangle, have them it off button. Now select this rectangle and this object. And you subtract from Boolean operation. So we'll get this half part and change its color to black. Does to add some little more variation. Now do the coloring of cubicle burdens. So again, select the group, there are group inside the groups. Select all the group inside, right-click and ungroup them. And now cylinder top part, press control shift and close Backup button to move them to the top and change their color to a 100% buy and the side views to 40% gray. Again, change their stroke 2.5. and create the copy of top. You press control shift and open bracket to move them down and change its color to black. Now move them in document and move them. Richard Wright said, oh, they're ready for cubicle buttons. Collapse a group. And let's look at the extraordinary rounded buttons. Again, use a red color, the light shade. And for sideview, me 200, Select All and change stroke 2.5. to create shadows, copy the top view, or create a new ellipse. We are diametric panel back and turn editing plane option on, create a new lives, change it's color to black and move it down. Press control, shift an open bracket to move it down, shifted to the right side, Create a Copy, press alt Shift and j, sorry, press alt Shift and drag to create a copy. Press control j to create duplicate specials. Now to add variations like the circular we're done, we have to copy this part. Turn on the editing pin option on create a rectangle. Now you subtract from Boolean operation to create this part and change its color to black. Coloring is almost done in the next lesson, we'll fine tune the illustration. 9. Fine-Tune: Let's add some more detailing and finalize illustration. So first of all, let's create a side slot here just to the lifting purpose. So get the pen to login and create a node here and make it are diagonal and join them together. Now increase the stroke 2.2. authority two-point and change its color to maybe 50% gray. Or our Docker on 40% will find and pull the nodes down just to separate from the edge. This is looking fine. And we can shift the norm, this node here and move this law to the friend. Again, need to reread this node a bit. So lambda naught and Bullard back, let's create a USB port that to add some more dealing. Simple US report nothing else. A rectangle. Now reduce the stroke 2.5 and the color black and outline to write. Create one more copy and pull a node down of the copy and change its color to 40% black. Soil fill color to 40% black or 30%. Now this will look non-group them. Let's move with the slider, we're done. So for slider button will open the group and select the part which is how blend and reduced our gland to 0.5. And now let's create the bar, sidebar. Need to look at like a printed levels. Create a Copy. Press control J2, domain duplicate specials. Now leave the first one and select the three, select three bars. And again, live this bar and select three. Do the same for this parts and keep selecting them. Just leave the fourth one and select the third one. And go to stroke and reduce this top point to select all of them in the layers and move and move them inside the slider group just to reorganized and add one more detail here, create an outline. So I create a stroke of boiling five. Make a click mass to the rectangle. It will go inside the rectangle. Let's to add more detailing. Now create a border to entire slider. Making the corners rounded. So put the value of 34. This corners put the value of one. Again, move the rectangular rectangle inside the group. Now ally in this slider, in the center. Let's say in this sliders. So select the first one and reduce the stroke to 0.5. Again. Create the bars just like the boss we created for the, for the first slider. Keep the value of 0.5 and copy them. Did the sliders and copy the first slider. Press Control J and create the copy. I just the cube peaceful. Kill them down. Scale the circle little button down. Let's create a border for this rectangular. We're done. So just get the pen tool and draw a simple rectangle. Moody's knocked down and this node up update. And again, make the corners rounded rectangle inside the group. Now for these burdens, create a rectangle, sorry, create a border to eat buttons. And Glenda mean modern done there didn't clean option on and create a ellipse. Disabled the fill and change the stroke to black. Keep the value of 0.5 for stroke. Scale it down. Press all shifts and drag to create a copy and move simultaneously. Now press control g to create special copies for them inside the group. Operas all shift and open bracket to move it down in the layers lasting, create the border for all the buttons. Move this node down, change the stroke to move it inside the group. Move it down in the layers, and change the corner to three-pixel, rounded corners. And one pixel for this corners. I think this is looking fine. Just changes a bit. Now let's create the background for the keyboard. For that, create a rectangle. Sorry, turn off the editing plane option on, and we can hide the isometric grid. So press control plus comma to hide the grid creator rectangle of the size of Canvas. The value of 800 by 600 pixels. Align it to the center, disable the border, and move it down in the layer panel now will be using gradient. Just select a grey color and now use the gradient tool. So light is coming from this direction, will choose the lighter color for this island, darker for that. And for light colour, we will put the value of 454. Dark color will put the value of 20. This is looking fine. Let's create the group of keyboard. Align it to centre, and create a drop shadow for keyword. For that, create the ship CMS keyboard, and change its color to 20% gray, moving down in the layer panel and shifted down. Now use the node tool and move them up. Triple the shadow over the background. But as control, control open bracket, sorry, control close bracket and make them rounded. Used a node tool. From this point forward. And select this points and move them to the site. We select the group and shadow. Try to shift in the center. So our illustration is completed. If you're following along with me and if you have any doubt while creating any part or at any point, you can ask me on comments section and I will try to solve them. 10. Wrapping Up: Before wrapping up, I would like to recommend to you that if you are new to Illustration, then try to work on different style. Do not stuck within your comfort zone. Follow some great artists and observe their work specifically for practicing isometric illustration, tried to create everyday objects around you, observe there detailing, and try to recreate them. Again, I will encourage you to create and upload your project in project Galton, if you wanted to come up with another class of your favorite topic than asked me on comments section, I will definitely try to create class on that topic. Thanks for being with me. See you soon.