โปรดศึกษาและยอมรับนโยบายส่วนบุคคนก่อนเริ่มใช้งาน [นโยบายส่วนบุคคล]
ยอมรับ
[Photo]_____ทำภาพ Cinemagraph หรือ ภาพถ่ายมีชีวิต (.gif ) ด้วยโฟโต้ชอป
Waii_KZ
#1
25-12-2012 - 23:50:18

#1 Waii_KZ  [ 25-12-2012 - 23:50:18 ]







วันนึงบนโลก.. Jamie Beck (ช่างภาพแฟชั่น) และ Kevin Burg (ดีไซเนอร์) นึกครึ้ม ..จับเอาภาพถ่ายสวยๆมายัดรวมกับวิดีโอเบาๆ ปรับแต่งนิดหน่อย จนกำเนิดเกิดเป็นงานศิลปะที่โดดเด่นเตะตาสร้างความน่าสนใจให้กับชาวโลกเรียกขานกันทั่วไปว่า "Cinemagraph" หรือ "ภาพถ่ายมีชีวิต"
จริงๆแล้วภาพ Cinemagraph ก็คือ ภาพ Gif Animation ธรรมดานั้นเอง ซึ่งมีวิธีการทำที่ไม่ยากเลย วันนี้เรามาเรียนรู้วิธีการทำภาพชนิดนี้ไปพร้อมๆกันครับ


-------------------------------------------------------------

การทำภาพ Cinemagraph นั้น มี 3 วิธี

วิธีแรก ...คือการถ่ายภาพแบบ Multi Shot แล้วนำไฟล์มาเรียงต่อกันทำเป็นไฟล์ Gif ซึ่งวิธีการทำก็เหมือนการทำไฟล์ Gif ทั่วไป

วิธีที่ 2 ...คือการเอาไฟล์ Video มาทำ ซึ่งผมขอนำเสนอบทความด้วยวิธีการนี้ เพราะผมคิดว่าถ้าทำด้วยวิธีนี้เป็นแล้ว ...วิธีแรกก็จะง่ายมาก ^^

วิธีสุดท้าย ..คือการนำรูปภาพธรรมดาๆรูปเดียว มาก๊อปปี้ ตกแต่ง และตัดต่อ ให้เป็นภาพเคลื่อนไหว ที่ละช๊อตๆ ซึ่งเป็นวิธีที่ต้องใช้เทคนิคเฉพาะตัวสูงมาก ทำยาก จึงไม่ค่อยมีใครใช้วิธีนี้กันกัน

มาเริ่มวิธีการทำภาพ Cinemagraph กันเลยดีกว่า

Step 1. "เลือกไฟล์ Video
การเลือกช๊อตที่จะนำมาทำนี่แหละครับที่ยากที่สุด ถ้าเป็นVideoที่ถ่ายขึ้นเพื่อตั้งใจเอามาทำเลยก็ไม่มีปัญหา แต่ถ้าเป็น Video ที่ไม่ได้จัดฉากขึ้นเพื่อทำ Cinemagraphs โดยเฉพาะแล้ว แนะนำให้เลือกช๊อตที่ไม่มีการเคลื่อนไหวในซีนนั้นมากครับ เพราะส่วนที่เราต้องการให้เป็นภาพนิ่งกับส่วนที่เราต้องการให้เคลื่อนไหว ...อาจจะไม่สัมพันธ์กัน ทำให้งานออกมาไม่สวย

แต่ไม่ต้องห่วงครับ ผมแนบไฟล์videoที่ใช้ในการสอนครั้งนี้ มาให้เพื่อนๆใช้ลองมือกันก่อนด้วยครับ
ซึ่งvideoที่นำมาเป็นตัวอย่างนี้ เป็นส่วนหนึ่งใน MV เพลง Pyramid ของ charice pempengco สุดที่รักของผมเอง(อันนี้ส่วนตัว คริคริ) ช๊อตที่เลือกใช้เป็นช๊อตที่เธอระเบิดพลังเสียงออกมา อย่างกับซุนหงอคงระเบิดพลังซุปเปอร์ไซย่าก็ไม่ปาน ฮ่ะๆๆ
(คลิ๊ก เพื่อ Download video )


• ใช้โปรแกมตัดต่อ เช่น "Windows Live Movie Maker" ตัดไฟล์Videoเฉพาะส่วนที่ต้องการทำเป็น Cinemagraphs (อาจจะแค่ 2-5 วินาที) เพื่อให้ไฟล์มีขนาดเล็ก จะได้ง่ายต่อการแปลงไฟล์ และ Import เข้า PhotoShop ครับ

• แปลงไฟล์ให้เป็น ตระกูล "Quick Time Movie" (.MOV,.AVI,.MPG,.MPEG,.MP4) ด้วยโปรแกรมแปลงไฟล์ เช่น Adobe Media Encoder ( ไฟล์ตะกูลอื่นเปิดใน PhotoShop ไม่ได้ครับ อ่อ..ผมไม่แน่ใจนะครับว่า PhotoShop เปิดไฟล์ Movie ได้ตั้งแต่เวอร์ชั่นไหน เท่าที่รู้ก็ CS3 ขึ้นมาครับ ก่อนหน้านั้น ไม่ทราบนะครับ TT-TT )

• ลากไฟล์ที่เตรียมไว้เข้ามาในโปรแกรม PhotoShop เลยครับ

Step 2. "ตัดเฉพาะส่วนที่ใช้"
• เมื่อเปิดไฟล์Videoแล้ว สังเกตุในพาเนล Layer จะได้ Layer Video ที่มีสัญลักษณ์รูปฟิมล์อยู่มุมขวาล่าง

• ลองกดเครื่องหมาย Play ใน"ANIMATION (TIMELINE)" (วงกลมสีแดงตามรูปตัวอย่าง)
ดูการเคลื่อนไหวของไฟล์Video ..แล้วเลือกเฉพาะส่วนที่เราต้องการ โดยเลื่อน "Work Area" ด้านซ้าย-ขวาเข้ามาตรงช่วงเฟรมที่เราเลือก(ลูกศรสีเหลืองตามรูปตัวอย่าง)

• จากนั้นกดมุมขวาบนของพาเนล ANIMATION (TIMELINE) เลือก "Trim Document Duration to Work Area" ...เราจะได้ไฟล์เฉพาะส่วนที่เราใช้ครับ

Step 3. "สร้างภาพนิ่ง"
• เลือน Current Time Indicator(ขีดแดงๆแสดงตำแหน่งการเล่นว่าอยู่เฟรมไหน) ..หาเฟรมที่เราต้องการให้เป็นภาพหลัก เมื่อได้แล้วกด "Ctrl+A" เพื่อเลือกพื้นที่ทั้งหมด (สังเกตุจะเกิด Selection รอบภาพ)

• กด "Ctrl+J" เพื่อCopyเอาภาพในเฟรมนั้น ขึ้นมาเป็นภาพธรรมดาใน Layer ใหม่
(สังเกตุในพาเนลLayer จะมี Layer เพิ่มใหม่ขึ้นมา1Layer ...เป็นภาพนิ่งที่ไม่มีสัญลักษณ์Videoอยู่มุมขาวล่าง)

• คลิ๊กเลือกที่ Layer ภาพนิ่ง( Layer 2 ) กด "Q" เพื่อเข้าสู้่โหมด Ouick Mask ใช้ Brush ระบายมาร์คส่วนที่เราไม่ต้องการให้เคลื่อนไหว

เมื่อเสร็จแล้ว กด "Q" อีกครั้ง เพื่อออกจากโหมด Ouick Mask จะเห็นว่ามี Selection ขึ้นนอกส่วนที่เราไม่ต้องการให้เคลื่อนไหว

• กด "Shift+Ctrl+I" 1ครั้ง เพื่อสลับด้านพื้นที่ Selection

• กดสัญลักษณ์ "Add Layer Mask" จะได้ Layer Mask ตามรูป
http://2.bp.blogspot.com/-emNVxagf6ms/TiGBcAo6QtI/AAAAAAAAACI/OlyCaRNNT2c/s600/1-5.jpg
Step 4. "เสร็จ"
• ถึงตรงนี้ ..ถ้าลองกด Play ดูแล้วได้ผลลัพธ์ที่พอใจ ก็สามารถ Save งานได้เลยครับ โดยการเซฟเป็น Gif นั้น ให้กด"Alt+Shift+Ctrl+S" หรือใช้เมนู File > Save for Web..นะครับ





DuranSmirnoff
bobolove858
PriinCe_Tag

bobolove858
#2
26-12-2012 - 07:25:08

#2 bobolove858  [ 26-12-2012 - 07:25:08 ]






ขอบคุณึ่า วิธีนี้มีประโยชน์มากๆเลยค่ะ


We love sims 3
#3
26-12-2012 - 10:36:08

#3 We love sims 3  [ 26-12-2012 - 10:36:08 ]








ดากม้า 5555
Amfetameen
#4
26-12-2012 - 12:42:32

#4 Amfetameen  [ 26-12-2012 - 12:42:32 ]







สวยจริงๆ


MoMaYBeBraaa
#5
27-12-2012 - 20:47:05

#5 MoMaYBeBraaa  [ 27-12-2012 - 20:47:05 ]





ว้าววววววววววววววววววววววววววววววววววววววววว



อันนยองฮาเซโย
เข้าให้ได้
#6
เข้าให้ได้
27-12-2012 - 20:48:21

#6 เข้าให้ได้  [ 27-12-2012 - 20:48:21 ]






มีประโยชน์มากค่ะ



We're all ตัยห่า
Waii_KZ
#7
27-12-2012 - 20:50:41

#7 Waii_KZ  [ 27-12-2012 - 20:50:41 ]






ทำได้เอามาโชว์ด้วยนะคะ จะแป๊ะดาวให้^^

PriinCe_Tag
Cher_LY

  • 1

ลงข้อความได้เฉพาะสมาชิก
ต้องสมัครเป็นสมาชิกและ login เข้าสู่ระบบก่อนถึงจะสามารถลงความเห็นได้
เข้าสู่ระบบสมัครสมาชิก



ข้อมูลเมื่อ 16th November 2024 21:44

โปรดศึกษาและยอมรับนโยบายส่วนบุคคนก่อนเริ่มใช้งาน [นโยบายส่วนบุคคล]
ยอมรับ