Displaying articles with tag videos

Making transparent flash video

Posted by PunNeng, Thu Apr 26 03:16:00 UTC 2007

ช่วงนี้ผมยังวนเวียนอยู่กับ Flash ครับ ยังเพลินนนน

ผมจะมาเล่นกับ video บ้าง ไม่ค่อยมาเล่นเท่าไหร่ ก็ตามหัวข้อละครับ วิธีทำ flash video ให้มันโปร่งใส โดยใช้ blue screen เป็นส่วนที่ทำให้โปร่งใส

แบบด้านล่าง
หรือจิ้มที่นี่ .swf เพื่อดูเต็มๆ แล้วย่อหน้าต่างไปที่ 640x480 นะครับ

โดยผมจะใช้ Final Cut Pro 5.1 เป็นตัวช่วยทำ video ก่อน แล้วใช้ Flash 8 Video Encoder เป็นตัวแปลงให้เป็น .flv

เริ่มด้วยการทำ video ที่ใช้ฉากหลังเป็น blue screen ก่อน โดยผมจะใช้ video จาก www.tzi.de/tkikeyer ละกัน file ที่ 1 หน้าตาประมาณนี้ blue_screen

จากนั้น ไปที่ File->Import->Files... แล้วเลือก video ที่โหลดมา มันจะยังใช้ไม่ได้หรอกครับ ต้องแปลงมันก่อน สำหรับบน Mac ผมแนะนำให้ Record แล้ว export เป็น .mov ไปเลยครับ จะได้ไ่ม่ต้องมีปัญหากับเรื่อง file format ผมขี้เกียจ record ครับ เลยไปเอาของฟรีมาใช้ ก็ต้องแปลงไปแปลงมา =='
ผมจะใช้ VLC เป็นตัวแปลงละกัน สำหรับวิธีแปลง ง่ายดายมากมาย แค่เปิด file.avi ขึ้นมา เลือก Streaming/Exporting Wizard -> Transcode/Save to file -> Existing playlist item -> Transcode video(MPEG-4 Video) ->MPEG 4 /MP4 -> เลือกที่จะ save file และตั้งชื่อ file เป็นการแปลง file แบบ ขอไปที อย่าเอาเป็นเยี่ยงอย่างนะครับ =='

เอาใหม่ import file ใหม่ ที่เราแปลงมานั่นแหละ แล้ว drag จาก หน้า browser ไปที่ timeline ด้านล่าง ก็จะได้ประมาณนี้

finalcut1

แล้ว double click ที่เราลากไปแปะนั้นแล จากนั้น double click ที่หน้าต่าง Canvas ตัว video จะไปโผล่ที่หน้าต่าง Viewer อีกที แล้วไปที่ Effects -> Video Filters -> Key -> Blue and Green Screen จากน้ันเลือกที่แท็ป filters ของหน้าต่าง Viewer จะได้ดังรูป

finalcut2

แล้วหน้าต่าง Canvas จะเปลี่ยนแปลงตามที่เราปรับ ซึ่งผมพอใจกับค่าตัวเลขที่ปรับไปดังภาพ แล้วปรับ Background ให้เป็น White บนหน้าต่าง Viewer และ Canvas จะได้ดูได้เหมือนๆ กัน (จริงๆ เลือกที่ Viewer ตัวเดียวก็ได้) ถ้าไม่ปรับเป็น White มันไม่ยอมเป็น transparent ให้ครับ

finalcut3

แล้วก็ทำการ export เลย คลิกเลือกที่หน้าต่าง Canvas หนึ่งที แล้วไปที่ File -> Export -> QuickTime Movie...(อันแรก) แล้วจะมีหน้าต่างให้เลือก options ต่างๆ ตรง Setting ให้เลือก Custom... แล้วจะได้หน้าต่างอีกหน้าต่าง เป็น Sequence Preset Editor แล้วเลือก options ตามต้องการ แต่ตรง Compressor ให้เลือกที่ Animation แล้วเลือกที่ปุ่ม Advanced... ด้านล่างอีกทีนึง แล้วเลือก Depth: ให้เป็น Millions of Colors+ แล้ว Ok ไปเรื่อยๆ จนมาถึงหน้าที่เราจะสั่ง save ให้แน่ใจว่าเราเลือก Make Movie Self-Content แล้วด้วย แล้วตั้งชื่อ แล้วก็ Save เลย มันจะ Render มาให้ file นึง

จากนั้นไปที่ Flash 8 Encoder โลดด (Flash 9 ออกแล้ว ไอ่เหน่งยังบ้านนอกอยู่ครับ ==') add file ที่มันถูกสร้างขึ้นมาตอน export แล้วเลือกที่ file แล้วไปที่ Settings -> Show Advanced Settings -> เลือกที่ Encode Alpha Channel แล้วกด OK แล้วไป Start Queue ก็จะได้ .flv มาตัวนึง

มาที่ Flash บ้าง กด import(Ctrl+r) .flv นั้นมา แล้วแต่งเอาตามใจชอบ มันจะมีลักษณะ transparent ดังรูป

finalcut3_flash

ปล. video จะชัดหรือไม่ชัด ขึ้นอยู่กับความละเอียดของ video ต้นฉบับ และความละเอียดของผู้แต่ง video ครับ

1 comment | Filed Under: General | Tags: videos

Flash :: demo screencast

Posted by PunNeng, Sun Mar 18 01:33:00 UTC 2007

เห็นฝรั่งทำ screencast ทำนู่นทำนี่ เลยอยากจะทำมั่ง ทำขำๆ เลยได้ออกมาหน้าตาแบบนี้

หรือจิ้มที่นี่ .swf เพื่อดูเต็มๆ แล้วย่อหน้าต่างไปที่ 800x600 นะครับ
หรือสำรอง
อันนี้เป็นครั้งแรก ความรู้พวก video ก็ไม่ค่อยมี มันเลยตะกุกตะกัก ยังหาสูตร record ดีๆ ไม่ได้ ใครมีอะไรดีๆ มาบอกกันมั่งนะครับ

มาดูเครื่องมือที่ผมใช้

  • iMac 20 นิ้ว
  • โปรแกรม iShowU ไว้ record หน้าจอ
  • โปรแกรม Quicktime Player ไว้ดูที่ผม record ไป(จะบอกทำไมวะ ==')
  • โปรแกรม Adobe(Macromedia) Flash 8 ไว้ทำตัว player
  • โปรแกรม Flash Video Encoder 8 ไว้ encode ตัวที่ record ไว้ ให้เป็น flash video
  • โปรแกรม Adium ไว้ chat เอ่อ ไม่เกี่ยวละ =='
  • เว็บ snapdrive ใช้เก็บ file ฟรี!!!

รายละเอียดอีกเล็กน้อยบน iShowU

  • Audio quality: Low
  • Normal frame rate: 25(รู้สึกน้อยไปหน่อย)
  • Quality: Minimum
  • Capture size: 800x600
  • Compression: Apple Cinepak

หลังจาก record แล้วเป็น .mov มีขนาด 38.1 MB encode เป็น .flv แล้วเหลือ 13 MB

แล้วผมก็ยังลอง Compression เป็นแบบ Sorensen Video 3 Compressor ใช้ configuration เหมือนเดิมหมด เปลี่ยนแค่ตัว compressor ปรากฏว่า ภาพชัดเลย แต่ขนาด file(.mov) เป็น 2 เท่าของ Apple Cinepak

วันหลังว่าจะลองกับ Camtasia บน Windows ดูครับ ว่ามันจะเป็นยังไง

ผมขอเลยละกันครับ ใครมีสูตรดีๆ เด็ดๆ เจ๋งๆ ช่วย comment ไว้ให้หน่อย ขอบคุณล่วงหน้าครับ

ปล. มีหลายคนละ บอกว่าเสียงไม่เหมือนตัวจริง ==' ผมก็ว่าไม่เหมือนนะ 55+

แก้ไขล่าสุด วันที่ 5 สิงหาคม 2550 เวลา 2.19 น.

0 comments | Filed Under: General | Tags: videos

codegent: we're hiring