Notice:This article is most ideal if you are using CorelDRAW 11, 12, X3, or higher. Those using older versions like CorelDRAW 9 or 10 will find my archived version of this article much better. |
Now that we have reached this point in this series of articles, it is time for some real, down to Earth exercises to illustrate the principles we have discussed so far. This will be a nuts and bolts article to build a file that is not prone to problems.
We begin with a real-life type of situation. I will take you step-by-step through a process to convert an average piece of clip art into a usable graphics file. In my last article, I introduced you to some “friends” and promised we would be learning to use file sharing friendly commands. These commands play a key role in setting up any type of graphics file.
Our exercise will assume that we are making a graphic for a sign. The benefit to setting up a sign graphic is that it is easily converted to any other use. This means it is often the best way to set up a file. Keep in mind that I am referring to conventional sign making that uses vinyl cutting equipment. When digital sign making is implemented, the rules are different.
The clip art below is all too typical of what you usually have to work with. I suppose the benefit is that you are still earning your pay when you use clip art. As is, this artwork is mostly only useful for one thing... Printing on paper. If you want to do much else with it, you will need to modify it. Wireframe view reveals the real chaos as shown below.
These are both the same graphic, but anyone who has worked with sign cutting equipment will immediately identify with the problem. As for file sharing, even if this graphic was being shared to print restaurant menus, there is still a risk of problems. Does it look good on the screen in Enhanced view? Yes, but looks are deceiving, and Wireframe view reveals this potential for trouble.
Even though I did not create this graphic, I can tell it was done using the easiest, quickest methods. The time saved in creating it pales in comparison with the grief you might experience in trying to share it for production use.
If you adopt the principles I am laying out here, you will invest little extra time creating a graphics file. When you need to modify or share the file, that initial time investment will pay dividends back to you. CorelDRAW provides some powerful tools for doing designs correctly with minimal time. So let's start fixing the file above.
This coffee bean graphic is from an older version of Corel clip art, but you can download the coffeebean.cdr file here for this practice exercise. After opening this file with CorelDRAW and making changes, you may get a message about saving in a newer version when you try to save; just click Yes or OK. I've kept this file in the older format so it will open in any version from 9 on up. If you are using CorelDRAW 9 or 10, you would be much better off with the archived versions of these articles.
As a general rule, not only in sign graphics but in most forms of graphic reproduction, the lightest colors go down first. That would mean that the starburst background should be the first layer. Another consideration is to determine what is in the foreground (the top most object) and then what is sequentially under each object. Think in “stacking order” as if you are in a plane looking down on your objects.
Here is the starting point; with the coffee bean graphic selected, Duplicate the graphic (Ctrl+D, or Edit from the Menu bar, then Duplicate), then move the duplicate away from the original using your arrow keys. Click on the first graphic to select it again, then Ungroup (there should be an Ungroup icon on your Property Bar, otherwise, Arrange from the Menu bar, then Ungroup). The duplicate is a safety net, and should be a standard practice. No matter what changes are made, especially if you mess something up, the duplicate is always there to revert back to.
This tutorial will work best if you set up your tool bars with the “friends” I suggested in the previous article. We will be using some Arrange commands to optimize this graphic. If you do not have these “friends” added to your Property Bar, you can use the Arrange menu where all of the commands are also available.
We could do this with “tight registration” between the colors which is easier, but I would rather cover some quick methods of creating a “bleed” or overlap of colors. Since this hypothetical job is a sign graphic, it has more bleed than printing would. Understanding these procedures will empower you with better graphic design skills.
Select the outside edge of one of the coffee beans, and then create a contour “inside” using the Contour icon and methods covered in the last article. A 5 px Offset will be good. Getting the principles is all we are really concerned about right now. In Wireframe view, you will now see a contour line inside the original outline as shown below. If you can see the screen shot below, you can use the controls to zoom in for a better view. Otherwise, hover here.
|
With the Contour Group still selected, use the Break Apart icon on the Property Bar, or, Arrange from the Menu bar, then Break Apart. This will separate the object from its contour.
Click off the objects to deselect them. It is best if you are in Wireframe view for this part. Select the inside line from the contour you just created. You can tell it is selected because it will show all the “Nodes” like a dot to dot drawing. Hold down the Shift key and click on the starburst background, and now both objects are selected. NOTE: The order you select these objects in is important! It's a good idea to check your Status Bar to verify that both objects are selected. It will tell you, “2 Objects Selected on Layer 1.”
With both objects selected, click the Trim icon on the Property Bar, or, Arrange from the Menu bar, then Shaping, then Trim. Your objects will now look like the image below because the starburst background was “trimmed” to the inside line of the coffee bean.
I have shown both Wireframe and Enhanced view here, but you may want to alternate between Enhanced and Wireframe to see the effect. Don't worry about the color of the inside contour object; as you can see, mine is white. The idea here is that if you lay the coffee bean on top of the starburst, the coffee bean will slightly overlap the starburst behind it. This overlap is most apparent in Wireframe view.
Now repeat steps 1-4 above on the other coffee bean.
After trimming the other bean, select just the inside contour of one of the beans and hit the Delete key. Select the other inside contour and Delete that also. Your images should now look like the examples below.
Note that the beans now overlap the starburst. CorelDRAW X3 maintains the “stacking order” so the starburst is still behind the coffee beans. I'm not sure about version 12, but version 11 and older will place the overlapping starburst on top of the coffee beans. You want this the other way around. If this happens, right click on the starburst (Enhanced view is best for this), choose Order, then To Back. If you have a To Back command on your tool bars, that method works too after selecting the starburst.
Although this graphic is now greatly improved, it still needs some fixing. Note in Wireframe view how the outlines of the coffee beans cut into each other where the beans overlap. Sign cutting equipment would cut these lines unnecessarily. You don't want that, do you?
Select the outline of both coffee beans. The order you select them in does not matter in this case, but remember to use the Shift key when selecting more than one object. Make sure you are in Wireframe view so you can see what happens next.
With both beans selected, click on the Weld icon on the Property Bar, or, Arrange from the Menu bar, then Shaping, then Weld. The lines in the overlap of the two beans are now gone.
If you go into Enhanced view, you may discover a surprise (in CorelDRAW 11 and older, you WILL have this surprise). The beans have no detail inside! Go back into Wireframe so you can see the details inside the beans. Click and drag across all the inside detail of the beans. IMPORTANT: Be careful not to select the outside of the coffee beans. Stop dragging before your selection marquee has the beans completely enclosed (as shown on right). Corel will only select objects completely enclosed in the marquee using this selection method (I will tell you how to override this in the More Cool Time Saving Tips below, but you don't want to do that in this step). When you “welded” the two coffee beans, they became a single object, so you can select just the inside detail as long as your selection marquee does not enclose the coffee bean outlines.
With the details inside the beans selected (your Status Bar should tell you 8 objects are selected), click the To Front icon on your Standard tool bar if you have it. Otherwise, right click on one of the selected objects (it's important to do this right click over a selected object), choose Order, then To Front. Now when you see it in Enhanced view, everything is fixed. It also looks much cleaner in Wireframe, and sharing a graphic created this way will be much less prone to problems.
If you read the article on Expert Design Strategies, you will see the connection to the hidden details problem inside the coffee beans like older versions have in Step 11 above.
For a printing job, I would “knock out” holes for the details inside the coffee beans just to be safe. Here is how to do that. With the inside details of the beans selected, Duplicate them, then Weld the duplicates just like Step 10 above. Next, use the Shift key and click on the coffee beans to add them to your selection (this order of selection does matter). Now the Combine command will punch “holes” in the beans to avoid covering the inside details. These details cannot be as easily hidden in a file share this way.
If you want to create a bleed for the details in the beans, which is recommended for a screen printed T-shirt, you can use the contouring techniques you just learned. Darker colors will cover lighter colors in screen printing. For the hypothetical sign job we just did, we were done in Step #12 above because the inside detail colors would just be applied on top of the coffee beans. For many printing methods, you can skip the bleed, and the colors will butt up against each other. Some printing methods require that colors have no contact, in which case you would use contouring to create a gap between colors.
Whatever the requirements, now you know how to create good files that share easily. You also understand some important principles. This knowledge will help you analyze your designs better, plus it will equip you to troubleshoot problem graphics when someone dumps them on you.
Since you are so creative, I am mostly laying out principles because I think you will explore the program further on your own, and learn even more using this information as a launch point. The next article will build more on the material we have covered. I promised some information on Node Editing, and now you are ready for it.
Here are a few more time saving tips:
Get to know these keyboard functions, they are your friends too.
In the previous article, we put the Break Apart icon on your Property Bar, but some of the power has yet to be revealed. When we cover Node Editing next, it has usefulness there. It is also useful for working with text. When you select text and choose Break Apart, all words are separated. Break Apart again, and all letters in the words are separated.
When you use the Spacebar with any tool except the Text tool, you will revert to the Selection tool. Hit the Spacebar with the Selection tool active, and it will revert to the tool last used. This could be mixed blessing for those who use Adobe and Macromedia where the space bar selects the hand tool for panning around the screen. I admit I do like that in their products, but the Corel method has some real advantages too.
There is a way to toggle out of Text mode even though I am not aware of any tool tip to tell you how. If you are like me and like keyboard shortcuts, this will save time. The Ctrl + Spacebar will take you out of Text mode and back to the Selection tool.
If you frequently use tools on any of the Toolbox flyouts on the left side of the screen, and you would like to not always have to open the flyouts first, grab any flyout by the double line handles and drag it to an open location (or create a new column if needed). If you notice in my screen shots, on the left side I have two rows of tools. That is how I did some of them.
Have you ever zoomed into an area and wished you could easily zoom back out to the previous view? In other programs you have to save the view first, and then you have to choose that view from the Window menu. In Corel, just click the Zoom Out icon or the F3 key.
In this article, we used a quick method of trimming and welding objects which will serve you well most of the time. To experience even more power and flexibility, open the Shaping Docker by clicking Window on the Menu bar, then choose Dockers, then Shaping. Create 3 or more simple objects, overlap them, and try the different options in the Docker window to discover how this tool works. Try the other Shaping tools as well by selecting them from the drop down menu at the top of the Docker.
Until the next article, keep exploring the possibilities of what we have covered so far.
Next.. So Simple Its Dangerous.
Steve Chittenden owns and operates Creative Business Services which provides web design, graphic design, writing, and marketing services. If you have a web site that could benefit from this CorelDRAW material, please feel free to link to these pages.