Curved Navigation Graphic

This tutorial is to show you how to make a top and side navigation graphic with a curve on the inside.

There is now a movie tutorial for this if you'd like to watch it

1. Choose File|New and use a size of 700X400 and a white canvas color.

2. Select the Rectangle tool and drag on the canvas to draw a rectangle.

3. In the Property inspector change the width to 700 and the height to 120. I'm using a shade of blue.

4. Draw another rectangle and make its width 120 and height 400. I'm using green so you can see better what I'm doing.

5. Place the rectangles together to form an upside down L shape.

6. Shift+select both rectangles.

7. Choose Modify|Combine Paths|Union.
The shape is now one shape instead of two.

8. Select the Rounded Rectangle tool (press and hold the little arrow next to the Rectangle tool to access).

9. In the Property inspector change the Edge setting to 50, the width to 650 and the height to 400.
I made mine gold so you could see it easier, any color will work.

10. Position the rounded rectangle into the corner of the L shape.

Note: Be sure that the curve of the rounded rectangel clears the end of top of the shape and the bottom of the side shape. Otherwise you won't get a nice straight edge. If it doesn't, make your rounded rectangle larger.

11. Shift+select the L shape and the rounded rectangle.

12. Choose Modify|Combine Paths|Punch.
You now have an L shape with a curved inside corner.

13. In the Property inspector, click the plus sign next to the word Effects and select Shadow and Glow|Drop Shadow. Change the Distance to 10 and the Opacity to 50%.

14. Press Enter (Return) to activate the change.

15. Save your file.

Continue on to slicing, optimizing and exporting this image, here.

If you'd like to write the email is:Joyce@JoyceJEvans.com