community of royalty free images and stock photography
Language: EN DE ES FR IT NL PT
Login Password
Forgot your password? | Not a member?

 
Home > Blogs! > Bsilvia 's Blog
How I did it: Simple web shop icon     posted on 23rd of july, 2007

Let me show you how I created a simple web shop icon (shop trolley).

In Illustrator (or similar vector software) make a simplified shop trolley "L" shape (the handle + basis).

Now, we will select the basis line and copy it two more times to get something similar to E shape where the left vertical line end up above the top horizontal line. Draw one vertical line that will close the shape.

As for the wheels, create two circles below the basis of the trolley. Make one ellipse and then a second one, smaller in the middle of the first one. (Do that using Ellipse tool). Select both ellipses, and subtract them with "Pathfinder -> Subtract from shape area" option.

There is our wheel :)

Copy that wheel and position them under the basis.

Now for the background circle follow the same procedure as for the wheels.

One small difference is that holding ALT+TAB will make this ellipse a perfect circle. Color it, place it behind the trolley and - voila!

Final result. Simple, innit?

Let me know if you need any help.

The full tutorial that includes screenshots

Oh, and one last thing. I proudly announce that my CafePress store is now open!

Please check it out

Oh, one last last but not least thing, if you see any illustration in my portfolio for which you would like to know how it's done - let me know. I will gladly show you.


Tags: icon illustration vector

Yahoo! My Web Windows Live Google Bookmarks Facebook Technorati Digg Ask StumbleUpon Del.icio.us Squidoo BlinkList Dzone Fark Furl Ma.gnolia Mybloglog Newsvine Netscape Propeller Reddit Slashdot Sphinn 
Comments (1)

Comment by Ladykassie on July 25, 2007
Very nice of you!
Thanks!

This article has been read 479 times.
Photo credits: Bsilvia.
 
    Search the blogs!
Latest Articles (RSS 2.0 )
  Finally, my shopping cart is up and running!
  365 pictures
  Graphics&illustrations
  Going Pink for October - Breast Cancer Awareness Month
  Trick or Treat
  Collecting money for Nikon D3 - 5 Simple Steps :)
  Chocolate related images
  Not in a good mood?
  How I did it: Cover page layout for health magazine (?!)
  How I did it: Simple web shop icon

Create your own blog in seconds...
Archive
2008
  April (1)
  February (1)
  January (1)
2007
  October (2)
  August (3)
  July (4)
    About Me
Bsilvia
confidential info


 
Upload image | About Us | FAQ | Contact Us | Terms of use | API / Referral program | Site map | Privacy policy
Support - phone: 1.615.771.5611, Click here to contact us

dreamstime
  Copyright © 2000-2008 Dreamstime. All rights reserved.
Dreamstime is a member of PACA and CEPIC.
HACKER SAFE certified sites prevent over 99.9% of hacker crime.