1. DESKTOP PUBLISHING - GRAPHICS -
ACLC Davao Pre-Final Lecture

2. Desktop Publishing - Involves using a desktop computer and publishing software to create documents for publication.
Image - is a spatial representation of an object or a scene. (image of a person, place, object)

3. Graphic is all around us
Graphic is all around us. is a broader and general definition which includes:
Pictures or Photographs
Drawings or Line arts
Clip arts
Buttons and Banner
Charts and graphs
Backgrounds
Icons

4. Pictures:
Pictures are found in the world which is external to the computers.
Images / Graphics:
Images are the 2-Dimensional digital representations of pictures found in computers.
Computer attempts to duplicate the “look and feel” of a picture via storing and processing.

5. 2 Types of Graphic
*Bitmap graphics
*Vector graphics

6. Bitmap graphics Making Bitmaps Bigger
The most common and comprehensive form of storage for images on computers is bitmap image.
Bitmap use combination blocks of different colours (known as pixels) to represent an image. Each pixel is assigned a specific location and colour value.
There are also called pixelized or raster graphics.
Software to edit bitmapped graphics are :
Adobe Photoshop
Paint Shop Pro
500%
100%
(900 x 983 dpi)
200%
Making Bitmaps Bigger

7. “Maps” of Dots

8. Bitmap Graphics Advantage
Can have different textures on the drawings; detailed and comprehensive.
Disadvantage
Large file size.
Not easy to make
modification to
objects/drawings.

9. Vector graphics
Vector images are based on drawing elements/objects to create an image.
The elements and objects are stored as a series of command that define the individual objects.
Packages that allow to create vector graphics include :
Macromedia Freehand MX
Macromedia Flash MX
Adobe Illustrator
Points, Lines and Fill

10. Vector Image
100%
200%
500%

11. Advantage
Small file size.
Maintain quality as the size of the graphics is increased.
Easy to edit the drawings as each object is independent of the other.
Disadvantage
Objects/drawings cannot have texture;
it can only have plain
colours or gradients ; limited level
of detail that can be presented in an image

12. Bitmap vs. Vector Bitmap Vector Photographs Drawings Dots (pixels)
Photoshop
Vector
Drawings
Points, lines, fill
Illustrator
100%
(900 x 983 dpi)
100%
100%

13. Resolution
There are three types of resolution measuring different aspects of the quality, detail and size of an image:
Colour resolution
Image resolution
Display resolution
Image Resolution:
The term resolution often associated with an image’s degree of detail or quality.
Display Resolution:
Resolution can also refer to quality capability of graphic output (monitor).
Colour Resolution / Colour Depth:
Colour depth describe the number of bits used to represent the colour of a single pixel.

14. Binary (Bitonal) Image
These images have two
possible values of pixel intensities:
black and white.
Also called 1-bit monochrome
image, since it contains only

15. Grayscale Image They contain several shades of grey.
Typical applications of grayscale images include newspaper photographs (non-color), magnetic resonance images and cat-scans.

16. Colour Image
They are characterized by the intensity of three primary colours (RGB).
Allows RGBA colour scheme;
Red, Green, Blue, Alpha.

17. RGB Colour Scheme
Colours are represented by a numeric triplet specifying R, G and B intensities. This model is convenient for CRTs since the numeric values can be easily mapped to voltages for the R, G, and B guns.
Any colour can be defined by giving its R, G and B values, or coordinates, (red,green,blue). This is referred to as an ordered triplet.

18. CMY/CMYK Colour Scheme
CMYK (Cyan,Magenta,Yellow,Black) scheme is widely used for colour printing. To print a particular colour on a white page, one must apply inks that subtract (absorb) all colours other than the one desired.

19. CMY/CMYK Colour Scheme
Theoretically, if Cyan, Magenta, and Yellow are mixed, then all the RGB colours are subtracted, and we get black. However, in practice inks are not pure, hence a special black ink is used.
Yellow Y
Red
Green
Black
White M
Magenta C
Blue
Cyan

20. Graphic File formats GIF (Graphics Interchange Format) Bitmap
Due to the number of choices available in determining image representation, it is not surprising that a number of image formats have evolved. Some examples of image file formats used for storing images are
GIF (Graphics Interchange Format)
Bitmap
PostScript
JPEG
TIFF (Tagged Image File Format)
PNG, and etc.

21. Clip Arts
Clip art, in the graphic arts, refers to pre-made images used to illustrate any medium. Today, clip art is used extensively in both personal and commercial projects, ranging from home-printed greeting cards to commercial candles. Clip art comes in many forms, both electronic and printed.

22. Clip Arts Example

23. Tabloid
Tabloid is both a paper size and a style of journalism, or a newspapers. News stories get their name from the tabloid size of the finished publication which is smaller than the standard broadsheet size of most newspapers.

24. Drawing
Drawing generally involves making marks on a surface by applying pressure from a tool, or moving a tool across a surface. In which a tool is always used as if there were no tools it would be art.

25. Shape
Anything that has height and width has shape. Unusual shapes can be used to attract attention.
There are basically three types of shapes.
Geometric shapes, such as triangles, squares, rectangles, and circles, are regular and structured.
Natural shapes, such as animals, plants, and humans, are irregular and fluid.
Abstracted shapes, such as icons, stylized figures, and graphic illustrations, are simplified versions of natural shapes.

26. Texture
Texture is the look or feel of a surface. You can add richness and dimension to your layouts with
texture. Visual texture creates an illusion of texture on a printed publication or web page.

27. Space Space can be used to: Give the eye a visual rest
Space is the distance or area between or around things. Space separates or unifies, highlights, and gives the eye a visual rest.
Space can be used to:
Give the eye a visual rest
Make a layout easy to follow.

28. Size
Size is how large or small something is. Size is very important in making a layout functional, attractive, and organized. It shows what is most important, attracts attention, and helps to fit the layout together.

29. Color
Color in layouts can convey moods, create images, attract attention, and identify objects.

30. Line art
Line art is a rather non-specific term sometimes used for any image that consists of distinct straight and curved lines placed against a (usually plain) background,

31. Graphs
A graph or chart is a information graphic that represents tabular, numeric data. Charts are often used to make it easier to understand large quantities of data and the relationships between different parts of the data.

32. Computer graphics
Are pictures and movies created using computers - usually referring to image data created by a computer specifically with help from specialized graphical hardware and software.
Hardware
Software
Applications

33. Application: The object is an artist’s rendition of the sun for an animation to be shown in a domed environment (planetarium)
Software: Maya for modeling and rendering but Maya is built on top of OpenGL
Hardware: PC with graphics card for modeling and rendering

34. The 3 Adobe Software
For Graphics, first is Adobe Photoshop for Raster graphics for vector graphics Adobe Illustrator and lastly is
Adobe InDesign - use for Publication is a desktop publishing software application produced by Adobe Systems. It can be used to create works such as posters, flyers, brochures, magazines, newspapers, and books.

35. What image formats are best to use for print?
TIFF format is preferred by the print industry for photos, etc.
– If your project is going to be printed on a printing press all images need to converted to CMYK mode
EPS, AI format is preferred for illustrations.

36. Brochure
A brochure is an informative paper document (often also used for advertising), that can be folded into a template.
Brochures are advertising pieces mainly used to introduce a company or organization