Graphic Print Production Image Creation 1 การใชภาพในงานออกแบบสิ่งพิมพ Image Creation 2 การเตรียมภาพสำหรับการพิมพ
COPYRIGHT©Soamparnee 2012 วันอังคารที่ 27 มีนาคม 2012
Graphic Print Production Flow Idea & Concept Creative Production Industrial Production Logistics
วันอังคารที่ 27 มีนาคม 2012
‣ ‣ & Text ‣ Images ‣ Layout Prepress ‣ Printing ‣ Finishing & Binding ‣ Distribution ‣ Strategic work Creative work
Image Creation 1 การใชภาพในงานออกแบบสิ่งพิมพ
COPYRIGHT©Soamparnee 2012 วันอังคารที่ 27 มีนาคม 2012
“A picture says a thousand words” สุภาษิตจีน
Using an image is the simplest and quickest way to convey a message, even a complicated one.
วันอังคารที่ 27 มีนาคม 2012
สิ่งที่นักออกแบบตองรู
• • • • •
วันอังคารที่ 27 มีนาคม 2012
Type of images Digital images Image file formats Image & color Preparing images for print
What is images?
• Photograph • Collage • Illustration Drawing • Technical Graphic • Computer Symbol, Icon • Logo, Chart, Graph • Diagram, • Map
วันอังคารที่ 27 มีนาคม 2012
Images : Type of images
• Originals (ตนฉบับ) • Digital images • Screen & halftone
วันอังคารที่ 27 มีนาคม 2012
• Originals (ตนฉบับ)
Line art ✦ Continuous-tone art ✦
วันอังคารที่ 27 มีนาคม 2012
• Line art
✦ images contain only black and white (no shades of gray). ✦ line art consists of lines or masses of solid black : type, pen-and-ink drawings, engravings, etc.
วันอังคารที่ 27 มีนาคม 2012
วันอังคารที่ 27 มีนาคม 2012
•
Continuous-tone art
✦ images contain shades of gray, or a range of colors
and shades of color.
วันอังคารที่ 27 มีนาคม 2012
✦ Continuous tone art contains a continuous range of tonal values from dark to light (black, white, and all the grays between) : black&white and color photographs, watercolors, pastels, or oil paintings, or pen and ink drawings.
วันอังคารที่ 27 มีนาคม 2012
วันอังคารที่ 27 มีนาคม 2012
วันอังคารที่ 27 มีนาคม 2012
วันอังคารที่ 27 มีนาคม 2012
วันอังคารที่ 27 มีนาคม 2012
✦ offset printing presses cannot print gray or any tonal values. Any continuous tone art must first be converted to line art using image editing programs.
วันอังคารที่ 27 มีนาคม 2012
วันอังคารที่ 27 มีนาคม 2012
วันอังคารที่ 27 มีนาคม 2012
•
Halftone
✦ In order to print a continuous tone image on a conventional
printing press, it must be converted to a halftone: a screen pattern of variable size dots which create an impression of tone values with one ink color.
วันอังคารที่ 27 มีนาคม 2012
A B C D
วันอังคารที่ 27 มีนาคม 2012
= = = =
Original Screen Negative film Halftone print
original
วันอังคารที่ 27 มีนาคม 2012
halftone print
Halftones are generated by the output device when a file is printed. Desktop laser printers have default settings for halftone frequencies based on printer resolution. Inkjet printers do not use halftone screens, but use a spray of ink. Imagesetters produce industry-standard halftones on negative film for use on commercial printing plates.
• • •
วันอังคารที่ 27 มีนาคม 2012
วันอังคารที่ 27 มีนาคม 2012
วันอังคารที่ 27 มีนาคม 2012
วันอังคารที่ 27 มีนาคม 2012
Line art and continuous-tone images can be in different forms: Reflective • Color or black and white photographs • Drawings, illustrations or paintings Transparent • Film negatives • Transparencies (35mm, 2-1/4, 4 x 5, 8 x 10) Digital • grayscale image files • RGB image files • CMYK image files
วันอังคารที่ 27 มีนาคม 2012
• Digital images
Object graphics ✦ Pixel graphics ✦
วันอังคารที่ 27 มีนาคม 2012
•
Object graphics ✦ consist of mathematically calculated curves and lines that create surfaces and shapes. ✦ object graphics can include simple curves, straight lines, circles, squares, typefaces and other graphic objects.
วันอังคารที่ 27 มีนาคม 2012
•
Object vs. Vector graphics
✦ Vector images are based on straight lines ✦ Object images are based on “bezier” curves
Bezier curves were named after a mathematician at the French car manufacturer, Renault.
วันอังคารที่ 27 มีนาคม 2012
• Object graphics
are based on a number of basic components:
✦ Outlines & Lines ✦ Fill ✦ Patterns ✦ Gradients ✦ Knockouts ✦ Superimposition & Transparency
วันอังคารที่ 27 มีนาคม 2012
• Advantages and Disadvantages of Object Graphics
+ + + + –
contain an unlimited number of colors can be rescaled without compromising image quality easy to edit without compromising quality donʼt take up a lot of memory cannot be used for photographic images
วันอังคารที่ 27 มีนาคม 2012
• Applications for object graphics Object graphics are created in illustration software: ✦ Adobe Illustrator ✦ Macromedia Freehand ✦ Flash
Pixel graphics can be converted to object graphics using: ✦ Adobe Streamline ✦ Freesoft Silhouette
วันอังคารที่ 27 มีนาคม 2012
•
File formats for object graphics
PDF + + + + + + + –
Can be opened by everyone Is the same for Mac and Windows Files use little memory Can include fonts Is managed like ordinary PDF files Can be protected with a password Can include ICC profile Cannot be managed by older layout programs
วันอังคารที่ 27 มีนาคม 2012
Illustrator AI + + + + –
Uses little memory Can use all editing features Can include fonts Can include ICC profiles Cannot be managed by all layout programs
วันอังคารที่ 27 มีนาคม 2012
•
Object graphics ✦ consist of mathematically calculated curves and lines that create surfaces and shapes. ✦ object graphics can include simple curves, straight lines, circles, squares, typefaces and other graphic objects.
วันอังคารที่ 27 มีนาคม 2012
•
Pixel graphics
✦ an image divided into tiny squares of color (pixels),
almost like a mosaic.
วันอังคารที่ 27 มีนาคม 2012
• Creation of pixel images
✦ scanned ✦ digitally photographed ✦ created directly on the computer
วันอังคารที่ 27 มีนาคม 2012
object graphic
วันอังคารที่ 27 มีนาคม 2012
pixel image
object graphic
pixel image
วันอังคารที่ 27 มีนาคม 2012
•
Applications for pixel graphics
✦ Adobe Photoshop ✦ Adobe Photoshop Elements ✦ Intellihance ✦ Photo Perfect ✦ Paintshop Pro ✦ Painter
วันอังคารที่ 27 มีนาคม 2012
•
Color modes of pixel images
Pixel-based images can be black and white or color and contain different numbers of color.
Line art composed of completely black and white ✦ no mid range tones ✦ the higher the resolution the better the print quality ✦
วันอังคารที่ 27 มีนาคม 2012
Grayscale ✦
composed of pixels in black, white and shades of gray
examples: black and white photos, marker drawings that contain mid-range tones but composed of a single color
วันอังคารที่ 27 มีนาคม 2012
Duotone tinted grayscale images ✦ made up of two printing inks ✦
วันอังคารที่ 27 มีนาคม 2012
‣ Grayscale image
วันอังคารที่ 27 มีนาคม 2012
Duotone image ‣ (Black+ Pantone 725CV )
วันอังคารที่ 27 มีนาคม 2012
วันอังคารที่ 27 มีนาคม 2012
Four color made up of C M Y K ✦ used to produce full color images in print ✦ takes up 33% more memory than the same image in RGB ✦
วันอังคารที่ 27 มีนาคม 2012
•
File formats for pixel-based images
PSD
+ primary function is image editing stage – cannot be compressed TIFF
+ tagged image file format + bitmaps, grayscale, RGB or CMYK images + can use LZW compression (lossless)
วันอังคารที่ 27 มีนาคม 2012
+ can be read by anyone + handles most color modes and functions + can be compressed to be quite small JPG
– compression and quality loss JPG 2000
+ evolved form JPG format + works for both web and print + better / higher quality of compressed image
วันอังคารที่ 27 มีนาคม 2012
•
Image compression
LZW Named after the scientists Lemple, Ziv and Welch is a lossless form of compression, which means: when compressed the image will not be ruined when used with RGB or CMYK images the file size will be about half
• •
note : this type of compression may cause problems for the printer.
วันอังคารที่ 27 มีนาคม 2012
วันอังคารที่ 27 มีนาคม 2012
ZIP
• also lossless • mainly used for images in or included in PDF format /file. JPG / JPEG The most common type of compression method. not a lossless form of compression actually removes information from the image
• •
วันอังคารที่ 27 มีนาคม 2012