vector & raster

24
VECTOR GRAPHIC RASTOR GRAPHIC & © Gorilla Co., Ltd. All rights reserved. Reproduction in whole or in part is forbidden without prior written consent of the copyright holder.

Upload: wisit-n

Post on 03-Mar-2016

239 views

Category:

Documents


0 download

DESCRIPTION

workshop vector & raster

TRANSCRIPT

Page 1: vector & raster

VECTOR GRAPHIC RASTOR GRAPHIC &

© Gorilla Co., Ltd. All rights reserved. 

Reproduction in whole or in part is forbidden without prior written consent of the copyright holder.

Page 2: vector & raster

© Gorilla Co., Ltd. All rights reserved. 

Reproduction in whole or in part is forbidden without prior written consent of the copyright holder.

กราฟกแบบ Raster Raster เปนภาพแบบ Resolution Dependent ประกอบขึ้นดวยจุดสีตางๆ ที่มีจำนวนคงที่ตายตัว ตามการสรางภาพที่มี Resolution หรือความละเอียดของภาพตางกันไป หากขยายภาพ Raster จะเห็นวามีลักษณะเปนตารางเล็กๆ ซึ่งแตละบิตคือสวนหนึ่งของขอมูลคอมพิวเตอร เนื่องจาก Raster มีคา Pixel จำนวนคงที่จึงทำใหมีขอจำกัดในเรื่องการขยายขนาดภาพ การเปลี่ยน ขนาดภาพทำโดยเพิ่มหรือลด Pixel จากที่มีอยูเดิม เมื่อขยายภาพใหใหญขึ้น ความละเอียดของภาพ จึงลดลง และถาเพิ่มคาความละเอียดมากขึ้นก็จะทำใหไฟลมีขนาดใหญ และเปลืองเนื้อที่ หนวยความจำ มากขึ้นตามไปดวย ภาพที่ขยายโตขึ้นจะมองเห็นเปนตารางสี่เหลี่ยมเรียงตอกัน ทำใหขาดความสวยงาม ภาพแบบ Raster จึงเหมาะสำหรับงานกราฟกในแบบที่ตองการใหแสงเงา ในรายละเอียดเปนไฟล ที่เหมาะกับการทำงานกับภาพเหมือนจริง ประเภทภาพถาย เพราะ Raster มี Channel พิเศษ เรียกวา Alpha Channel ซึ่งเปน 32 bit หรือ true color คือสีสมจริง เชน ภาพที่นำมาใชกับ PhotoShop จะเปนภาพเหมือน ภาพถาย เพราะไฟลที่ไดจาก PhotoShop เปน Raster ในขณะ ที่ไฟลที่สรางจาก Illustrator จะเหมือนการตูน หรือภาพเขียน เพราะเปนไฟลแบบ Vector นอกจากนี้ ยังเหมาะสำหรับภาพที่ตองการระบายสี สรางสี หรือกำหนดสีที่ตองการความละเอียด และสวยงาม

Page 3: vector & raster

© Gorilla Co., Ltd. All rights reserved. 

Reproduction in whole or in part is forbidden without prior written consent of the copyright holder.

กราฟกแบบ Vector Vector เปนภาพประเภท Resolution-Independent มีลักษณะของการสรางใหแตละสวนเปนอิสระ ตอกัน โดยแยกชิ้นสวนของภาพทั้งหมดออกเปนเสนตรง รูปทรงหรือสวนโคง โดยอางอิงตาม ความสัมพันธทางคณิตศาสตรหรือการคำนวณเปนตัวสรางภาพ เปนการรวมเอา Object (เชน วงกลม เสนตรง ทรงกลม ลูกบาศกและอื่นๆ เรียกวารูปทรงพื้นฐาน) ตางชนิดมาผสมกัน มีทิศทางการลากเสนไปในแนวตางๆ เพื่อสรางภาพที่แตกตางกันโดยใชคำสั่งงายๆ จึงเรียกภาพประเภทนี้ วา Vector Graphic หรือ Object Oriented ลักษณะเดนของ Vector คือ สามารถยืดหรือหดภาพเทาใดก็ได โดยที่ภาพจะไมแตก ความละเอียด ของภาพไมเปลี่ยนแปลง คงคุณภาพของภาพไวไดเหมือนเดิม และยังสามารถขยายเฉพาะความกวาง หรือความสูง เพื่อใหมองเห็นเปนภาพผอมหรืออวนกวาภาพเดิมไดดวย และไฟลมีขนาดเล็กกวาภาพ Bitmap ภาพแบบ Vector จึงเหมาะสำหรับงานแบบวาง Layout งานพิมพตัวอักษร Line Art หรือ Illustration ในกรณีที่โปรแกรมที่ใชงานอยูไมสามารถอานไฟลแบบ Vector ตนฉบับได วิธีที่ดีที่สุดก็คือ บันทึกไฟลเปนนามสกุล .EPS (Encapsulated Postscript) ไฟลประเภทนี้สรางขึ้นจาก Vector ซึ่งทำใหมีคุณสมบัติเปนแบบ Vector นอกจากนี้เราสามารถบันทึกไฟล Raster ใหเปนแบบ EPS ได เนื่องจากโปรแกรมกราฟกทุกประเภทลวนสนับสนุน ไฟลแบบ EPS ทั้งสิ้น

Page 4: vector & raster

© Gorilla Co., Ltd. All rights reserved. 

Reproduction in whole or in part is forbidden without prior written consent of the copyright holder.

Vector 1. ใช สมการทางคณิตศาสตร เป นต ัว สรางภาพ โดยรวมเอา Object (เชน วงกลม เสนตรง) ตางชนิดมาผสมกัน 2. ส า ม า ร ถ ย อ แ ล ะ ข ย า ย ข น า ด ไ ด มากกวา โดยสัดสวนและลักษณะของภาพ ย ัง เหม ือน เด ิมความละ เอ ียดของภาพไม เปลี่ยนแปลง 3. เหมาะสำหรับงานแบบวาง Layout งานพิมพตัวอักษร Line Art หรือ Illustration 4. คอมพิวเตอรจะใช เวลาในการแสดง ภาพ มากกวาเนื ่องจากตองทำตามคำสั ่ง ที่มีจำนวนมากกวา

ความแตกตางระหวางกราฟกแบบ Raster และ VectorRaster 1. ลักษณะภาพประกอบขึ้นดวยจุดตางๆ มากมาย 2. ภาพมีจำนวนพิกเซลคงที่จึงตองการ ค าความละ เอ ียดมากข ึ ้ น เม ื ่ อขยายภาพ โดยจะคำนวณคาสีทีละ pixels ทำใหภาพแตก เมื่อขยายภาพใหใหญ 3. เหมาะสำหรับงานกราฟก ในแบบ ตองการ ใหแสงเงาในรายละเอียด 4. แสดงภาพบนจอทันที เมื่อรับคำสั่ง ย ายข อม ูลจากหน วยความจำท ี ่ เก ็บภาพ ไปยังหนวยความจำของจอภาพ

Page 5: vector & raster

© Gorilla Co., Ltd. All rights reserved. 

Reproduction in whole or in part is forbidden without prior written consent of the copyright holder.

Raster Vector

Page 6: vector & raster

© Gorilla Co., Ltd. All rights reserved. 

Reproduction in whole or in part is forbidden without prior written consent of the copyright holder.

โปรแกรมหลักที่ใชในงานออกแบบ

Photoshop CS2 Illustrator CS2

Adobe IllustratorAdobe Photoshop

Photoshop CS3 Illustrator CS3

Photoshop CS4 Illustrator CS4

Page 7: vector & raster

© Gorilla Co., Ltd. All rights reserved. 

Reproduction in whole or in part is forbidden without prior written consent of the copyright holder.

Photoshop

Illustrator

.jpeg (raster)

.psd (raster)

.tiff (raster)

.png (raster)

.eps (vector)

.bmp (raster)

.raw (raster)

.gif (raster)

.pdf

.ai (vector)

.eps (vector)

.pdf

.ai (vector)

.eps (vector)

.pdf

.jpeg (raster)

.psd (raster)

.tiff (raster)

.png (raster)

.eps (vector)

.bmp (raster)

.raw (raster)

.gif (raster)

Input Output

Page 8: vector & raster

© Gorilla Co., Ltd. All rights reserved. 

Reproduction in whole or in part is forbidden without prior written consent of the copyright holder.

ขั้นตอนวิธีการทำงาน

Photoshop Illustrator

.jpeg file

link Artwork.psd file

.tiff file

Page 9: vector & raster

© Gorilla Co., Ltd. All rights reserved. 

Reproduction in whole or in part is forbidden without prior written consent of the copyright holder.

Photographer Retoucher Graphic Design Artwork Production

Page 10: vector & raster

© Gorilla Co., Ltd. All rights reserved. 

Reproduction in whole or in part is forbidden without prior written consent of the copyright holder.

20,000 10,000 10,000 3,000-6,000 xx,xxx

Photographer Retoucher Graphic Design Artwork Production

Page 11: vector & raster

© Gorilla Co., Ltd. All rights reserved. 

Reproduction in whole or in part is forbidden without prior written consent of the copyright holder.

20,000 10,000 10,000 3,000-6,000 xx,xxx

Photographer Retoucher Graphic Design Artwork Production

PHOTOGRAPHER

Page 12: vector & raster

© Gorilla Co., Ltd. All rights reserved. 

Reproduction in whole or in part is forbidden without prior written consent of the copyright holder.

20,000 10,000 10,000 3,000-6,000 xx,xxx

Photographer Retoucher Graphic Design Artwork Production

Retoucher

Page 13: vector & raster

© Gorilla Co., Ltd. All rights reserved. 

Reproduction in whole or in part is forbidden without prior written consent of the copyright holder.

20,000 10,000 10,000 3,000-6,000 xx,xxx

Photographer Retoucher Graphic Design Artwork Production

Graphic Design

Page 14: vector & raster

© Gorilla Co., Ltd. All rights reserved. 

Reproduction in whole or in part is forbidden without prior written consent of the copyright holder.

20,000 10,000 10,000 3,000-6,000 xx,xxx

Photographer Retoucher Graphic Design Artwork Production

Artwork

Page 15: vector & raster

© Gorilla Co., Ltd. All rights reserved. 

Reproduction in whole or in part is forbidden without prior written consent of the copyright holder.

20,000 10,000 10,000 3,000-6,000 xx,xxx

Photographer Retoucher Graphic Design Artwork Production

Production

Page 16: vector & raster

Photographer

© Gorilla Co., Ltd. All rights reserved. 

Reproduction in whole or in part is forbidden without prior written consent of the copyright holder.

Page 17: vector & raster

Retoucher

© Gorilla Co., Ltd. All rights reserved. 

Reproduction in whole or in part is forbidden without prior written consent of the copyright holder.

Page 18: vector & raster

Graphic Design

© Gorilla Co., Ltd. All rights reserved. 

Reproduction in whole or in part is forbidden without prior written consent of the copyright holder.

HAPPY

Page 19: vector & raster

HAPPYArtwork

© Gorilla Co., Ltd. All rights reserved. 

Reproduction in whole or in part is forbidden without prior written consent of the copyright holder.

Page 20: vector & raster

Production

© Gorilla Co., Ltd. All rights reserved. 

Reproduction in whole or in part is forbidden without prior written consent of the copyright holder.

Page 21: vector & raster

© Gorilla Co., Ltd. All rights reserved. Reproduction in whole or in part is forbidden without prior written consent of the copyright holder.

DESIGNLAYOUT or L/O

ARTWORK or A/W

Page 22: vector & raster

© Gorilla Co., Ltd. All rights reserved. 

Reproduction in whole or in part is forbidden without prior written consent of the copyright holder.

DESIGN

Page 23: vector & raster

© Gorilla Co., Ltd. All rights reserved. 

Reproduction in whole or in part is forbidden without prior written consent of the copyright holder.

LAYOUT or L/O

Page 24: vector & raster

© Gorilla Co., Ltd. All rights reserved. 

Reproduction in whole or in part is forbidden without prior written consent of the copyright holder.

ARTWORK or A/W