the blog of
Icon Design Made Simple
Not a few people could have been confused about how to use gradients in a sensible way and how to depict light, and why deal with these matters. These are the most common mistakes for those who begin to learn drawing without knowledge of fine art. Normally, they face to perspective problems and donâ€™t know how to draw icons that represent actual objects.
The easiest-to-recognize picture is one paint bucket with a paint dripping down to the ground. Take a look around all your applications you can see this icon appear pretty much.
Finished paint bucket icon
Okay, letâ€™s get to it.
A round cylinder, theoretically, is made up from one rectangle with two ellipses. Yet in life, if a metal bucket was made from the cylinder shape, it would look unsafe with a feeling that the userâ€™s hand might be cut or injured. Therefore, product designers always create a round and smooth surface near at intersect of the rectangle and ellipses, making the product look safe to use.
We will bring this practice into our icon design.
Try to illustrate the intersecting surfaces or the highlighted areas in this icon, then create a cylinder by using the Rectangle tool to draw a rectangle.
Use the Divide Pathfinder to divide the paths, and clean up the outline. Next, insert a strap into the bucket.
Spin the bucket to a 45-degree angle. Add a dripping paint to represent the action.
Turn the bucket back to its initial standing position.
Put the dripping paint into a group and hide this group in order to work with the bucket only.
Apply a metal gradient to the bucket. Add color to the plastic strap.
Now, start messing with lighting. Highlighting some areas, bit by bit, will make the bucket look more round and deep. What to do is add more paths and drag a gray-to-black gradient across them, and then use the Make Opacity Mask command to dissolve those additional paths into the main paths (the bucket body).
In the Layer palette, locate the ellipse path that depicts the hollow for the bucket, and then move the duplicate group below the ellipse path.
Select both the ellipse path and the duplicate group, right-click on the artboard and select the â€œMake Clipping Maskâ€ command. You will see the result as shown in Fig 9.
Draw one or two more paths to represent a reflection since the bucket is too glossy. Choose Screen mode or Multilayer and adjust the transparency of the new paths.
You can now unhide the group of the dripping paint and add any color you want to it.
Continue to represent another reflection that shows interactions among the bucket, the strap and their color. To do that, draw some more paths on the bucket and add the same color of the strap to them, and then adjust their transparency until the desired result is achieved.
To finish off, create a shadow to make the icon look more consistent. Youâ€™re done.
How to Create a Simple Button Icon in Adobe Illustrator
Adobe Illustratorâ€™s Tools and Palettes Used Most for Icon Creation
How to Create a Simple Stroke Dashboard Icon in Adobe Illustrator
How to create a realistic globe icon
How to create a glossy Network icon
Lighting in Icon Design (revisited)
Material, Coloration and Gradient in Icon Design (revisited)
As a perfectionist, not only have we wanted our products to be as perfect as possible, we have also wanted to improve the quality of each and every article published on this blog. Any suggestions or contributions to this article are highly appreciated. We appreciate your time.
Like what you read?
Subscribe to our RSS
Back to IconEden.com
Log in to add comments
Related clip arts and images