Blog: Secrets from the Chef
How to draw an icon. Minimization process
So get your magnifying glasses handy — we continue! After long and feisty arguments (do not worry — no blasters involved) we have 3 approved icons sized 64×64. Further starts the work that requires attention and patience but its end result will be seen by the Alien Invaders much more often (as it happens in the process of evolution they did not enlarge the screens but worked on improving their eyesight). Now we will grab your attention with the proper method of drawing small icons.
We are interested in two sizes 32×32 and 16×16.
For the first course we have a large plate of “Alien invader au jus” sized 32×32. We draw a “napkin” — a square area to host our bellicose friend. Let?s take a large size icon and in the Transform panel insert the required size (do not forget to link).
Now we see what we got and we realize that:
Many of the objects missed the pixels since their coordinates changed. Too many objects are crammed in a small area. Some shapes became too obscure.
Our next actions are easily predictable — we delete some objects. We decrease the number of spear ribs, smoothen the handle, and eliminate the multilayered soles.
Then we use the Transform panel to place the black square into the top left corner and start viewing the coordinates of the simple objects (circles and rectangles). The coordinates (X and Y) and the sizes (W and H) should be an even numbers.
Now we have to retouch the compound objects (hair and tentacles).
Done!
We left the 16×16 babies for dessert.
We take the original icon and chisel off all unnecessary things. We erase all but the main elements. Then we combine the main parts consisting of several shapes into one and clear off all the blurring.
Now we size it down to the required size watching for any odd things that may create extra noise. If it occurs, we eliminate it right there. The abovementioned Transform is used here just like before.
All done.
Related entries
Categories
- Adobe Illustrator (15)
- Adobe Photoshop (4)
- Basecamp (3)
- Books (3)
- Case Studies (11)
- Criticism (6)
- Desktop (2)
- Fundamentals (8)
- Future (3)
- Icon design (25)
- iPhone (2)
- Marketing (1)
- Master-class (20)
- Productivity (3)
- Reviews (13)
- Tools (14)
- Turbomilk (2)
- Usability (7)
- Visual style (4)
Comments
Some one from http://kicksandkisses.com/ copied your techniques and won the Ipod contest………..so good he did not thank you..
Reply Bringiton, 19 August 2008
I didn’t quite catch what you’re talking about. Give us details.
Reply joukov, 19 August 2008
Leave a comment
You can log in with your twitter or facebook accounts. After authorisation on one of this sites, you'll be able to leave comments here.
If you have an OpenID (for example myopenid.com), use it to authorise.
Log in with your Turbomilk account or register a new one.