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.

Comments (1)

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



This article has been read 1440 times.
Photo credits: Bsilvia.

About me


confidential info

Blogs
Archive
2009
February (1)
2008
2007

Stock Photography that BLOGS!

Interact, make friends, share tips and techniques, have fun. Dreamstime wants your ideas and thoughts whether you are a photographer, designer or regular user. Create a blog to tell your story, promote favorite images and photographers, post tutorials or simply exchange opinions with your with fellow dreamstimers.

Don't forget words and pictures go great together so make sure you choose some Dreamstime favorite pics to brighten your article. For inspiration, check out the hottest or the most useful blogs on the left.

Create a blog to tell your story, promote favorite stock images and photographers

Create your blog

My favorite articles

    None

More favorite articles

Related image searches

vector illustration icon

Illustration related stock images