Making Angled Tab Buttons

Making Angled Tab Buttons

In this solution, I’ll show you how to use vector graphic tools to create the angled tab

buttons illustrated below.

Solution

Angled Tab

1 Start with a rectangular vector shape in a color of your choice. I’ve used a light

blue in the image below.

2 Using the Direct Selection Tool (A), select the top left-hand

anchor point of the rectangle. Hold down the Shift key and

move the point to the right by pressing the right arrow once

or twice. Your image should look something like the one at

right. Release the Shift key and use the arrow keys to fine-tune the point. We’ll go

“old school” here and count the number of times we press the arrow key so that

we know how far to move the point on the right-hand side when we get to it.

3 Repeat step 2 for the top, right-hand anchor point.

That’s it—believe it or not, our angled tab button is complete! If you don’t believe

me, look at the finished result below.

Creating Buttons