Dc102 digital media-still image

71
สด 102 ความเข้าใจสื่อดิจิทัล Understanding Digital Media สื่อดิจิทัล ตอนที2 ภาพนิ่ง (Still Image)

description

สื่อดิจิทัล ตอนที่ 2 : Still Image

Transcript of Dc102 digital media-still image

Page 1: Dc102 digital media-still image

สด 102 ความเขาใจสอดจทลUnderstanding Digital Media

สอดจทลตอนท 2

ภาพนง (Still Image)

Page 2: Dc102 digital media-still image

องคประกอบของสอดจทล

1. ขอความ (Text)

2. ภาพนง (Still Image)

3. ภาพเคลอนไหว (Animation)

4. เสยง (Sound)

5. ภาพวดโอ (Video)

Page 3: Dc102 digital media-still image

ภาพนนสามารถสอความหมายไดกบทกชนชาต ภาพนงมกจะแสดงอยบนสอชนดตางๆ เชนโทรทศน หนงสอพมพหรอ

วารสารวชาการ

ภาพนง (Still Image)

Page 4: Dc102 digital media-still image

ภาพนง Still Image

ภาพเวกเตอร (Vector Image)

ภาพบตแมป (Bitmap Image)

Page 5: Dc102 digital media-still image

ภาพนง Still Image

ภาพเวกเตอร (Vector Image)

ภาพทสรางขนโดยใชองคประกอบของรปทรงเรขาคณตเชน เสนตรง เสนโคงตางๆ ประกอบกนเพอใหเกดเปนภาพตามตองการ ภาพทไดมลกษณะคลายภาพวาดลายเสน

Page 6: Dc102 digital media-still image

ภาพพวกนไดแกไฟลนามสกล svg, ps, eps, ai (adobe illustrator) และฟอนตแบบ TrueType ตางๆเปนตน โปรแกรมทใชสรางขอมลภาพประเภทนเชน Adobe Illustrator, InkScape

ขอดคอ สามารถยอขยายได โดยคณภาพไมเปลยนแปลง

ขอเสยคอภาพไมเหมอนภาพจรงเปนไดเพยงภาพวาด หรอใกลเคยง

ภาพถายเทานน

ภาพเวกเตอร (Vector Image)

Page 7: Dc102 digital media-still image

ภาพนง Still Image

ภาพบตแมป (Bitmap Image)

ภาพบตแมป(Bitmap) เปนภาพทเกดจากการรวมกนของจดส หรอพกเซล (Pixel) ซงมลกษณะเปนรปสเหลยมเลกๆ จำานวนมากๆ

Page 8: Dc102 digital media-still image

ยกตวอยางภาพถายจากกลองดจทล

ภาพจากสแกนเนอร

Page 9: Dc102 digital media-still image

Bitmap Image

รองรบการแสดงสไดมากกวา 16.7 ลานส

ความสวยงามของภาพทไดสมจรงกวาภาพเวกเตอร

Page 10: Dc102 digital media-still image

Bitmap Image

รองรบการแสดงสไดมากกวา 16.7 ลานส

ความสวยงามของภาพทไดสมจรงกวาภาพเวกเตอร

Page 11: Dc102 digital media-still image

ขยายภาพ: จะทำาให Pixel มขนาดใหญขน เหนเปนรอยหยก โดยเฉพาะเสนโคงจะเหนไดชดเจน

Page 12: Dc102 digital media-still image
Page 13: Dc102 digital media-still image

ตวอยาง ไฟลสกลบตแมป

BMP

CGM

GIF

JPEG

TIFF

PNG

Page 14: Dc102 digital media-still image

ภาพนง Still Image

2 มต2D IMAGE

3 มต3D IMAGE

แบงภาพตามการแสดงผลไดเปน 2 ประเภท

Page 15: Dc102 digital media-still image

2 มต2D IMAGE

ภาพเวกเตอร (Vector Graphic)

ภาพบตแมป (Bitmap Image)

ภาพเวกเตอร (Vector Graphic)

เปนการนำารปทรงเรขาคณตมาประกอบกนบนระนาบ 2 มต คอแกน x และ y เชน เสนตรง สามเหลยม สเหลยม

Page 16: Dc102 digital media-still image

ภาพบตแมป (Bitmap Image)

เปนภาพนงตางๆ เชน ภาพถาย หรอภาพทวทศนตางๆ

Page 17: Dc102 digital media-still image

3 มต3D IMAGE

ภาพเวกเตอร (Vector Graphic)

ภาพเวกเตอร (Vector Graphic)

ซงมมมมองของภาพทเหมอนจรงในลกษณะรปทรง 3 มต คอแกน x ,y และ z คอเพมความลก ในทนอาจหมายถงการสรางฉากเพมเพอเพมในเรองของแสงและเงา

Page 18: Dc102 digital media-still image
Page 19: Dc102 digital media-still image

สในทางวทยาศาสตร

Page 20: Dc102 digital media-still image

ส (Color)

แบบจำาลองส (Color Model)

เกดจากการผสมผสานระหวางแมส (Primary Color) เกดขนเปนสใหม เรยกวา สผสม (Composite Color) โดยแบบจำาลองสทสำาคญม 4 ชนด

RGB

เปนโหมดสทใชแสดงผลบนหนาจอโทรทศนหรอหนาจอคอมพวเตอร

1

Page 21: Dc102 digital media-still image

ส (Color)

แบบจำาลองส (Color Model)

CMYK

เปนโหมดสทใชกบระบบการพมพ

2

Page 22: Dc102 digital media-still image

HSB

เปนแบบจำาลองการมองเหนของดวงตามนษย ประกอบดวยลกษณะ ของส 3 ประการ

3

ส (Color)

แบบจำาลองส (Color Model)

Page 23: Dc102 digital media-still image

H = Hue

เปนการเปลยนแปลงของเฉดสของแมสทง 3 ตว

แดง

เขยว

นำาเงน

แมส

Page 24: Dc102 digital media-still image

S = Saturation

แสดงคาความเขมของส (สจางหรอสเขม) สดสวนของสอยในโทนสเทา

ตงแต 0 % (แสงสเทา) จนถง 100% (คาความเขมของสมากทสด)

ตวอยาง : การปรบคา Saturation ของสนำาเงน

Page 25: Dc102 digital media-still image

B = Brightness

แสดงคาความสวางของส จะแสดงการไลระดบความสวางจนถงสขาว

ตงแต 0 % (สดำา) จนถง 100% (สวางมากทสด)

ตวอยาง : การปรบคา Saturation ของสนำาเงน

Page 26: Dc102 digital media-still image

Lab

เปนโหมดสทสมจรงทสด เนองจากทกคาสจะม Spectrum ของแสงรองรบ

L (Lightness) ระดบความเขมของแสงสวาง

a คาระดบการไลสจากสเขยวไปยงสแดง

b คาระดบการไลสจากสนำาเงนไปยงสเหลอง

ส (Color)

แบบจำาลองส (Color Model)

Page 27: Dc102 digital media-still image

สในทางศลปะ

Page 28: Dc102 digital media-still image

เปนตวแสดงอารมณไดดใชสแสดงอารมณไดทงสน

อารมณแบบจดชด

อารมณเศราหมอง

อารมณทเกดขนจากเทศกาลตางๆ

Page 29: Dc102 digital media-still image

คณสมบตของส

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

วรรณะส

สอนและสเยน

สอน

สเยน

Page 30: Dc102 digital media-still image

การเลอกใชสตามหลกจตวทยาและตามความหมาย

Max Luscherนกจตวทยาชาวสวตเซอรแลนดไดยกตวอยางจตวทยาในการใชส ดงน

Page 31: Dc102 digital media-still image

สแดง ใหความรสกรอน รนแรง กระตน ทาทาย เคลอนไหว ตนเตน เราใจ มพลง ความอดมสมบรณ ความมงคง ความรก ความสำาคญ อนตราย

สสม ใหความรสกรอน ความอบอน ความสดใส มชวตชวา วยรน ความคกคะนอง การปลดปลอย ความเปรยว การระวง

สเหลอง ใหความรสกแจมใส ความสดใส ความราเรง ความเบกบานสดชน ชวตใหม ความสด ใหม ความสกสวาง การแผกระจาย อำานาจบารม การเตอน

สเขยว ใหความรสกสงบ เงยบ รมรน รมเยน การพกผอน การผอนคลาย ธรรมชาต ความปลอดภย ปกต ความสข ความสขม เยอกเยน

สนำาเงน ใหความรสกสงบ สขม สภาพ หนกแนน เครงขรม เอาการเอางาน ละเอยด รอบคอบ สงางาม มศกดศร สงศกด เปนระเบยบถอมตน

สมวง ใหความรสกมเสนห นาตดตาม เรนลบ ซอนเรน มอำานาจ มพลงแฝงอย ความรก ความเศรา ความผดหวง ความสงบ ความสงศกด

Page 32: Dc102 digital media-still image

สฟา ใหความรสกปลอดโปรงโลง กวาง เบา โปรงใส สะอาด ปลอดภย ความสวาง ลมหายใจ ความเปนอสระเสรภาพ การชวยเหลอ แบงปน

สขาว ใหความรสกบรสทธ สะอาด สดใส เบาบาง ออนโยน เปดเผย การเกด ความรก ความหวง ความจรง ความเมตตา ความศรทธา ความดงาม

สชมพ ใหความรสกอบอน ออนโยน นมนวล ออนหวาน ความรก เอาใจใส วยรน หนมสาว ความนารก ความสดใส

สเทา ใหความรสกเศรา อาลย ทอแท ความลกลบ ความหดห ความชรา ความสงบ ความเงยบ สภาพ สขม ถอมตน

สทอง ใหความรสกความหรหรา โออา มราคา สงคา สงสำาคญ ความเจรญรงเรอง ความสข ความมงคง ความรำารวย การแผกระจาย

Page 33: Dc102 digital media-still image

สดำาแทนความตายในหลายวฒนธรรม (The Color of Death)

Page 34: Dc102 digital media-still image

สขาวแทนความบรสทธ หรอการแตงงาน

Page 35: Dc102 digital media-still image

สนำาเงนแทนความพอใจ ความรสกเปนเจาของ ความอสระเสร ความสมพนธกบเพอน

และเปนสทแทนทองฟากบทะเล

สนำาเงนไดรบความนยมอยางสง บางครงอาจทำาใหความรสกเยนและหดหในบางโอกาส

Page 36: Dc102 digital media-still image

สเขยว

แทนความเคารพตวเอง (Self Respect)

สามารถควบคมเจตจำานงและความ

สามารถในความเพลดเพลน

แทนความเปนธรรมชาต ครงหนง

โรงพยาบาลเคยทาสเขยวเพราะมน

ทำาใหรสกผอนคลาย

Page 37: Dc102 digital media-still image

สแดงแทนความเชอมนในตนเอง (Self Confidence) ความสามารถในการตอบสนอง

ตอสงททาทาย

Page 38: Dc102 digital media-still image

สเหลองแทนการพฒนา ทศนคต เกยวกบการคาดหวง

หรอทศนคตทพรอมจะพฒนาตอสงใหม

Page 39: Dc102 digital media-still image

สแดงแทนความมพลงงาน กเลส

ความกลาหาญ ความรก ความอนตราย

ความกาวราว การดงดดทางเพศ

Page 40: Dc102 digital media-still image

สสมแทนความกระตอรอรน บางครงถกนำามา

ใชเปนสสำาหรบการรแบรนดใหมสำาหรบ

แบรนดทตองการสรางภาพลกษณใหม

Page 41: Dc102 digital media-still image

สชมพ

สชมพแทนความบรสทธ แสดงถงวยแรกรนของหญงสาว แทนความออนโยน

Page 42: Dc102 digital media-still image

สมวงแทนความหรหรา ชนสง มเสนห แต

ในประเทศไทยมกใชในความหมาย

ในทางเศรา ความเปนหมาย

Page 43: Dc102 digital media-still image

สเหลอง

แทนความราเรง สนกสนาน

การมความสข ความมไอเดย

มกใชกบการเปลยนภาพลกษณ

แบรนดทตองการภาพลกษณใหม

Page 44: Dc102 digital media-still image

สแดง ใหความรสกรอน รนแรง กระตน ทาทาย เคลอนไหว ตนเตน เราใจ มพลง ความอดมสมบรณ ความมงคง ความรก ความสำาคญ อนตราย

Page 45: Dc102 digital media-still image

สแดง ใหความรสกรอน รนแรง กระตน ทาทาย เคลอนไหว ตนเตน เราใจ มพลง ความอดมสมบรณ ความมงคง ความรก ความสำาคญ อนตราย

Page 46: Dc102 digital media-still image

สแดง ใหความรสกรอน รนแรง กระตน ทาทาย เคลอนไหว ตนเตน เราใจ มพลง ความอดมสมบรณ ความมงคง ความรก ความสำาคญ อนตราย

Page 47: Dc102 digital media-still image

สสม ใหความรสกรอน ความอบอน ความสดใส มชวตชวา วยรน ความคกคะนอง การปลดปลอย ความเปรยว การระวง

Page 48: Dc102 digital media-still image

สสม ใหความรสกรอน ความอบอน ความสดใส มชวตชวา วยรน ความคกคะนอง การปลดปลอย ความเปรยว การระวง

Page 49: Dc102 digital media-still image

สสม ใหความรสกรอน ความอบอน ความสดใส มชวตชวา วยรน ความคกคะนอง การปลดปลอย ความเปรยว การระวง

Page 50: Dc102 digital media-still image

สเหลอง ใหความรสกแจมใส ความสดใส ความราเรง ความเบกบานสดชน ชวตใหม ความสด ใหม ความสกสวาง การแผกระจาย อำานาจบารม การเตอน

Page 51: Dc102 digital media-still image

สเหลอง ใหความรสกแจมใส ความสดใส ความราเรง ความเบกบานสดชน ชวตใหม ความสด ใหม ความสกสวาง การแผกระจาย อำานาจบารม การเตอน

Page 52: Dc102 digital media-still image

สเหลอง ใหความรสกแจมใส ความสดใส ความราเรง ความเบกบานสดชน ชวตใหม ความสด ใหม ความสกสวาง การแผกระจาย อำานาจบารม การเตอน

Page 53: Dc102 digital media-still image

สเหลอง ใหความรสกแจมใส ความสดใส ความราเรง ความเบกบานสดชน ชวตใหม ความสด ใหม ความสกสวาง การแผกระจาย อำานาจบารม การเตอน

Page 54: Dc102 digital media-still image

สเขยว ใหความรสกสงบ เงยบ รมรน รมเยน การพกผอน การผอนคลาย ธรรมชาต ความปลอดภย ปกต ความสข ความสขม เยอกเยน

Page 55: Dc102 digital media-still image

สเขยว ใหความรสกสงบ เงยบ รมรน รมเยน การพกผอน การผอนคลาย ธรรมชาต ความปลอดภย ปกต ความสข ความสขม เยอกเยน

Page 56: Dc102 digital media-still image

สเขยว ใหความรสกสงบ เงยบ รมรน รมเยน การพกผอน การผอนคลาย ธรรมชาต ความปลอดภย ปกต ความสข ความสขม เยอกเยน

Page 57: Dc102 digital media-still image

สนำาเงน ใหความรสกสงบ สขม สภาพ หนกแนน เครงขรม เอาการเอางาน ละเอยด รอบคอบ สงางาม มศกดศร สงศกด เปนระเบยบถอมตน

Page 58: Dc102 digital media-still image

สนำาเงน ใหความรสกสงบ สขม สภาพ หนกแนน เครงขรม เอาการเอางาน ละเอยด รอบคอบ สงางาม มศกดศร สงศกด เปนระเบยบถอมตน

Page 59: Dc102 digital media-still image

สมวง ใหความรสกมเสนห นาตดตาม เรนลบ ซอนเรน มอำานาจ มพลงแฝงอย ความรก ความเศรา ความผดหวง ความสงบ ความสงศกด

Page 60: Dc102 digital media-still image

สมวง ใหความรสกมเสนห นาตดตาม เรนลบ ซอนเรน มอำานาจ มพลงแฝงอย ความรก ความเศรา ความผดหวง ความสงบ ความสงศกด

Page 61: Dc102 digital media-still image

สมวง ใหความรสกมเสนห นาตดตาม เรนลบ ซอนเรน มอำานาจ มพลงแฝงอย ความรก ความเศรา ความผดหวง ความสงบ ความสงศกด

Page 62: Dc102 digital media-still image

สฟา ใหความรสกปลอดโปรงโลง กวาง เบา โปรงใส สะอาด ปลอดภย ความสวาง ลมหายใจ ความเปนอสระเสรภาพ การชวยเหลอ แบงปน

Page 63: Dc102 digital media-still image

สฟา ใหความรสกปลอดโปรงโลง กวาง เบา โปรงใส สะอาด ปลอดภย ความสวาง ลมหายใจ ความเปนอสระเสรภาพ การชวยเหลอ แบงปน

Page 64: Dc102 digital media-still image

สขาว ใหความรสกบรสทธ สะอาด สดใส เบาบาง ออนโยน เปดเผย การเกด ความรก ความหวง ความจรง ความเมตตา ความศรทธา ความดงาม

Page 65: Dc102 digital media-still image

สชมพ ใหความรสกอบอน ออนโยน นมนวล ออนหวาน ความรก เอาใจใส วยรน หนมสาว ความนารก ความสดใส

Page 66: Dc102 digital media-still image

สเทา ใหความรสกเศรา อาลย ทอแท ความลกลบ ความหดห ความชรา ความสงบ ความเงยบ สภาพ สขม ถอมตน

Page 67: Dc102 digital media-still image

สทอง ใหความรสกความหรหรา โออา มราคา สงคา สงสำาคญ ความเจรญรงเรอง ความสข ความมงคง ความรำารวย การแผกระจาย

Page 68: Dc102 digital media-still image
Page 69: Dc102 digital media-still image

Example

http://www.youtube.com/watch?v=-X38N8lS78g&feature=related

Page 70: Dc102 digital media-still image

assignment

แบงกลมๆละ 5 คน

หาภาพ Poster หรอ Advestising กลมละ 1 ชน พรอมวเคราะห

ทำางานรวมกนระหวางองคประกอบตางๆภายในชนงานเชนภาพ

ขอความ จตวทยาส ใหสอดคลองกบวตถประสงคของ Poster

/Advertising นนๆ พรอมบอกประเภทของรปภาพนนๆดวย

(Bitmap/Vector)

Page 71: Dc102 digital media-still image

The End