

Selecting both the circle above and the one underneath, go to the Pathfinder panel and use the Minus front command.Ĭolor the remaining section in an even darker orange #bf5942 (R: 191, G: 89, B: 66). Select the one above, and using the Move function (Object>Transform>Move or shift + ctrl+M on a pc, shift + cmd + M on a mac) nudge it down vertically by 10px. Copy ( ctrl + C on a pc, cmd + C on a mac) and paste the object in place ( ctrl + F on a pc, cmd + F on a mac) 2 times. Now that we have the circle we need to add some dimensionality to it. As with the background, center align it using the Align panel. Using the Ellipse tool draw an 800 x 800px object and then change its color to a darker orange #d46249 (R: 212, G: 98, B: 73).

This part of the illustration is meant to give the overall design a visual pop so that it won’t end up looking too doll. Once you’re done, make sure to lock the layer and move on to the center circle layer. Quick tip : make sure that the Align to option is set to Align to Artboard so that the object uses our artboard as a reference point. Try Startup App Try Slides App Other Products With Startup App and Slides App you can build unlimited websites using the online website editor which includes ready-made designed and coded elements, templates and themes.

Once you’ve done that, select the new object, change its fill color to #f37053 (R: 243, G: 112, B: 83) and then using the Align panel center it both vertically and horizontal. Grab the rectangle tool (M) and click anywhere in Illustrator to get the custom width and height box where you will enter the same numbers from the artboard. So our artboard has 1920 x 1080px that means we need to make a rectangle of the same size and then position it in place. As the composition will end up being used on a web page, the background will be set using CSS, but I will tell you more along the way. I have to tell you from the start that this part of the illustration is purely intended to help you visualize how the design will end up looking when it’s finalized. Now that we have everything set up nicely, we will start building our way up the background layer until we get that neat illustration. So without wasting anymore time, set up 5 layers and name them as follows from the base up: By layering your design, you will increase your workflow and most important you will have the ability to hide and show specific parts that need attention during the creative process. Layers are in my opinion a must when dealing with detailed illustrations that have parts and pieces which go ontop one another. Try Free Other Products Step 2 – Layering our illustration With Postcards you can create and edit email templates online without any coding skills! Includes more than 100 components to help you create custom emails templates faster than ever before.
