ภาพเคลื่อนไหว

22
ภภภภภภภ ภภภ

Upload: wirote-manoonyo

Post on 10-Aug-2015

99 views

Category:

Education


1 download

TRANSCRIPT

ภาพเคลื่��อนไหว

ความหมายของภาพเคลื่��อนไหว

คำ��ว่�� ภ�พยนตร์ มี�ชื่��อเร์�ยกในภ�ษ�อ�งกฤษอย��หล�ย“ ”คำ�� เชื่�น Motion Picture , Cinema , Film และ Movie เป็!นต"น ภ�พยนตร์ เป็!น กร์ะบว่นก�ร์บ�นทึ%กภ�พด้"ว่ยฟิ(ล มี (Film) ก�ร์เคำล��อนไหว่เป็ล��ยนแป็ลงไป็ทึ�ละน"อยเร์�ยงต�อเน��องก�นต�มีเร์��องร์�ว่ทึ��ถ่��ยทึ�� และต�ด้ต�อมี� เน�+อห�ของภ�พยนตร์ อ�จเป็!นเร์��องร์�ว่หร์�อเหต.ก�ร์ณ์ ทึ��เก0ด้ข%+นจร์0ง หร์�อเป็!นก�ร์แสด้งให"เหมี�อนจร์0ง หร์�อเป็!นก�ร์แสด้งและสร์"�งภ�พจ�กจ0นตน�ก�ร์ณ์ ของผู้�"สร์"�ง เพ��อให"ผู้�"ชื่มีเก0ด้อ�ร์มีณ์ ร์�ว่มีไป็ก�บภ�พยนตร์ ในขณ์ะทึ��ร์ �บชื่มี

หลื่�กการภาพเคลื่��อนไหว

ก�ร์ทึ��เร์�เห3นภ�พน0�งหล�ย ๆ ภ�พทึ��ฉ�ยต�อเน��องก�น ด้�เป็!นล�กษณ์ะภ�พเคำล��อนไหว่ได้"น�+น ส�มี�ร์ถ่อธิ0บ�ยได้"ด้"ว่ยหล�กก�ร์เห3นภ�พต0ด้ต� (Persistence of Vision) อ�นเป็!นห�ว่ใจของหล�กก�ร์สร์"�งภ�พยนตร์ เพร์�ะภ�พยนตร์ ก3คำ�อภ�พน0�งแต�ละภ�พทึ�� ต�อเน��องก�นอย��งมี�ร์ะบบน��นเอง ซึ่%�งมี�ทึ��มี�ต�+งแต�ของเล�นทึ��ชื่��อว่�� ภ�พหมี.น ( Thaumatrope )

ภาพหม�น ( Thaumatrope )

Thaumatrope (อ��นว่�� ธิ�มีมี�โทึร์ป็) เป็!นของเล�นทึ��ป็ร์ะด้0ษฐ์ ข%+น เมี��อป็: พ.ศ. 2368 (คำ.ศ. 1825) โด้ย ด้ร์.ว่0เล��ยมี เฮนร์�� ฟิ(ตตอน (Dr. William Henry Fitton) ซึ่%�งได้"แนว่คำ0ด้มี�จ�กเซึ่อร์ จอห น เฮอร์ เซึ่ล ผู้�"ทึ��ส�งเกตว่��ส�ยต�มีน.ษย ส�มี�ร์ถ่มีองเห3นภ�พทึ�+งสองด้"�นของเหร์�ยญทึ��หมี.น อย��ได้"พร์"อมีก�น

ทฤษฎี�ว�าด้�วยการเห�นภาพติ!ด้ติา (Persistence of Vision)

Dr. John Ayrton Paris ได้"กล��ว่ไว่"ว่��เมี��อมีองเห3นภ�พใด้ภ�พหน%�ง หล�งจ�กภ�พน�+นห�ยไป็ ส�ยต�มีน.ษย จะย�งคำ"�งภ�พน�+นไว่"ทึ��เร์ต0น��ในชื่��ว่ขณ์ะหน%�ง ป็ร์ะมี�ณ์ 1/15 ว่0น�ทึ� และห�กในร์ะยะเว่ล�ด้�งกล��ว่มี�ภ�พใหมี�ป็ร์�กฏข%+นมี�แทึนทึ��สมีองของมีน.ษย จะเชื่��อมี โยงสองภ�พเข"�ด้"ว่ยก�น 

ภาพเคลื่��อนไหว ก�อนก"าเน!ด้ภาพยนติร#

Louise-Jacques-Mande Dagyerre และ Joseph-Nicephore Niepce แต�ภ�พแร์กๆ ของด้�แกร์ น�+นใชื่"เว่ล�ร์�บแสงน�นถ่%ง 15 น�ทึ� ในขณ์ะทึ��ก�ร์ถ่��ย และฉ�ยภ�พยนตร์ ให"ด้�ภ�พเคำล��อนไหว่ได้"เหมี�อนจร์0งน�+น จะต"องใชื่"เว่ล�อย��งน"อยก3 16 ภ�พต�อว่0น�ทึ� ด้�งน�+น ในร์ะยะน�+ภ�พยนตร์ จ%งย�งไมี�อ�จเก0ด้ข%+นได้" ในป็: พ.ศ. 2413 (คำ.ศ.1870) กล"องถ่��ยภ�พน0�งจ%งได้"มี�ชื่�ตเตอร์ (shutter) และเร์0�มีมี�ก�ร์ใชื่"คำว่�มีเร์3ว่ชื่�ตเตอร์ ถ่%ง 1/1000 ว่0น�ทึ�

ร์�ป็แบบในก�ร์จ�ด้เก3บข"อมี�ล    ร์�ป็แบบในก�ร์จ�ด้เก3บข"อมี�ลลงในแฟิ@มีข"อมี�ลทึ��เป็!นมี�ตร์ฐ์�น และได้"ร์�บคำว่�มีน0ยมีมี�ด้�งน�+

คำ�อร์�ป็แบบแฟิ@มีภ�พและแฟิ@มีภ�พเคำล��อนไหว่  ถ่�กออกแบบโด้ย Compuserve เพ��อใชื่"ก�บคำอมีพ0ว่เตอร์ ต��งแบบต��งร์. �นได้" ทึ��ให"เหมี�ะส��หร์�บก�ร์น��มี�ใชื่"ในเว่3บเพจ เพร์�ะต"องแสด้งได้"บนเคำร์��องทึ��แตกต��งก�น แต�ข"อจ��ก�ด้ของ GIF ทึ��ส��คำ�ญก3คำ�อ มี�นส�มี�ร์ถ่ใชื่"ส�ได้"ส�งส.ด้เพ�ยงคำร์�+งละ 256 ส� เทึ��น�+น  กร์�ฟิฟิ(กชื่น0ด้ GIF ใชื่"ก�ร์บ�บอ�ด้ข"อมี�ลเพ��อลด้พ�+นทึ��ก�ร์จ�ด้เก3บข"อมี�ล ล�กษณ์ะ ก�ร์บ�บอ�ด้ข"อมี�ลในร์�ป็แบบน�+จะได้"ผู้ลมี�กก�บกร์�ฟิฟิ(กทึ��ใชื่"ส�ทึ��มี�คำว่�มีสมี���เสมีอ เชื่�น ภ�พ ก�ร์ ต�น หร์�อโลโก" 

GIF (Graphics Interchange Format)

ย�อมี�จ�ก Audio Video Interleave คำ�อไฟิล ภ�พยนตร์ ภ�พเคำล��อนไหว่ ซึ่%�งด้�ผู้��นคำอมีพ0ว่เตอร์ โด้ยจะส�มี�ร์ถ่เป็(ด้ทึ�+งภ�พและเส�ยงพร์"อมีก�นได้"ทึ�นทึ� โป็ร์แกร์มีทึ��ใชื่"เป็(ด้ไฟิล จ��พว่กน�+ ได้"แก� Windows Media Player , Quick Time เป็!นต"น ถ่�อเป็!นไฟิล ว่0ด้�โอมี�ตร์ฐ์�นในเคำร์��องคำอมีพ0ว่เตอร์ ทึ��ว่ไป็ ของร์ะบบป็ฏ0บ�ต0ก�ร์ว่0นโด้ว่ส มี�คำว่�มีคำนชื่�ด้ของภ�พและเส�ยงส�ง จ%งทึ��ให"ไฟิล มี�ขน�ด้ใหญ�

AVI flie

MPEG ย�อมี�จ�ก Moving Picture Experts Group เป็!นร์�ป็แบบของก�ร์บ�บอ�ด้ไฟิล จ��พว่กว่�ด้�โอ  ซึ่%�งไฟิล ว่�ด้�โอทึ��ได้"ร์�บก�ร์บ�บอ�ด้ในแบบ MPEG จะมี�คำ.ณ์ภ�พในก�ร์แสด้งภ�พทึ��ด้�กว่��ว่�ด้�โอ โด้ยไฟิล ในร์�ป็แบบ MPEG จะถ่อด้ร์ห�สโด้ยใชื่"คำว่�มีส�มี�ร์ถ่ของฮ�ร์ ด้แว่ร์ หร์�อซึ่อฟิต แว่ร์  ก�ร์บ�บอ�ด้ไฟิล แบบ MPEG ได้"ร์�บก�ร์บ�บอ�ด้ข"อมี�ลโด้ยก�ร์เข"�ร์ห�สทึ��เร์�ยกว่�� DCT โด้ยไฟิล ในแบบ MPEG อ�จมี�ก�ร์ส�ญเส�ยข"อมี�ลบ�งส�ว่นจ�กก�ร์บ�บอ�ด้แต�ก3เป็!นส�ว่นน"อยมี�ก

MPEG

  ย�อมี�จ�ก ShockWave Flash คำ�อ ไฟิล Flash ทึ��สมีบ�ร์ณ์ และไมี�ส�มี�ร์ถ่แก"ไขด้"ว่ยโป็ร์แกร์มี Macromedia Flash หร์�อ Adobe Flash หร์�อโป็ร์แกร์มีแฟิลชื่ต��งๆ ส�ว่นใหญ�จะอย��ในร์�ป็แบบของแอน0เมีชื่��นหร์�อเกมีทึ��อย��ต�มีอ0นเทึอร์ เน3ต แต�ถ่%งอย��งไร์ก3ต�มี เร์�ส�มี�ร์ถ่แป็ลงไฟิล .swf ให"เป็!นไฟิล .fla โด้ยใชื่"โป็ร์แกร์มี SWF Decompiler และโป็ร์แกร์มีอ��นๆ เพ��อแก"ไขไฟิล .swf

SWF

เป็!นไฟิล ทึ��ใชื่"ก�นอย��งแพร์�หล�ยบนเว่3บไซึ่ต ทึ��ให "บร์0ก�ร์ว่0ด้�โอผู้��นเว่3บไซึ่ต ซึ่%�ง FLV คำ�อไฟิล ว่0ด้�โอทึ��ถ่�กสร์"�งจ�กโป็ร์แกร์มี Macromedia Flash เป็!นไฟิล ทึ��มี�ขน�ด้เล3ก แต�คำ.ณ์ภ�พด้�กว่��ไฟิล 3gp ส�มี�ร์ถ่เป็(ด้ด้�ได้"จ�กโป็ร์แกร์มี Flash Player หร์�อ QuickTime จ�กแอป็เป็(+ ลก3ได้" ทึ��ให"หล�ยเว่3บน0ยมีแป็ลงไฟิล ให"เป็!น FLV เพ��อง��ยต�อก�ร์ชื่มีผู้��นเว่3บไซึ่ต

FLV

โปรแกรมสำ"าหร�บสำร�างภาพ

เคลื่��อนไหว

Adobe Flash Professional

 Adobe Creative Cloud โป็ร์แกร์มีทึ��ภ�พเคำล��อนไหว่ โป็ร์แกร์มีน�+ร์ �บร์องได้"ว่�� ไมี�ว่��ใคำร์ก3ต"องเคำยใชื่"ง�น โป็ร์แกร์มีน�+มี�ฟิAงก ชื่� �นหน%�งทึ��เร์�ยกได้"ว่��ใคำร์ทึ��เคำยใชื่"ง�นน�+นต��งต"องร์� "จ�กก�นเป็!นอย��งด้� เพร์�ะเร์�ยกว่��ลด้เว่ล�ในก�ร์ว่�ด้ร์�ป็ไป็ได้"เยอะ ฟิAงก ชื่� �นน�+นคำ�อ Shape Tween เป็!นฟิAงก ชื่� �นทึ��จะทึ��ให"ร์�ป็ทึ��เร์�ต�+งไว่"ในเฟิร์มีแร์ก คำ�อยๆ กล�ยไป็เป็!นอ�กร์�ป็หน%�งในเฟิร์มีถ่�ด้ไป็ทึ��เร์�ใส�เอ�ไว่" อ�จจะเห3นได้"ในภ�พยนตร์ หล�ยๆ เร์��องทึ��ทึ��ให"ต�ว่ษร์หน%�ง กล�ยไป็เป็!นอ�กต�ว่อ�กษร์ หร์�ออ�กร์�ป็หน%�งน�+นเอง

ติ�วอย�างหน�าติาโปรแกรม

Easy GIF Animator

Easy GIF Animator โป็ร์แกร์มีน�+เป็!นโป็ร์แกร์มีส��หร์�บ สร์"�งและแก"ไขภ�พเคำล��อนไหว่ หร์�อ แอน0เมีชื่��น (Animation) ให"ก�บ ไฟิล ร์�ป็ภ�พตร์ะก�ล GIF ซึ่%�งก3ถ่�อว่�� เป็!น โปรแกรมแติ�งร)ป ได้"เหมี�อนก�น โด้ยหล�กก�ร์ของมี�นก3ง��ยๆ เลยคำ�อ เอ�ภ�พน0�งต��งๆ ทึ��เร์�มี�อย��มี�ต�อก�นได้"อย��งลงต�ว่ ซึ่%�งผู้ลล�พทึธิ คำ�อ มี�นจะส�มี�ร์ถ่กล�ยเป็!นภ�พเคำล��อนไหว่ได้"ง��ยๆ ด้"ว่ยร์�ป็แบบของโป็ร์แกร์มีทึ��ออกแบบมี� ชื่�ว่ยให"ผู้�"ใชื่"ส�มี�ร์ถ่สร์"�งผู้ลง�นได้"อย��งง��ยๆ ใส�ล�กเล�น จ�ด้เร์�ยงล��ด้�บภ�พ ภ�พ (Frame) ก�อนหล�ง ร์ว่มีไป็ถ่%งก�ร์ก��หนด้ร์ะยะห��งร์ะหว่��งเว่ล�ของแต�ละร์�ป็ ฯลฯ

ติ�วอย�างหน�าติาโปรแกรม

AquaSoft SlideShow for Youtube

AquaSoft SlideShow for Youtube พ�ฒน�โด้ยทึ�มีง�นผู้�"พ�ฒน�จ�กป็ร์ะเทึศเยอร์มี�น ซึ่%�งภ�ยในโป็ร์แกร์มีให"คำ.ณ์น��ภ�พน0�ง มี�ป็ร์ะกอบร์ว่มีก�นเป็!นสไลด้ โชื่ว่ พร์"อมีใส�เพลง ใส�เพ�ยงป็ร์ะกอบเข"�ไป็ได้" มี�นป็ร์ะกอบไป็ด้"ว่ยเอฟิเฟิคำ หร์�อ ล�กเล�นต��งๆ มี�กมี�ยให"คำ.ณ์ได้"เล�อกใชื่"อย��มี�กมี�ย ไมี�ว่��จะเป็!นก�ร์เอฟิเฟิคำทึ��ใชื่"ในก�ร์เป็ล��ยนคำล0ป็ ก�ร์สร์"�งเลเยอร์ ข%+นมี�หล�ยเลเยอร์ เพ��อทึ��ให"ว่�ด้�โอของคำ.ณ์มี�ล�กเล�นเพ0�มีมี�กข%+น หร์�อจะเป็!นก�ร์ใส�ข"อคำว่�มีเข"�ไป็ในว่�ด้�โอและไฟิล เส�ยงเป็!นต"น โป็ร์แกร์มีน�+ทึ��ง�นคำล"�ย โปรแกรมติ�ด้ติ�อว�ด้�โอ เพ�ยงแคำ�ต�ด้ว่�ด้�โอเป็!นเฟิร์มีๆ ต�มีทึ��ต"องก�ร์ไมี�ได้"เทึ��น�+นเอง

ติ�วอย�างหน�าติาโปรแกรม

Adobe Edge Animate

Adobe Edge Animate เป็!นโป็ร์แกร์มีหน%�งทึ��ถ่�กจ�ด้ไว่"ในร์ะบบคำร์�ว่ด้ ของ Adobe หร์�อทึ��เร์�ยกว่�� ชื่.ด้โป็ร์แกร์มี Adobe Creative Cloud ซึ่%�งไฟิล ทึ��ได้"จ�กก�ร์สร์"�งในโป็ร์แกร์มีน�+ ส�มี�ร์ถ่น��ไป็เป็(ด้ใชื่"ง�นบนเคำร์��องคำอมีพ0ว่เตอร์ (PC Computer) เคำร์��องแมีคำ (Mac OS) หร์�อแมี"กร์ะทึ��งบนสมี�ร์ ทึโฟิน (Smart Phone) และบนแทึ3บเล3ต (Tablet) ก3ส�มี�ร์ถ่น��ไป็เป็(ด้ด้�ได้"เชื่�นก�น นอกจ�กก�ร์เป็(ด้ด้�ในอ.ป็กร์ณ์ ทึ��ได้"กล��ว่ไป็แล"ว่น�+น ย�งส�มี�ร์ถ่น��ไฟิล ทึ��ได้"จ�กโป็ร์แกร์มีทึ��แอนน0เมีชื่��น อย��ง Adobe Edge Animate ไป็ใชื่"ภ�ยในโป็ร์แกร์มีต��งๆ ทึ��เก��ยว่ก�บก�ร์สร์"�งเว่3บอย��งเชื่�นโป็ร์แกร์มี Muse CC หร์�อ โป็ร์แกร์มี Dreamweaver ได้"อ�กด้"ว่ย

ติ�วอย�างหน�าติาโปรแกรม

ประโยชน#ของภาพเคลื่��อนไหว

- ง��ยต�อก�ร์ใชื่"ง�น- ส�มี�ร์ถ่ได้"ถ่%งคำว่�มีร์� "ส%ก- สร์"�งเสร์0มีป็ร์ะสบก�ร์ณ์ - เพ0�มีข�ด้คำว่�มีส�มี�ร์ถ่ในก�ร์เร์�ยนร์� "- เข"�ใจเน�+อห�มี�กย0�งข%+น- คำ."มีคำ��ในก�ร์ลงทึ.น- เพ0�มีป็ร์ะส0ทึธิ0ภ�พในก�ร์ลงทึ.น