IconEden.com

the blog of

IconEden’s blog

Vu Tran August 25th, 2010

Perspective in Icon Design – Part 1: Draw a Paint Bucket icon

Perspective in Icon Design – Part 1: Draw a Paint Bucket icon

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.

So, how is a perspective-based icon like? In what way does an icon depict light, shadow and material? In this 2-part topic, we are going to share a few basic points of drawing or painting – the very basics of fine art and how to apply them into our icons. We will do that through the following tutorial that show you how to draw a paint bucket icon, which is the first part of the article. In the next part, we will share with you some tips and know-hows that we learned and are applying into our products.

Min Tran August 18th, 2010

2 new icon packs hit this August

Hi folks,

You know what? Two new icon packs of this month were just rolled out today. The first set, called Tiny, is a small icon pack containing over 300 icons designed in size 16×16 pixels only. These mini-pixel icons are visually awesome for your CMSs, blogs and websites, especially useful for styling lists or navigation bars or toolbars or menus.

Vu Tran July 19th, 2010

How to create a glossy Network icon 1

How to create a glossy Network icon

Following up the advanced guide to creating a Globe icon that looks vivid and realistic, today we’re going to continue making another icon that gives the same natural feel as depicted from the Globe icon. We’re going to create a Network icon. But we got to tell you this first – we don’t need to create a brand-new one from the start like the Globe icon, helping us avoid wasting time in such complexity as changing the icon’s colors and color tones. Instead, we’re going to make a variation of it, which means we will re-use the Globe icon to edit its color and contrast level for a better version. That also means you have already had the finished Globe icon. If not, please make one based on the guide here before coming into the creation of a Network icon.

(This post follows up the tutorial series “Icon Design Made Simple“.)

Vu Tran July 8th, 2010

How to create a vivid globe icon 1

How to create a vivid globe icon

After going over some of our basic and beginner guides such as How to Create a Simple Button Icon and How to Create a Simple Stroke Dashboard Icon, today we’re going to take another higher level of our icon design – creating something that it takes a bit more complicated steps but is worth trying because you will have a beautiful outcome.

What do you think about it? It’s hard to create that kind of icon, isn’t it? Yes, maybe if we don’t know where to start and in what way we should follow in order to turn the creation of such an icon to like “Wow, it’s not as hard as it seems!”.

(This post follows up the tutorial series “Icon Design Made Simple“.)