Skip to main content

Draw Account Icons with Illustrator

Account

Card

Email

Mobile

Calendar

Setting

I’ve learnt several things from the above videos:

I learnt to draw the shapes out in an abstract way. When creating an icon, only those that made up to the top list of most prominent shapes and features will become part of the icon. For example, a person’s face, the most obvious features are probably glasses, nose, eyes, mouth, hair style, mole, freckles, and pimple. For a Zembra, its face and the black-white stripes. You can always upload an image or a sketch and draw along the line.

I learnt to use pathfinder, 
  • Add To Shape Area Adds the area of the component to the underlying geometry.
  • Subtract from Shape Area Cuts out the area of the component from the underlying geometry.
  • Intersect Shape Areas Uses the area of the component to clip the underlying geometry as a mask would.
  • Exclude Overlapping Shape AreasUses the area of the component to invert the underlying geometry, turning filled regions into holes and vice versa.

I learnt to draw a shape for flat UI
It really depend on yourself about where you plan to have the light shine down from. The most popular ones seems to be from left top (45 degrees) to right button and from right top (45 degrees) to left button

I learnt the process of creating an icon based on a real product
First it is to identify the most distinguish features of an item. Then it os to draw a sketch on it and upload to illustrator, if it is symmetrical i can draw only half and the copy-pause the other half. Then it is to color all component while make sure the features stand out.

Drawing icons are a lot easier than I expected, of course, if I know what to draw, while some other account icons such as address, notification etc can be difficult to create.
Labels:

Comments

Post a Comment

Popular posts from this blog

The Global Digital Gaming Market: Reasons, Ecosystem and Top Performers

What are digital games to us as a society. I believe the most important question to answer when looking at an industry is how the society interact and utilize it. More specifically, how different groups in the society do. Looking at several dozens of iconic speeches, videos and discussion papers, I summarized them into 6 kinds: Source of Joy : no doubt this is the most usage of a digital game, It is fun to play and makes people happy. Human beings cannot live without play, and games exist to satisfy this need. Art Form : since the first video game exhibition in Museum of Moving Image in 1989; the characterization of games as art works has been controversial.The opponent states that games has no meaning but to entertain and they do not last long enough like art does; while the supporters  argue that  the medium of video games is potentially post-modern art and should be viewed through the same critical lens as any other form of art. And ...
Post a Comment
Read more

6 Cool Products for Your Daily News

I n a way, everything we read and listen that is new to us is News. In the era of information, we are submerged in the sea of news, on paper, in the email box, on TV, on our mobile. Everything is trying to grab our attention. What are the most significant changes in News industry: Moving from Print to Digital:  Digital technology is hardly the disruptive force in print media—it is the driving force that shapes content creation and distribution. Hearst Magazines’ US digital operations account for more than 30% of overall US profitability. The New York Times Company has set a goal of doubling its total digital revenue, including advertising and subscriptions, to $800 million by 2020. The company announced the addition of 67,000 digital subscribers in the first quarter of 2016, bringing its total to 1.2 million The P/L is Falling for the Traditional News Providers：While in print media, there is a cost associated with every issue (print and distribution). New York Times quart...
1 comment
Read more

5 Drives Behind Machine Learning Innovation

Machine Learning is undoubtedly one of keywords for 2016 and will continue to be in 2017 and onwards. 3 familiar cases that anybody will be able to associate with:  Case 1: search engine such as Google Case 2: social media feed such as Facebook Case 3: mobile keyboard text suggestions You can find thousands of links on machine learning definition but knowing the meaning is not helpful. What I found valuable is to know what enabled machine learning, or in other words, what machine learns from, and how it is used now and in the future in different industries.  Throughout this year, I aim to understand how machine learning works and how it will impact us in different industries. First, let us understand what are the fundamentals that enabled machine learning, or in other words, why now? To summarize, 4 elements are essential: Cost to Store Data: I will credit this as the No 1 element for Machine learning, throughout the past decade, Cost of...
Post a Comment
Read more