clker logo
   Upload   SignUp   Login
Add clker.com to your search providers
upload images

Application Enterprise View 5 image

You're here:  Home > icons > design > and > to > the > for > in

Shared by: Jerald Brown
since Sunday, 12-May-13 09:47:10 PDT

   Share on facebook    HTML embed   Edit and draw this image

Application Enterprise View 5 Image
Application Enterprise View 5
By: Jerald Brown
5.0/10 0


Log in to add tags

'imageScale': true,
'zoomOpacity': true,
'overlayShow': true,
'enableEscapeButton': true,
'showCloseButton': true,
'hideOnOverlayClick': true,
'hideOnContentClick': false,
'callbackOnStart': null,
'callbackOnShow': null,
'callbackOnClose': null,
'centerOnScroll': true
the blog of
Front Page
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.
Step 3
Use the Divide Pathfinder to divide the paths, and clean up the outline. Next, insert a strap into the bucket.
Fig 3
Step 4
Spin the bucket to a 45-degree angle. Add a dripping paint to represent the action.
Fig 4
Step 5
Turn the bucket back to its initial standing position.
Fig 5
Step 6
Put the dripping paint into a group and hide this group in order to work with the bucket only.
Fig 6
Step 7
Apply a metal gradient to the bucket. Add color to the plastic strap.
Fig 7
Step 8
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).
Fig 8a
Fig 8b
Fig 8c
Step 9
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.
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
Premium Icons
Icon Club
Free Icons

Log in to add comments
Related clip arts and images
149 Luxandcom Website Design Clip Art
149 Luxandcom Website Design
By: Bjorn Johansen
216 Robosoft Website For Robosoft Clip Art
216 Robosoft Website For Robosof...
By: Bjorn Johansen
229 Myblogger Gui Design For Myblogger Clip Art
229 Myblogger Gui Design For Myb...
By: Bjorn Johansen
309 Alfaalfacom Website Design Clip Art
309 Alfaalfacom Website Design
By: Bjorn Johansen
197 Splashscreen For Refog Refog Splashscreens Clip Art
197 Splashscreen For Refog Refog...
By: Jon Skillingstad
252 Digi Photo Recovery Icon For Websites Header Of Digi Photo Recovery Clip Art
252 Digi Photo Recovery Icon For...
By: Jon Skillingstad
Blue Light H Clip Art
Blue Light H
By: Bjorn Johansen
Battery 67 6 Image
Battery 67 6
By: Jerald Brown
Guitar 6 Image
Guitar 6
By: Frantz Leuenberger
Hair Dryer 4 Image
Hair Dryer 4
By: Frantz Leuenberger
Data Floppy Disk 6 Image
Data Floppy Disk 6
By: Frantz Leuenberger
Bulldozer 15 Image
Bulldozer 15
By: Jerald Brown
Certificate Refresh 7 Image
Certificate Refresh 7
By: Jerald Brown
Certificate View 8 Image
Certificate View 8
By: Jerald Brown
One Point Perspective Under Horizon Line Image
One Point Perspective Under Hori...
By: Frantz Leuenberger
Briefcase Delete 3 Image
Briefcase Delete 3
By: Jerald Brown
Cabinet Warning 5 Image
Cabinet Warning 5
By: Jerald Brown
Car Sedan Green 8 Image
Car Sedan Green 8
By: Jerald Brown
Element New After 3 Image
Element New After 3
By: Bjorn Johansen
Gradient.use .fig01 Image
Gradient.use .fig01
By: Frantz Leuenberger
Moi   Rss Image
Moi Rss
By: Frantz Leuenberger
301 250x175 Fbrowser Application Logo For Fbrowser Image
301 250x175 Fbrowser Application...
By: Jon Skillingstad
Arrow2 Down Left Blue 8 Image
Arrow2 Down Left Blue 8
By: Jerald Brown
Ax 16 Image
Ax 16
By: Jerald Brown
Bank House2 Yen 14 Image
Bank House2 Yen 14
By: Jerald Brown
Branch View 8 Image
Branch View 8
By: Jerald Brown
Briefcase2 Document 4 Image
Briefcase2 Document 4
By: Jerald Brown
Businesspeople 12 Image
Businesspeople 12
By: Jerald Brown

Main categories

Add clker.com to your search providers