Creating the Tab Array
Step 1: Cloning the tab
Select the tab and choose Edit > Clone. This places a copy of the tab directly
over the original one.
While
the clone is still selected, click on the Send to Back button in the main toolbar.
Alternatively, choose Modify > Arrange > Send to Back.
Make sure the clone is still selected. You can check this by looking in the
Layers panel to see if the second of the two sub-layers labeled Path is highlighted. Next, hold down the shift key and press the right arrow key 9
times. Now you have two tabs. We'll use the History panel to create the rest.
Step 2: Fun with the history panel

Hold down the Shift key and click on the steps recorded by the History panel in
Step 1. The steps should be 'Clone', 'Move to Back', and 9 'Move' steps. Once
all are selected, click three or four times on the Replay button at the bottom
of the History panel. That's one replay for each tab that you want to add. [I've
added three to my example.]
Note: If you think you might be doing a number of tabbed sites,
you can save those steps as a custom Command by clicking on the right-arrow button
at the top left of the History panel. Choose 'Save as Command' from the menu that
pops up. When prompted, give your Command a name and then click on OK.
I've reduced the size of the screen shot below by 10%. Your tabs should look
the same, but a little larger.

Step 3: Adding the shadow
To make the tabs more distinct from one another and add some depth, we'll add
a drop shadow.
Draw
a cursor box around the tab group to select them. Open the Effect panel. Choose
Shadow & Glow > Drop Shadow. Type 4 in the Distance setting box. Distance
means how far from the object the shadow falls. Choose 65% for Opacity and 4 for
softness. Type 315 for the shadow angle. Choose black for the shadow color.
Click outside the Effect panel to close the Drop Shadow dialog box. Your tabs
should look like the ones below. Please note that this image has also been reduced
in size by 10%

Next: envelope please -->
Back to top
|