Discover the power of the export to web dialog box and what you can achieve with it
- [Voiceover] Tapping into the power and Flexibility Of CorelDRAW, we have the ability to export objects for web graphics. I'm gonna start by selecting this first element and then from the file menu, I'll go down to export for, and we have the ability to export for Office, Web, or HTML. I'm going to select Web, this is gonna open up a export dialog box, let me just expand the size of this, you'll notice across the top, I have a single frame double, which we're currently selected, double horizontal, as well as a quad panel.
I'm gonna select the quad panel, and I'm going to zoom to fit. On the left hand side, you see my original image, below that I have a sample png file, png, of course, is portable network graphic, upper right is a gif image, or jif image, and then we have a jpeg. The current frame that is selected will have the blue frame around it and if I was to do a save as, it's going to save it as a gif for me. Down here we have the ability to change the format for this window, so I can select png as well, maybe I want to different setting for png.
I can dictate the color mode, weather it be black and white, grayscale, paletted, or RGB. I can select anti-aliased, and once we get out of this panel I'll show you what anti-aliased is. I can embed the color profile, as well as create an interlaced, and then I can set the transformations, which is basically the size of the icon, as well as the resolution, all of this information is available on the right hand side. If I was to select to the png down here and then click on save as, of course it's going to save it with whatever setup I have in here.
Very easy to use this interface, so, let's go ahead and play with a couple of things. I'm going to set the png, I want this as a png, because, I want the transparency, also called alpha channel, to be maintained. So, selecting this, you'll see that we have different color palettes, I have the document color palette, so we'll basically use all of the colors that are in the document color palette. I have the color styles palette, and then there's a number of other palettes in here that I can select from, for example, if I was to select the standard VGA palette my colors may not be as clean as I want them.
Let's go back and we're going to go with optimize, which is typically the best one to go with. We have a dithering pattern I can select, again, anti-alias and then unit is pixels. I'll click on save as, I can give this a name, and let me just go to the desktop for this, and well call this one, bike, and save. That's all there is to it. I'll go import, here's my logo I just created and I can bring that on to the screen and I can go ahead and use that wherever I want to.
Let's grab this next one, and I'm going to, file, export for, web. I'll maximize my screen here, and let's just change this from grayscale to RGB. I'm going to select this png here, and I'll leave that at paletted 8-bit, the other thing I want to point out to you is, because I have two different color depths in these you'll notice that this one is going to be a 73 kilobyte file, this one here is 147 kilobyte, so, the transfer rate, or the download time when a visitor goes to the website this will make a difference as to how long that page loads.
Now, I'm going to scroll down here, under transformations, here Is where you will typically set your resolution, I'm going to set resolution to 96 dpi, we'll set resolution on this one to 96 dpi, as well. Again, so we can compare the file size, as well as your download time, this is actually quite good to download at that speed, so, let me just go ahead and click save as and I'm gonna call this one car. So, I mentioned anti-aliasing, I want to demonstrate what that is, let me just go ahead and clear my screen off.
I'm going to create a very simple object that will demonstrate this. I'm going to create an ellipse, we'll make it read, so left click on the red, I'm going to right click on the blue, and I wanna make the outline very heavy on this. Now, I'm going to take this object, I will duplicate it with a control-D, I'm going to move it over here. On this one, I want to convert to bitmap, and I wanna make sure that I have anti-aliasing turned off, let's drop the resolution down a bit, and I'll click okay. On this one, I'm going to take the same settings, 100 dpi, RGB, however, I want anti-aliasing turned on, and I'm going to click okay.
Here's what the differences between anti-aliasing and non anti-aliased, if I zoom in on this object here, you'll notice the stair stepping where the colors go from red to blue. On the anti-aliased version, it will create intermediate colors, and that gives the illusion of a much smoother line. Here, take a look at the edge over here, it looks a lot smoother than this one over here, so that's basically what anti-aliasing is, it gives the illusion of a much smoother, much cleaner line, and that's why we typically when creating small icons that are 64 by 64, or 128 by 128, small icons for a website, you want to use anti-aliasing, it'll give you a cleaner, smoother lines.
Roger Wambolt, senior product trainer at Corel, eases in with an exploration of the interface and touches on the major players in the toolbox: the Pick, Shape, Crop, Curve, and Interactive tools. Then, once you know how to draw simple lines and shapes, he shows how to group, copy, and adjust objects on your document page. Plus, learn about working with text, using the new Font Manager and the extensive library of fonts in CorelDRAW, adding and editing images, automating tasks with scripts and macros, creating color palettes, and preparing your CorelDRAW projects for print. Roger closes with some tips on customizing the CorelDRAW interface to be more productive and create your designs in fewer steps.
- Locating the toolbar and toolbox
- Understanding dockers
- Using rulers, grids, and guidelines
- Starting with a template
- Using the tools: Shape, Crop, Curve, and many more
- Working with fonts
- Manipulating objects
- Importing and editing bitmap images
- Being more productive with scripts and macros
- Creating color palettes
- Printing CorelDRAW projects
Skill Level Beginner
Q: This course was updated on 06/22/2018. What changed?
A: New videos were added that cover getting started, Live Sketch and the stylus, node editing enhancements, adding impact to a design, outlines and corner control, useful tools, and exporting and sharing workspaces.