จ่ัอสรดการหรือแสดงผลลั พธของกราฟ...
Transcript of จ่ัอสรดการหรือแสดงผลลั พธของกราฟ...
![Page 1: จ่ัอสรดการหรือแสดงผลลั พธของกราฟ กacademic.udru.ac.th/~samawan/content/02graphic.pdf · ในทางเรขาคณิ](https://reader033.fdocuments.in/reader033/viewer/2022060607/605c9e9499914857157a2bcc/html5/thumbnails/1.jpg)
![Page 2: จ่ัอสรดการหรือแสดงผลลั พธของกราฟ กacademic.udru.ac.th/~samawan/content/02graphic.pdf · ในทางเรขาคณิ](https://reader033.fdocuments.in/reader033/viewer/2022060607/605c9e9499914857157a2bcc/html5/thumbnails/2.jpg)
ความหมาย
“ภาพนิ่งที่เก็บไวในรูปดิจิตอลบนระบบคอมพิวเตอร”
![Page 3: จ่ัอสรดการหรือแสดงผลลั พธของกราฟ กacademic.udru.ac.th/~samawan/content/02graphic.pdf · ในทางเรขาคณิ](https://reader033.fdocuments.in/reader033/viewer/2022060607/605c9e9499914857157a2bcc/html5/thumbnails/3.jpg)
กราฟกถือเปนองคประกอบสําคัญของงานดานมัลติมีเดีย เพราะถูกนําไปใชงาน
ในหลายรูปแบบ
computer Graphic หมายถึง การใชเทคโนโลยีตางๆ ทั้งดานซอฟตแวรและฮารดแวรเพื่อสราง จัดการหรือแสดงผลลัพธของกราฟก
![Page 4: จ่ัอสรดการหรือแสดงผลลั พธของกราฟ กacademic.udru.ac.th/~samawan/content/02graphic.pdf · ในทางเรขาคณิ](https://reader033.fdocuments.in/reader033/viewer/2022060607/605c9e9499914857157a2bcc/html5/thumbnails/4.jpg)
หมายถึง “การสรางการเคลื่อนไหว” ดวยการนําภาพนิ่งมาเรียงลําดับกัน
และแสดงผลอยางตอเนื่อง ทําใหดวงตาเห็นเปนภาพที่มีการเคลื่อนไหวใน
ลักษณะภาพติดตา (Persistence of Vision)
![Page 5: จ่ัอสรดการหรือแสดงผลลั พธของกราฟ กacademic.udru.ac.th/~samawan/content/02graphic.pdf · ในทางเรขาคณิ](https://reader033.fdocuments.in/reader033/viewer/2022060607/605c9e9499914857157a2bcc/html5/thumbnails/5.jpg)
เมื่อตามนุษยมองเห็นภาพที่ฉายอยางตอเนื่อง เรตินาจะรักษาภาพนี้ไวใน
ระยะเวลาสั้นๆ ประมาณ 13 วินาที หากมีภาพอื่นแทรกเขามาระยะเวลา
ดังกลาว สมองของมนุษยจะเชื่องโยงภาพทั้งสองเขาดวยกันทําใหเห็นเปน
ภาพเคลื่อนไหวที่มีความตอเนื่องกัน
![Page 6: จ่ัอสรดการหรือแสดงผลลั พธของกราฟ กacademic.udru.ac.th/~samawan/content/02graphic.pdf · ในทางเรขาคณิ](https://reader033.fdocuments.in/reader033/viewer/2022060607/605c9e9499914857157a2bcc/html5/thumbnails/6.jpg)
แอนิเมชันจะใชหลักการเดียวกันกับวีดีโอ แตแอนิเมชันจะเปนการนําภาพวาด
หรือภาพการฟกตางๆมาใชในสรางภาพเคลื่อนไหว
แอนิเมชันสามารถนําไปประยุกตใชกับงานตางๆ ไดมากมาย เชน งาน
ภาพยนตร งานโทรทัศน งานพัฒนาเกมส งานสถาปตยกรรม งานกอสราง งาน
ดานวิทยาศาสตร หรืองานพัฒนาเว็บไซต เปนตน
![Page 7: จ่ัอสรดการหรือแสดงผลลั พธของกราฟ กacademic.udru.ac.th/~samawan/content/02graphic.pdf · ในทางเรขาคณิ](https://reader033.fdocuments.in/reader033/viewer/2022060607/605c9e9499914857157a2bcc/html5/thumbnails/7.jpg)
คือ “วิธีการดึงรูปแบบและเนื้อหาออกมารวมกัน”
คือ การถายทอดรูปแบบจากความคิดออกมาเปนผลงาน ที่ผูอื่นสามารถ
มองเห็น รับรู หรือสัมผัสได เพื่อใหมีความเขาใจในผลงานรวมกัน
คือ การลําดับความคิดหรือจินตนาการใหเปนขั้นตอน เพื่อนําไปสูการวางแผน
ในการแกปญหา
คือ กิจกรรมและพฤติกรรม ของมนุษยที่ตองใชสติปญญา
![Page 8: จ่ัอสรดการหรือแสดงผลลั พธของกราฟ กacademic.udru.ac.th/~samawan/content/02graphic.pdf · ในทางเรขาคณิ](https://reader033.fdocuments.in/reader033/viewer/2022060607/605c9e9499914857157a2bcc/html5/thumbnails/8.jpg)
การถายทอดความคิด จินตนาการของคนเรา แลวถายทอดออกมาเปนชิ้นงาน
หรือผลงานไดอยางเปนขั้นเปนตอน เพื่อแสดงใหผูอื่นสามารถมองเห็นรับรูหรือ
สัมผัสได และเปนที่เขาใจในผลงานรวมกัน
![Page 9: จ่ัอสรดการหรือแสดงผลลั พธของกราฟ กacademic.udru.ac.th/~samawan/content/02graphic.pdf · ในทางเรขาคณิ](https://reader033.fdocuments.in/reader033/viewer/2022060607/605c9e9499914857157a2bcc/html5/thumbnails/9.jpg)
การออกแบบเปนเหมือศิลปะอยางหนึ่งที่มีหลากหลายนิยาม เปนไดทั้งศิลปะ
เปนสุนทรียศาสตร เปนความเรียบงาย หรือเปนความโกหรู ฯลฯ
Graphic Design จะเนนไปที่ความสวยงาม มากกวาประโยชนใชสอยจริงๆ ตางจากเรื่องของอุตสาหกรรมหรือสถาปตยกรรมที่จะตองเนนไปในทาง
ประโยชนใชสอยในการทํางานดวย
![Page 10: จ่ัอสรดการหรือแสดงผลลั พธของกราฟ กacademic.udru.ac.th/~samawan/content/02graphic.pdf · ในทางเรขาคณิ](https://reader033.fdocuments.in/reader033/viewer/2022060607/605c9e9499914857157a2bcc/html5/thumbnails/10.jpg)
1. To Inform เพื่อบอกเลาเรื่องราวหรือใหรายละเอียดของสิ่งตางๆ เชน สัญลักษณ
2. To Identifyเพื่อแสดงถึงลักษณะของบุคคลหรือสิ่งใดสิ่งหนึ่ง – แสดงออกอยางมีเอกลักษณ
3. To Persuadeเพื่อโนมนาวหรือชักจูง – ขับเนนขอดีของสิ่งตางๆที่เราตองการสื่อสารออกไปสูผูอื่น
![Page 11: จ่ัอสรดการหรือแสดงผลลั พธของกราฟ กacademic.udru.ac.th/~samawan/content/02graphic.pdf · ในทางเรขาคณิ](https://reader033.fdocuments.in/reader033/viewer/2022060607/605c9e9499914857157a2bcc/html5/thumbnails/11.jpg)
1. จุด เสน ระนาบ
2. รปูราง รูปทรง ปริมาตร
3. Perspective4. พื้นผิว (Texture)5. ขนาด (Scale)6. สี (Color)
![Page 12: จ่ัอสรดการหรือแสดงผลลั พธของกราฟ กacademic.udru.ac.th/~samawan/content/02graphic.pdf · ในทางเรขาคณิ](https://reader033.fdocuments.in/reader033/viewer/2022060607/605c9e9499914857157a2bcc/html5/thumbnails/12.jpg)
จุด
มีมิติเปนศูนย ไมมีความกวาง ไมมีความยาว
เปนองคประกอบที่ไมสามารถแบงยอยลงไปไดอีก
จุดๆหนึ่งที่ปรากฏบนพื้นที่ถือเปนการกําหนดตําแหนง
จุดเมื่อเรียงตอเนื่องกันไปในทิศทางใดๆ จะกลายเปนเสน
![Page 13: จ่ัอสรดการหรือแสดงผลลั พธของกราฟ กacademic.udru.ac.th/~samawan/content/02graphic.pdf · ในทางเรขาคณิ](https://reader033.fdocuments.in/reader033/viewer/2022060607/605c9e9499914857157a2bcc/html5/thumbnails/13.jpg)
เสน
คือจุดที่ตอเนื่องกันในทางยาว
ความยาวของเสนทําหนาที่เปนขอบเขตของที่วาง ขอบเขตของรูปทรง
ในขั้นตน เสนมี 2 แบบคือ เสนตรงและเสนโคง แลวจึงพัฒนาออกไปเปนแบบตางๆ
เชนเสนฟนปลา เสนคลื่น
ในทางเรขาคณิต เสนถูกตกลงกันวามีแตความยาว ไมมีความกวาง
ในทางกราฟกเสนจะมีคุณสมบัติตางๆกันไป เชน อาจมีความหนา ความบาง ตาม
อุปกรณที่ใชเขียนเสนนั้นๆ
เมื่อเสนขยายตัวในทางหนามากขึ้น จะกลายเปนระนาบหรือพื้นผิว
![Page 14: จ่ัอสรดการหรือแสดงผลลั พธของกราฟ กacademic.udru.ac.th/~samawan/content/02graphic.pdf · ในทางเรขาคณิ](https://reader033.fdocuments.in/reader033/viewer/2022060607/605c9e9499914857157a2bcc/html5/thumbnails/14.jpg)
ระนาบ
พื้นผิวซึ่งขยายตัวออกในทางกวางและทางยาว
ระนาบหรือพื้นผิวที่แบนราบ เปนลักษณะของ 2 มิติ
ระนาบหรือพื้นผิวที่ถูกทําเปนรูปทรง เปนลักษณะของ 3 มิติ
![Page 15: จ่ัอสรดการหรือแสดงผลลั พธของกราฟ กacademic.udru.ac.th/~samawan/content/02graphic.pdf · ในทางเรขาคณิ](https://reader033.fdocuments.in/reader033/viewer/2022060607/605c9e9499914857157a2bcc/html5/thumbnails/15.jpg)
รูปราง เปนองคประกอบตอเนื่องมาจากเสนแบบตางๆ มาตอกันจนเปนรูปราง
แบบ 2 มิติ
มีความกวาง และความยาว(หรือความสูง)
รูปทรง เปนรูปรางที่มีมิติเพิ่มขึ้นมา กลายเปน 3 มิติ
มีความลึกเพิ่มเขามา
ปริมาตรเปนวัตถุทางกราฟกในแบบ 3 มิติ คือมีทั้งความกวาง ความยาว และ
ความลึก
เปนสวนมาเสริมทําใหรูปทรงมีนําหนัก เชน การทึบ การโปรงแสง
![Page 16: จ่ัอสรดการหรือแสดงผลลั พธของกราฟ กacademic.udru.ac.th/~samawan/content/02graphic.pdf · ในทางเรขาคณิ](https://reader033.fdocuments.in/reader033/viewer/2022060607/605c9e9499914857157a2bcc/html5/thumbnails/16.jpg)
เกิดจากการพยายามที่จะเลียนแบบสิ่งที่ตามนุษยมองเห็นคือ มีการเห็นระยะสิ่ง
ที่อยูขางหนาและขางหลัง ที่มีขนาดแตกตางกัน
![Page 17: จ่ัอสรดการหรือแสดงผลลั พธของกราฟ กacademic.udru.ac.th/~samawan/content/02graphic.pdf · ในทางเรขาคณิ](https://reader033.fdocuments.in/reader033/viewer/2022060607/605c9e9499914857157a2bcc/html5/thumbnails/17.jpg)
คือการถักทอลายบนพื้นหนาของสสาร
ชวยใหเขาใจหรือรับรูถึงธรรมชาติของสรรพสิ่ง
เปนลักษณะทางกายภาพหรือความรูสึกก็ได
พื้นผิวจะสรางอารมณและนําพาความรูสึกไปเชื่อมโยงกับประสบการณตางๆ
![Page 18: จ่ัอสรดการหรือแสดงผลลั พธของกราฟ กacademic.udru.ac.th/~samawan/content/02graphic.pdf · ในทางเรขาคณิ](https://reader033.fdocuments.in/reader033/viewer/2022060607/605c9e9499914857157a2bcc/html5/thumbnails/18.jpg)
เปนตัวกระทําการวัดสิ่งตางๆเพื่อชวยใหเราสามารถออกแบบใหเขากับวิถีชีวิต
ตามขนาดรางกายของมนุษย
สเกลขึ้นอยูกับบริบทที่มันตั้งอยู เชน ตัวอักษรที่พิมพอยูบนกระดาษ
สเกลจะใหความรูสึกที่แตกตางกันออกไป ขึ้นอยูกับวาเรากําลังเปรียบเทียบ
ขนาดของสิ่งใดกับสิ่งใด
![Page 19: จ่ัอสรดการหรือแสดงผลลั พธของกราฟ กacademic.udru.ac.th/~samawan/content/02graphic.pdf · ในทางเรขาคณิ](https://reader033.fdocuments.in/reader033/viewer/2022060607/605c9e9499914857157a2bcc/html5/thumbnails/19.jpg)
เปนตัวแทนของการแสดงอารมณ
นักออกแบบจะใชสีเพื่อสื่อความรูสึกของสิ่งที่ตนตองการจะแสดงออกมา
คุณลักษณะของสี
สีคือแสงที่มีความถี่ของคลื่น ในขนาดที่ตามนุษยสัมผัสได
![Page 20: จ่ัอสรดการหรือแสดงผลลั พธของกราฟ กacademic.udru.ac.th/~samawan/content/02graphic.pdf · ในทางเรขาคณิ](https://reader033.fdocuments.in/reader033/viewer/2022060607/605c9e9499914857157a2bcc/html5/thumbnails/20.jpg)
![Page 21: จ่ัอสรดการหรือแสดงผลลั พธของกราฟ กacademic.udru.ac.th/~samawan/content/02graphic.pdf · ในทางเรขาคณิ](https://reader033.fdocuments.in/reader033/viewer/2022060607/605c9e9499914857157a2bcc/html5/thumbnails/21.jpg)