Unit 3-2 Pr cs6-insert logo -image-PIP-P44-56-ver1

บทที่ 5.2 การใสโ่ ลโก้ ภาพนง่ิ และการซอ้ นวีดโิ อคลิป การแทรกโลโก้แสดงลขิ สิทธ์ิ วิดโี อเร่อื งหนงึ่ ๆ อาจมภี าพโลโก้ของหน่วยงาน หรือตราสนิ คา้ ของผู้สนับสนนุ รายการ ปรากฏในตอนตน้ ระหวา่ งรายการ หรอื ตอนทา้ ยของรายการ ซง่ึ สามารถรปู แบบการนาเสนอได้ 3 รปู แบบ ดงั น้ี 1) นาเสนอเป็นภาพน่งิ 2) นาเสนอเป็นภาพเลอื่ นแนวตัง้ 3) นาเสนอเปน็ ภาพเล่ือนแนวนอน ในท่นี จ้ี ะนาเสนอเฉพาะเปน็ ภาพน่ิง ซ่งึ สามารถกาหนดใหป้ รากฏข้นึ มาเปน็ ช่วง ๆ ได้ นาเสนอเป็นภาพนง่ิ 1. Import วิดโี อคลิปเข้ามาในหนา้ ตา่ งโปรเจก็ ต์ 2. ใชเ้ มาส์ลากวดิ ีโอคลิปจากหนา้ ต่างโปรเจก็ ตไ์ ปวางบนไทมไ์ ลน์ 3. เล่ือน Edit line ไปตาแหน่งที่ต้องการให้ปรากฏโลโก้แสดงลขิ สิทธิ์ เพอ่ื ให้ง่ายต่อ การวางตาแหน่งของโลโกไ้ มใ่ ห้บังสว่ นสาคญั ของภาพ 4. สรา้ งไตเต้ลิ โดยคลิกเมาสเ์ ลอื กเมนู Title>New Title>Default Still จะปรากฏ หน้าต่าง New Title>Default Still… Pipit Sitthisak Last Update : : 3 กรกฎาคม 2560

บ ท ท่ี 4 ก า ร ใ ส่ วี ดิ โ อ เ อ ฟ เ ฟ็ ก ต์ ห น้ า | 4 5 5. พมิ พ์ชื่อไตเตล้ิ ในชอ่ ง Name ของหน้าตา่ ง New Title ตัวอย่างเชน่ mk 6. คลิกเมาส์ทปี่ มุ่ OK จะปรากฏหน้าต่างการทางานของไตเตล้ิ ดังภาพขา้ งล่าง 7. เลอ่ื นเมาส์ไปในพื้นที่ทางาน (Work area) คลิกเมาส์ขวาจะปรากฏกรอบเมนคู าสั่ง 8. เลอื กคาสงั่ Logo>Insert Logo จะปรากฏหน้าต่าง Insert Image as Logo Pipit Sitthisak Last Update : : 3 กรกฎาคม 2560

บ ท ท่ี 4 ก า ร ใ ส่ วี ดิ โ อ เ อ ฟ เ ฟ็ ก ต์ ห น้ า | 4 6 9. คลิกเมาส์เลือกไดรฟ์ (Drive) โฟลเดอร์ (Folder) และไฟลโ์ ลโก้ เมื่อคลกิ เมาส์ เลอื กไฟลใ์ ด ช่ือไฟลท์ ี่เลอื กจะปรากฏในชอ่ ง Filename Pipit Sitthisak Last Update : : 3 กรกฎาคม 2560

บ ท ที่ 4 ก า ร ใ ส่ วี ดิ โ อ เ อ ฟ เ ฟ็ ก ต์ ห น้ า | 4 7 10. คลกิ เมาส์ที่ปุ่ม Open ภาพโลโกท้ เี่ ลอื กจะปรากฏในพนื้ ทีท่ างาน (Work area) 11. หากภาพมขี นาดใหญ่ ต้องการลดขนาดภาพ ใหค้ ลิกเมาส์เลือกเคร่ืองมือ Selection Tool 12. ใช้เมาส์เลื่อนภาพโลโกไ้ ปทางใดทางหนึ่ง เพือ่ ใหม้ องเห็นมุมใดมมุ หนึ่งของภาพโลโก้ น้ันเม่ือพบมุมของภาพแลว้ กด Shift บนคยี บ์ อรด์ คา้ งไว้ พร้อมกันลากเมาสท์ มี่ มุ ภาพเพอ่ื ย่อขนาด ภาพให้เล็กลง 13. เล่ือนโลโกไ้ ปวางตาแหน่งทต่ี ้องการ โดยให้อยู่ในกรอบ Safe Area กรอบนอก Pipit Sitthisak Last Update : : 3 กรกฎาคม 2560

บ ท ท่ี 4 ก า ร ใ ส่ วี ดิ โ อ เ อ ฟ เ ฟ็ ก ต์ ห น้ า | 4 8 14. จากนนั้ คลิก  (Close) ออกจากหน้าตา่ งสร้างไตเติ้ล โลโกท้ ส่ี ร้างเสรจ็ จะปรากฏ ในหน้าตา่ งโปรเจก็ ต์ 15. ลากภาพโลโก้จากหนา้ ต่างโปรเจ็กต์มาวางเหนือวิดีโอคลปิ บนไทม์ไลน์ เรา สามารถขยายเวลาของการแสดงภาพโลโก้ได้ Pipit Sitthisak Last Update : : 3 กรกฎาคม 2560

บ ท ที่ 4 ก า ร ใ ส่ วี ดิ โ อ เ อ ฟ เ ฟ็ ก ต์ ห น้ า | 4 9 การทาใหว้ ิดีโอคลิปเคล่อื นไหว ในรายการโทรทศั น์ เราอาจเคยเห็นภาพคลิปวิดีโอท่ลี อยไปมาเหนอื ภาพน่งิ หรอื วดิ โี ออีก คลิปหน่ึง หรือภาพวดิ โี อคลิปที่หมุนจากจากจุดเลก็ ๆ แลว้ ค่อย ๆ ขยายขนึ้ เต็มหนา้ จอ ซงึ่ เรา สามารถสร้างเอฟเฟ็กต์ลักษณะนี้ได้ โดยใช้เอฟเฟก็ ต์ Motion เอฟเฟก็ ต์ Motion สามารถจัดวางตาแหน่ง หมนุ ปรับขนาดคลิปภายในเฟรมวิดีโอ ซง่ึ สามารถปรบั เปล่ียนด้วยการลากหรือหมุนแฮนเด้ิลไดโ้ ดยตรงจากหนา้ ต่างจอ Program Monitor ตวั อย่าง ในวิดโี อโฆษณา MK ต้องการใหโ้ ลโก้โค้กค่อยหมนุ และขยายขนาดใหญข่ ้นึ เรอื่ ย ๆ ซึ่งมีวธิ ีการดงั น้ี 1) เปดิ หนา้ ตา่ งโปรเจ็กตใ์ หม่ 2) Import ไฟลว์ ิดีโอ Pipit Sitthisak Last Update : : 3 กรกฎาคม 2560

บ ท ที่ 4 ก า ร ใ ส่ วี ดิ โ อ เ อ ฟ เ ฟ็ ก ต์ ห น้ า | 5 0 3) Import ไฟล์โลโก้ 4) ลากไฟลว์ ดิ ีโอจากหน้าต่างโปรเจ็กตไ์ ปวางบนแทรก็ Video 1 ในหนา้ ตา่ งไทม์ไลน์ 5) ลากไฟล์โลโก้ไปวางซอ้ นบนแทรก็ Video 2 จะปรากฏโลโก้โคก้ บนพ้ืนสีขาวใน หนา้ ตา่ ง Program Monitor Pipit Sitthisak Last Update : : 3 กรกฎาคม 2560

บ ท ท่ี 4 ก า ร ใ ส่ วี ดิ โ อ เ อ ฟ เ ฟ็ ก ต์ ห น้ า | 5 1 6) ลบพ้ืนสีขาวของโลโก้ โดยใช้คาส่ัง Video Effect > Keying > RGB Difference Key 7) ลาก RGB Difference Key ไปวางทบั ไฟล์โลโก้ ในหน้าตา่ ง Program Monitor พน้ื สีขาวของโลโกจ้ ะถูกลบไปเกือบหมด Pipit Sitthisak Last Update : : 3 กรกฎาคม 2560

บ ท ท่ี 4 ก า ร ใ ส่ วี ดิ โ อ เ อ ฟ เ ฟ็ ก ต์ ห น้ า | 5 2 8) ปรับแต่งขอบสีพ้นื ของโลโกใ้ ห้หายไป - เปิดหน้าตา่ ง Effect Controls - คลกิ เมาสห์ น้า  RGB Difference Key - คลิกเมาสท์ ่ี Toggle Animation หนา้ Similarity - เลื่อนเมาส์ปรับเปอรเ์ ซน็ ต์ไปซา้ ยหรอื ขวา จนกวา่ พน้ื หลงั จะหายไป Pipit Sitthisak Last Update : : 3 กรกฎาคม 2560

บ ท ที่ 4 ก า ร ใ ส่ วี ดิ โ อ เ อ ฟ เ ฟ็ ก ต์ ห น้ า | 5 3 9) กาหนดจดุ ทีโ่ ลโกห้ ยดุ หมุน และเพิ่มขนาดของโลโก้ใหใ้ หญส่ ุด - เลือ่ น Edit line ตาแหน่งสดุ ท้ายท่ีจะทาให้โลโก้มีขนาดใหญ่สดุ และเป็นจดุ สุดท้าย ท่ีโลโก้หยดุ หมุน - เปิด Effect Motion - ปรบั ค่า Scale ใหเ้ ป็น 100 - ปรบั ค่า Rotation ใหเ้ ปน็ 360 Pipit Sitthisak Last Update : : 3 กรกฎาคม 2560

บ ท ท่ี 4 ก า ร ใ ส่ วี ดิ โ อ เ อ ฟ เ ฟ็ ก ต์ ห น้ า | 5 4 10) กาหนดจดุ ที่ใหโ้ ลโก้เรม่ิ หมนุ และกาหนดให้โลโก้มีขนาดเล็กสุด - เลื่อน Edit line ตาแหนง่ เร่มิ ตน้ ทโ่ี ลโก้มขี นาดเล็กสุดและเปน็ จุดเรม่ิ ตน้ หมุนโลโก้ - ปรับคา่ Scale ให้เป็น 0.0 - ปรับคา่ Rotation ให้เปน็ 0.0 Pipit Sitthisak Last Update : : 3 กรกฎาคม 2560

บ ท ที่ 4 ก า ร ใ ส่ วี ดิ โ อ เ อ ฟ เ ฟ็ ก ต์ ห น้ า | 5 5 การหมุนภาพโลโก้ หากต้องการทาใหภ้ าพโลโก้คอ่ ย ๆ หมุนและเพิม่ ขนาดใหญข่ นึ้ เรอื่ ย ๆ ปรากฏบนหน้าจอ 1) สร้างภาพโลโก้ดว้ ยโปรแกรม Adobe Photoshop บนพนื้ สดี า ขนาด 720 x 576 pixels 2) Import ภาพโลโก้เข้าใน Project 3) วางคลิปภาพโลโกบ้ นไทมไ์ ลน์ (Timeline) 4) คลิกเมาสท์ ี่คลิปภาพโลโกบ้ นไทมไ์ ลน์ (Timeline) 5) คลกิ เมาส์ทีแ่ ทบ็ หน้าต่าง Effect Control 6) คลกิ เมาส์ทป่ี มุ่ Show/Hide Timeline Show เพอื่ เปดิ หนา้ ตา่ ง Timeline ในหนา้ ต่าง Effect Control 7) คลิกเมาส์ที่สามเหล่ียมหน้า Motion จะปรากฏค่าท่สี ามารถปรบั แตง่ ไดแ้ ก่ Pipit Sitthisak Last Update : : 3 กรกฎาคม 2560

บ ท ท่ี 4 ก า ร ใ ส่ วี ดิ โ อ เ อ ฟ เ ฟ็ ก ต์ ห น้ า | 5 6 8) คลิกเมาสท์ ี่ Toggle animation ของ Scale 9) ทขี่ นาด Scale = 100 ใช้เมาสล์ าก (Drag Mouse) ไปทางซา้ ยมือเพ่ือลดขนาดโลโก้ให้เล็กลง เปน็ Scale = 0.0 เมือ่ ปล่อยเมาส์จะปรากฏสัญลักษณ์ Keyframe เกดิ ขนึ้ บน Timeline ใน หนา้ ตา่ ง Effect Control 10) คลกิ เมาสท์ ี่ Toggle animation ของ Rotation จะปรากฏสัญลกั ษณ์ Keyframe เกดิ ขน้ึ บน Timeline ในหน้าต่าง Effect Control 11) ใช้เมาสล์ ากเสน้ Edit line บน Timeline ในหนา้ ตา่ ง Effect Control ไปยงั ตาแหน่งที่ ตอ้ งการใหภ้ าพโลโกข้ นาดใหญ่สุด ที่ขนาด Scale = 100 และเปน็ จุดสิน้ สดุ การหมุน 12) ทข่ี นาด Scale = 0.0 ใชเ้ มาส์ลาก (Drag Mouse) ไปทางขวามือเพื่อเพม่ิ ขนาดโลโกใ้ ห้ใหญ่ ขึ้นเป็น Scale = 100 เมื่อปล่อยเมาส์จะปรากฏสัญลักษณ์ Keyframe เกิดขึน้ บน Timeline ในหน้าต่าง Effect Control คลกิ เมาสข์ วาที่ Keyframe น้แี ลว้ เลอื ก √ Bezier 13) ทอ่ี งศา Rotation = 0.0 ใชเ้ มาส์ลาก (Drag Mouse) ไปทางขวามอื เพือ่ ลดอัตราความเรว็ ใน การหมนุ ของโลโก้เปน็ Rotation = 4 x 359 ทาให้ความเรว็ คอ่ ย ๆ ชา้ ลงเมอื่ ภาพโลโก้ ขนาดใหญข่ ึ้น เมอ่ื ปลอ่ ยเมาส์จะปรากฏสญั ลกั ษณ์ Keyframe เกิดข้นึ บน Timeline ใน หน้าตา่ ง Effect Control คลกิ เมาส์ขวาที่ Keyframe นแ้ี ล้วเลือก √Bezier 14) กาหนด Anchor Point เป็น 384.0 192 เพือ่ ใหจ้ ุดกงึ่ กลางของการหมนุ คงที่ Pipit Sitthisak Last Update : : 3 กรกฎาคม 2560