จ่ัอสรดการหรือแสดงผลลั พธของกราฟ...

21

Transcript of จ่ัอสรดการหรือแสดงผลลั พธของกราฟ...

Page 1: จ่ัอสรดการหรือแสดงผลลั พธของกราฟ กacademic.udru.ac.th/~samawan/content/02graphic.pdf · ในทางเรขาคณิ
Page 2: จ่ัอสรดการหรือแสดงผลลั พธของกราฟ กacademic.udru.ac.th/~samawan/content/02graphic.pdf · ในทางเรขาคณิ

ความหมาย

“ภาพนิ่งที่เก็บไวในรูปดิจิตอลบนระบบคอมพิวเตอร”

Page 3: จ่ัอสรดการหรือแสดงผลลั พธของกราฟ กacademic.udru.ac.th/~samawan/content/02graphic.pdf · ในทางเรขาคณิ

กราฟกถือเปนองคประกอบสําคัญของงานดานมัลติมีเดีย เพราะถูกนําไปใชงาน

ในหลายรูปแบบ

computer Graphic หมายถึง การใชเทคโนโลยีตางๆ ทั้งดานซอฟตแวรและฮารดแวรเพื่อสราง จัดการหรือแสดงผลลัพธของกราฟก

Page 4: จ่ัอสรดการหรือแสดงผลลั พธของกราฟ กacademic.udru.ac.th/~samawan/content/02graphic.pdf · ในทางเรขาคณิ

หมายถึง “การสรางการเคลื่อนไหว” ดวยการนําภาพนิ่งมาเรียงลําดับกัน

และแสดงผลอยางตอเนื่อง ทําใหดวงตาเห็นเปนภาพที่มีการเคลื่อนไหวใน

ลักษณะภาพติดตา (Persistence of Vision) 

Page 5: จ่ัอสรดการหรือแสดงผลลั พธของกราฟ กacademic.udru.ac.th/~samawan/content/02graphic.pdf · ในทางเรขาคณิ

เมื่อตามนุษยมองเห็นภาพที่ฉายอยางตอเนื่อง เรตินาจะรักษาภาพนี้ไวใน

ระยะเวลาสั้นๆ ประมาณ 13 วินาที หากมีภาพอื่นแทรกเขามาระยะเวลา

ดังกลาว สมองของมนุษยจะเชื่องโยงภาพทั้งสองเขาดวยกันทําใหเห็นเปน

ภาพเคลื่อนไหวที่มีความตอเนื่องกัน

Page 6: จ่ัอสรดการหรือแสดงผลลั พธของกราฟ กacademic.udru.ac.th/~samawan/content/02graphic.pdf · ในทางเรขาคณิ

แอนิเมชันจะใชหลักการเดียวกันกับวีดีโอ แตแอนิเมชันจะเปนการนําภาพวาด

หรือภาพการฟกตางๆมาใชในสรางภาพเคลื่อนไหว

แอนิเมชันสามารถนําไปประยุกตใชกับงานตางๆ ไดมากมาย เชน งาน

ภาพยนตร งานโทรทัศน งานพัฒนาเกมส งานสถาปตยกรรม งานกอสราง งาน

ดานวิทยาศาสตร หรืองานพัฒนาเว็บไซต เปนตน

Page 7: จ่ัอสรดการหรือแสดงผลลั พธของกราฟ กacademic.udru.ac.th/~samawan/content/02graphic.pdf · ในทางเรขาคณิ

คือ “วิธีการดึงรูปแบบและเนื้อหาออกมารวมกัน”

คือ การถายทอดรูปแบบจากความคิดออกมาเปนผลงาน ที่ผูอื่นสามารถ

มองเห็น รับรู หรือสัมผัสได เพื่อใหมีความเขาใจในผลงานรวมกัน

คือ การลําดับความคิดหรือจินตนาการใหเปนขั้นตอน เพื่อนําไปสูการวางแผน

ในการแกปญหา

คือ กิจกรรมและพฤติกรรม ของมนุษยที่ตองใชสติปญญา

Page 8: จ่ัอสรดการหรือแสดงผลลั พธของกราฟ กacademic.udru.ac.th/~samawan/content/02graphic.pdf · ในทางเรขาคณิ

การถายทอดความคิด จินตนาการของคนเรา แลวถายทอดออกมาเปนชิ้นงาน

หรือผลงานไดอยางเปนขั้นเปนตอน เพื่อแสดงใหผูอื่นสามารถมองเห็นรับรูหรือ

สัมผัสได และเปนที่เขาใจในผลงานรวมกัน

Page 9: จ่ัอสรดการหรือแสดงผลลั พธของกราฟ กacademic.udru.ac.th/~samawan/content/02graphic.pdf · ในทางเรขาคณิ

การออกแบบเปนเหมือศิลปะอยางหนึ่งที่มีหลากหลายนิยาม เปนไดทั้งศิลปะ

เปนสุนทรียศาสตร เปนความเรียบงาย หรือเปนความโกหรู ฯลฯ

Graphic Design จะเนนไปที่ความสวยงาม มากกวาประโยชนใชสอยจริงๆ ตางจากเรื่องของอุตสาหกรรมหรือสถาปตยกรรมที่จะตองเนนไปในทาง

ประโยชนใชสอยในการทํางานดวย

Page 10: จ่ัอสรดการหรือแสดงผลลั พธของกราฟ กacademic.udru.ac.th/~samawan/content/02graphic.pdf · ในทางเรขาคณิ

1. To Inform เพื่อบอกเลาเรื่องราวหรือใหรายละเอียดของสิ่งตางๆ เชน สัญลักษณ

2. To Identifyเพื่อแสดงถึงลักษณะของบุคคลหรือสิ่งใดสิ่งหนึ่ง – แสดงออกอยางมีเอกลักษณ

3. To Persuadeเพื่อโนมนาวหรือชักจูง – ขับเนนขอดีของสิ่งตางๆที่เราตองการสื่อสารออกไปสูผูอื่น

Page 11: จ่ัอสรดการหรือแสดงผลลั พธของกราฟ กacademic.udru.ac.th/~samawan/content/02graphic.pdf · ในทางเรขาคณิ

1. จุด เสน ระนาบ

2. รปูราง รูปทรง ปริมาตร

3. Perspective4. พื้นผิว (Texture)5. ขนาด (Scale)6. สี (Color)

Page 12: จ่ัอสรดการหรือแสดงผลลั พธของกราฟ กacademic.udru.ac.th/~samawan/content/02graphic.pdf · ในทางเรขาคณิ

จุด

มีมิติเปนศูนย ไมมีความกวาง ไมมีความยาว

เปนองคประกอบที่ไมสามารถแบงยอยลงไปไดอีก

จุดๆหนึ่งที่ปรากฏบนพื้นที่ถือเปนการกําหนดตําแหนง

จุดเมื่อเรียงตอเนื่องกันไปในทิศทางใดๆ จะกลายเปนเสน

Page 13: จ่ัอสรดการหรือแสดงผลลั พธของกราฟ กacademic.udru.ac.th/~samawan/content/02graphic.pdf · ในทางเรขาคณิ

เสน

คือจุดที่ตอเนื่องกันในทางยาว

ความยาวของเสนทําหนาที่เปนขอบเขตของที่วาง ขอบเขตของรูปทรง

ในขั้นตน เสนมี 2 แบบคือ เสนตรงและเสนโคง แลวจึงพัฒนาออกไปเปนแบบตางๆ

เชนเสนฟนปลา เสนคลื่น

ในทางเรขาคณิต เสนถูกตกลงกันวามีแตความยาว ไมมีความกวาง

ในทางกราฟกเสนจะมีคุณสมบัติตางๆกันไป เชน อาจมีความหนา ความบาง ตาม

อุปกรณที่ใชเขียนเสนนั้นๆ

เมื่อเสนขยายตัวในทางหนามากขึ้น จะกลายเปนระนาบหรือพื้นผิว

Page 14: จ่ัอสรดการหรือแสดงผลลั พธของกราฟ กacademic.udru.ac.th/~samawan/content/02graphic.pdf · ในทางเรขาคณิ

ระนาบ

พื้นผิวซึ่งขยายตัวออกในทางกวางและทางยาว

ระนาบหรือพื้นผิวที่แบนราบ เปนลักษณะของ 2 มิติ

ระนาบหรือพื้นผิวที่ถูกทําเปนรูปทรง เปนลักษณะของ 3 มิติ

Page 15: จ่ัอสรดการหรือแสดงผลลั พธของกราฟ กacademic.udru.ac.th/~samawan/content/02graphic.pdf · ในทางเรขาคณิ

รูปราง เปนองคประกอบตอเนื่องมาจากเสนแบบตางๆ มาตอกันจนเปนรูปราง

แบบ 2 มิติ

มีความกวาง และความยาว(หรือความสูง)

รูปทรง เปนรูปรางที่มีมิติเพิ่มขึ้นมา กลายเปน 3 มิติ

มีความลึกเพิ่มเขามา

ปริมาตรเปนวัตถุทางกราฟกในแบบ 3 มิติ คือมีทั้งความกวาง ความยาว และ

ความลึก

เปนสวนมาเสริมทําใหรูปทรงมีนําหนัก เชน การทึบ การโปรงแสง

Page 16: จ่ัอสรดการหรือแสดงผลลั พธของกราฟ กacademic.udru.ac.th/~samawan/content/02graphic.pdf · ในทางเรขาคณิ

เกิดจากการพยายามที่จะเลียนแบบสิ่งที่ตามนุษยมองเห็นคือ มีการเห็นระยะสิ่ง

ที่อยูขางหนาและขางหลัง ที่มีขนาดแตกตางกัน

Page 17: จ่ัอสรดการหรือแสดงผลลั พธของกราฟ กacademic.udru.ac.th/~samawan/content/02graphic.pdf · ในทางเรขาคณิ

คือการถักทอลายบนพื้นหนาของสสาร

ชวยใหเขาใจหรือรับรูถึงธรรมชาติของสรรพสิ่ง

เปนลักษณะทางกายภาพหรือความรูสึกก็ได

พื้นผิวจะสรางอารมณและนําพาความรูสึกไปเชื่อมโยงกับประสบการณตางๆ

Page 18: จ่ัอสรดการหรือแสดงผลลั พธของกราฟ กacademic.udru.ac.th/~samawan/content/02graphic.pdf · ในทางเรขาคณิ

เปนตัวกระทําการวัดสิ่งตางๆเพื่อชวยใหเราสามารถออกแบบใหเขากับวิถีชีวิต

ตามขนาดรางกายของมนุษย

สเกลขึ้นอยูกับบริบทที่มันตั้งอยู เชน ตัวอักษรที่พิมพอยูบนกระดาษ

สเกลจะใหความรูสึกที่แตกตางกันออกไป ขึ้นอยูกับวาเรากําลังเปรียบเทียบ

ขนาดของสิ่งใดกับสิ่งใด

Page 19: จ่ัอสรดการหรือแสดงผลลั พธของกราฟ กacademic.udru.ac.th/~samawan/content/02graphic.pdf · ในทางเรขาคณิ

เปนตัวแทนของการแสดงอารมณ

นักออกแบบจะใชสีเพื่อสื่อความรูสึกของสิ่งที่ตนตองการจะแสดงออกมา

คุณลักษณะของสี

สีคือแสงที่มีความถี่ของคลื่น ในขนาดที่ตามนุษยสัมผัสได

Page 20: จ่ัอสรดการหรือแสดงผลลั พธของกราฟ กacademic.udru.ac.th/~samawan/content/02graphic.pdf · ในทางเรขาคณิ
Page 21: จ่ัอสรดการหรือแสดงผลลั พธของกราฟ กacademic.udru.ac.th/~samawan/content/02graphic.pdf · ในทางเรขาคณิ