53
Graphic Print Production Image Creation 1 การใชภาพในงานออกแบบสิ่งพิมพ Image Creation 2 การเตรียมภาพสำหรับการพิมพ COPYRIGHT©Soamparnee 2012 วันอังคารที่ 27 มีนาคม 2012

Image Creation 1

Embed Size (px)

DESCRIPTION

COPYRIGHT©Soamparnee 2012 Image Creation 1 การใช ภ าพในงานออกแบบสิ ่ ง พิ ม พ Image Creation 2 การเตรี ย มภาพสำหรั บ การพิ ม พ วันอังคารที่ 27 มีนาคม 2012 Creative Production Industrial Production Idea & Concept Logistics วันอังคารที่ 27 มีนาคม 2012 COPYRIGHT©Soamparnee 2012 การใช ภ าพในงานออกแบบสิ ่ ง พิ ม พ วันอังคารที่ 27 มีนาคม 2012 “A picture says a thousand words” สุภาษิตจีน วันอังคารที่ 27 มีนาคม 2012 สิ ่ ง ที ่ น ั ก ออกแบบต อ งรู  วันอังคารที่ 27 มีนาคม 2012

Citation preview

GraphicPrint Production

Image Creation 1การใชภาพในงานออกแบบสิ่งพิมพ

Image Creation 2การเตรียมภาพสำหรับการพิมพ

COPYRIGHT©Soamparnee 2012วันอังคารที่ 27 มีนาคม 2012

Graphic Print Production FlowIdea &

Concept

CreativeProduction

IndustrialProduction

Logistics

‣ Strategic work‣ Creative work

‣ Images & Text‣ Layout

‣ Prepress‣ Printing‣ Finishing & Binding

‣ Distribution

วันอังคารที่ 27 มีนาคม 2012

Image Creation 1การใชภาพในงานออกแบบสิ่งพิมพ

COPYRIGHT©Soamparnee 2012วันอังคารที่ 27 มีนาคม 2012

Using an image is the simplestand quickest way to convey a message,

even a complicated one.

“A picture says a thousand words”สุภาษิตจีน

วันอังคารที่ 27 มีนาคม 2012

• Type of images• Digital images• Image file formats• Image & color• Preparing images for print

สิ่งที่นักออกแบบตองรู

วันอังคารที่ 27 มีนาคม 2012

What is images?

•Photograph•Collage• Illustration•Technical Drawing•Computer Graphic•Logo, Symbol, Icon•Diagram, Chart, Graph•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 = OriginalB = ScreenC = Negative filmD = Halftone print

วันอังคารที่ 27 มีนาคม 2012

original halftone print

วันอังคารที่ 27 มีนาคม 2012

Halftones are generated bythe 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 Disadvantagesof 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

pixel imageobject graphic

วันอังคารที่ 27 มีนาคม 2012

pixel image

object graphic

วันอังคารที่ 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 ‣ Duotone image (Black+ Pantone 725CV )

วันอังคารที่ 27 มีนาคม 2012

วันอังคารที่ 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

PDF+ can be read by anyone+ handles most color modes and functions+ can be compressed to be quite small

JPG– compression and quality lossJPG 2000+ evolved form JPG format+ works for both web and print+ better / higher quality of compressed image

วันอังคารที่ 27 มีนาคม 2012

• Image compression

LZWNamed 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 / JPEGThe most common type of compression method.• not a lossless form of compression• actually removes information from the image

วันอังคารที่ 27 มีนาคม 2012