Modern Multimedia Presentation Techniques - Chapter 5
•
0 likes•49 views
เทคนิคการตกแต่งสื่อประเภทภาพ
Recommended
More Related Content
Similar to Modern Multimedia Presentation Techniques - Chapter 5
Similar to Modern Multimedia Presentation Techniques - Chapter 5 (20)
More from aj.mapling
More from aj.mapling (10)
Modern Multimedia Presentation Techniques - Chapter 5
- 2. 5.1 ประเภทของภาพ 5.2 การใช้สีในการออกแบบภาพ 5.3 หลักการออกแบบภาพ 5.4 คุณสมบัติของสื่อประเภทภาพ 5.5 รูปแบบไฟล์ภาพ บทที่ 5 เทคนิคการตกแต่งสื่อประเภทภาพ
- 3. 3 ภาพเวคเตอร์ (Vector) ภาพบิตแมป (Bitmap) หรือ ภาพราสเตอร์ (Raster) ประเภทของภาพ
- 4. 4 ภาพเวคเตอร์ (Vector) ประเภทของภาพ ประมวลผลโดยอาศัยหลักการคานวณ ทางคณิตศาสตร์ ขนาดของภาพ จะไม่ขึ้นกับความ ละเอียด นั่นคือ เมื่อขยายภาพ คุณภาพจะไม่ลดลง ยังคงความละเอียดและความคมชัด
- 5. 5 ภาพบิตแมป หรือราสเตอร์ ประเภทของภาพ เกิดจากการเรียงตัวของจุดสี่เหลี่ยม เล็ก ๆ ที่เรียกว่า พิกเซล (Pixel) เมื่อขยายภาพให้ใหญ่ขึ้น จะทาให้ ความละเอียดของภาพลดลง และถ้าเพิ่มค่าความละเอียดมากขึ้น ก็จะทาให้ไฟล์มีขนาดใหญ่ และเปลืองเนื้อที่ หน่วยความจามากขึ้นตามไปด้วย
- 15. 15 ตัวอย่าง : ใช้เทคนิค 60-30-10 ใช้สัดส่วน 60% เป็นสีที่โดดเด่น 30% เป็นสีรอง 10% เป็นสีที่ถูกเน้น
- 23. 2. สื่อความหมายได้ชัดเจน 23 “ในเรื่องใดเรื่องหนึ่ง” หลักการออกแบบภาพ มองดูอดีต แล้วสุดขีดกับปัจจุบัน
- 24. 2. สื่อความหมายได้ชัดเจน 24 “ในเรื่องใดเรื่องหนึ่ง” หลักการออกแบบภาพ คุณมองเห็นอะไรในภาพ ? “กีฬา” “หัวใจ”
- 28. 4. ใช้วัสดุ หรือองค์ประกอบ ให้เหมาะสมและมีคุณค่า กับภาพ 28 “วางโครงร่าง ให้ตรงกับวัตถุประสงค์” หลักการออกแบบภาพ ยกตัวอย่าง : เขียนบท ฉาก องค์ประกอบฉาก ต้องสัมพันธ์กัน 1. ฉาก-เวลา - สถานที่ เหตุการณ์ กลางวัน กลางคืน ภายนอก ภายใน ใช้สถานที่จริง / สตูดิโอ / สถานที่จาลอง - อุปกรณ์ประกอบ ต้องสอดคล้องกับเรื่องราว / สื่อความหมาย / สะท้อนวัฒนธรรม / เป็นส่วนหนึ่งของเนื้อหา 2. ตัวละคร ตาแหน่งการแสดง / แอ็คชั่น / เสื้อผ้า หน้า ผม 3. แสง-เงา-สี โทนสีมืด / สว่าง / เข้ม / จาง
- 29. การนาไปใช้งาน 29 คุณสมบัติของสื่อประเภทภาพ ขนาดความละเอียด ระบบสี รูปแบบไฟล์ ต้องคานึงถึง อะไรบ้าง
- 30. คานึงถึง .. 30 คุณสมบัติของสื่อประเภทภาพ ความละเอียด 300 pixel/inch สาหรับงานสื่อสิ่งพิมพ์ 72-100 pixel/inch สาหรับงานนาเสนอบนหน้าจอ
- 31. คานึงถึง .. 31 คุณสมบัติของสื่อประเภทภาพ ขนาด กว้างเท่าไหร่? สูงเท่าไหร่? หน่วยวัดเป็นอะไร? ▪ พิกเซล ▪ เซนติเมตร ▪ นิ้ว ▪ เมตร
- 33. คานึงถึง .. 33 คุณสมบัติของสื่อประเภทภาพ รูปแบบไฟล์ รูปแบบไฟล์ภาพ หรือ File Format จะต้องเลือกเพื่อให้เหมาะสม กับการใช้งาน
- 34. ไฟล์นามสกุล .. 34 รูปแบบไฟล์ภาพ BMP (.bmp) ไฟล์ชนิดไฟล์นี้แสดงผลได้ถึง 16.7 ล้านสี บันทึกได้ทั้งโหมด RGB, Index Color, Grayscale และ Bitmap เป็นมาตรฐานของ Microsoft windows สามารถเปิดใช้งานได้หลายโปรแกรม แต่คุณภาพจะสู้รูปแบบ JPEG ไม่ได้ จึงเหมาะสาหรับงานกราฟิกในแบบที่ต้องการให้แสงเงาใน รายละเอียด เป็นไฟล์ที่เหมาะกับการทางานกับภาพเหมือนจริงประเภท ภาพถ่าย เพราะ Bitmap มี Channel พิเศษ เรียกว่า Alpha Channel ซึ่งเป็น 32 bit หรือ true color คือสีสมจริง
- 35. 35 TIFF (.tif) นามสกุลที่มีความยืดหยุ่นและคุณภาพสูงสุดขีด บันทึกแบบ Cross- platform จัดเก็บภาพได้ทั้งโหมด Grayscale Index Color, RGB และ CMYK เปิดได้ทั้งบนเครื่อง Mac และ PC เหมาะสมเป็นอย่างยิ่งใน วงการสื่อสิ่งพิมพ์ ไฟล์นามสกุล .. รูปแบบไฟล์ภาพ
- 36. 36 EPS (.eps) นามสกุลที่ใช้เปิดในโปรแกรม Illustrator สนับสนุนการสร้าง Path หรือ Clipping Path บันทึกได้ทั้ง Vector และ Raster สนับสนุนโหมด Lab, CMYK, RGB, Index Color, Duotone และ Bitmap เหมาะ สาหรับงานกราฟิกที่ต้องการความละเอียดสูง ไฟล์นามสกุล .. รูปแบบไฟล์ภาพ
- 37. 37 *.psd หรือ Photoshop file คือ คือนามสกุลไฟล์ของโปรแกรม photoshop โดยฉพาะ ประโยชน์ของไฟล์ psd คือมันจะทาการบันทึกแบบแยกเลเยอร์ และประวัติ การทางาน อย่างเช่นรายละเอียดการตกแต่งภาพของเรา ว่าได้ทาการเปลี่ยนแปลง และตกแต่งอะไรบ้าง เก็บเอาไว้ให้ แต่มีข้อจากัดคือไฟล์มีขนาดใหญ่เมื่อเทียบกับไฟล์ รูปภาพประเภทอื่น เช่น JPEG และ PNG เป็นต้น ส่วนการเปิดไฟล์นั้นนอกจากใช้ โปรแกรม photoshop เปิดแล้ว ยังสามารถใช้โปรแกรมอื่น เช่น ACDsee, Adobe ImageReady, Adobe Illustrator เป็นต้น ขีดจากัดของไฟล์ psd คือ ปัจจุบันไฟล์ PSD มีขนาดความสูงและ ความ กว้างไม่เกิน 30,000 pixels, และขนาดไฟล์ไม่เกิน 2 GB ไฟล์นามสกุล .. รูปแบบไฟล์ภาพ
- 39. 39 ไฟล์ภาพ ที่ถูกบีบอัดแล้ว รูปแบบไฟล์ภาพ GIF (อ่านว่า จิฟ) ย่อมาจาก Graphic Interchange Format เป็นไฟล์ ภาพที่เว็บสามารถแสดงผลได้เช่นเดียวกับ JPEG แต่ที่แตกต่างคือ GIF เป็นไฟล์ภาพแบบ Lossless Compression หรือ ไม่มีการสูญเสีย ข้อมูลเมื่อเกิดการบันทึกหรือบีบอัดไฟล์ภาพ ข้อดีของ GIF : ไม่มีการสูญเสียข้อมูลเวลาบันทึก, สามารถทา ภาพเคลื่อนไหว (Animation) และสามารถทาให้รูป Transparent หรือ ทาพื้นหลังโปร่งใสได้ ข้อเสียของ GIF : แสดงสีสูงสุดได้เพียง 256 สี
- 40. 40 ไฟล์ภาพ ที่ถูกบีบอัดแล้ว รูปแบบไฟล์ภาพ PNG (อ่านว่า ปิง) ย่อมาจาก Portable Network Graphics เป็น รูปแบบไฟล์ภาพที่ถูกคิดค้นเพื่อมาแทนที่ GIF ที่มีปัญหาเรื่องลิขสิทธิ์ ซึ่ง คุณสมบัติของ PNG นั้นจะคล้ายกับ GIF ความแตกต่างระหว่าง PNG และ GIF - PNG ไม่สามารถทา Animation แต่ GIF ทาได้ - PNG มีการบีบอัดไฟล์ที่ดีและเล็กมากขึ้น 5%-25% เมื่อเทียบกับ GIF ในภาพเดียวกัน - PNG สามารถเลือกบันทึกภาพเป็น 8 Bit (256 สี) หรือ 24 Bit (16 ล้านสี) ได้ ในขณะที่ GIF บันทึกได้สูงสุด 256 สี - PNG ทาพื้นหลังให้เป็น Transparent ได้ดีกว่า GIF
- 41. 41 ไฟล์ภาพ ที่ถูกบีบอัดแล้ว รูปแบบไฟล์ภาพ jpg หรือ jpeg นั้นย่อมาจาก Joint Photographic Experts Group ซึ่งเป็นหนึ่งใน นามสกุลไฟล์ภาพที่นิยมมากที่สุดที่เว็บบราวเซอร์สามารถแสดงผลได้ โดยที่ JPG นั้น เป็นภาพแบบ Lossy Compression หรือให้เข้าใจกันง่าย ๆ ก็คือ มีการบีบอัดข้อมูล ต่าง ๆ ของภาพอย่างเช่น สี ความคมชัดของภาพ ข้อดีของ JPEG : สามารถแสดงผลได้ถึง 16 ล้านสี จึงเหมาะกับภาพที่เป็นภาพถ่ายที่ มีการเก็บข้อมูลสีหลายสี หรือภาพกราฟิกที่มีความซับซ้อน ข้อเสียของ JPEG : ขนาดไฟล์ภาพค่อนข้างใหญ่ ซึ่งถ้าคุณต้องการขนาดไฟล์ภาพที่ เล็กลงนั้นต้องแลกด้วยการเสียความละเอียดของภาพไป JPEG จึงไม่เหมาะกับภาพ ประเภทที่มีตัวหนังสือ หรือภาพกราฟิกธรรมดา ๆ ไม่มีความละเอียดของสีมาก