Take your time, and once you’re done move on to the next step. Once you’re done working on the first icon, position yourself onto the neighbouring Artboard, where we will create the main shape for the cleaning bottle using a 24 x 32 px rectangle ( #FFFFFF), which we will position at a distance of 14 px from the active drawing area left edge, and 2 px from its bottom one.Īdjust the shape of the rectangle that we’ve just created, by adding a couple of new anchor points using the Add Anchor Point Tool (+), and then re positioning them as seen in the reference image. Take your time and once you’re done, position the resulting shape onto the upper edge of the mop’s lower body.įinish off the current icon, by positioning an 8 x 12 px rounded rectangle ( #264147) with a 2 px Corner Radius on top of the press, making sure to select and group ( Control-G) all of the mop’s composing shapes, doing the same for it and the background afterwards. Once you’re done, select and group the two shapes together using the Control-G keyboard shortcut.Īdd the vertical handle using a 46 px tall 4 px thick Stroke line ( #264147) with a Round Cap, which we will position to the center of the lower body’s top edge so that the paths overlap as seen in the reference image.Ĭreate the main shape for the squeezing press using a 12 x 12 px square with a 4 px thick Stroke ( #264147), which we will adjust by setting the Radius of its top corners to 4 px from within the Transform panel’s Rectangle Properties. Give the shape that we’ve just created an outline using the Stroke method, by creating a copy of it ( Control-C) which we will paste in front ( Control-V) and then adjust by first changing its color to #264147 making sure to set its Width to 4 px and its Join to Round. Once you have the backgrounds in place, zoom in onto the first Artboard and create the main shape for the mop’s lower body using a 28 x 6 px rectangle which we will color using white ( #FFFFFF), and then center align to the underlying Artboard, positioning it at a distance of 2 px from the active drawing area’s bottom edge.
With the reference grids in place, we can now start working on the actual icons, and we will do so by creating the colored backgrounds using six 48 x 48 px circles ( #7FD7E5), which we will position to the center of each of the underlying Artboards as seen in the reference image. Populate the remaining Artboards using five copies ( Control-C > Control-F) of the reference grid that we’ve just finished working on, making sure to lock the current layer before moving on to the next step. Start by positioning yourself onto bottom layer, and using the Rectangle Tool (M) create a 64 x 64 px square which we will color using #F15A24, and then center align to the first Artboard.Īdd the active drawing area using a smaller 56 x 56 px square ( #FFFFFF), making sure to select and group the two together afterwards using the Control-G keyboard shortcut. Next we need to create the reference grids, which are a set of precisely delimited surfaces, that allow us to give our icons a small protective padding. Let’s kick off the project by setting up a New Document by going to File > New or by using the Control-N keyboard shortcut, which we will adjust as follows:Īs soon as we’ve created our project file, we should take a couple of moments and structure our document, so open up the Layers panel and create a total of two layers, which we will rename as follows:
0 kommentar(er)
