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

011.jpg

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.

021.jpg

Draw one vertical line that will close the shape.
031.jpg

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 🙂
041.jpg

Copy that wheel and position them under the basis.
051.jpg

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!

Inspiration is everywhere. And it’s simple, innit?

Let me know if you need any help.


Discover more from Graphics-Illustrations.Com

Subscribe to get the latest posts sent to your email.

bsilvia
bsilvia

Join Our Creative Family: Discover the Art of Design with bsilvia, Your Friend in Photography and Graphic Design

From Art Director to UX/UI Designer and now your guide since 2007, I'm here to share 25 years of passion and expertise to make your creative journey a joyous one!

One comment

  1. wow! what a great tutorial, simple but very eye catchy… i’m starting to learn illustrator.. this is a great tips, thanks

Comments are closed.

My Agile Privacy
This site uses technical and profiling cookies. You can accept, reject, or customize the cookies by clicking the desired buttons. By closing this notice, you will continue without accepting.
This site complies with the Data Protection Act (LPD), Swiss Federal Law of September 25, 2020, and the GDPR, EU Regulation 2016/679, regarding the protection of personal data and the free movement of such data. We and our selected ad partners can store and/or access information on your device, such as cookies, unique identifiers and browsing data. You can always choose the specific purposes related to profiling by accessing the advertising preferences panel , and you can withdraw your consent at any time by clicking on "Manage consent" at the bottom of the page.

List of some possible advertising permissions:

You can consult: our list of advertising partners, the Cookie Policy and the Privacy Policy.

Discover more from Graphics-Illustrations.Com

Subscribe now to keep reading and get access to the full archive.

Continue reading