![]() ![]() ![]()
|
| ||||||||||||||||||
or click here to go to see this month's "Top Tip" |
|||||||||||||||||||
| One of the issues that we come across frequently during DTP and Graphics training courses is the bewilderment that many people feel when trying to work out what file format they should use to export artwork or images so that it will be compatible with their DTP, Presentation, Word Processing or Web authoring software. This month we try to shed some light on what some of the differences are, and what the advantages and disadvantages of each are. | |||||||||||||||||||
| Bitmap images are rather like mosaic pictures that are made up of thousands – or even millions – of tiny square components called pixels. When a bitmap image is created and viewed correctly, these pixels will not usually be visible to the naked eye, and therefore the image that is viewed will look fine. However, if they are not created correctly, or if they are viewed in an inappropriate way, the pixels will be visible, producing an effect that is sometimes called "the jaggies", and will be familiar to most people who have ever worked with this type of image. | |||||||||||||||||||
| To
understand why this happens, you need to know a little about how and why
bitmap images are used, and how they are created.
For most people, the main sources of bitmap images are the internet, digital cameras, scanners and "Paint" programmes such as Corel PhotoPaint, Adobe PhotoShop, and PaintShop Pro – to name but a few. Generally speaking, bitmap images are referred to as being "Device Dependent". This means that their resolution – and thus the quality of their appearance – is tied to a specific output device whose properties were known at the time the image was created. This resolution can never be changed (except by using specialist software). One consequence of this is that the images can not be re-sized successfully. Although most Desktop Publishing, Graphics and Word-Processing software these days will allow you to re-size a bitmap, the quality of the resulting image will usually be poor, and it is this that gives rise to "the jaggies". |
Common
Bitmap
|
||||||||||||||||||
| Look
at the image of the boat on the right for example. It should look clear
and sharp, although very small. It has been created at a resolution of 72
dots per inch, and a size of 1 x 1.79 inches. This means that every square
inch of the image is composed of exactly 5184 pixels (72 x 72).
In order to fit that number of pixels into 1 square inch, the pixels are carefully composed to a specific size: too big and they will not all fit; too small and they will not fill the area which would leave white spaces or areas where the colour is less dense. (This is exactly how shades of colour are created.) Suppose you then placed this image into a document in a DTP or Word Processing programme, but decided that you wanted it to be bigger – say twice the size. When you re-size a bitmap like this, what you are actually doing is stretching the pixels that make up the image. What you should really do is to add pixels to the image to make it bigger, but very few DTP or Word Processing applications have that capability. (Look for a "Resample" command to find out if your programme can do this.) Remember that a doubling in size like this actually results in each pixel becoming 4 times larger, since you are doubling both the width and the height of each one. The image on the right illustrates the jagged effect that is produced when bitmap images are re-sized without altering their resolution. Not only is the size of each pixel increased, but the size of the "steps" between them is also increased, and this is what produces "the jaggies". Whilst the result may not look too bad when viewed on your computer display, the printed image will almost invariably be of very poor quality. |
|
||||||||||||||||||
| 3 steps to avoiding "The Jaggies" | |||||||||||||||||||
|
|||||||||||||||||||
|
|
|||||||||||||||||||
|
Vector graphics, unlike
bitmaps, are not composed of pixels. They are made up of a number of
mathematical components called vectors. At its simplest, think of a vector
as a line that begins at a precise location, is of a given length and
travels in a particular direction. In order to make sense of these
vectors, therefore, a page of artwork has to have an origin from which all
of the vector co-ordinates are calculated.
CorelDraw, Adobe Illustrator, Macromedia Freehand and AutoDesk's AutoCAD are all examples of software that create this type of vector file. Artwork created by these applications will have a "drawn" appearance rather than the "painted" or photographic quality usually associated with bitmaps. The "Clipart" libraries supplied with Corel, Microsoft, Adobe and other software are mostly made up of vector graphics. However, vector graphics may include bitmaps, and a vector file can be converted to a bitmap – so don't rely purely on the appearance of a graphic to determine its type! |
|||||||||||||||||||
|
The advantage of vector
graphics over bitmaps is that they are not device dependent in the same
way that bitmaps are. From a practical point of view, this means that they
can be resized without any loss of quality. The only limitation on the
quality of a vector file is the quality of the printer or other device
used to output it.
The disadvantage of vectors is that they are virtually useless for graphics and images that will be viewed on a computer monitor. This is because a monitor is itself a bitmap device and cannot display a vector graphic. When you are working with vectors, then, What You See (on screen at any rate) is most certainly not What You Get when you print! Vector graphics programmes produce bitmap copies of the underlying vectors for on-screen display purposes (sometimes called a "header" or "preview" file). This is usually a low-resolution (to reduce file size and improve performance) bitmap copy of the underlying vector, which does not look very good on-screen, although "bitmap smoothing" technology is improving all the time. When the file is printed, the software sends the vectors to the printer not the bitmap. |
Common Vector File Types/Extensions
|
||||||||||||||||||
|
When it comes to choosing the
most appropriate file type for your work then, you need to think about how
the file will be output. If the final output will be from a printer,
vectors will tend to produce the clearest and sharpest images – though
not all content is suitable for vectoring. Photographs, for example will
not reproduce well as vectors. Line-drawings and sketches on the other
hand, along with technical illustrations and diagrams will almost always
be better as vectors, since they can be resized to fit document pages
without loss of quality, and will usually produce smaller files.
The graphic (right) used as a logo for the PPA "Win the Website Wars" course was created as a vector image in CorelDraw. This shows what we mean by the "drawn" appearance typical of this type of graphic. In all of the printed material relating to this course, the original vector graphic is used. However, because you are viewing this on a computer monitor, we've created a bitmap copy of it, which is what you are seeing here. If the final output will be a display device such as a computer monitor or data projector, then you need to use bitmaps. Graphics intended for websites, or for PowerPoint presentations all use bitmap devices (a computer screen) as the final output device, and as these can not display vectors, there is little point using this format. |
|||||||||||||||||||
|
We hope you have found this brief overview interesting and useful, and that it will help to explain some of the "mysteries" surrounding different file formats. PPA runs regular courses on graphics and desktop publishing software, and is an approved Corel Training Partner. Click here to see the CorelDraw Introductory course outline; here for the Advanced course outline; or here for the Corel Graphics Suite Introductory course outline that includes training on both CorelDraw and Corel Photo-Paint. We also run courses for most popular office software, including Adobe PageMaker, FrameMaker, Illustrator, QuarkXPress, and Microsoft Office. For details of availability and prices please contact us. For a full list of courses click here. If you have any comments regarding this or any other page of this website, or if you have suggestions for future features on this Hints & Tips page, please contact webmaster@ppatraining.co.uk |
|||||||||||||||||||
|
Never used CorelDraw? Try it FREE for 30 days Click below to download now |
|||||||||||||||||||
| Most CorelDRAW users know that you can use non-printing ruler guides dragged on to the page from the horizontal and vertical rulers to help align objects on a page of artwork. But did you also know that guides do not have to be lines? They can be created from rectangles, ellipses, polygons or any other shape that you can draw? | |||||||||||||||||||
| The following information is based on CorelDRAW 9, but you can do much the same thing in almost any version of CorelDRAW. | |||||||||||||||||||
| For
the benefit of anyone who doesn't know about Ruler Guides, we'll explain
those briefly first.
If you know all about Ruler Guides, click here to go straight to the section on Non Linear Guides. Ruler Guides are non-printing horizontal, vertical or angled lines that can be placed on a page either by dragging them from the rulers on screen, or by positioning them precisely from a dialogue window. Objects can snap to guidelines to aid perfect alignment (View Menu, Snap to Guidelines) |
|||||||||||||||||||
| To Position Guidelines by Dragging | |||||||||||||||||||
|
|||||||||||||||||||
| To Reposition a guideline | |||||||||||||||||||
If you need to position a guideline more accurately, drag it from the ruler as above, and then double click it to produce the Guidelines Setup dialogue window. Key in the precise horizontal and vertical positions relative to the current ruler's zero point, and specify an angle for an angled guide.
|
|||||||||||||||||||
| To Delete a guideline: | |||||||||||||||||||
|
|||||||||||||||||||
| Non
Linear Guides are created by drawing on the Guides Layer. Each new piece
of artwork you create in CorelDRAW has 4 default layers. To see these
layers, and the objects on them, you'll need to turn on the Object Manager
Docker. (Window Menu, Dockers, Object Manager)
In a new piece of artwork based on the default Coreldrw.cdt template, the Object Manager will display an icon for each page of the artwork, and an icon for the Master Layer. The Master Layer will contain nested levels that can be viewed by clicking the + sign to the left of the Master Layer name. If a - sign is showing, the nested levels are already displaying. The 4 default layers are Guides, Desktop, Layer 1, and Grid. The name of the currently active layer appears in red, with a red page icon to the side of it. Click on the name of the Guides layer to make it active. It's name will turn red. Anything that you now draw on the page will be placed on the Guides layer, and will be treated as a guide. Guide objects will not accept Fills or Outline Pen styles. Because Guides are placed on the Master Layer, any objects placed there will appear on all pages of your artwork. Guides are only non-printing, because that is a property of the Guides Layer. You can have your guides print by clicking the Printer icon alongside the Guides Layer in the Object Manager. If the printer icon is grey, the guides will not print, if it is coloured, then the guides will print. In the illustration to the right, only Layer 1 will print. The Pencil icon indicates whether a layer is editable or not, and the Eye icon indicates whether a layer is visible or not. You can change any or all of the Properties for any of the layers. In the illustration to the right, the Grid layer may not be edited, is not visible and will not print. |
The Object Manager Docker |
||||||||||||||||||
| Try this simple exercise using Non Linear Guides to make a 4 pointed star from a Rectangle. | |||||||||||||||||||
| Click
on the Guides Layer object in the Object Manager to make it active.
Now drag one vertical and one horizontal guideline from each of the on-screen rulers, and position them so that they intersect near the dead-centre of the page. You can judge the dead-centre by eye for this exercise. Make sure that Snap to Guidelines is enabled. (View Menu) Click the Rectangle Tool in
the Toolbox, hold down both the Shift and Control keys on the keyboard,
place the cursor on the intersection of the two guidelines in the centre
of the page, and drag in any direction to create a rectangle. Use the width and height boxes on the Property Bar to set the rectangle to 100mm square. Use the Transformations Docker, (Arrange Menu, Transformations...) to create a 50% duplicate of this rectangle. You should now have 2 perfect concentric squares in the middle of your page. Click the Pencil icon alongside the Guides Layer in the Object Manager to prevent any further editing of the guides. Now click on Layer 1 in the Object Manager to make this the active layer. Choose the Rectangle Tool again, and, using the larger of the 2 rectangular guides as a template, draw another rectangle over the guide rectangle. Snap to guidelines should make it easy to keep the new rectangle to exactly the same dimensions as the guide rectangle. Choose Arrange Menu, Convert to curves to make the new rectangle editable. Now Choose the Shape Tool from the Toolbox and double click on the midpoint of each of the four sides of the rectangle where the guidelines cross them. This will add a node in each of these positions. Still using the Shape tool, drag each of the newly added nodes along the vertical or horizontal guideline on which it is placed until it reaches the border of the smaller rectangular guide, (not the dead centre of the rectangle guides). Fill the resulting shape with a colour or pattern of your choice, and you now have a perfect 4 pointed star. |
The Transformation Docker |
||||||||||||||||||
| |||||||||||||||||||
|
We hope you have found this brief lesson in CorelDraw interesting and useful, and that it will have inspired you to experiment with other features of the software. PPA runs regular courses on most of the products in the Corel Graphics suite of applications, and is an approved Corel Training Partner. Click here to see the CorelDraw Introductory course outline; here for the Advanced course outline; or here for the Corel Graphics Suite Introductory course outline that includes training on both CorelDraw and Corel Photo-Paint. We also run courses for most popular office software, including Adobe PageMaker, FrameMaker, PhotoShop, Illustrator, Acrobat, QuarkXPress, and Microsoft Office. For details of availability and prices please contact us. If you have any comments regarding this or any other page of this website, or if you have suggestions for future features on this Hints & Tips page, please contact webmaster@ppatraining.co.uk |
|||||||||||||||||||
| Monet
mania has taken London by storm recently, so we thought we would kick off this page
of our site by showing you how you can create your own impressionist style painting using
Corel PhotoPaint.
In keeping with our mission to educate as well as train, we have provided a little background information on Monet himself. The instructions that follow are based on Corel PhotoPaint 8, but you can do much the same thing with any version of Corel PhotoPaint. First you need to find a good subject. We have chosen this picture of a scene in Budapest. |
Never used Corel PhotoPaint? Try it FREE for 30 days Click below to download now |
||||||||||||||||||
|
Creating the texture of an impressionist style is easy enough: one of the effects filters in PhotoPaint is designed to do just that. From the Effects menu, choose Artistic, 4 Impressionist. To create a basic impressionist texture, check the Identical Values option for the Horizontal and Vertical Scatter slider controls, and then drag either of the two slider controls until you achieve the texture you would like to use. The "blurring" effect of the early impressionist painters was much subtler than that of the later impressionists. You can re-create the style of either by increasing or decreasing the Scatter values in this dialogue window. |
|
||||||||||||||||||
|
You could also experiment with non-identical values to create more individual effects. In the example right, we have chosen a fairly subtle effect, using a Horizontal and Vertical Scatter value of 9. Monet was particularly fascinated by the way that a subject changed according to the different lighting effects created at different times of the day. Once you have created your basic Impressionist texture, you can experiment with different lighting effects using the Lighting Effects command in the Effects Menu. |
![]() |
||||||||||||||||||
From the Effects Menu, choose Render, 4, Lighting Effects Check the Directional option, and drag the light source icon in the Preview window to an appropriate position for the effect you want to create. In this example, we have positioned it at the top left corner of the image, and set the arrow to point towards the bottom right corner of the image. Choose an appropriate colour for the light source from the drop-down colour palette. We used a pale yellow in this example Adjust the Brightness slider according to the effect you want to create Click OK |
|
||||||||||||||||||
![]() |
|||||||||||||||||||
| In this example, two lighting effects were used. The first Light source was positioned at the bottom right corner of the image, with the arrow pointing towards the top left corner. The colour chosen for the light source was red.This created a good strong sunset effect over the building at the front right of the picture, but we needed to have a red tint in the sky as well. Increasing the brightness would have allowed the colour to spread to the sky, but only at the cost of completely flooding the detail at the bottom front of the picture. So we created an object from the sky using the Magic Wand Tool. An Object in PhotoPaint is like a transparent sheet of film applied over the image. Initially the Object is transparent, but you can vary the transparency, or Opacity of the Object using the slider control in the Objects Docker window. Using the Magic Wand Tool set to a tolerance of 10, we were able to create a mask from just the blue sky in the image, from which we then created an object. A second Lighting Effect was then applied to the object rather than the entire image, using the same colour and brightness settings as for the first light source, but positioned at the bottom centre of the object. |
|
||||||||||||||||||
| For the third interpretation of the image we used a white Spotlight type light source positioned just above the top right corner of the image, with the arrow pointing towards the bottom left corner.The Brightness value was 87%, and the Cone size was adjusted to give a good spread of white light across the sky. |
|
||||||||||||||||||
|
We hope you have found this brief lesson in Corel PhotoPaint interesting and useful, and
that it will have inspired you to experiment with other combinations of effects in
PhotoPaint.PPA
runs regular courses on most of the products in the Corel suite of applications, and is an
approved Corel Training Partner. Click here to see the CorelDraw
Introductory course outline; here for the Advanced
course outline; or here for the Corel
Graphics Suite Introductory course outline that includes training on
both CorelDraw and Corel Photo-Paint.
We also run courses for most popular office software, including Adobe PageMaker, FrameMaker, PhotoShop and Illustrator, QuarkXPress, and Microsoft Office. For details of availability and prices please contact us.
If you have any comments regarding this or any other page of this website, or if you have suggestions for future features on this Hints & Tips page, please contact webmaster@ppatraining.ie
|
|||||||||||||||||||
|
Visit the Corel User web site at http://www.coreluser.com |
|||||||||||||||||||