Adobe Illustrator continues to receive praise from the press. Read our materials to discover the joys of using it on your own.  Home Vector Graphics Adobe Illustrator Simple Web Shop Icon
Your Ad Here

Simple Web Shop Icon


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).

image 1

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.

image 2

Draw one vertical line that will close the shape.

image 3

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 :)

image 4

Copy that wheel and position them under the basis.

Simple Web Shop Icon Tutorial: Final Result

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!

image 6

© Photographer: Bsilvia | Agency: Dreamstime.com

Simple, innit?

Let me know if you need any help.



Thank you for voting.
Rate this Materials:
Bad 
1 2 3 4 5 Excellent
print this page subscribe to newsletter subscribe to rss

Vector graphics is the creation of digital images through a sequence of commands or mathematical statements that place lines and shapes in a given two-dimensional or three-dimensional space. More Vector Graphics: Most Popular Materials | Fresh Materials | More Adobe Illustrator Tutorials at Vectorials.com

Add comments to "Simple Web Shop Icon"

Only registered users can write comment

No comments yet...