How to Make a Hi-Tech Interface Using CorelDRAW

© 2002 by Jeff Harrison.

If you’ve ever had the urge to create a Web interface that has a technical or mechanical look to it, this tutorial is for you. By combining the formidable power of both CorelDRAW and Corel PHOTO-PAINT, achieving an impressive result may be easier than you think. Another application for this kind of imagery is to make equipment panel “texture maps” for a 3D program.

Let’s assume you are interested in building an interface for a visitor to your Web site. The first consideration is how many buttons you'll require on your “navigation bar.” Break down how many separate areas of interest you'll think you need (your home page will “branch off” to these other areas).

For this example, there are 5 buttons. You can rename them differently from what is shown if you want to follow along and create a usable example....

Included with this tutorial is a CorelDRAW file of the interface created and background textures you can use to create your own hi-tech interfaces.

Get this entire tutorial in a printable PDF file along with sample files and usable hi-tech textures! Just click the button at right to get your copy today for only $5! It includes detailed information on how to create the interface shown below in CorelDRAW 9-X4 using features such as: Aligning · Fountain fills · Blends · Constrained movements and rotation · Drag right-click copying · Power of Ctrl-R · Trimming · Welding · Basic Node Editing · "Copy Fill Here" command · Drop Shadows · Layering of objects · Powerclipping

Discuss tutorials with Jeff Harrison in Graphics Unleashed Forums

How to Export PNG's with Transparency from CorelDRAW · Fitting a Blend to a Path · CorelDRAW Powertips III · Numbering Invoices and Raffle Tickets with Print Merge and Numbergen · How to Color a Cow and Remove the White Box Around It (Cow Included) · CorelDRAW Powertips II · Making Stuff with CorelDRAW · The CorelDRAW Files · CorelDRAW Gold Factory · CorelDRAW Vector Metal · Make a Key in CorelDRAW in 5 Minutes! · An Easy Way to Simulate Parallel Lines in CorelDRAW · CorelDRAW POWERTIPS I · Windows POWERTIPS · Gear We Go—Gear Creation in CorelDRAW, Corel PHOTO-PAINT, 3D Studio Max and more · Creating Glass Buttons with Refraction in CorelDRAW · How to Make a Hi-Tech Interface Using CorelDRAW · Blemish Be Gone -- Techniques for Facial Enhancement in Corel PHOTO-PAINT

Copyright © 1995–2009 Unleashed Productions, Inc., All Rights Reserved.