Porting a Masked (Cropped) Bitmap From CorelDRAW® 8

1. Launch FreeHand 8 and File > Import command to embed or link a bitmap image, then create the mask with the pen. This is what the image looks like with nothing selected:



2. Click View > Keyline to view the mask:



3. Click File > Output Options, then uncheck "Convert RGB to process" since this example is an RGB image. Select a flatness of 3 so the mask will conform closely to the curves.



4. Click File > Print. In the print dialog select the Distiller® Assistant printer driver, then click the "Setup" button.



5. In the Separations tab select "Composite".



6. The output options (in step 3 above) are also available on the Imaging tab. Click "OK", to return to the print dialog, then click "OK" to print.



7. Distiller prompts you for a filename. Enter a filename or accept the default, then click "Save".

Read the rest of this entry »

Posted in corel draw

Cropping graphics

The applications and features described in this tutorial require CorelDRAW Graphics Suite X3 or newer to be installed.
Whether you are working with a drawing or an imported bitmap, the Crop tool lets you remove portions of your graphic quickly and easily. You no longer need to ungroup objects, break linked groups apart, or convert objects to curves to remove unwanted areas in a graphic.

The Crop tool is located in the toolbox, on the Crop tool flyout.

To crop objects, you define a rectangular area (cropping area) that you want to keep. Portions of the graphic outside the cropping area will be removed. You can specify the exact position and size of the cropping area, and you can rotate and resize it.

Cropping clipart

Cropping an imported bitmap

To crop a graphic

1. Open the Crop tool flyout , and click the Crop tool .
   Important note: If an object or bitmap is selected, only the selected item will be cropped. If no objects are selected, the entire graphic will be cropped.
   
   
2. Drag to define a cropping area.
   
   The cropping area indicates which portions of the graphic you want to keep.
3. If you need to adjust the cropping area, perform any of the following tasks:
   
   
   • To move the cropping area, click inside the cropping area and drag it to a new position. If you want to specify the exact position of the cropping area, type values in the Position boxes on the property bar.
     
     
   • To resize the cropping area, drag any of its handles. If you want to specify the exact size of the cropping area, type values in the Size boxes on the property bar.
     
     
   • To rotate the cropping area, click inside, and drag a rotation handle. You can also type values in the Angle of rotation box on the property bar.
   
   Rotating the cropping area
4. Double-click inside the cropping area.
   Cropped objects, including text objects, are automatically converted to curves.
   
   A cropped graphic

Read the rest of this entry »

Posted in corel draw

Creating graphics for a full screen PDF presentation

1. First steps

You can create great looking presentation graphics with CorelDRAW X3. To show your slide-show in full screen, you just have to export your document as a full screen PDF.
Here is how to create your slide show, step by step:
Open CorelDRAW X3 and start a new document.
Click the Landscape button in the Property bar.

The size of the document doesn’t matter, as the end result, the full screen PDF, will fit to the screen.

2. Creating the master page

First, you need to create a master page. A master page contains all the design elements that will be shown on all pages, e.g. the background, a logo, a title etc.
Select Window | Dockers | Object Manager. A Docker opens at the right side of the screen:

Right click on the Master page, and select New Master Layer.
Rename this layer “General”, and a new layer, “Master General”, is created.
Select a suitable image for the background from the CorelDRAW Graphics Suite X3 CD number 3. Insert the CD. Select the Window menu | Dockers | Scrapbook | Browse. Select the desired image or clipart and drag it from the docker on to the page, and it will be inserted in your document. Scale the image until it fits the page, by dragging the midpoints on the top and side of the image.
No matter what image you have chosen for the background, it will always interfere with text and other messages. Therefore you should create some information boxes that will make the text and messages stand out.
To create the information boxes, insert two rectangles like shown in the picture below by using the rectangle tool from the tool bar.
To round the corners of the rectangles, select the rectangle. Select the Shape Tool from the tool bar.

The rectangle has 4 anchor points, one in each corner. When you drag one of these points, you can round the corners.
Notice that the Property Bar follows your move with the mouse, indicating that you can type the rounding in those fields.

To the right of these fields, you will find a lock icon. When you disable this lock, you can round the corners separately.

Fill the rectangles with 50% grey by using the Fill Tool. This colour is good for white text.
To create the black area at the top of the rectangles, draw a horizontal line using the Bezier Tool (see screenshot below). Click on the Smart Fill Tool and select black to fill the area.
The rectangle to the left will be used as a navigational area, while the rectangle to the right will be used for the actual information. You might want to draw a darker grey line to separate a headline of text from the sub-information.
To draw the line, select the Bezier Tool in the row of Freehand Tools.

Click on the page, press the Ctrl key, and click on the right side of the page. You have now created a horizontal line.
Select the Pick Tool and you can change the thickness of the line in the Property bar.

Right click a colour in the Colour palette, and you will change the colour of the line.
Put your company logo into the right top frame by selecting the File-menu | Import. Browse your computer to find the logo, and click the Import button in the Import dialog box.
Insert the header text with a slightly subdued colour (e.g. 30% black) by using the Text Tool:

Now you have the master content, which will be consistent throughout all pages.
Feel free to experiment with the different information containers. The previous image shows another example, in which the left bottom frame will contain navigational buttons.
Now you can start to work on the content of the individual pages. To switch from the Master page to the individual pages, double click the page icons:

Use the clipart on the CorelDRAW Graphics Suite X3 CD no. 2 or your own images to reinforce your messages. See the first picture in this tutorial.

3. Creating pie charts

In the second page example you will see a pie chart. CorelDRAW X3 doesn´t contain a chart program feature, so you will have to create the pie chart manually. Here is how:
Add a new page by clicking the “plus” button at the bottom of the page.
On this page you will draw a pie chart of five pieces:
Start by drawing a circle with the Ellipse Tool. Fill it with a light orange colour. Copy the circle, and paste it 4 times.
Each of the circles must be sliced in order to create a pie chart like the one shown in the picture.
CorelDRAW X3 has a feature that makes it possible to transform a circle into pie-pieces or line-segments. You can control this feature with the Shape Tool.

Select the top circle, and select the Shape Tool. Now the outline of the circle will appear with a dotted line and an anchor point at the top of the circle. When you drag this anchor point counter clockwise, you create pie slices by dragging inside the circle, and line-segments, when you drag outside the circle.
Drag the anchor point until the angle show 36 degrees in the Property bar.

You have created the first pie-slice.
Give the piece a darker orange colour, by Ctrl-clicking the black colour in the colour-palette once or twice. For every click you add 10% of black to the orange colour. Or use whatever colour you like.
Repeat the steps with the other circles, making the slices bigger and darker in colour as you go along.
Write some text, e.g. in white, and place the text next to the slices.

4. Creating flow charts

Another way to communicate complex matters is by using a flow chart. CorelDRAW X3 has many ready made symbols that you can use to create a flow chart. And you can also connect the symbols with lines that snap to the symbols. When you rearrange the symbols in the chart, the lines will follow the symbols.

In the Tool box, you will find the Basic Shape Tool.

This line of tools contains many ready made shapes for you to use. Among the tools are the Flowchart Shapes. When you click this tool, the Property Bar will reveal the available shapes, when you click the Perfect Shapes button.

Select one of the shapes, and drag your mouse to create the chosen shape. Create further shapes to finish the flowchart. Add text and shadows.
How do you add shadows?
In the Tool Box, you will find a line of Interactive tools, just below the Text Tool. In this line of tools, you can find the Interactive Drop Shadow Tool.

Select the shape that you want to apply the shadow to, and then select the Drop Shadow Tool. Drag the mouse out from the shape and you have created the shadow.
Finish the flowchart by creating lines that connect the shapes. You can change the thickness of all the lines in the Property Bar. You can also add arrow heads to the lines.

When you use a special Line Tool, the Interactive Connector Tool, the lines snap to the shapes. This means, that if you decide to change the order of the shapes, the lines rearrange accordingly.

5. Creating interactive navigational buttons

As you can see in the pictures of this tutorial, there are some navigational buttons in the bottom left box. These are in the form of triangles, that points to the first page, the previous page, next page and the last page.

You can make everything in your drawing interactive. The easiest way to do this is to select the button (symbol) and then right-clicking, and selecting Internet Links in the drop down menu. You then have a list of choices including a list of the pages in your document. You just have to select the appropriate page for your button.

6. Publishing your presentation as a full screen PDF

Finally, you can post these pages on the Internet, or as a full screen PDF. To publish your presentation as a PDF, select the File-menu | Publish To PDF.
The Publish To PDF dialog box opens, requesting you to save the file. In the right bottom corner of this box, click on the Settings button and another more complex dialog box opens:

Click on the Document option, and select Full Screen and Include hyperlinks. Finish by clicking the OK button.
When you open the PDF, it opens in full screen.

Read the rest of this entry »

Posted in corel draw

Creating GEL Text

(Figure 1) In the Tools drop down menu, select Color Management… From the Style drop down list, select Optimized for the Web. This sets the color space to RGB. 

(Figure 2) From the Layout menu, select Page Setup… In the Page Setup dialog, change the Resolution to 96 dpi (Windows®) or 72 dpi (Macintosh®). These two settings are screen resolution and are the proper 1:1 resolution for viewing on the Web. Even if you plan to output your image for commercial printing, use these two settings to avoid confusion. You can change the resolution before you output your files.

For this tutorial we shall create a GEL symbol for the at character (@). As CorelDRAWing this symbol is a lot harder than it looks, we'll use an Avant Garde @ symbol for a guide.

(Figure 3) Using the Text Tool, click on the page and key in @ in Avant Garde (the CorelDRAW default font). On the Property Bar, change the size to 130 and press Enter to apply the change.

(Figure 4) Press and hold the Freehand Tool to open the Curve Flyout menu. Select the Pen Tool (the fourth from the right). Click and add a series of connected lines as shown here in red. The idea is to place each anchor point in-between the outlines of the @ and to place the control points on logical points from which to create curved line segments. When you have clicked the last control point, double click to let CorelDRAW know you are finished.

(Figure 5) Select the Shape Tool. Click on the outline to select it. Marquee select all the control points by dragging a rectangle around all the points with the Shape Tool. On the Property Bar (the context-sensitive menu at the top of the screen) press the Convert Line to Curve icon. Drag a line segment and pull it like a rubber band until it more or less conforms to the shape of the @ symbol.

(Figure 6) Continue until all the line segments are now gently curves and more or less follow the shape of the @.

(Figure 7) We can fine tune the control points by adjusting the Bezier control handles. Select the outline with the Shape Tool. Click on a control point. Note that two lines with small boxes on the ends appear coming out of each side of the point. These are Bezier control handles with which we can adjust the segments of the outline. You can drag these in or out to make the curve segment longer or shorter and you can rotate them to adjust the angle of the curve segment. Experiment until you get the curve as smooth as possible. The smoothest curves will have both Bezier handles in a straight line. The angle of the handles will also be more or less parallel to the curve.

TIP: Moving the handles can be tricky and inexact if you are not real comfortable using the mouse. Zoom in close. Select a point and then use the arrow keys on your key pad to move the handles. You may also need to set the nudge amount on the Property Bar to 1px. (CorelDRAW's default idea of a nudge is sometimes closer to a shove)!

(Figure 8) You might need an extra control point at the top of the "a" shape. Double click with the Shape Tool to add the point. Continue to fine tune the shape until you have gotten it as close to the shape of the @ symbol as possible. Name and save your CorelDRAWing and take a short eye break.

(Figure 9) Delete the Avant Garde @ symbol. Select the outline. Click and hold on the Outline Tool to open the Outline Flyout. Select the Outline Pen options (the first icon). Change the line width to 16 points. Click the two middle Corner and Line Caps radio buttons to round the ends and the corners. Press OK.

With the outline still selected, select Convert Outline to Object from the Arrange menu.

(Figure 10). From the View menu, select Wireframe or Simple Wireframe. You will notice the original outline has been left behind. As we don't need it anymore, delete it. Return to the View menu and select Enhanced to return to the anti-aliased display mode.

(Figure 11) Select the Interactive Fill Tool icon. From the drop down list of Fill Types on the Property Bar, select Conical. The Interactive Conical Fill controls will appear on the screen. You can drag the ends of the fill path to rotate the fill. You can also double click on the circular portion of the fill path to add more colors. For what we are going to do, just leave everything as is. Click the white box at the end of the fill path, then click the red color on the screen palette. Repeat this for the other end so you now have a red to red conical fill. To the left of the Fill Type drop down list is the Edit Fill icon. Click it to open the Fountain Fill dialog. Select the counter clockwise fill option (indicated with the red ellipse) and press OK to apply the change.

(Figure 12) Make two copies of the rainbow filled shape and set them to one side. We'll need them later on. Change the fill of the original @ to black by selecting the shape then pressing the black color on the screen palette. You can also drag and drop colors from the screen palette onto the object.

Press and hold the Interactive Tool icon to open the Interactive Tools Flyout menu. Select the Contour Tool (the nested squares). If the shape is not selected, select it with the Contour Tool. On the Property Bar press the To Center icon. Change the Contour Offset amount to 1pix.

NOTE: Your shape may have an unfortunate wedge going though it. Mine did. If yours does not then skip this part. Select the shape and from the Arrange menu, select Break Curve Apart. Now marquee select the entire shape. The status bar at the bottom of the screen will tell you how many shapes are selected. You should only have 2. If it shows more, cut the counter (the inside of the "a" shape) to the clipboard (Edit > Cut). Marquee select most of but not all of the shape. If you see a small portion selected, delete it. Paste the shape from the clipboard back onto the shape, select both and from the Arrange menu, select Combine. Your contour should now be successful.

(Figure 13) Select the contour with the Pick Tool (the arrow). Open the Bitmaps menu and select Convert to Bitmap. Use the settings shown above. Press OK to create the bitmap.

(Figure 14) Center the bitmap over the rainbow-filled @ shape. Open the Interactive Tools Flyout menu and select the Transparency Tool (the wineglass icon). From the Property Bar, select Uniform (the default) and from the Transparency Operation drop down list, select Subtract. Change the slider setting to 30%.

(Figure 15) Select both the rainbow-filled shape and the transparent bitmap. Convert these two items to bitmap (Bitmaps menu) using the settings shown).

(Figure 16) Locate one of the duplicate @ shapes which I asked you to set aside. Change the fill to white and apply a black outline. Apply a 1-step, To Inside contour with a 4pix offset amount.

From the Arrange menu, select Break Contour Group Apart. Open the Arrange menu again and select Ungroup. Delete the wider shape (shown in dashed blue line).

(Figure 17) With the shape selected, press the + key to make an in-place duplicate. Move the duplicate 12 pixels to the right and 12 pixels down.

TIP: With nothing selected, change the Nudge amount on the Property bar to 1px. Now use the arrow keys on your computer keypad to move the duplicate shape the precise amount. (You could also set the nudge amount to 12px. Just remember to set it back to a lower amount when you are done).

(Figure 18) Select both shapes and then press the Trim icon on the Property Bar. The cutter shape remains and while nothing seems to have changed, if you drag the underneath shape away, you'll see the top shape has been trimmed out of the bottom shape as shown in blue.

(Figure 19) Duplicate the whole shape by pressing the + key. Move the duplicate shape up and to the left 12 pixels in each direction.

(Figure 20) Select the trimmed out shape and cut it to the clipboard (Edit > Cut). Select the two shapes. On the Property Bar, press Back Minus Front. This is a new path command that does the same function as Trim except it removes the top, or trimmer shape. Paste the shape we just cut to the clipboard back onto the page (Edit > Paste). Save your work and take a short eye break.

(Figure 21) Position the two cutout shapes as shown. Select the top shape and then select the Interactive Fill Tool. From the drop down menu on the Property Bar, select Conical. Make the starting and ending colors Baby Blue. Click the Edit Fill icon which is just to the left of the drop down list of Fill Types, to open the Fountain Fill dialog. Click the Clockwise Fill icon and press OK to close the dialog.

TIP: If you let the cursor rest for a moment over the color squares on the screen palette (or any of the buttons and icons), the color name, or tool or button name, will appear in a balloon under the cursor.

Select the bottom shape and repeat this step except use Spring Green for the start and end colors. The idea here is to create two rainbow gradients, one lighter and one slightly darker which we will use for highlights and reflections.

(Figure 22) Position the top highlight shape over the bitmap as shown. With the highlight shape selected, select Break Curve Apart from the Arrange menu. You will now have a series of separate shapes.

(Figure 23) Using the Freehand or the Pen Tool, CorelDRAW a single diagonal line through the bitmap image as shown. Select the top left most shape. Select the Interactive Transparency Tool and from the drop down list of Transparency Types, pick Circular. Select Add from the Transparency Operations drop down list. Drag the dashed arrow portion of the fill until the center of the circle is over the area where the diagonal line passes though the top of the @ shape. Click on the outside color, which is now white and change this to black by clicking the black square on the screen palette. Click on the inside color square and change the black to white. We have just made the center opaque and the outside transparent which is the opposite of the default setting.

NOTE: Black represents 100% transparency and white represents 0% or no transparency. You can also click the start or ending square and move the slider on the Property Bar to adjust the amount of transparency. Shades of gray represent various amounts of transparency.

(Figure 24) Select the next shape (directly over the "a"). From the Effects menu, select Copy Effect… Lens From… A large black arrow cursor will appear. Click the first highlight shape to which you applied transparency. Adjust the transparency so the lightest portion is centered on the red diagonal line and the diameter is similar in size to the first circular transparency.

(Figure 25) Repeat this last step and copy the lens effect to the other shapes. When you are finished, select all the highlight elements and group them.

(Figure 26) Position the bottom shape, which we will call the reflection, as shown. Break the Curve Apart. Apply a Circular, Multiply transparency reversing the starting and ending transparency percentages and centering the darkest portion of the circular transparency on the red diagonal line.

(Figure 27) Copy the lens effect to the other shapes and adjust the center and diameter of the transparency. Group all the reflection elements. Save your work and take a short eye break. We're almost done.

(Figure 28) Locate the other duplicate you made of the vector @ shape. CorelDRAW a rectangle around the @ to the size shown. Set the fill and outline to none.

Select both the rectangle and the rainbow-filled @. Convert these to Bitmap but do not select the Transparent Background option.

(Figure 29) With the bitmap selected, select Bitmaps > Blur > Gaussian. Apply a 7 pixel Gaussian Blur.

(Figure 30) Position the blurred bitmap over the other elements. Apply a Uniform, Subtract 50% Transparency. Move the blurred bitmap until the shape appears to the right and down from the shapes beneath it.

If the @ were indeed filled with rainbow-colored GEL and we placed the @ on a white sheet of paper and let light shine though it, we would get the same diffused color effect as we have achieved by placing the transparent blurred bitmap on top.

Read the rest of this entry »

Posted in corel draw