Sorry, your browser is not supported
To have the best experience using Skillshare, we recommend that you use one of these supported browsers.

Amrit Shahi

UI/UX Design

294

4

Trash and How it Works Icons

Hi, I am Amrit Shahi. I am founder and designer at Danfe Design Studio, www.danfedesigns.com. After working for few years in graphic design projects i never got into much detail of icon design. I used to work on icons but they were not so professional. Learning icon design course was always on to do list.

I found this course and i liked it. I was asked to design few icons for his website and few how it works images to be placed it "How it works" section of the website.

Below were the icons to design

How it works

  1. Select Product Type
  2. Pick Location
  3. Reward

Electronics

  1. Glass Bottles
  2. Mattresses
  3. Syringes
  4. Electronics
  5. Batteries

I started to sketch the idea of how it works. 

4ffe02ed

Of course my sketches were not so good as i am not a good sketcher from the beginning :) For the rest of the five icons i just had thought them in my mind. I did not go into much details of sketcing.

96629add

After couple of hours working with illustrator and switching to skillshare lesson, it was almost done complete.

a17ec35e

Now i had to do rest of the 5 icons. My client asked to choose different colors for this smaller icons. I opened up illustrator and did some color research on websites as dribbble, https://coolors.co/ and create this below color scheme. 

f3d79833

I ran into some trouble with shadown effect and found that it didnot exactly worked for me as said in video lesson. I still had fix those edges and it was time consuming. Later i came up with similar tricks to get the shadow effect.

I had to send the icons to client in 512x512px dimensions so i aligned them with a help of grid and kept these all icons on a separate artboards as below. Then i exported them to folder and sent them to client. 

d70474c3

Thank you very much for this course and helping me learn more about icon design.

Comments

Please sign in or sign up to comment.