Graphics
 

CorelDraw 10 : Adding Graphics to a Page (part 1) - Creating Rollover Graphics

11/21/2011 10:27:44 AM
Graphics make Web pages visually interesting while helping to convey your message. With CorelDraw, you can create your own images, use ones from the included clip art library, or import images from other sources.

Normally, Web graphics must either be in GIF or JPEG format. However, CorelDraw automatically converts other types of images to these formats when you convert your document to Web pages. So feel free to add images regardless of their file format.

If you want to use CorelDraw 10 to create graphics for use in other Web page editors (such as Adobe GoLive), you can export the images as GIF or JPEG files.

To add a graphic to a Web page, use normal CorelDraw techniques, such as creating your own image, inserting images from the Scrapbook docker, or importing them via the File > Import command.

Creating Rollover Graphics

You've probably seen those nifty buttons that light up or display text when the cursor passes over them. These objects are called rollover graphics, and you can create them entirely in CorelDraw 10.

Each rollover has three states: normal (when no mouse activity is associated with the button); over (when the cursor is passed over the object); and down (when the button is clicked).

To create a rollover graphic:
1.
Create, import, or insert an object that will serve as your button (Figure 1).

Figure 1. Select the image that you want to convert into a rollover graphic.


2.
Select the object and choose Effects > Rollover > Create Rollover.

CorelDraw transforms the object into a three-state rollover.

3.
Choose Effects > Rollover > Edit Rollover.

The drawing window changes as shown in Figure 2.

Figure 2. Each of the three tabs on the right represents one of the button states.


4.
Click the Over tab and make the necessary changes to represent what the user should see when the cursor is passed over the button (Figure 3).

Figure 3. These images show the over state (left) and down state (right).


5.
Click the Down tab and make the necessary changes to represent what the user should see when the button is clicked (Figure 3).

6.
When you're done, click the Finish editing Rollover tab.

7.
To preview the rollover, choose View > Enable Rollover. Test the rollover by moving the cursor over it and clicking it. Choose View > Enable Rollover again when you're through testing.
 
Others
 
- CorelDraw 10 : Adding Text to a Web Page
- Adobe Flash Professional CS5 : Transforming Gradients and Bitmap Fills (part 2) - Adjusting scale with the Gradient Transform tool, Setting gradient fill overflow styles
- Adobe Flash Professional CS5 : Transforming Gradients and Bitmap Fills (part 1) - Adjusting the center point with the Gradient Transform tool, Rotating a fill with the Gradient Transform tool
- Adobe InDesign CS5 : Joining Anchor Points & Using the Smooth Tool
- Adobe InDesign CS5 : Splitting Paths
- Adobe Flash Catalyst CS5 : Using design-time data (part 2) - Add and remove elements in the repeated item
- Adobe Flash Catalyst CS5 : Using design-time data (part 1) - Replace design-time images & Edit design-time text
- Adobe Flash Catalyst CS5 : Setting data list properties
- Adobe Illustrator CS5 : Learning the Truth About Transparency (part 2)
- Adobe Illustrator CS5 : Learning the Truth About Transparency (part 1) - Understanding Transparency Flattening
- Dreamweaver CS5 : Using Dreamweaver Templates - Adding Content to Template Documents
- Dreamweaver CS5 : Using Dreamweaver Templates - Using Editable Regions
- Adobe Photoshop CS5 : Fixing Depth-of-Field Problems
- Adobe Photoshop CS5 : Using the Dodge and Burn Tools
- QuarkXPress 8 : Combining type and graphics
- QuarkXPress 8 : Fine-tuning typography
- Adobe After Effects CS5 : Curves: Gamma and Contrast
- Adobe After Effects CS5 : Levels: Histograms and Channels
- Adobe Fireworks CS5 : Adjusting tonal range & Using the Align panel
- Adobe Fireworks CS5 : Importing images & Distortion-free bitmap scaling
 
 
Most View
 
- Microsoft Exchange Server 2013 : Creating special-purpose mailboxes (part 3) - Creating equipment mailboxes
- Windows 8 : Sharing and Securing with User Accounts - Managing Profile Properties and Environment Variables
- Microsoft Lync Server 2013 : Lync Online and Hybrid Deployments - AD FS Deployment for SSO (part 1) - Configuring the First Federation Server in the Farm
- Administering Active Directory 2008 : Creating and Managing Active Directory Objects (part 3) - Understanding Groups, Filtering and Advanced Active Directory Features
- Windows Server 2012 : Securing IIS 8 (part 2) - Auditing Web Services , Using SSL Certificates
- Windows Server 2008 : Creating and Running a PowerShell Script - Creating and Modifying the Global PowerShell Profile
- Windows Server 2008 : Using netdom (part 3) - Querying and Resetting Secure Channels with netdom
- Windows 8 : Sharing and Securing with User Accounts - Logging In and Out of User Accounts
- Sharepoint 2013 : Managing and Configuring Profile Synchronization (part 2) - Active Directory Import
- About Microsoft SharePoint 2013 : What Is a Personal Site?
 
 
Top 10
 
- Microsoft Sharepoint 2013 : Administering Sharepoint with Windows Powershell - Basic PowerShell Usage (part 3) - Controlling Output
- Microsoft Sharepoint 2013 : Administering Sharepoint with Windows Powershell - Basic PowerShell Usage (part 2) - PowerShell Help , PowerShell Variables
- Microsoft Sharepoint 2013 : Administering Sharepoint with Windows Powershell - Basic PowerShell Usage (part 1) - Listing the SharePoint Commands
- Microsoft Sharepoint 2013 : Administering Sharepoint with Windows Powershell - Commands
- Microsoft Sharepoint 2013 : Microsoft SharePoint 2013 Management Shell and Other Hosts
- Microsoft Word 2010 : Using Advanced Text Features - Addressing Envelopes
- Microsoft Word 2010 : Using WordArt (part 2) - Changing the Format of a WordArt Object
- Microsoft Word 2010 : Using WordArt (part 1) - Inserting WordArt Text
- Microsoft Word 2010 : Creating and Formatting Text Boxes (part 3) - Formatting Text in a Text Box, Linking Text Boxes
- Microsoft Word 2010 : Creating and Formatting Text Boxes (part 2) - Resizing a Text Box , Moving a Text Box