How to Create a Set of Toggle Buttons in Adobe Illustrator

Learn how to create awesome looking toggle buttons with Illustrator

In the following tutorial you will learn how to create a set of toggle buttons in Adobe Illustrator. Andrei Marius will be using basic shapes and the Pathfinder panel to create this UI essential for anyone's tool kit. Further more, you won’t need the Pen Tool, so it’s easy to follow along for beginners!


Hit Command + N to create a new document. Enter 600 in the width box and height boxes then click on the Advanced button. Select RGB, Screen (72ppi) and make sure that the "Align New Objects to Pixel Grid" box is unchecked before your click OK. Enable the Grid (View > Show Grid) and the Snap to Grid (View > Snap to Grid). Next, you need a grid every 5px. Go to Edit > Preferences > Guides > Grid, enter 5 in the Gridline every box and 1 in the Subdivisions box. You can also open the Info panel (Window > Info) for a live preview with the size and position of your shapes. Do not forget to replace the unit of measurement to pixels from Edit > Preferences > Unit > General. Al these options will significantly increase your work speed.


Be the first to write a comment

You must me logged in to write a comment.