tag:blogger.com,1999:blog-72235503579749636812024-03-14T00:45:17.328+07:00Tor3203's 3D Matchmove, Compositing, and Visual Effect BlogBlog ส่วนตัวที่เสนอข้อมูล เบื้องหลัง งาน VFX, matchmoving, Compositing ต่างๆที่ผ่านเข้ามาในชีวิต
จะนำเสนอให้ออกมาเข้าใจง่ายๆ หรือ อาจจะมี tutorial เล็กๆเบาๆ ให้อ่านกันtor3203http://www.blogger.com/profile/18071473739590058069noreply@blogger.comBlogger14125tag:blogger.com,1999:blog-7223550357974963681.post-65509011449718603832015-12-09T18:02:00.000+07:002015-12-10T16:34:45.806+07:00คุณวุฒิวิชาชีพ Animation<h3 style="text-align: left;">
คุณวุฒิวิชาชีพ Animation กับสถาบันคุณวุฒิวิชาชีพ</h3>
<div class="separator" style="clear: both; text-align: center;">
<a href="http://2.bp.blogspot.com/-EkpXaWIh-dA/VmgGnimbd4I/AAAAAAAAU4o/_UfhcmXFMTg/s1600/IMG_20151202_090636.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="300" src="http://2.bp.blogspot.com/-EkpXaWIh-dA/VmgGnimbd4I/AAAAAAAAU4o/_UfhcmXFMTg/s400/IMG_20151202_090636.jpg" width="400" /></a></div>
<div>
<br /></div>
<div>
คุณวุฒิวิชาชีพ ในสาขา animation ที่ผมไม่เคยสนใจ หรือรู้จักกับมันมาก่อน จนกระทั่งเมื่อวานก่อน ที่ผมได้ถูกแนะนำให้รู้จักกับ <a href="http://www.tpqi.go.th/home.php" target="_blank">สถานบันคุณวุฒิวิชาชีพ</a> และ <a href="http://www.tdecthai.com/" target="_blank">สมาพันธ์สมาคมดิจิตอล คอนเทนต์บันเทิงไทย</a> ผ่านงานเสวนาหัวข้อ : “การสร้างศักยภาพการแข่งขันด้านดิจิตอล คอนเทนท์ ด้วยมาตรฐานอาชีพ” โดยหลังจากงานสัมนา ผมเองก็ได้เล็งเห็นความสำคัญของสิ่งที่พวกเขาได้เริ่มทำเพื่อเพื่อน,พี่,น้อง ที่ทำงานในสาขาอาชีพ โดยเฉพาะสาขา Animation ที่ผมเคยได้มีโอกาสคลุกคลีอยู่หลายปี<br />
<a name='more'></a><br />
<div class="separator" style="clear: both; text-align: center;">
</div>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjb7HWk1nkO-MMDyxXOjRZsPvO6S8R2tDPavZRjPyU94JycECJeryGlMvyuKX-LCdVplNwBckV-K1Rx2bMHkCoa-s1GJ2mlzIoz0INpLHN_mBryarnLsIZd2xR_-piuraMRi4uMnyTXK-ZJ/s1600/Logo_%25E0%25B8%25AA%25E0%25B8%2596%25E0%25B8%25B2%25E0%25B8%259A%25E0%25B8%25B1%25E0%25B8%2599%25E0%25B8%2584%25E0%25B8%25B8%25E0%25B8%2593%25E0%25B8%25A7%25E0%25B8%25B8%25E0%25B8%2592%25E0%25B8%25B4%25E0%25B8%25A7%25E0%25B8%25B4%25E0%25B8%258A%25E0%25B8%25B2%25E0%25B8%258A%25E0%25B8%25B5%25E0%25B8%259E.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="320" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjb7HWk1nkO-MMDyxXOjRZsPvO6S8R2tDPavZRjPyU94JycECJeryGlMvyuKX-LCdVplNwBckV-K1Rx2bMHkCoa-s1GJ2mlzIoz0INpLHN_mBryarnLsIZd2xR_-piuraMRi4uMnyTXK-ZJ/s320/Logo_%25E0%25B8%25AA%25E0%25B8%2596%25E0%25B8%25B2%25E0%25B8%259A%25E0%25B8%25B1%25E0%25B8%2599%25E0%25B8%2584%25E0%25B8%25B8%25E0%25B8%2593%25E0%25B8%25A7%25E0%25B8%25B8%25E0%25B8%2592%25E0%25B8%25B4%25E0%25B8%25A7%25E0%25B8%25B4%25E0%25B8%258A%25E0%25B8%25B2%25E0%25B8%258A%25E0%25B8%25B5%25E0%25B8%259E.png" width="254" /></a></div>
<br />
เรามาทำความรู้จักกับ <a href="http://www.tpqi.go.th/home.php" target="_blank">สถานบันคุณวุฒิวิชาชีพ</a> กันก่อน นี่เป็นเนื้อหาที่นำมาจากเวปอย่างเป็นทางการ<br />
<blockquote class="tr_bq">
หน่วยงานที่เป็นศูนย์กลางความร่วมมือระหว่างภาคเอกชน กับภาครัฐบาล ในการยกระดับทักษะ ความรู้ความสามารถกำลังคนของชาติให้สอดคล้องกับความต้องการของสถานประกอบการที่จะเน้นสมรรถนะในการทำงาน เพื่อปรับตัวให้เท่าทันต่อการแข่งขันเสรีที่จะเกิดขึ้น โดยมีแนวคิดที่จะสร้างกรอบและหลักเกณฑ์ในการพิจารณาเพื่อที่จะกำหนด <b><i>คุณวุฒิวิชาชีพ </i></b>ระดับต่างๆ ให้เป็นมาตรฐาน ในการบ่งชี้ <b><i>สมรรถนะ </i></b>ของกำลังคนของไทย ตลอดจนส่งเสริมกลุ่มอาชีพให้มีความเข้มแข็ง สามารถสร้างมาตรฐานอาชีพขึ้นได้เอง เพื่อใช้เป็นฐานในการพัฒนากำลังคนระดับต่างๆ ให้สามารถตอบสนองได้ตรงตามความต้องการของผู้ประกอบการในฐานะเป็นอุปสงค์ของระบบ ในลักษณะเป็น Demand Driven</blockquote>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjCChptn97HADygErVTftl2JagaS91te_PREqcVrDAGlPLIitGn6OnHJrv0tjtALOM5U63QrRZ_tKSWfAmfO3z3901LSozUYXMSBsYNMzVfuspXvzoJAQDTLOlQfPmUC-RBGdFjqKTeECcp/s1600/TDEC.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjCChptn97HADygErVTftl2JagaS91te_PREqcVrDAGlPLIitGn6OnHJrv0tjtALOM5U63QrRZ_tKSWfAmfO3z3901LSozUYXMSBsYNMzVfuspXvzoJAQDTLOlQfPmUC-RBGdFjqKTeECcp/s1600/TDEC.jpg" /></a></div>
<br />
ต่อมาก็มารู้จักบทบาทและหน้าที่ของ <a href="http://www.tdecthai.com/" target="_blank">สมาพันธ์สมาคมดิจิตอล คอนเทนต์บันเทิงไทย</a><br />
<blockquote class="tr_bq">
ประสานความร่วมมือระหว่างภาคเอกชน และสมาคมต่างๆ รวมถึงภาครัฐที่มีนโยบายส่งเสริมและผลักดัน ในส่วนของการพัฒนาประเทศ เพื่อให้ประสานและสอดคล้องไปในทิศทางเดียวกัน มีเป้าหมายที่เด่นชัดคือ เพื่อร่วมผลักดันให้ภาคเอกชนทั้งใหญ่และเล็ก ให้มีขีดความสามารถในด้านการแข่งขันในระดับเวทีโลก ด้วยรูปแบบที่เป็นองค์รวมประสานสอดคล้องกันในการทำการตลาดต่างประเทศ เพื่อสร้างรายได้กลับสู่ประเทศไทยอย่างเป็นรูปธรรม เพื่อยกระดับเศรษฐกิจของประเทศไทย รวมถึงภาคประชาชนของประเทศให้มีขีดความสามารถในการพัฒนาตัวเองขึ้นมาแล้วก้าวไปในเวทีโลกได้อย่างมีประสิทธิภาพ</blockquote>
โดยท่านผู้อ่านจะเห็นว่า องค์กรทั้งสองนั้น ทำงานร่วมกันก็เพื่อยกระดับขีดความสามารถ และสร้างมาตราฐานในการแข่งขันให้กับภาครัฐและเอกชน เพื่อต้อนรับการเปิดเสรีทางการค้า การลงทุน ในปีที่ AEC กำลังจะเกิดขึ้นในอีกไม่นานนี้<br />
<br />
โดยจะมี key word อยู่ที่คำสามคำ ซึ่งก็คือ <b>คุณวุฒิวิชาชีพ, </b><b>มาตราฐานอาชีพ </b>และ <b>สมรรถนะ</b> แต่แล้วมันแปลว่าอะไรล่ะ?<br />
<blockquote>
ในโลกของการทำงานที่ไม่เพียงแต่ต้องใช้ความรู้แต่ยังต้องใช้ทักษะและความเชี่ยวชาญหลายด้าน ที่เกิดจากการเรียนรู้ด้วยการปฏิบัติงานจริงและการฝึกฝนผู้ประกอบอาชีพทุกคนทั้งที่มีคุณวุฒิการศึกษาและไม่มี คุณวุฒิการศึกษาในสาขานั้นๆ ล้วนมีศักยภาพในการพัฒนาความสามารถการทำงานด้านต่างๆ ในหน้าที่ของตน ซึ่งการใช้ความรู้ทักษะและความสามารถมาประยุกต์ใช้เพื่อการประกอบอาชีพนี้เรียกว่า “<b><i>สมรรถนะ</i></b>” ซึ่งใน แต่ละสาขาอาชีพอันประกอบด้วย สายงานที่หลากหลายและในแต่ละสายงานต่างมีหลายอาชีพ แต่ละอาชีพจำเป็นต้องมีสมรรถนะหลายด้านเช่นในสาขาที่พักและโรงแรมสายงานการต้อนรับอาจประกอบไปด้วยอาชีพต่างๆ ตั้งแต่ผู้จัดการฝ่ายต้อนรับพนักงานต้อนรับพนักงานรับโทรศัพท์พนักงานยกกระเป๋ารวมถึงอาชีพอื่นๆ ซึ่งแต่ละอาชีพมีลักษณะงานในหน้าที่ที่แตกต่างกันออกไปและจำเป็นต้องใช้สมรรถนะที่หลากหลายในการทำงานในหน้าที่อย่างมีประสิทธิภาพ<br />
จากการตระหนักถึงความจำเป็นและความสำคัญในการกำหนดยุทธศาสตร์การผลิตและพัฒนากำลังคน สถาบันคุณวุฒิวิชาชีพ ในฐานะหน่วยงานหลักที่มีหน้าที่พัฒนาระบบคุณวุฒิวิชาชีพอันเป็นกลไกสำคัญที่จะยกระดับความก้าวหน้าและอัตราผลผลิตของกำลังคนในประเทศไทย สถาบันฯได้ร่วมกับ กลุ่มอุตสาหกรรมและผู้มีส่วนเกี่ยวข้องกับการระบุสมรรถนะที่อุตสาหกรรมต้องการเพื่อจัดทำ “<b><i>มาตรฐานอาชีพ</i></b>” อันหมายถึงการกำหนดระดับสมรรถนะของบุคคลในการประกอบอาชีพอีกทั้งยังรับรองทักษะและความเชี่ยวชาญ ของบุคคลด้วยการสร้างมาตรฐานในการวัดสมรรถนะเพื่อที่จะรับรอง “<b><i>คุณวุฒิวิชาชีพ</i></b>” ซึ่งหมายความว่าการรับรองความรู้ความสามารถและทักษะของบุคคลในการทำงานตามมาตรฐานอาชีพนั้น โดยคุณวุฒิวิชาชีพนี้จะเป็นประโยชน์โดยตรงต่อกำลังคนส่วนใหญ่ซึ่งเป็นผู้ที่ไม่มีคุณวุฒิการศึกษาระดับสูงแต่มีประสบการณ์และความเชี่ยวชาญในการประกอบอาชีพ</blockquote>
เพราะงั้นถ้าจะกล่าวสั้นๆ เราจะสรุปได้ว่า<br />
<blockquote>
“<b><i>ระบบคุณวุฒิวิชาชีพ</i></b>” ถูกพัฒนาขึ้นโดยมีวัตถุประสงค์หลัก เพื่อการรับรอง “<b><i>สมรรถนะ</i></b>” ของกำลังคนตาม <b><i>มาตรฐานอาชีพ</i></b> เพื่อตอบสนองความต้องการของภาคธุรกิจและอุตสาหกรรม “<b><i>ระบบคุณวุฒิวิชาชีพ</i></b>” เป็นกระบวนการรับรอง เพื่อให้บุคคลได้รับการยอมรับใน ความรู้ ทักษะ ตลอดจนความสามารถ และได้รับ “<b><i>คุณวุฒิวิชาชีพ</i></b>” ที่สอดคล้องกับ<b><i>สมรรถนะ</i></b>ประสบการณ์และความรู้<br />
และใช้<b><i>ระบบคุณวุฒิวิชาชีพ</i></b>ในการพัฒนาความเจริญก้าวหน้าในสายอาชีพของตนในอนาคต โดย “<b><i>คุณวุฒิวิชาชีพ</i></b>” สามารถเทียบเคียง และเชื่อมโยงกับระบบคุณวุฒิอื่นๆ<br />
ของประเทศได้</blockquote>
โดยเนื้อหาในงานสัมนาในวันนั้น ก็เป็นการให้ข้อมูล และแจ้งให้ทราบถึงสถานะ การรับรอง "ระบบคุณวุฒิวิชาชีพ" ในสาขาแอนิเมชัน (Animation) โดยในขั้นต้น จะแบ่งออกเป็น 14 คุณวุฒิวิชาชีพ ดังนี้<br />
<br />
<ol>
<li><a href="http://tpqi-net.tpqi.go.th/tpqi_sa/index.php?page=ShowCer.php&OCC=ANI&RoleId=6109&Level=4&KfID=358&user_id=" target="_blank">ช่างตัดต่อแอนิเมชัน ชั้น 4</a></li>
<li><a href="http://tpqi-net.tpqi.go.th/tpqi_sa/index.php?page=ShowCer.php&OCC=ANI&RoleId=6109&Level=3&KfID=357&user_id=" target="_blank">ช่างตัดต่อแอนิเมชัน ชั้น 3</a></li>
<li><a href="http://tpqi-net.tpqi.go.th/tpqi_sa/index.php?page=ShowCer.php&OCC=ANI&RoleId=6109&Level=4&KfID=360&user_id=" target="_blank">ช่างออกแบบเสียงแอนิเมชัน ชั้น 4</a></li>
<li><a href="http://tpqi-net.tpqi.go.th/tpqi_sa/index.php?page=ShowCer.php&OCC=ANI&RoleId=6109&Level=3&KfID=359&user_id=" target="_blank">ช่างออกแบบเสียงแอนิเมชัน ชั้น 3</a></li>
<li><a href="http://tpqi-net.tpqi.go.th/tpqi_sa/index.php?page=ShowCer.php&OCC=ANI&RoleId=6109&Level=4&KfID=362&user_id=" target="_blank">นักทัศนศิลป์ ชั้น 4</a></li>
<li><a href="http://tpqi-net.tpqi.go.th/tpqi_sa/index.php?page=ShowCer.php&OCC=ANI&RoleId=6109&Level=3&KfID=361&user_id=" target="_blank">นักทัศนศิลป์ ชั้น 3</a></li>
<li><a href="http://tpqi-net.tpqi.go.th/tpqi_sa/index.php?page=ShowCer.php&OCC=ANI&RoleId=6109&Level=5&KfID=364&user_id=" target="_blank">นักบริหารโครงการ ชั้น 5</a></li>
<li><a href="http://tpqi-net.tpqi.go.th/tpqi_sa/index.php?page=ShowCer.php&OCC=ANI&RoleId=6109&Level=4&KfID=363&user_id=" target="_blank">นักบริหารโครงการ ชั้น 4</a></li>
<li><a href="http://tpqi-net.tpqi.go.th/tpqi_sa/index.php?page=ShowCer.php&OCC=ANI&RoleId=6109&Level=4&KfID=366&user_id=" target="_blank">นักผลิตโครงสร้างตัวละครแอนิเมชั่น ชั้น 4</a></li>
<li><a href="http://tpqi-net.tpqi.go.th/tpqi_sa/index.php?page=ShowCer.php&OCC=ANI&RoleId=6109&Level=3&KfID=365&user_id=" target="_blank">นักผลิตโครงสร้างตัวละครแอนิเมชั่น ชั้น 3</a></li>
<li><a href="http://tpqi-net.tpqi.go.th/tpqi_sa/index.php?page=ShowCer.php&OCC=ANI&RoleId=6109&Level=4&KfID=367&user_id=" target="_blank">นักสร้างภาพแอนิเมชั่น ชั้น 4</a></li>
<li><a href="http://tpqi-net.tpqi.go.th/tpqi_sa/index.php?page=ShowCer.php&OCC=ANI&RoleId=6109&Level=3&KfID=368&user_id=" target="_blank">นักออกแบบโครงเรื่องแอนิเมชั่น ชั้น 3</a></li>
<li><a href="http://tpqi-net.tpqi.go.th/tpqi_sa/index.php?page=ShowCer.php&OCC=ANI&RoleId=6109&Level=4&KfID=370&user_id=" target="_blank">นักเขียนสตอรี่บอร์ด ชั้น 4</a></li>
<li><a href="http://tpqi-net.tpqi.go.th/tpqi_sa/index.php?page=ShowCer.php&OCC=ANI&RoleId=6109&Level=3&KfID=369&user_id=" target="_blank">นักเขียนสตอรี่บอร์ด ชั้น 3</a></li>
</ol>
ซึ่งตามกรอบคุณวุฒิจะแบ่งเป็นระดับขั้นดังนี้</div>
<div class="separator" style="clear: both; text-align: center;">
</div>
<div class="separator" style="clear: both; text-align: center;">
</div>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEifX3kHK3y9vt6PNdjkGCOfrBDM2vfz4-iYHKlifeUEY4QgJWsHezfd35kkhmZfPhVktJqEK09iJyJEOtdLcGZ8ZBqo-VbnEc_ejD4AIrDgJYX5lZ0mSR7SSSNK8SkBdaSEHuHAnUAtISem/s1600/level05.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="208" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEifX3kHK3y9vt6PNdjkGCOfrBDM2vfz4-iYHKlifeUEY4QgJWsHezfd35kkhmZfPhVktJqEK09iJyJEOtdLcGZ8ZBqo-VbnEc_ejD4AIrDgJYX5lZ0mSR7SSSNK8SkBdaSEHuHAnUAtISem/s320/level05.png" width="320" /></a></div>
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjlbiHNcKqaXXX9TqbcFHji-DCccaKTnPoGgtM_OowPr3pY0G1y9zph7vCKg-e6_bnTMB_lOz5fGLnTnnCeoL6eUetBNcO3RA96LLr2pGhCVYsnjq4kxrYECgcHVaX2Kfe4B3kvHlcBMCLt/s1600/level03.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="133" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjlbiHNcKqaXXX9TqbcFHji-DCccaKTnPoGgtM_OowPr3pY0G1y9zph7vCKg-e6_bnTMB_lOz5fGLnTnnCeoL6eUetBNcO3RA96LLr2pGhCVYsnjq4kxrYECgcHVaX2Kfe4B3kvHlcBMCLt/s320/level03.png" width="320" /></a></div>
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhfgORFYKjXcWPCv6WroIi2sXgieEI-1Z7ccBm5YIpOCkXkCfh_uQ52M0rIrxkn6_bGxYSSCdZaPbvHK5M9JoKsqtFr_QTtRZ3B1aofDh_ESfNLltDFfb4lTWtagOcng1YUqmbV5WWQjL3d/s1600/level01.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="139" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhfgORFYKjXcWPCv6WroIi2sXgieEI-1Z7ccBm5YIpOCkXkCfh_uQ52M0rIrxkn6_bGxYSSCdZaPbvHK5M9JoKsqtFr_QTtRZ3B1aofDh_ESfNLltDFfb4lTWtagOcng1YUqmbV5WWQjL3d/s320/level01.png" width="320" /></a></div>
<div>
เมื่อคุณเข้าไปตามลิงค์คุณวุฒิวิชาชีพ ทางด้านบน คุณจะเข้าสู่หน้ารายละเอียดต่างที่เกี่ยวข้องกับคุณวุฒิวิชาชีพนั้นๆ เช่น ทักษะ กลุ่มบุคคลในอาชีพ รวมถึง หน่วยสมรรถนะ ซึ่งตัวสมรรถนะ นี้เอง ที่จะช่วยให้คุณได้รับทราบว่า ถ้าคุณต้องการที่จะได้รับการรับรองในคุณวุฒิวิชาชีพนั้นๆ คุณจะต้องทำอะไรเป็นบ้าง?</div>
<div>
เช่น สมรรถนะ <a href="http://tpqi-net.tpqi.go.th/tpqi_sa/index.php?page=ShowUOC.php&OCC=ANI&UocId=6135&user_id=" target="_blank">จัดทำสตอรี่บอร์ด (Storyboarding)</a> ของ <a href="http://tpqi-net.tpqi.go.th/tpqi_sa/index.php?page=ShowCer.php&OCC=ANI&RoleId=6109&Level=4&KfID=370&user_id=" target="_blank">นักเขียนสตอรี่บอร์ด ชั้น 4</a> จะมีรายละเอียดตัวอย่างเช่น</div>
<div>
<ol>
<li><a href="http://tpqi-net.tpqi.go.th/tpqi_sa/index.php?page=ShowEC.php&OCC=ANI&EcId=6136&user_id=" target="_blank">วาดภาพสตอรี่บอร์ด (Drawing)</a></li>
<li><a href="http://tpqi-net.tpqi.go.th/tpqi_sa/index.php?page=ShowEC.php&OCC=ANI&EcId=6137&user_id=" target="_blank">วาดมุมกล้องและลำดับภาพ</a></li>
<li><a href="http://tpqi-net.tpqi.go.th/tpqi_sa/index.php?page=ShowEC.php&OCC=ANI&EcId=6138&user_id=" target="_blank">กำหนดช่วงเวลาของภาพ</a></li>
</ol>
</div>
<div>
โดยแต่ละสมรรถนะ จะมีรายละเอียด เกณฑ์ในการปฏิบัติงาน เช่นในการ <a href="http://tpqi-net.tpqi.go.th/tpqi_sa/index.php?page=ShowEC.php&OCC=ANI&EcId=6136&user_id=" target="_blank">วาดภาพสตอรี่บอร์ด (Drawing)</a> จะมีเกณฑ์ดังนี้</div>
<div>
<div>
<ol>
<li>เลือกใช้เครื่องมือและอุปกรณ์สำหรับการวาดภาพสตอรี่บอร์ดได้อย่างถูกต้องและเหมาะสมกับลักษณะงาน</li>
<li>วาดภาพลงในสตอรี่บอร์ดได้อย่างถูกต้อง</li>
<li>กำหนดรายละเอียดเพิ่มเติมลงในสตอรี่บอร์ดได้อย่างถูกต้อง</li>
</ol>
</div>
</div>
<div>
โดยที่หลังจากการสัมนา ได้ความว่า ในวันที่ 19-20 ธันวาคมนี้ ทางสถาบันมหาวิทยาลัยเทคโนโลยีพระจอมเกล้าพระนครเหนือ จะจัดการสอบคุณวุฒิวิชาชีพทาง animation น่าจะเป็นครั้งสุดท้ายของปีนี้ โดยการสอบในครั้งนี้ จะยังไม่มีค่าใช้จ่าย ในปีหน้า อาจจะมีค่าใช้จ่ายบางส่วน</div>
<div>
โดยภายหลังจากการสอบ ท่านที่ผ่าน จะได้รับการบันทึกบนฐานข้อมูล และได้รับใบรับรองคุณวุฒิวิชาชีพนั้นๆ เพื่อที่ท่านจะสามารถนำไปอ้างอิงถึงความสามารถ(หรือสมรรถนะ)ของท่าน ว่าอยู่ในมาตราฐานวิชาชีพระดับใด คุณสามารถติดต่อทาง มหาวิทยาลัยได้โดยตรง ผ่านรายละเอียดบนเวปไซต์ <a href="http://www.ited.kmutnb.ac.th/CB/regis.html">http://www.ited.kmutnb.ac.th/CB/regis.html</a> เพื่อดูข้อมูลเพิ่มเติมได้ครับ</div>
<div>
<br /></div>
<div>
*** ในวันนี้ ผมขอสนับสนุนให้บริษัทห้างร้าน ต่างๆที่เกี่ยวข้องกับงาน Animation ได้รับมาตราฐานนี้ และนำไปใช้กับ การสมัครงานของท่าน เพื่อกระตุ้นให้ผู้ที่หางาน ทำการรับรองสมรรถนะของตัวเองเพื่อเป็น standard ให้กับตนเองทั้งในประเทศ และเพื่อการอ้างอิงสมรรถนะของตัวเองในตลาด AEC ครับ</div>
tor3203http://www.blogger.com/profile/18071473739590058069noreply@blogger.com0tag:blogger.com,1999:blog-7223550357974963681.post-57917130817340838652015-08-23T15:07:00.000+07:002015-08-23T15:07:20.385+07:00Mipony<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjS59CbNenEOOU-vYm-eV5fcE-imTtb80-oJ_iQ45NBqMt1OzLF5S6bssaNG38xJ8WNCOcDozHmTOlNQMZpdZoGrVtqTHPMz6qhnOeeXXwd5WupKVueCnHmbHa9YMt-6WCk9zg4N1n4Omox/s1600/Screenshot+%252827%2529.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="442" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjS59CbNenEOOU-vYm-eV5fcE-imTtb80-oJ_iQ45NBqMt1OzLF5S6bssaNG38xJ8WNCOcDozHmTOlNQMZpdZoGrVtqTHPMz6qhnOeeXXwd5WupKVueCnHmbHa9YMt-6WCk9zg4N1n4Omox/s640/Screenshot+%252827%2529.png" width="640" /></a></div>
<a href="http://www.mipony.net/en/index.php" target="_blank">Mipony</a> ตัวช่วย Download ไฟล์ที่แตกเป็นหลายๆไฟล์จากโฮสติ้งดังๆ<br />
เคยไหมครับ ต้องการโหลดไฟล์ที่แตกเป็นหลายๆไฟล์ที่อยู่บนโฮสติ้งพวก Rapidgator, Depositefiles, 4shared อะไรแบบนั้น?<br />
<br />
แค่คุณ copy text จากเพจที่มีลิงค์พวกนั้น เท่านั้น Mipony ก็จะตั้ง download ไฟล์ให้กับคุณโดยอัตโนมัติ พอถึงเวลาที่ต้องใส่ captcha โปรแกรมก็จะเด้งขึ้นมาให้คุณกรอก กรอกเสร็จก็โหลดให้เลย<br />
หรือถ้าคุณเก่งหน่อย ก็สามารถโหลดปลั๊กอิน ที่จะช่วยเรื่องนี้ เช่นจากเวปนี้ <a href="https://www.9kw.eu/index.html" target="_blank">https://www.9kw.eu/index.html</a><br />
สิ่งที่คุณต้องทำก็แค่ลงทะเบียน แล้วก็ตั้งค่าให้ถูกต้อง คุณก็สามารถทำงานแลกเครดิต เพื่อนำไปใช้กับการกรอก captcha ของคุณ โดยการทำงานก็เป็นแบบนี้ครับ<br />
<br />
คุณจะต้องกรอก captcha ที่เด้งขึ้นมาไปเรื่อยๆ ตามแต่เวลาที่คัณจะมี พอกรอกเสร็จ คุณก็จะได้คะแนน 7 หรือ 8 คะแนน เป็นคะแนนสะสม และcaptcha ตัวใหม่ก็จะเด้งขึ้นมา และทำซ้ำไปเรื่อยๆ และเมื่อโปรแกรม mipony จะโหลดไฟล์ของคุณ ปลั๊กอินก็จะจัดการกรอกให้ (โดยการส่ง captcha ให้คนที่ว่างๆคนอื่นกรอกให้) และจะดึงคะแนนสะสมของคุณออกไป 10 คะแนน วิธีนี้ คุณจะสามารถสะสมคะแนนเอาไว้ได้ ในเวลาที่คุณว่างๆ (อย่าลืมว่าการโหลดไฟล์จากโฮสเหล่านี้ มันจะต้องรอระหว่างไฟล์) เพราะงั้น เมื่อไหร่ก็ตามที่โปรแกรมต้องการ captcha คุณก็จะมีคะแนนตุนเอาไว้ก่อนแล้ว<br />
หรือถ้าคุณมี premium account ของพวกโฮสติ้งเหล่านี้ คุณก็กรอกเอาไว้ใน Mipony ได้เลย คราวนี้ ก็โหลดกันไปยาวๆเลยครับ ง่ายและสะดวกมากๆ ลองใช้กันดูครับtor3203http://www.blogger.com/profile/18071473739590058069noreply@blogger.com0tag:blogger.com,1999:blog-7223550357974963681.post-86940827413100513072015-08-09T22:14:00.000+07:002015-08-23T15:10:13.054+07:00Photo Modeling<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgbFJgfiUUeB4vdmRAdf4pupj1wPZElWvcmWl4cNgAMGvudBBhlAt63DITSs96NHwqdNSnqWd-0MWKxzExwN1VDk6a1ZclaMyDU4JWJ5y0dFzT7qzVsrzSKe4_jetpvZiHpG92CNIkWbylE/s1600/Feature__Image.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="177" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgbFJgfiUUeB4vdmRAdf4pupj1wPZElWvcmWl4cNgAMGvudBBhlAt63DITSs96NHwqdNSnqWd-0MWKxzExwN1VDk6a1ZclaMyDU4JWJ5y0dFzT7qzVsrzSKe4_jetpvZiHpG92CNIkWbylE/s640/Feature__Image.png" width="640" /></a></div>
หลังจากที่ได้ดู <a href="http://www.fxguide.com/fxguidetv/fxguidetv-165-scott-metzger-on-mari-and-hdr/?ua=ipad">Video</a> นี้แล้ว ก็เห็นว่า CG Pipeline เมื่อปี 2012 ของฝรั่งนั้นไปไกลขนาดไหนแล้ว ถ้าดูในวีดีโอนั้น จะเห็นว่า เขาใช้ Scan Data จาก <a href="https://en.wikipedia.org/wiki/Lidar">Lidar Scan</a> มา สร้าง ProxyGeo<br />
วันนี้ก็เลยหยิบส่วนหนึ่งของ Workflow มาเขียนถึง แต่จะต่างกันนิดหน่อยตรงที่ อีตา Scott Metzger จะเริ่มจาก Lidar Scan แล้วก็สร้าง ProxyGeo ด้วยการ Snap Modeling เข้าไปบน Lidar Mesh<br />
<div class="separator" style="clear: both; text-align: left;">
แต่ VFX ไทยๆคงจะไม่ได้เริ่มที่ Lidar ตลอด แต่จะถึงอย่างนั้น เราก็สามารถสร้าง ProxyGeo ได้ง่ายๆ ด้วยการทำ Photo Modeling</div>
<a name='more'></a><br />
<h3 style="clear: both; text-align: left;">
What is Photo Modeling?</h3>
<div class="separator" style="clear: both; text-align: center;">
<iframe allowfullscreen="" class="YOUTUBE-iframe-video" data-thumbnail-src="https://i.ytimg.com/vi/T2ir9IXCLWo/0.jpg" frameborder="0" height="266" src="https://www.youtube.com/embed/T2ir9IXCLWo?feature=player_embedded" width="320"></iframe></div>
<div>
(เริ่มดูนาทีที่ 7:00-7:53)</div>
<div>
มันก็คือการที่เราสร้างโมเดลจากภาพถ่ายนั่นเอง ถ้าคนสนใจ CG ก็อาจจะเคยได้ยิน <a href="http://www.agisoft.com/">Photoscan</a> ซึงจะถ่ายภาพหลายๆภาพ แล้วนำมาคำนวนโมเดลสามมิติ หรือ โปรแกรมอย่าง <a href="http://www.123dapp.com/catch">123Dcatch</a> แต่กระบวนการเหล่านั้น จะให้โมเดลที่เป็นแบบ Lidar คือ จะเป็น triangle mesh ที่แน่นมากๆ และไม่ได้เป็นระเบียบอะไร (Topology ไม่สวย) ซึ่งนั่นตรงกันข้ามกับ ProxyGeo (โมเดลที่ละเอียดน้อย แต่ยังคงรูปแบบที่ใกล้เคียงกับวัตถุจริงมากที่สุด ที่สำคัญ Topology ดีหน่อย เพื่อจะได้เอาไปทำ UV)</div>
<div>
<br /></div>
<div>
เราต้องมีอะไรบ้าง?</div>
<div>
<ol>
<li>Images Sequence ของวัตถุที่เราต้องการโมเดล download <a href="https://www.dropbox.com/s/wgv471hmqvlyx76/box_sq_images.zip?dl=0">here</a> (ดูวิธีการถ่ายด้านล่าง)</li>
<li>Tracking Software</li>
<li>Modeling Software</li>
</ol>
<div>
วันนี้จะมีโปรเจคให้เอาไปทำกันง่ายๆครับ โดยจะทำทุกอย่างบน Blender <b>เพราะมันทำได้</b> (ใครไม่มีก็ไปโหลดกัน<a href="http://www.blender.org/">ฟรี</a>) แต่ไม่ได้หมายความว่าจะต้องใช้ blender เท่านั้นนะครับ ใครถนัดอะไรก็ตามสะดวก</div>
</div>
<div>
<br /></div>
<div>
วิธีที่เราถ่ายภาพวัตถุก็คือการที่เราถ่ายภาพโดยเดินไปรอบๆวัตถุที่เราต้องการจะโมเดล โดยปกติก็ถ่ายแค่ 8 มุมก็พอ (แต่ทั้งนี้ทั้งนั้น ก็ขึ้นอยู่กับว่าวัตถุที่เราจะทำนั้น ต้องการรายละเอียดแค่ไหน เราอาจจะจำเป็นต้องถ่ายเจาะไปที่บางจุด บางด้าน เพื่อช่วยให้เราเทรคได้ดีขึ้น หรืออาจจะช่วยเราตอนเราโมเดลรายละเอียดในภาพหลังก็เป็นได้)</div>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgMxKYbFRBmHWAxJKS7wXfbZH09ImWaT1OkcPOASDDExQQbNHnOx-z9uclsQkpKn1WgBtjeKPshkPAzFgUdhTgfZfkyDBdHsTedFK6DkDiPtps0XjSMpuJ_olmPdgDsqL0XYBpJrqIXkg4R/s1600/PhotoModel_capture.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="480" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgMxKYbFRBmHWAxJKS7wXfbZH09ImWaT1OkcPOASDDExQQbNHnOx-z9uclsQkpKn1WgBtjeKPshkPAzFgUdhTgfZfkyDBdHsTedFK6DkDiPtps0XjSMpuJ_olmPdgDsqL0XYBpJrqIXkg4R/s640/PhotoModel_capture.png" width="640" /></a></div>
<div>
<br /></div>
<h3>
ขั้นตอนการทำงาน</h3>
<div>
<ul>
<li>อันดับแรกก็เทรคจุดสำคัญๆของวัตถุ</li>
</ul>
</div>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjBU_2n-MNd1nMeXvfVp_a4QNNoYNebQTl13B81F2Gov_gjP_3uRrg3Ansna4YTnBHa7y1QCQMwPE3M2J0vamFVGbyJb2E2fROy1WcOraOkhi5tpZwCesZ-bOpwiXVPofj5c28-KJIma0j-/s1600/Screenshot+%252812%2529.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="112" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjBU_2n-MNd1nMeXvfVp_a4QNNoYNebQTl13B81F2Gov_gjP_3uRrg3Ansna4YTnBHa7y1QCQMwPE3M2J0vamFVGbyJb2E2fROy1WcOraOkhi5tpZwCesZ-bOpwiXVPofj5c28-KJIma0j-/s200/Screenshot+%252812%2529.png" width="200" /></a><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjNt3YD_AHtrTHGgMb9GqSstXd8uo7btIxANPIuQdhyoEPTxfb9Dbq0dzcVUI-yqB7TopX3ycIOR64Y2wkD9HEOEa9-BVCLGG9ZXguT_lJCHf4cQifrbq2O1QU6Y1bmlzotJra5fPmpEreC/s1600/Screenshot+%252813%2529.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="112" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjNt3YD_AHtrTHGgMb9GqSstXd8uo7btIxANPIuQdhyoEPTxfb9Dbq0dzcVUI-yqB7TopX3ycIOR64Y2wkD9HEOEa9-BVCLGG9ZXguT_lJCHf4cQifrbq2O1QU6Y1bmlzotJra5fPmpEreC/s200/Screenshot+%252813%2529.png" width="200" /></a><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjEgSqb2N4RZgHQbRmTUniIIBm3cWCoffWXC0W-6Xol0rUf-nIw5tk4hXuw_N5TlsiX4aYEWy9fhHumyGXbDZ_xiSJqeDEq4SJ79W4wmE1Pp_pp3AQqbRosPG53PJsy5sUwbmhTdkB1g2dM/s1600/Screenshot+%252814%2529.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="112" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjEgSqb2N4RZgHQbRmTUniIIBm3cWCoffWXC0W-6Xol0rUf-nIw5tk4hXuw_N5TlsiX4aYEWy9fhHumyGXbDZ_xiSJqeDEq4SJ79W4wmE1Pp_pp3AQqbRosPG53PJsy5sUwbmhTdkB1g2dM/s200/Screenshot+%252814%2529.png" width="200" /></a><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjEbsDP7qiPfpd6Eq3okAejDPJSK_cxc1ENYQdfBLHia_WVnOXX4HkE1Eh_RsOvZtqR5XAXWwGCK58VKda0e8W0VgPBmFd960ZlZykmBpKd-t3d0MkChM0LGCUWwUhbVoVIcoM6IhnQXOsv/s1600/Screenshot+%252815%2529.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="112" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjEbsDP7qiPfpd6Eq3okAejDPJSK_cxc1ENYQdfBLHia_WVnOXX4HkE1Eh_RsOvZtqR5XAXWwGCK58VKda0e8W0VgPBmFd960ZlZykmBpKd-t3d0MkChM0LGCUWwUhbVoVIcoM6IhnQXOsv/s200/Screenshot+%252815%2529.png" width="200" /></a><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi6TMkd5KVUGPk3ljibrUjvNiC-jLn_TADDByOWRalN4lyWLZCM-ucffUgNCCevCmhdr0wkOUf0iYKvbjz-_ZmF4ut99_4XYnOMb1tkbukIvzlE4NjB5bInE-iZePqjR03jJuIRiKhZCR1a/s1600/Screenshot+%252816%2529.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="112" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi6TMkd5KVUGPk3ljibrUjvNiC-jLn_TADDByOWRalN4lyWLZCM-ucffUgNCCevCmhdr0wkOUf0iYKvbjz-_ZmF4ut99_4XYnOMb1tkbukIvzlE4NjB5bInE-iZePqjR03jJuIRiKhZCR1a/s200/Screenshot+%252816%2529.png" width="200" /></a></div>
<div class="separator" style="clear: both; text-align: center;">
</div>
<ul>
<li><span style="text-align: left;">อันดับต่อมาก็คือการ Solve หา Camera Position ในแต่ละเฟรม </span><span style="text-align: left;">และตำแหน่งจุดเทรคจากขั้นตอนที่แล้ว</span></li>
</ul>
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgEVXO33hB_pus5KC7Y69ytLKlDMkc_UN9cPAxTrznBkfpLJYcZSY1q-vSCmDRodO2tOyL3u6cg-MYJV-rrvfVwKBukdDhRzU2osVBsiN8G9QGmGsPrntNYBGCv-SbUbCCTzDklLyFyE83n/s1600/Screenshot+%252817%2529.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="360" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgEVXO33hB_pus5KC7Y69ytLKlDMkc_UN9cPAxTrznBkfpLJYcZSY1q-vSCmDRodO2tOyL3u6cg-MYJV-rrvfVwKBukdDhRzU2osVBsiN8G9QGmGsPrntNYBGCv-SbUbCCTzDklLyFyE83n/s640/Screenshot+%252817%2529.png" width="640" /></a></div>
<div class="" style="clear: both; text-align: center;">
</div>
<ul>
<li style="text-align: left;">อันดับสุดท้ายก็คือการ โมเดล โดยใช้ locator ที่เราได้ solve มาจากขั้นตอนที่แล้ว เป็นพื้นฐาน</li>
</ul>
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjiMKjrXrTSzNa_lU5DiXnGoiult9wVRi4AkAPp3t08yq4QiEccY91OpBUTsQdzKsDd6Yz1ZHL75ksvTllApYQLrEwt4FVFB_4tEBfMjwVnO7mcndv0m3am4hxTfwPw55n8mO_Pzri_xZSs/s1600/Screenshot+%252818%2529.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="360" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjiMKjrXrTSzNa_lU5DiXnGoiult9wVRi4AkAPp3t08yq4QiEccY91OpBUTsQdzKsDd6Yz1ZHL75ksvTllApYQLrEwt4FVFB_4tEBfMjwVnO7mcndv0m3am4hxTfwPw55n8mO_Pzri_xZSs/s640/Screenshot+%252818%2529.png" width="640" /></a></div>
<div class="separator" style="clear: both; text-align: center;">
</div>
<ul>
<li style="text-align: left;">ส่วนคุณจะใส่รายละเอียดเข้าไปแค่ไหนนั้น ก็อยู่ที่จุดอ้างอิง locator และเวลาที่คุณมีแล้วล่ะ</li>
</ul>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh-Al0A0X-YY_Rr8VbfMFujCiF4bWaVRyrO91zZXfS8kvKZ5NMx0XP4kJf5arJKSbZk-V8moyiQ3cTeGz-9lrgKkbfNna8LIblgT96T3OAssG5qUhRXrTOPQ3_n_hUfQ6OUoGKwzidM8IjQ/s1600/Screenshot+%252819%2529.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="360" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh-Al0A0X-YY_Rr8VbfMFujCiF4bWaVRyrO91zZXfS8kvKZ5NMx0XP4kJf5arJKSbZk-V8moyiQ3cTeGz-9lrgKkbfNna8LIblgT96T3OAssG5qUhRXrTOPQ3_n_hUfQ6OUoGKwzidM8IjQ/s640/Screenshot+%252819%2529.png" width="640" /></a></div>
<div style="text-align: left;">
<br /></div>
<div style="text-align: center;">
<iframe allowfullscreen="" frameborder="0" height="480" mozallowfullscreen="true" onmousewheel="" src="https://sketchfab.com/models/80a9138928884cfbba61df69f3cce220/embed?autospin=0.2" webkitallowfullscreen="true" width="640"></iframe>
</div>
<div style="color: #4a4a4a; font-size: 13px; font-weight: normal; margin: 5px;">
<a href="https://sketchfab.com/models/80a9138928884cfbba61df69f3cce220?utm_source=oembed&utm_medium=embed&utm_campaign=80a9138928884cfbba61df69f3cce220" style="color: #1caad9; font-weight: bold;" target="_blank">PhotoModeling</a>
by <a href="https://sketchfab.com/tor3203?utm_source=oembed&utm_medium=embed&utm_campaign=80a9138928884cfbba61df69f3cce220" style="color: #1caad9; font-weight: bold;" target="_blank">tor3203</a>
on <a href="https://sketchfab.com/?utm_source=oembed&utm_medium=embed&utm_campaign=80a9138928884cfbba61df69f3cce220" style="color: #1caad9; font-weight: bold;" target="_blank">Sketchfab</a>
</div>
<br />
จะทำบ้านทั้งหลังก็ยังไหว<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhFZMhp2xpDKy4TpLI2NHsoRcZv77R4yV3hEEqq6DQXh3yP08Wu_QKPsrFC1eK_kVduyPgvUl2zWT5JqflMHLRj-Mwt7v185icBHpXKfEgThqnNF2zXF9cRwKAw4n4hFm8koI6bm8PNa8-t/s1600/Screenshot+%252820%2529.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="360" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhFZMhp2xpDKy4TpLI2NHsoRcZv77R4yV3hEEqq6DQXh3yP08Wu_QKPsrFC1eK_kVduyPgvUl2zWT5JqflMHLRj-Mwt7v185icBHpXKfEgThqnNF2zXF9cRwKAw4n4hFm8koI6bm8PNa8-t/s640/Screenshot+%252820%2529.png" width="640" /></a></div>
<div class="separator" style="clear: both; text-align: center;">
<br /></div>
<div class="separator" style="clear: both; text-align: center;">
Download <a href="https://www.dropbox.com/s/zuxurcmlwlucw3k/tor3203_PhotoModeling.zip?dl=0">Link</a> สำหรับคนที่ อยากได้โปรเจค blender ใน stage ต่างๆเพื่อนำไปศึกษาครับ (ต่างจาก link ข้างบนนะ อันนี้มีไฟล์ blender ให้ด้วย แตกไฟล์ในโฟลเดอร์ แล้วเปิดดูได้เลย)</div>
<div>
<br /></div>
tor3203http://www.blogger.com/profile/18071473739590058069noreply@blogger.com0tag:blogger.com,1999:blog-7223550357974963681.post-49123536194507088002015-06-21T05:05:00.001+07:002015-08-23T15:09:22.227+07:00Premultiply & Unpremultiply<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjJMX0c-8SUnw3CZyGHJq82jrZOvfMAtbppAmCSRhszHYJ0GOLyYDahhXqqVcDKaoqsAitHitWJ6A5oqZG9mmhJDVTSoPWJXsJCIgo8Tvp9jV9USUC_6kvYuSRslNbf3oyo41QATP2HBG9B/s1600/Premul.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="336" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjJMX0c-8SUnw3CZyGHJq82jrZOvfMAtbppAmCSRhszHYJ0GOLyYDahhXqqVcDKaoqsAitHitWJ6A5oqZG9mmhJDVTSoPWJXsJCIgo8Tvp9jV9USUC_6kvYuSRslNbf3oyo41QATP2HBG9B/s640/Premul.png" width="640" /></a></div>
เรื่องแรกๆที่จะสับสนเกี่ยวกับการ Composite <b>CGI</b>(Computer Generate Image) ก็คือเรื่อง <b>Premultiply </b>(หรือ <b>Premul</b>) และ <b>Unpremultiply </b>(หรือ <b>Unmul</b>, <b>Divide</b>) มันคืออะไร? ทำไมเราถึงต้องเข้าใจมัน ก่อนที่จะเป็น Compositor ที่ดีได้?<br />
<a name='more'></a><br />
<br />
เรื่องแรก ก็คือ CG render นั้น สะดวกสบายสำหรับเราเพราะ CG render นั้น มาพร้อมกันทั้งข้อมูลสี(<b>RGB</b>) และความโปร่ง(<b>transparent</b>) หรือ alpha(<b>A</b>) ของเรา<br />
แต่ถ้าเราเริ่ม Color Correct(<b>CC</b>) ภาพ CG ของเรา เราเริ่มที่อาจจะเจอปัญหาแปลกๆกับขอบภาพ CG ซึ่งนั่นเป็นเพราะว่าภาพ CG ที่ render ออกมานั้น ส่วนใหญ่เป็นภาพแบบ <b>Premultiply </b>- แปลว่า ภาพที่คุณเอามาใช้นั้น ภาพนั้นถูก "คูณ" ด้วย Alpha channel แล้ว(<b>RGB</b>x<b>A</b>) ซึ่งจริงๆแล้ว เราควรจะ CC <b><u>ก่อน</u></b>ที่ภาพจะถูก"คูณ" ไม่ใช่<u style="font-weight: bold;">หลัง</u> เพราะงั้นเราจึงควรจะต้อง <b>UnPremul</b> เสียก่อน<br />
<br />
แล้วมันหมายความว่าอย่างไร <b>คูณก่อน</b> หรือ <b>คูณทีหลัง?</b><br />
<b><br /></b>
<br />
<div class="separator" style="clear: both; text-align: center;">
</div>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjb2ClbnPmJANtmMVygkmG6-YVtuik5wZN8ZB8gwb1mBKZ4BQ3khODZZlMnTcT1xAlGti5RIGeD23t8uVaOrdEWbY8JgJFPG0tDzQDxhIwTI6HhSIuMnqyjqJy7AxhLEF11gzbUqAxiPTZ3/s1600/Render.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="210" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjb2ClbnPmJANtmMVygkmG6-YVtuik5wZN8ZB8gwb1mBKZ4BQ3khODZZlMnTcT1xAlGti5RIGeD23t8uVaOrdEWbY8JgJFPG0tDzQDxhIwTI6HhSIuMnqyjqJy7AxhLEF11gzbUqAxiPTZ3/s400/Render.png" width="400" /></a></div>
อันดับแรก เรามาดูภาพกัน สมมติว่าภาพข้างบนนี้เป็นภาพลูกบอลที่ประกอบไปด้วยสีต่างๆใน Channel RGB(สีในภาพทำไว้ยกตัวอย่างเฉยๆ) ที่ render จากโปรแกรมอย่าง Maya, 3ds max ทางด้านซ้ายคือภาพที่เราเห็น ส่วนทางขวาคือ Alpha channel ซึ่งโดยปกติภาพที่เราได้มาจากโปรแกรม 3d ส่วนใหญ่นั้นจะเป็นภาพแบบ <b>Premultiply</b> ซึ่งก็คือภาพ RGB ที่ถูก Multiply(คูณ) กับ Alpha แล้ว<br />
โดยถ้าเราดูในแต่ละ Channel แล้ว นี่คือสิ่งที่เราจะเห็น<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhQ2vD1d1fl8f4Wy0yw1QnCRXP5r9P_c5hYIYjnxzMhlKK2F7WrP0yYN071cqo5qXYvG7aooFIM4sRyKvV_V8DhN0YSVrgcSZw2-g_GvMPfKxwl4QzsxWq6dFNkZaGx7-fNJZJnsvAXqzlG/s1600/PreMul_chart.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="332" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhQ2vD1d1fl8f4Wy0yw1QnCRXP5r9P_c5hYIYjnxzMhlKK2F7WrP0yYN071cqo5qXYvG7aooFIM4sRyKvV_V8DhN0YSVrgcSZw2-g_GvMPfKxwl4QzsxWq6dFNkZaGx7-fNJZJnsvAXqzlG/s640/PreMul_chart.png" width="640" /></a></div>
โดยเราจะเห็นว่าขอบของภาพที่อยู่ในแต่ละ Channel นั้น จะ Fade ตามค่าของ Alpha จากขาวไปสู่สีดำ(ซึ่งสีดำเป็นสีของ Background ที่ถูกเซทจาก Render ของโปรแกรม 3D ส่วนใหญ่) เพราะค่า Alpha นั้น จะมีค่า 0-1 (ดำ-ขาว) อะไรก็ตามที่ถูก"คูณ"ด้วย 0-1 ค่านั้นก็จะเปลี่ยนไปเช่น<br />
<br />
<b>Value Alpha Result</b><br />
1 1 1<br />
0.5 0.5 0.25<br />
0.25 0 0<br />
<br />
ในขณะที่ถ้าเราดูภาพที่ไม่ได้ทำการ <b>Premultiply หรือเรียกว่า Straight(ใน AE)</b> นี่คือภาพที่เราจะเห็น<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjOWF1J_YLqldKQp68fS-xBL574D5bhDEWKICm3CdjmxQ_K0sjEAYOyX6gcshhi_Y-WowDJ8rpAwKLw3QQEXu7eN7djEhlrU0vy3kP7TvuuT5FQ7z0pmLoyR_TDUnb9_xasGmkL368buSRE/s1600/Straight.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="334" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjOWF1J_YLqldKQp68fS-xBL574D5bhDEWKICm3CdjmxQ_K0sjEAYOyX6gcshhi_Y-WowDJ8rpAwKLw3QQEXu7eN7djEhlrU0vy3kP7TvuuT5FQ7z0pmLoyR_TDUnb9_xasGmkL368buSRE/s640/Straight.png" width="640" /></a></div>
ซึ่งถ้าเราดูในแต่ละ Channel ของ RGB นั้น เราจะเห็นว่า ในแต่ละ Pixel ตามขอบภาพนั่นน่ะ ค่าสี(Value) ของแต่ละ Pixel นั้นน่ะ จะยังมีค่าที่ <b>ควรจะเป็น</b> ก่อนที่จะถูก "คูณ" ด้วย Alpha<br />
<br />
โดยในโปรแกรม Composite ต่างๆ ก็จะมีวิธีหรือชื่อเรียก กระบวนการ นี้ที่แตกต่างกันไป เช่น AE จะใช้ส่วนของการ Interpret Footage ในขณะที่ Nuke, หรือ Fusion จะใช้ Node Premult/Unpremult และ AlphaDivide/AlphaMultiply ตามลำดับ<br />
<br />
ซึ่งกระบวนการ Composite นั้น จะใช้วิธีไหนก็แล้วแต่ เพียงแต่เราต้องพึงระลึกไว้เสมอว่า เราทำงานกับภาพแบบ Premult หรือ Straight เพื่อเมื่อเราทำการ Composite ไปนั้น มันอาจะเกิดอาการของขอบภาพดำ หรือขาวขึ้นมาได้ เพราะ เกิดจากการ "คูณ" ซ้ำไปซ้ำมาหรือเปล่า? ยกตัวอย่างตอนต้น<br />
<br />
<b>Premultiply</b><br />
<b>Value Alpha Result</b><br />
1 1 1<br />
0.5 0.5 0.25<br />
0.25 0 0<br />
<br />
ถ้าเราเอาภาพที่ Premult มาแล้ว แล้วทำการ Composite ที่เกี่ยวข้องกับการ "คูณ" นั่นหมายถึงว่า เรากำลังทำการ"คูณ" เข้าไปอีกหนึ่งครั้ง (RGA x Alpha) x Alpha ซึ่งมักเป็นต้นเหตุของขอบภาพที่มืดดำกว่าที่เราคิด ดังเช่นตารางต่อไปนี้<br />
<br />
<b>Premultiply x Composite = What You Get</b><br />
<b>Value Alpha Result Alpha Result</b><br />
1 1 1 1 1<br />
0.5 0.5 0.25 0.5 0.125<br />
0.25 0 0 0 0<br />
<br />
โดยคุณจะเห็นว่า ในขณะที่ส่วนที่ Alpha เป็น 0 หรือ 1 นั้น ภาพที่คุณจะได้นั้น ไม่เปลี่ยนแปลงไป แต่ส่วนที่เปลี่ยนแปลงไป ก็คือ ส่วนที่อยู่ระหว่าง 0-1 นั้น จะ "มืด" ลงอย่างรวดเร็ว<br />
<br />
ส่วนที่ว่าทำไมจึงต้องทำ CC ก่อนที่จะทำการ Multiply นั่นก็เพราะว่า บางกรณีของ CC นั้นเป็นกระบวนการแบบ <b>บวก</b> หรือ <b>ลบ</b> ซึ่งจะต่างจากการ <b>คูณ</b> โดยจะยกตัวอย่าง<br />
<br />
RGB x Alpha x ColorCorrect = RGB x ColorCorrect x Alpha<br />
<br />
ซึ่งอันนี้ไม่มีปัญหา จะเรียงแบบไหนก็ได้<br />
แต่เมื่อมีการ <b>บวก</b> หรือ <b>ลบ</b> ในการทำ CC นั่นจะทำให้ทุกอย่างเปลี่ยนไปทันทีเพราะ<br />
<br />
(2 + 3) x 4 ไม่เท่ากับ (3 x 4) + 2<br />
<br />
ดังเช่นตัวอย่างนี้<br />
<br />
<b>Unpremult CC Premult CC</b><br />
0.6 <span style="color: #f1c232;">pixel value</span> 0.6 <span style="color: #f1c232;">pixel value</span><br />
+ 0.2 <span style="color: #f1c232;">add color correct value</span> x 0.5 <span style="color: #f1c232;">premultiply by alpha pixel value</span><br />
0.8 <span style="color: #f1c232;">color correct pixel value</span> 0.3 <span style="color: #f1c232;">premultiplied pixel value</span><br />
x 0.5 <span style="color: #f1c232;">premultiply by alpha pixel value</span> + 0.2 <span style="color: #f1c232;">add color correct value</span><br />
<b><i>0.4 <span style="color: #f1c232;">correct resulting RGB value</span> 0.5 <span style="color: #f1c232;">wrong resulting RGB value</span></i></b><br />
<br />
<br />
<br />
โดยสรุปที่แนะนำเอาไว้ในหนังสือ <a href="http://www.amazon.com/Digital-Compositing-Video-Steve-Wright/dp/024081309X">Digital Compositing for Film and Video</a> นั่นก็คือ<br />
<br />
<ol>
<li>ถ้าคุณไม่ต้องการจะทำ CC ภาพ CG ก็ให้ปล่อยให้มันเป็น Premultiply ไป และเมื่อทำการ Composite ก็ให้ <b>ปิด</b> การทำ premultiply ที่ composite node นั่นซะ </li>
<li>ถ้าคุณต้องการทำ CC ภาพ CG ก็ให้คุณ Unpremult ซะก่อน แล้วก็ทำ CC ของคุณซะ และเมื่อถึงการ Composite ก็ให้คุณ <b>เปิด</b> การทำ premultiply ที่ composite node นั่นซะ</li>
</ol>
<br />
<br />
<div class="mxgraph" style="overflow: auto; position: relative; width: 100%;">
<div style="height: 1px; overflow: hidden; width: 1px;">
7VnBcpswEP0aH9MB2yHJMXaT9NL2kOm0PSpGBk2ERGUR2/n6rNDKiOCkTVHwTN2T0VtppX0Pdlk8msyLzY0iZf5ZppSPxlG6GU0+jsbjOI6n8GOQrUWSCEYGyBRLcVID3LJHasHTCNGKpXTVmqil5JqVbXAhhaAL3cKWkre3KEmG7j3gdkF4F/3OUp1b9HycNPgnyrLcbRMnF9ay0lvnI6VLUnF9UkMYa0GcL4xqE9nhCe64fTYuiWid6FHKogUoutpR5aJl7egFeWjteSdVSlUL4kzc+zROrkBKJSU4MlfFZk65kdMpZZddv2DdnV1RgUd5fcF4Ylc8EF5hLB06laxESs2CeDSZrXOm6W1JFsa6hjsOsFwXHM3ojipN3Q3YPVMTKdy0VBZUqy1MWXuCR8hP7ok9TtAXQcay3domRLjAKF+IOHDAmSJ2/78MGhe4hw2fUTf0KIndLeNTkiDWhxFMDwEZoVSEpyQ+G5CT08Cc3Bk//Sk5KCeYgoNxIhURUAz6szI9JCtngVkpK1XCwv6sJM9ZiQdkxe3lsUBTKPQ4lErnMpOC8KsGnTU8QS32OaEbpn941z/NlA+nZiTgYMZkVtSDxrbSSt7v3iKmu+JkDvI6p3BuWalaoCY/aqIyirPq9NBlXlFONHtoe+9FozvOP0AjplSfxjqjDEEjSrj3mexN0llIljDJ+izVGWYIllCh92EJ9A/HEubYg7C0rwwmHE4xW0o4ss9f8qsyL/K14cR2C5cwYTwtN40RrjLzO7txfuAI1pU1dFSBmmBwTw7L61xyaboLIYXJA0vG+TOIcJaZtmYB5JpGZGYqDIPu6xINBUvTOonsq1ISZi+5XAOSwzx4yev3vv+GV1902ipTIcTcV71DiLnI2H817eOC/fkgcp73ljM+3yfnN1EqWsA3hSMV9bCq4l7BVa2Zn0ulzFer4xT2z1qndxLWNR/Bs+9cFuWRCtrp+iLMiYMIij6CC3oN70aRzb8QnvV454xfv3ha79BjLb8Xbf3dMzaI/N1PH363irT9tqfAPgK7itqy6ylsG9G0FZ2eovkG/eaewv234TUVlr3wXQUMm2/8tc3772Zy9QQ=</div>
</div>
<br />
ถ้าใครต้องการเข้าใจเรื่องนี้แบบละเอียดกว่านี้ ลองดู video ที่ผมดู น่าจะทำให้เข้าใจได้มากขึ้นอีก<br />
<div class="separator" style="clear: both; text-align: center;">
<iframe allowfullscreen="" class="YOUTUBE-iframe-video" data-thumbnail-src="https://i.ytimg.com/vi/-dK71TVrBLM/0.jpg" frameborder="0" height="266" src="https://www.youtube.com/embed/-dK71TVrBLM?feature=player_embedded" width="320"></iframe></div>
<br />
หรือจาก link พวกนี้ครับ<br />
<br />
<ol>
<li><a href="http://cgi.tutsplus.com/tutorials/getting-an-edge-on-understanding-premultiplication--ae-21862" target="_blank">Getting An Edge On Understanding Premultiplication</a></li>
<li><a href="http://www.spherevfx.com/written-training/miscellaneous-written-training/understanding-premultiplied-images/" target="_blank">Understanding Premultiplied Images</a></li>
</ol>
<br />
<script src="https://www.draw.io/js/embed-static.min.js" type="text/javascript"></script>tor3203http://www.blogger.com/profile/18071473739590058069noreply@blogger.com0tag:blogger.com,1999:blog-7223550357974963681.post-36263411058367676322015-06-14T23:55:00.000+07:002015-08-23T15:09:03.903+07:00Why Linear?<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj_a9Y42NbG6xYhQYE1CqEXClyh_F20I-6KsVU5x2_hEIcUQoygrnpQQnONy8ADg_k5zEKCLIAJtTO5h7ROqGeBDXQI1nqMd60R1ld6t0fhffkWfLHLZr2gH5_ileWTcqfrlgvDlDniFtCZ/s1600/why_linear_flow_title.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="256" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj_a9Y42NbG6xYhQYE1CqEXClyh_F20I-6KsVU5x2_hEIcUQoygrnpQQnONy8ADg_k5zEKCLIAJtTO5h7ROqGeBDXQI1nqMd60R1ld6t0fhffkWfLHLZr2gH5_ileWTcqfrlgvDlDniFtCZ/s640/why_linear_flow_title.png" width="640" /></a></div>
<h3>
ทำไมถึงต้องทำงานที่ Linear</h3>
<div>
ถ้าใครอ่าน บทความเรื่อง <a href="http://tor3203.blogspot.com/2015/06/color-space-101-httpgalannicolas.html" target="_blank">Color Space</a> จะรู้ว่า การที่เราจะทำการปรับเปลี่ยน ดัดแปลง ภาพที่เราได้มา ที่เป็น Log, sRGB มาทำงานเนี่ย มันจะ "ผิด" ไปจากที่โปรแกรมได้ตั้งใจไว้ เพราะโปรแกรมออกแบบมาให้ทำงานกับแสง ที่เป็น Linear Color Space</div>
<div>
พูดไปก็เข้าใจยาก ก็เลยคิดว่า จะยกตัวอย่าง ด้วยภาพ</div>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhBKVZNATsPgbpDfmMGeqnbMYR8r-ViZ-ySwHeboPI909zNdg2FrD5pXJoL_rWpsFaPq0bLWGp4OMNmbmKLNadMT4J0YxjU9wFW07rGJfmhgN0geGjhNUBvensWijt05zO37OaLPdo6OpEY/s1600/why_linear.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="360" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhBKVZNATsPgbpDfmMGeqnbMYR8r-ViZ-ySwHeboPI909zNdg2FrD5pXJoL_rWpsFaPq0bLWGp4OMNmbmKLNadMT4J0YxjU9wFW07rGJfmhgN0geGjhNUBvensWijt05zO37OaLPdo6OpEY/s640/why_linear.png" width="640" /></a></div>
<div>
โดยจะยกตัวอย่างจากภาพ Marcie เหมือนเดิม<br />
<a name='more'></a></div>
<div class="separator" style="clear: both; text-align: center;">
</div>
<div>
<ul>
<li>อันดับแรก เราจะใช้ Loader อ่านไฟล์เข้ามา พร้อมกับการ Bypass Conversion เพื่อจะให้ภาพเป็น Log Color Space</li>
<li>ทางด้านบน เราจะทำการแปลง Log2Lin ซะก่อน แล้วต่อเข้า Defocus จากนั้นเราจะแสดงภาพที่ได้ ทางด้านซ้าย (ที่เปิด viewerLUT เป็น sRGB)</li>
<li>ทางด้านล่าง เราจะทำการ Defocus ก่อน แล้วจึงแปลง Log2Lin แล้วก็แสดงผลที่ทางด้านขวา (ที่เปิด viewerLUT เป็น sRGB เช่นกัน)</li>
</ul>
</div>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgyslRug0yXjcvlWiZHMdFPueNZhtisCDebRTgC_GnRVZCXU97TswCNbjn9F69hKlC7gUlvN1gJdwv_EUEFkveTaXIWhBsPyCzoUN3gqe-UPCy6i33uQcWRo0vhqcvVmhmF9jGxWU74qftN/s1600/why_linear_flow.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="256" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgyslRug0yXjcvlWiZHMdFPueNZhtisCDebRTgC_GnRVZCXU97TswCNbjn9F69hKlC7gUlvN1gJdwv_EUEFkveTaXIWhBsPyCzoUN3gqe-UPCy6i33uQcWRo0vhqcvVmhmF9jGxWU74qftN/s640/why_linear_flow.png" width="640" /></a></div>
<div>
ถ้าดูเผินๆ สุดท้ายสิ่งที่แสดงผลก็น่าจะเหมือนกัน ใช่ไหม? ลองมาดูกัน</div>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjhDEikdYzrvw1Br8XWnm8pPLGskcebMb_s6P7E_YqQ4RbNTExzyW-W2zBUrArO2l9BKAwSU0zE3a32l4-eaBzD2XEK_1LRU4MT3oXSoP8x_t_FUYL17Y0Z9RXGpv35h56RimX5en2wAtsW/s1600/linear_defocus.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="484" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjhDEikdYzrvw1Br8XWnm8pPLGskcebMb_s6P7E_YqQ4RbNTExzyW-W2zBUrArO2l9BKAwSU0zE3a32l4-eaBzD2XEK_1LRU4MT3oXSoP8x_t_FUYL17Y0Z9RXGpv35h56RimX5en2wAtsW/s640/linear_defocus.png" width="640" /></a></div>
<div style="text-align: center;">
รูปแรกจาก viewer ทางซ้าย</div>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiIO5XTU9sNCTmklFZ5UIGitvijsR5rOCWxD3QzWvA5TifacVV1LD9WrXHKaIsnP8rpn7TmKRW08lH_E0c9fxwNAoIAMXqkr_gKHesgKgUyPEf8SKFU4sUVWcPla9OyA2WyBMVNMRWSO0kS/s1600/defocus_linear.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="484" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiIO5XTU9sNCTmklFZ5UIGitvijsR5rOCWxD3QzWvA5TifacVV1LD9WrXHKaIsnP8rpn7TmKRW08lH_E0c9fxwNAoIAMXqkr_gKHesgKgUyPEf8SKFU4sUVWcPla9OyA2WyBMVNMRWSO0kS/s640/defocus_linear.png" width="640" /></a></div>
<div style="text-align: center;">
รูปที่สองจาก viewer ทางขวา</div>
<div style="text-align: center;">
<br /></div>
<div style="text-align: center;">
<span style="font-size: large;">สังเกตุไหมว่าต่างกันตรงไหนบ้าง?</span></div>
<div style="text-align: center;">
<span style="font-size: large;">ลองซูมเข้าไปดูกัน</span></div>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgmmdU2J_H82c8OprSAaX6xj076Fi-g27xGpPLwWone4gY45TSw_IAskB_1DZxNZ7sG8Hr0wnEU09oB92cGuX4kqj_QpZqFduqgEYOaIvm56SN07v6KYRirnyDRlR1tr85M9uJCMI4-IUtB/s1600/linear_defocus_zoom.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="360" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgmmdU2J_H82c8OprSAaX6xj076Fi-g27xGpPLwWone4gY45TSw_IAskB_1DZxNZ7sG8Hr0wnEU09oB92cGuX4kqj_QpZqFduqgEYOaIvm56SN07v6KYRirnyDRlR1tr85M9uJCMI4-IUtB/s640/linear_defocus_zoom.png" width="640" /></a></div>
<div style="text-align: center;">
รูปแรกจาก viewer ทางซ้าย</div>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgrCCAPTzNrtEWfhK75I3bwXk-PjV8pGihQGWzx0DaYwZWv9diWPqTWVgW1d30TNRub6kOBGpx5ijdoc6XHxJsGXn_JSkZBN9TeoMQ-gao3RtSn6GfR3dAqWpN1-hWdIln4_K6MI7uaIrbx/s1600/defocus_linear_zoom.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="360" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgrCCAPTzNrtEWfhK75I3bwXk-PjV8pGihQGWzx0DaYwZWv9diWPqTWVgW1d30TNRub6kOBGpx5ijdoc6XHxJsGXn_JSkZBN9TeoMQ-gao3RtSn6GfR3dAqWpN1-hWdIln4_K6MI7uaIrbx/s640/defocus_linear_zoom.png" width="640" /></a></div>
<div style="text-align: center;">
รูปที่สองจาก viewer ทางขวา</div>
<div style="text-align: center;">
<span style="font-size: large;">ส่วนที่เป็น Hilight ของภาพซ้าย จะสังเกตุเห็น <a href="https://en.wikipedia.org/wiki/Bokeh" target="_blank">Bokeh</a></span></div>
<div style="text-align: center;">
<span style="font-size: large;">ในขณะที่ภาพจากทางขวา ไม่มี <a href="https://en.wikipedia.org/wiki/Bokeh" target="_blank">Bokeh </a>เลย</span></div>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjMZMcZb6zsYEf0ScgSnqjD1XLOM0MmpPNoK5qF918zt2hwo2kahUdLfLmU5fC5KgnA7e9m0CKS0T5MdKaK7JxVSiFQGF_GDX395l9G_ak6RIhBaLoJ-eK00gkErlh0prWkrNkHaaDsrksj/s1600/linear_defocus_colorbar.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="640" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjMZMcZb6zsYEf0ScgSnqjD1XLOM0MmpPNoK5qF918zt2hwo2kahUdLfLmU5fC5KgnA7e9m0CKS0T5MdKaK7JxVSiFQGF_GDX395l9G_ak6RIhBaLoJ-eK00gkErlh0prWkrNkHaaDsrksj/s640/linear_defocus_colorbar.png" width="252" /></a></div>
<div style="text-align: center;">
รูปแรกจาก viewer ทางซ้าย</div>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjzW7sPaiuqBmQj5AETz24-_0RCfZ2GgG8LJhZ4zeaUeTmVWJL0fQVMpZAk9Q_CTnnIvyCa-IxNSjNWw3pdzzU0EDAc4gTr9Rheg3XY9VuCZDwlM4b5LIxzp_eq4gF_VVGOc83mVpC7oXGm/s1600/defocus_linear_colorbar.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="640" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjzW7sPaiuqBmQj5AETz24-_0RCfZ2GgG8LJhZ4zeaUeTmVWJL0fQVMpZAk9Q_CTnnIvyCa-IxNSjNWw3pdzzU0EDAc4gTr9Rheg3XY9VuCZDwlM4b5LIxzp_eq4gF_VVGOc83mVpC7oXGm/s640/defocus_linear_colorbar.png" width="256" /></a></div>
<div style="text-align: center;">
รูปที่สองจาก viewer ทางขวา</div>
<div style="text-align: center;">
<span style="font-size: large;">สังเกตุลักษณะการ Blend ของสีต่างๆ</span></div>
<div style="text-align: left;">
เราส่วนใหญ่ต่างก็เคยเรียนเรื่อง Color Wheel (RGB, CMYK) เราจะลองมาดูว่า สีแสงต่างๆเมื่อมาทับกัน จะเกิดสีอะไรบ้าง</div>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjD3bJXLC-j0DIl0U7767EGXPFZUq0sanyEZTZ9DBw-FGiqnFe7aF0PMWUcR_MlJhjYg_ZkVYX5hZrewhuoPVPzsl2UKCYG152uXtuBv_tD06w-cv8Kr5vG-wfeiojU2ziXVVmHKbhiqj5F/s1600/ColorWheel.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="320" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjD3bJXLC-j0DIl0U7767EGXPFZUq0sanyEZTZ9DBw-FGiqnFe7aF0PMWUcR_MlJhjYg_ZkVYX5hZrewhuoPVPzsl2UKCYG152uXtuBv_tD06w-cv8Kr5vG-wfeiojU2ziXVVmHKbhiqj5F/s640/ColorWheel.png" width="640" /></a></div>
<div style="text-align: left;">
ถ้าย้อนกลับไปดูแถบสีข้างบน คราวนี้เราจะสังเกตุเห็นทันทีว่า เมื่อเราทำการปรับภาพแบบที่ถูกต้อง (ที่ Linear) และไม่ถูก(ปรับที่ Log) มันต่างกันตรงไหน? และน่าจะเข้าใจแล้ว ถึงเหตุผลที่ว่า ทำไม? เราถึงควรทำงานแบบ Linear Color Space</div>
tor3203http://www.blogger.com/profile/18071473739590058069noreply@blogger.com0tag:blogger.com,1999:blog-7223550357974963681.post-5934512532737094672015-06-13T14:49:00.000+07:002015-08-23T15:08:13.285+07:00Nuke Color Management<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjXoyucqsyfh2EHgUp7hzg3L-9lWsdGWQstT6ojb96xdQ-y9a8xRBZ2PQZDK8Gdl9tIHdXfgmhTXLumS3awM7IxLor6R4beZSP2izw8jRrMWxtk1HX2Dl6hmGihUK10riyStwxZ9dVoO8QB/s1600/Nuke_Linear.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="360" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjXoyucqsyfh2EHgUp7hzg3L-9lWsdGWQstT6ojb96xdQ-y9a8xRBZ2PQZDK8Gdl9tIHdXfgmhTXLumS3awM7IxLor6R4beZSP2izw8jRrMWxtk1HX2Dl6hmGihUK10riyStwxZ9dVoO8QB/s640/Nuke_Linear.png" width="640" /></a></div>
<br />
หลังจากรับปากว่าจะเขียนถึง Linear Workflow ใน Nuke วันนี้ก็มีเวลาเขียนถึงแล้ว<br />
จากที่ศึกษาเองจากเนท เกี่ยวกับ Linear Workflow ใน Fusion ผมก็เทียบกับ Nuke ปรากฏว่า วิธีการทำงาน ก็ไม่ได้ต่างกันมาก เพียงแต่ เราต้องรู้ว่า มันมีอะไรเกี่ยวข้องบ้าง มีปุ่มอะไรต้องกดบ้าง<br />
หลังจากศึกษาเองมา ก็ได้เจอบทความที่ <a href="http://www.nukepedia.com/written-tutorials/shake-to-nuke-a-transition-guide-part-ii-color-management">http://www.nukepedia.com/written-tutorials/shake-to-nuke-a-transition-guide-part-ii-color-management</a> เขียนโดย <a href="http://www.imdb.com/name/nm1739143/" target="_blank">Ivan Busquets</a> Compositing Supervisor<br />
<br />
รู้อย่างนั้นแล้ว ผมก็จะเอาบทความเขามาเขียนถึง ทั้งใช้ content ของเขา และรวมถึงผมเขียนเอง มารวมๆกันก็แล้วกัน<br />
<a name='more'></a><br />
<br />
อันดับแรกที่ต้องรู้เลย คือ Nuke เนี่ยออกแบบมาให้ทำงานที่ 32-bit floating point ภายในโปรแกรมเลย หมายถึงว่า ทุกอย่างที่เข้ามาใน Nuke จะถูกแปลงให้เป็น Linear space โดยไม่สนว่าไฟล์ที่นำเข้ามาจะเป็นไฟล์แบบไหน โดยไม่ต้องกลัวว่าข้อมูลจะหายไปไหน แต่เราก็ต้องเข้าใจว่า ตัว Nuke เองนั้น จัดการกับเรื่อง Color Management ตรงนี้ยังไง<br />
<br />
Nuke นั้น จัดการกับเรื่องนี้ แบ่งออกเป็นสามส่วนหลักๆ คือ Reader, Write, Viewer<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi3xLj3WBTRcak1y2W0GhB2sRXs9T_6Y_3xR7AqTY6-7PPZFFVh3Z_aW0BKZflqRT4IWTnEYW3zCZ2kAgH9bKEEG347XViokB_ahyCZDLAa8nfZsKVyeuc0AClI_VwT21vT0M7-Fe_ktY8b/s1600/colorManagementFlow.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi3xLj3WBTRcak1y2W0GhB2sRXs9T_6Y_3xR7AqTY6-7PPZFFVh3Z_aW0BKZflqRT4IWTnEYW3zCZ2kAgH9bKEEG347XViokB_ahyCZDLAa8nfZsKVyeuc0AClI_VwT21vT0M7-Fe_ktY8b/s1600/colorManagementFlow.png" /></a></div>
ง่ายๆก็คือ Nuke อ่านไฟล์ผ่าน Read Node และทำการแปลง Color space ไปเป็น Linear และทำการ Composite/Process ต่างๆ หลังจากนั้นก็จะทำการแปลง Color space ไปเป็น Color space ที่ถูกต้อง(ต้องการ) โดยขึ้นอยู่กับขนิดไฟล์ที่ต้องการ Write ออกไป<br />
<br />
และ Nuke เองก็มี ViewerLUT เหมือนกันกับที่ Fusion มี ซึ่งส่วนของ ViwerLUT ก็คือส่วนแสดงผลเท่านั้น ไม่ได้เกี่ยวข้องกับข้อมูล(Data)จริงๆ ที่อยุ่ในไฟล์ หมายถึงว่าคุณก็ยังทำงานอยู่กับ Linear 32-bit floating point ไม่มีข้อมูลถูกลบ หรือขาดหายไประหว่างทาง<br />
<br />
รูปพวกนี้คือตำแหน่งบน UI ที่เกี่ยวข้องกับเรื่องพวกนี้<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjdn7Idg-qG4_kTSt-VyU1cFMU8dpHSd0_u6OXFu3oOgv7e_lIAfi09Gn7d9H_FshGHqMiqa6TGKj8ou8GIBGHN8OiPnHZF038sBaejeq7DaKlqr8DvBCsH6mkGowwT8UnfDY0OKe5lQSsc/s1600/colorTransformUIAreas.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjdn7Idg-qG4_kTSt-VyU1cFMU8dpHSd0_u6OXFu3oOgv7e_lIAfi09Gn7d9H_FshGHqMiqa6TGKj8ou8GIBGHN8OiPnHZF038sBaejeq7DaKlqr8DvBCsH6mkGowwT8UnfDY0OKe5lQSsc/s1600/colorTransformUIAreas.png" /></a></div>
<h3 style="clear: both; text-align: left;">
1. เรื่องแรกก็คือ Color space ใน Read Node</h3>
<div class="separator" style="clear: both; text-align: left;">
คือ Read Node เนี่ย จะทำงานโดยพยายามเดาว่าควรจะใช้ Colorspace แบบไหนกับไฟล์ที่เราอ่านเข้ามา โดยการเดาเนี่ย จะถูกกำหนดด้วยกฏง่ายๆไม่กี่ข้อ ภายใต้ Default LUT settings (Project Settings -> LUT tab)</div>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjuy8Z9ICgJlHyM3c46NZ8vwucPQsA20ztI1VRJr3jHrq8-FNTeY9OEDPmXrCAuqlxVlsaOHZIduTYwXkDVQpe5XyY3kpnavYz7zj4XHP_XtQOTw9T_s6d_BVXWJqFHa-Lp2HWLyyvVrsU8/s1600/Project_Setting.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjuy8Z9ICgJlHyM3c46NZ8vwucPQsA20ztI1VRJr3jHrq8-FNTeY9OEDPmXrCAuqlxVlsaOHZIduTYwXkDVQpe5XyY3kpnavYz7zj4XHP_XtQOTw9T_s6d_BVXWJqFHa-Lp2HWLyyvVrsU8/s1600/Project_Setting.png" /></a></div>
<div class="separator" style="clear: both; text-align: left;">
ในรูป จะเป็นส่วนที่แสดงถึงกฏที่เราพูดถึง floatLut หมายถึงถ้าไฟล์ที่อ่านเข้ามาเป็น Linear (เช่นไฟล์ EXR) Nuke เองก็จะไม่ทำอะไรกับไฟล์ (เพราะ Nuke เอง เป็น Linear อยู่แล้ว) logLut แสดงเป็น Cineon หมายถึงว่า ถ้าไฟล์ที่เป็น log colorspace(เช่น .cin, .dpx) นั้น ถูกอ่านเข้ามาใน Nuke Nuke จะทำการแปลงไฟล์นั้นด้วยกราฟ LUT ที่เห็นข้างบนนั้น เพื่อให้ log กลายเป็น linear (Log2Lin) ส่วนไฟล์อื่นๆที่เป็น 8/16 bit จะถูกแปลงด้วยกราฟ LUT sRGB ส่วน monitor เป็นส่วนที่แสดงผลที่ thumnail/3d view</div>
<div class="separator" style="clear: both; text-align: left;">
<br /></div>
<div class="separator" style="clear: both; text-align: center;">
<span style="color: #999999;">กราฟด้านบนจะเป็นกราฟแสดง LUT ของ colorspace ต่างๆโดยเส้นตรงๆเฉียงขึ้นไปนั้น นั่นคือกราฟของ Linear colorspace, กราฟสีแดงเข้ม, แดงอ่อน นั้นเป็นกราฟของ sRGB และ Rec709 ซึ่งจะสังเกตุว่า ต่างกันเพียงนิดเดียว ตรงกลางๆ (เพราะงั้นเวลาดูด้วยตาเนี่ย ความสว่างตรงกลางๆของภาพทั้งสอง จึงต่างกันนิดหน่อย โดยมืดสุดและสว่างสุดจะเหมือนๆกัน) ส่วนกราฟสีเขียวๆนั้น จะเป็นกราฟของ Cineon ซึ่งจะเห็นว่าแตกต่างกันมาก กับ Linear ทั้งในส่วนมืด(กราฟล่างซ้าย) และ ส่วนสว่าง(กราฟบนขวา)</span></div>
<div class="separator" style="clear: both; text-align: center;">
<br /></div>
<div class="separator" style="clear: both; text-align: left;">
โดยปกติกฏเหล่านี้ ก็จะใช้ได้ ทำให้คุณไม่ต้องสนใจเรื่องการแปลง colorspace ซักเท่าไหร่ แต่มันก็สำคุญคือจะต้องรู้ว่า ถ้าเราต้องการเปลี่ยแปลง การเดาโดยกฏ พวกนี้ ไปเป็นแบบอื่น เราจะทำยังไง? เพราะบางทีเรารู้ว่า ไฟล์ที่เราอ่านเข้ามา อาจจะไม่ได้มีข้อมูล ที่ถูกต้องทุกครั้ง บางทีผมก็ได้รับไฟล์ cineon/dpx ที่เป็น linear colorspace ก็มี เมื่อเป็นแบบนั้น เราก็ต้องเปลี่ยนวิธีที่ Nuke จะแปลงค่าข้อมูลที่อยู่ในไฟล์ด้วย colorspace อื่นๆแทน หรือถ้าคุณไม่ต้องการให้มีการทำ colorspace คุณก็สามารถเปลี่ยนแปลงโดยการติ๊ก raw data</div>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiTkPK3vJWmWySFm11MDTyuBUzUI7cv67qwrCDhcXFynS3Se4FM0W-rys0VqK3_tLa4rMCocIFbc-IlIOtd69Og6N4wGEjJ1FHK07WWNmBV2L2ObOR4zFpR7iL5PEj-Fty9Pa2jzY4sRqJu/s1600/ReadWrite.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiTkPK3vJWmWySFm11MDTyuBUzUI7cv67qwrCDhcXFynS3Se4FM0W-rys0VqK3_tLa4rMCocIFbc-IlIOtd69Og6N4wGEjJ1FHK07WWNmBV2L2ObOR4zFpR7iL5PEj-Fty9Pa2jzY4sRqJu/s1600/ReadWrite.png" /></a></div>
<h3>
2. Color Space Write Node</h3>
<div>
สิ่งที่มันทำก็คือการแปลงกลับจากสิ่งที่ Read node ทำ เพื่อเขียนออกไปเท่านั้นเอง โดย color space ที่จะถูกใช้ เพื่อเขียนไฟล์ออกไปนั้น ก็ขึ้นอยุ่กับชนิดของไฟล์ที่จะถุกเขียน โดยการเลือก color space ตรงนี้ ก็จะถูกกำกับโดยกฏง่ายๆ ที่เราพูดถึงก่อนหน้านี้ และเราก็สามารถเขียนออกไปเป็น raw ด้วย(ก็คือ เข้ามาที่ node ยังไง ก็เขียนออกไปแบบนั้น) และเราก็สามารถที่จะปรับเปลี่ยนเองได้ตามสะดวก เช่นเดียวกับตอน Read node</div>
<div>
เพื่อให้เห็นภาพ แม้จะเห็นว่า ทั้ง Read, Write node นั้นจะเลือก color space เหมือนกัน แต่จริงๆแล้ว มันกำลังทำซึ่งที่ตรงกันข้าม โดย Read node จะทำการเปลี่ยน "จาก"ให้เป็น linear ในขณะที่ Write node จะทำการเปลี่ยน linear "ให้เป็น" อะไร? เพื่อที่จะเปลี่ยนไปและกลับอย่างถูกต้อง</div>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhhDFWEgXetbTd4a9V_ytlsJXgETNXIWozATqL4E3MY4eyfaD8Tye2CqJwMFZYIwHsfHyx84yVOtZZEBQv3RYR3rRgEd1xnzxpqKw1KDkxTSpjly8rTrK-UoLTpK-xzb96vPCp3U3yrzn_a/s1600/roundtripReadWrite.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="194" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhhDFWEgXetbTd4a9V_ytlsJXgETNXIWozATqL4E3MY4eyfaD8Tye2CqJwMFZYIwHsfHyx84yVOtZZEBQv3RYR3rRgEd1xnzxpqKw1KDkxTSpjly8rTrK-UoLTpK-xzb96vPCp3U3yrzn_a/s640/roundtripReadWrite.png" width="640" /></a></div>
<h3>
3. ส่วนของ viewerLUT</h3>
<div class="separator" style="clear: both; text-align: center;">
</div>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi_POo52yX1xKCiNUaAInwpyey_-jOUBha8G8taCokykLAUDYLvsSKhLfQ_4z7X29NuuJ5afEeKuKwZ-w-H3_QMoaRzapNJPeUug5yrmXj1_UAJxjg1qrdrmo0DI87h-AuADU9lXSeTekOn/s1600/Viewer.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi_POo52yX1xKCiNUaAInwpyey_-jOUBha8G8taCokykLAUDYLvsSKhLfQ_4z7X29NuuJ5afEeKuKwZ-w-H3_QMoaRzapNJPeUug5yrmXj1_UAJxjg1qrdrmo0DI87h-AuADU9lXSeTekOn/s1600/Viewer.png" /></a></div>
<div>
โดยในส่วนนี้ viewerLUT หรือ viewerProcess (ที่เรียกโดย Nuke เราจะสามารถเข้าถึงได้ด้วยการกด S ที่หน้าต่าง viewer หรือทางด้านบนของ viewer</div>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiEv6Dg90g3NLgt0zizONXgYb6gTQ58dlcpuOyfp2uYgozP1LKFyr5GkHDOUL2UNj4AEiuQ1QZnndyuuYcessyBqTnfYCyeo93bY3eEbT6eYBy9sjUUv8xzY-C1uRKSNhWK7W05pWitScSS/s1600/ViewerLUTvsViewerProcess.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiEv6Dg90g3NLgt0zizONXgYb6gTQ58dlcpuOyfp2uYgozP1LKFyr5GkHDOUL2UNj4AEiuQ1QZnndyuuYcessyBqTnfYCyeo93bY3eEbT6eYBy9sjUUv8xzY-C1uRKSNhWK7W05pWitScSS/s1600/ViewerLUTvsViewerProcess.png" /></a></div>
<div>
โดยเราสามารถเพิ่ม viewerLUT ตรงนี้ได้ผ่านผ่าน Python เพื่อใช้สำหรับแต่ละสตูดิโอ, สำหรับแต่ละงาน, หรือ สำหรับแต่ละผู้ใช้ (ดูคู่มือหน้า 880)</div>
<div>
นอกจากนั้น Nuke ยังยอมให้ผู้ใช้ปรับภาพผ่าน (gain, gamma, cliptest) บน UI ด้วย โดยไม่ได้ปรับข้อมูลจริงๆ ที่อยู่ในภาพ โดยเมื่อเราทำการปรับอะไรใดๆผ่าน viewerProcess Nuke จะทำการ hilight ให้ icon กลายเป็นสีแดง เพื่อให้เราไม่สับสนเวลา render ออกมาแล้ว ไม่เหมือนกับสิ่งที่เราเห็นบนจอ</div>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh7aFM0IMAF2g6HHbJFRdwCWw6vWmw1gabPrD1WbE1RmFHjOz9j4blpL8t2XO9PiUZsdapdapN0C-lsH1LKx2ASUMGsbgwPNTJqF0NmYH0uKKGkQgT46pTlnjDmt-CE3Kxcdj44sH7-DW93/s1600/viewerControls.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh7aFM0IMAF2g6HHbJFRdwCWw6vWmw1gabPrD1WbE1RmFHjOz9j4blpL8t2XO9PiUZsdapdapN0C-lsH1LKx2ASUMGsbgwPNTJqF0NmYH0uKKGkQgT46pTlnjDmt-CE3Kxcdj44sH7-DW93/s1600/viewerControls.png" /></a></div>
<div>
โดยขั้นตอนการทำงานจะเป็นแบบนี้</div>
<div>
<ul>
<li>Gain >> Input Process >> Viewer Process >> Gamma >> Cliptest (default)</li>
<li>Gain >> Viewer Process >> Input Process >> Gamma >> Cliptest (ถ้า viewer input order set เป็น after viewer process ใน Viewer settings)</li>
</ul>
โดยตัว cliptest (ลายม้าลาย ที่จะแสดงเมื่อข้อมูลมีค่ามากกว่าหรือน้อยกว่า 0-1) จะแสดงผลทีหลังสุด แต่จะคำนวนก่อน เพราะงั้นมันแสดงออกมาโดยยึดอยู่กับ input ก่อนที่จะถูกแปลงไปโดย viewer control ต่างๆ</div>
tor3203http://www.blogger.com/profile/18071473739590058069noreply@blogger.com0tag:blogger.com,1999:blog-7223550357974963681.post-51929280809599336372015-06-10T23:45:00.000+07:002015-08-23T15:07:49.370+07:00Fusion Linear Workflow (Simple)<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEigMvaCBZwvdduYfqVSSyw6mxqtZWv3g9-ij76fctiwWlCWeBSiRj4evr6Gztj7hf_6flsB9FuhECeu0k87_4E6eBgVUFuR7sSGNWbci39NPmPFE0NkUY43b98DF2AUwHuhc9Yz-vbXQIFX/s1600/Fusion_Linear_Workflow_Simple.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="344" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEigMvaCBZwvdduYfqVSSyw6mxqtZWv3g9-ij76fctiwWlCWeBSiRj4evr6Gztj7hf_6flsB9FuhECeu0k87_4E6eBgVUFuR7sSGNWbci39NPmPFE0NkUY43b98DF2AUwHuhc9Yz-vbXQIFX/s640/Fusion_Linear_Workflow_Simple.png" width="640" /></a></div>
<br />
Fusion Linear Workflow (Simple) คราวที่แล้วเป็นแบบที่เอามาจากเวปที่คนที่ใช้ Fusion มานาน เขาแนะนำ แต่ดูเหมือนคนที่คุ้นเคยกับ Nuke อาจจะคิดว่ามันวุ่นวาย วันนี้ก็เลยเอามาเขียนต่ออีกหน่อย เป็นวิธีที่ไม่ต้องต่อ Node เยอะ (และคิดว่าก็คล้ายๆกับที่ Nuke ทำ)<br />
<a name='more'></a><br />
<br />
อันดับแรกเลยคือ<br />
<h3>
--------------------------------</h3>
<h3>
Loader</h3>
<div>
<h3 style="clear: both;">
--------------------------------</h3>
</div>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjrJws3BvFQLb21AZUrakzNqQOPe4UBUnxr5VF51nYzXWK1zI5PK1cabQlMrK-Hx-4MRpDxx54gQBsLYm3PpgALKlZujJl0OV5kCbIRfHSRIDAnF77m5eVKtIwWPvrx4uUeAIRgR3ULZFsn/s1600/Loader.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="400" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjrJws3BvFQLb21AZUrakzNqQOPe4UBUnxr5VF51nYzXWK1zI5PK1cabQlMrK-Hx-4MRpDxx54gQBsLYm3PpgALKlZujJl0OV5kCbIRfHSRIDAnF77m5eVKtIwWPvrx4uUeAIRgR3ULZFsn/s400/Loader.png" width="210" /></a></div>
<div class="separator" style="clear: both; text-align: center;">
<br /></div>
<div class="separator" style="clear: both; text-align: left;">
ส่วนแรกเลยก็คือ Loader ซึ่งเราจะทำการแปลงจาก Log --> Linear ที่ตัว loader เลย โดยให้สังเกตุว่า ในวิธีก่อนหน้า เราจะทำการปิด color management โดยการ ติ๊ก Bypass Conversion แต่คราวนี้เราจะไม่ติ๊ก และยอมให้ Fusion ทำการแปลง Log --> Linear ให้เราเลย และ Log Type ในที่นี้เราจะใช้ Cineon (เพราะภาพ Marcie ที่โหลดเข้ามาเป็นแบบนั้น)</div>
<div class="separator" style="clear: both; text-align: left;">
<br /></div>
<blockquote class="tr_bq" style="clear: both; text-align: left;">
<span style="color: #999999;">ปล. ให้สังเกตุ Black Level, White Level โดยปกติจะเป็น 95 / 685 อยู่แล้ว โดยค่าที่่ต่ำกว่า และ สูงกว่า ทั้งสองค่านี้(10bits จะมีค่าตั้งแต่ 0-1024) จะเป็นค่า Super Black / Super White คือ มืดมากกว่ามืด(ที่ตาจะมองออก) และ สว่างมากกว่าสว่าง(ที่ตาจะมองออก) หมายถึง ข้อมูลที่เก็บมามันกว้างมาก เพราะฟิลม์สามารถเก็บข้อมูลได้กว้างกว่าตาเราเห็น มันจึงมีส่วนที่สูงและต่ำกว่า และ ค่า 95 /685 จะเป็นค่าอยู่ในช่วงที่มืดและสว่างสุดที่ตามองเห็น จึงเป็นค่าเริ่มต้น ที่จะเห็นได้ทั่วๆไปในโปรแกรม composite ทั้งหลายทั้งปวง</span></blockquote>
<h3 style="clear: both; text-align: left;">
--------------------------------</h3>
<h3 style="clear: both;">
ViewerLUT</h3>
<div>
<h3 style="clear: both;">
--------------------------------</h3>
</div>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjMf8758JvVXdbFL-66fzkvPmUlJwidMB7V-fy-z40IdA46RsAPDYyIuYWXlgzD5HmOpJY9sNY9-iT4Q3GgMQgwv7uvIWMGdIqAW-o69deZQuun_XUmXzSuCOR6MnWcWg1lloPP96Sx3kEi/s1600/ViewerLUT.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="419" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjMf8758JvVXdbFL-66fzkvPmUlJwidMB7V-fy-z40IdA46RsAPDYyIuYWXlgzD5HmOpJY9sNY9-iT4Q3GgMQgwv7uvIWMGdIqAW-o69deZQuun_XUmXzSuCOR6MnWcWg1lloPP96Sx3kEi/s640/ViewerLUT.png" width="640" /></a></div>
<div class="" style="clear: both;">
หลังจากเราแปลง color space เป็น Linear แล้วเนี่ย เราต้องตั้ง ViewerLUT ของเรา เพื่อทำการแสดงผลจาก Linear --> sRGB เพื่อแสดงสีสรรให้ดูถูกต้องบนหน้าจอมอนิเตอร์ของเรา โดยการติ๊กปุ่ม LUT แล้วเราก็จะคลิ๊กที่ลูกศร เพื่อเลือก option "Gamut View LUT" หลังจากนั้นเราจะเลือก "Edit" เพื่อเรียกหน้าต่าง LUT Editor ขึ้นมา แล้วดูให้แน่ใจว่า Source Space เป็น "No Change" และ Output Space เป็น "sRGB"<br />
<h3 style="clear: both;">
--------------------------------</h3>
<h3>
Saver</h3>
<div>
<h3 style="clear: both;">
--------------------------------</h3>
</div>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi_Qt4uBf720X7M5PTncN3M8z_UL3n-vlVFA0_-QNi9Vw0YUj88p1jUn-R6O315phGJV8B_qCd0VH8J3zV0C8NXi3x8AAgGGGNOg_0L1aYNHatk6zwsQEOfafnxJvdP155ZJaidgFY80opQ/s1600/Saver.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="400" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi_Qt4uBf720X7M5PTncN3M8z_UL3n-vlVFA0_-QNi9Vw0YUj88p1jUn-R6O315phGJV8B_qCd0VH8J3zV0C8NXi3x8AAgGGGNOg_0L1aYNHatk6zwsQEOfafnxJvdP155ZJaidgFY80opQ/s400/Saver.png" width="223" /></a></div>
<div class="separator" style="clear: both; text-align: left;">
สุดท้าย ตรงส่วนที่เป็น Saver หรือตัว Render ของเรา เราก็จะปรับ Log Type ให้เป็น Cineon เลย ให้สังเกตุตัวกราฟ จะเห็นว่า แม้จะเลือก Log Type และ Bypass Conversion เหมือนกันกับ Loader แต่กราฟนั้นกลับไม่เหมือนกัน นั่นเพราะว่าตัว Saver นั้นน่ะ ได้ทำการแปลงจาก Linear (ที่ถูกแปลงโดย Loader) เพื่อกลับไปเป็น Log ที่ตัว Saver เลย ก็ประมาณว่า Saver ได้ทำการ invert กราฟของ Loader นั่นเอง</div>
<div class="separator" style="clear: both; text-align: left;">
<br /></div>
<div class="separator" style="clear: both; text-align: left;">
เอาล่ะ จบกันตรงนี้แหละครับ กับการทำ Fusion Linear Workflow แบบง่ายๆ(ขึ้น)</div>
</div>
tor3203http://www.blogger.com/profile/18071473739590058069noreply@blogger.com0tag:blogger.com,1999:blog-7223550357974963681.post-30830200301858616112015-06-06T21:39:00.001+07:002015-08-23T15:08:27.150+07:00Fusion Linear Workflow<div class="separator" style="clear: both; text-align: center;">
</div>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEipRIa7dATpBiXN2LH3oqOkY4CY7_Qfg42HmF81nKS3A7lwnbHpA1sgnQYTADEg-8qX3qCOGm4y0Zsnwo8aoPE8TSVMV3V-g5jIN9sOiunwulWX8Zr8-_Nr1v5XxPcZBqielb2w6XG8wCb8/s1600/Fusion_Linear_Workflow.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="344" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEipRIa7dATpBiXN2LH3oqOkY4CY7_Qfg42HmF81nKS3A7lwnbHpA1sgnQYTADEg-8qX3qCOGm4y0Zsnwo8aoPE8TSVMV3V-g5jIN9sOiunwulWX8Zr8-_Nr1v5XxPcZBqielb2w6XG8wCb8/s640/Fusion_Linear_Workflow.png" width="640" /></a></div>
<br />
Fusion Linear Workflow ที่อ่านมาจากเวป <a href="http://www.designimage.co.uk/viewing-linear-workflows-simplified/">http://www.designimage.co.uk/viewing-linear-workflows-simplified/</a> เลยเอามาเขียนเป็นไทยให้พอเข้าใจไอเดียนะครับ<br />
<br />
<blockquote class="tr_bq">
<span style="color: #999999;">ผู้เขียนเขียนเอง: หลังจากอ่านบทความที่แล้ว คงจะพอเข้าใจเรื่อง color space ไปแล้ว แล้วคงเข้าใจแล้วว่า เพราะคนทำงานหนัง เขามักจะทำงานกับภาพที่ ได้มาจาก film scan เขาจึงทำงานกับ Linear color space เพื่อให้การทำงาน composite ของเขานั้น มีความถูกต้องตามที่ควรจะเป็น เพราะงั้นวันนี้ ผมก็เลยมาเขียนถึงวิธีการทำงานแบบ Linear Workflow ใน Fusion กัน (วันหลังอาจจะเขียนถึง Nuke ถ้าไม่ขี้เกียจ)</span><br />
<a name='more'></a></blockquote>
หลักๆในการทำงานแบบ Linear Workflow เนี่ย ก็จะทำการตั้งค่า ไม่กี่อย่างนะครับ โดยกรณีนี้ คือการ Composite กับภาพที่มี color space เป็น Log เช่นภาพจำพวกที่ได้รับมาจาก film scan คือภาพ .cin หรือ .dpx นะครับ<br />
<h3>
--------------------------------</h3>
<h3>
Loader</h3>
<div>
<h3 style="clear: both;">
--------------------------------</h3>
</div>
<div>
<br /></div>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhraVNM6Cpy5QnEuiWKL3URRNA18ab_Rq1qVqSxNUxmen_kBlDdEaQx2NK_MP3lxXydWJB28Ye9POiXyzOoEOks6QN-W7BjHRT5V1kht0xL2iPqoxPYqZU2olfvu1l3EL7eQ57FtBFoQtYN/s1600/Loader.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="181" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhraVNM6Cpy5QnEuiWKL3URRNA18ab_Rq1qVqSxNUxmen_kBlDdEaQx2NK_MP3lxXydWJB28Ye9POiXyzOoEOks6QN-W7BjHRT5V1kht0xL2iPqoxPYqZU2olfvu1l3EL7eQ57FtBFoQtYN/s400/Loader.png" width="400" /></a></div>
<div class="separator" style="clear: both; text-align: center;">
<br /></div>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhfgTU47z68P5uwOMFlhUFlTksGEyd1MAwv9PBtuEd1PdbNomHO2KMOsnXpphJ43hCMSjjMlKQejeVaVuf9jK4mWUuOYKJNMMZCCKM_UJLfZGO_afCqRsApxR56Mb9nz9EwnWP0z3T6CMG0/s1600/Bypass_CM.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="320" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhfgTU47z68P5uwOMFlhUFlTksGEyd1MAwv9PBtuEd1PdbNomHO2KMOsnXpphJ43hCMSjjMlKQejeVaVuf9jK4mWUuOYKJNMMZCCKM_UJLfZGO_afCqRsApxR56Mb9nz9EwnWP0z3T6CMG0/s320/Bypass_CM.png" width="254" /></a></div>
ส่วนแรก ก็คือการโหลด footage เข้ามา โดยเราจะตั้งค่า color managment ของตัว loader เองเนี่ย ให้เป็น "Bypass Conversion" เพื่อปิดการทำ color managment<br />
<h3 style="clear: both; text-align: left;">
--------------------------------</h3>
<h3 style="clear: both; text-align: left;">
Log to Lin</h3>
<div>
<h3 style="clear: both;">
--------------------------------</h3>
</div>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEieS1ZV1FaUEBjAz5NCBGu9QUcP9chn7PCm6ZClsMje-xX6tD9C9jrJBN_dDSZjECjvnq4QP4NZG0EteKYLQS45SEKXbLaO5bSgaUuGEIdv_SzqPJMcYVri-gq2ka2rguRHXecjB1csc2F1/s1600/Log2Lin.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="400" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEieS1ZV1FaUEBjAz5NCBGu9QUcP9chn7PCm6ZClsMje-xX6tD9C9jrJBN_dDSZjECjvnq4QP4NZG0EteKYLQS45SEKXbLaO5bSgaUuGEIdv_SzqPJMcYVri-gq2ka2rguRHXecjB1csc2F1/s400/Log2Lin.png" width="257" /></a></div>
<div class="" style="clear: both; text-align: left;">
จากนั้นเราก็จะทำการต่อ Cineon Log tool เข้ากับ Output ของ Loader แล้วตั้งค่า Log to Lin เพื่อแปลง color space เป็น Linear เพื่อทำการ Composite</div>
<h3 style="clear: both;">
--------------------------------</h3>
<h3 style="clear: both; text-align: left;">
ViewerLUT</h3>
<div>
<h3 style="clear: both;">
--------------------------------</h3>
</div>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjMf8758JvVXdbFL-66fzkvPmUlJwidMB7V-fy-z40IdA46RsAPDYyIuYWXlgzD5HmOpJY9sNY9-iT4Q3GgMQgwv7uvIWMGdIqAW-o69deZQuun_XUmXzSuCOR6MnWcWg1lloPP96Sx3kEi/s1600/ViewerLUT.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="419" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjMf8758JvVXdbFL-66fzkvPmUlJwidMB7V-fy-z40IdA46RsAPDYyIuYWXlgzD5HmOpJY9sNY9-iT4Q3GgMQgwv7uvIWMGdIqAW-o69deZQuun_XUmXzSuCOR6MnWcWg1lloPP96Sx3kEi/s640/ViewerLUT.png" width="640" /></a></div>
<div class="" style="clear: both; text-align: left;">
หลังจากเราแปลง color space เป็น Linear แล้วเนี่ย เราต้องตั้ง ViewerLUT ของเรา เพื่อทำการแสดงผลจาก Linear --> sRGB เพื่อแสดงสีสรรให้ดูถูกต้องบนหน้าจอมอนิเตอร์ของเรา โดยการติ๊กปุ่ม LUT แล้วเราก็จะคลิ๊กที่ลูกศร เพื่อเลือก option "Gamut View LUT" หลังจากนั้นเราจะเลือก "Edit" เพื่อเรียกหน้าต่าง LUT Editor ขึ้นมา แล้วดูให้แน่ใจว่า Source Space เป็น "No Change" และ Output Space เป็น "sRGB"</div>
<h3 style="clear: both;">
--------------------------------</h3>
<h3>
Linear to Log</h3>
<div>
<h3 style="clear: both;">
--------------------------------</h3>
</div>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgoV6JGMUh8tYKV8ja1TGukwdMZgZJ7gteI0aK6wZYbbA6hENn4VmHg8T-cK20sI_z5MLV6-aTEOKskYeUaN784xdiDpsGyo_J4RSuTdjHIDkrqeDUXaNBgFNJU0bfIxoQEyGezzgJKjs4s/s1600/Lin2Log.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgoV6JGMUh8tYKV8ja1TGukwdMZgZJ7gteI0aK6wZYbbA6hENn4VmHg8T-cK20sI_z5MLV6-aTEOKskYeUaN784xdiDpsGyo_J4RSuTdjHIDkrqeDUXaNBgFNJU0bfIxoQEyGezzgJKjs4s/s1600/Lin2Log.png" /></a></div>
<div class="" style="clear: both; text-align: left;">
โดยหลังจากการทำ Composite แล้ว เราก็จะทำการแปลงภาพ Linear ของเรา กลับไปเป็น color space แบบ Log เพื่อทำการ Render ออกไปเป็นไฟล์เหมือนต้นฉบับอีกครั้งหนึ่ง (.cin หรือ .dpx ที่เป็น Log color space)<br />
<br />
<h3 style="clear: both;">
--------------------------------</h3>
<h3>
Saver</h3>
<div>
<h3 style="clear: both;">
--------------------------------</h3>
</div>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhNWKL8PlBIudekG88fVmtahjARvCLNOHNcxePA3WHRXZEftpFCWUhul-wrygRba9uB_JIMr7lfir-ESUyHS4uoErx2dgUrVzo69fhh8caRRm-M5zUUH-pcHo1iEeGUBUk1J463yNDNe6GH/s1600/Saver.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="320" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhNWKL8PlBIudekG88fVmtahjARvCLNOHNcxePA3WHRXZEftpFCWUhul-wrygRba9uB_JIMr7lfir-ESUyHS4uoErx2dgUrVzo69fhh8caRRm-M5zUUH-pcHo1iEeGUBUk1J463yNDNe6GH/s320/Saver.png" width="283" /></a></div>
<div class="separator" style="clear: both; text-align: left;">
สุดท้าย ตรงส่วนที่เป็น Saver หรือตัว Render ของเรา เราก็จะปรับ Log Type ให้เป็น Bypass เพราะเราเพิ่งจะแปลง Linear ---> Log แล้ว ด้วย Node ก่อนหน้านี้ ในกรณีที่เราจะ Render ออกเป็น .cin, .dpx เหมือนเดิมนะครับ</div>
<div>
<br /></div>
</div>
<div class="" style="clear: both; text-align: left;">
<br /></div>
<div class="" style="clear: both; text-align: left;">
ปล. จริงๆมันจะมีวิธีทำงาน ที่มีขั้นตอนที่มันน้อยกว่านี้ก็ได้ แต่คนเขียนต้นฉบับ เขาแนะนำให้ทำแบบนี้นะครับ เพราะเขาบอกว่า จะได้เห็นทุกอย่างอยู่ใน flow ชัดๆไปเลย ไว้จะมาเขียนให้อ่านกันวันหลัง<br />
ส่วนใครอยากจะโหลด Macie (ผู้หญิงในภาพ) ก็เข้าไปโหลดจากเพจนี้นะครับ<br />
<a href="http://motion.kodak.com/motion/Support/Technical_Information/Lab_Tools_And_Techniques/digitallad.htm">http://motion.kodak.com/motion/Support/Technical_Information/Lab_Tools_And_Techniques/digitallad.htm</a></div>
tor3203http://www.blogger.com/profile/18071473739590058069noreply@blogger.com0tag:blogger.com,1999:blog-7223550357974963681.post-406755981970908652015-06-01T03:42:00.000+07:002015-08-07T12:06:07.712+07:00Color space 101<h1 class="firstHeading" style="background-attachment: initial; background-clip: initial; background-image: none; background-origin: initial; background-position: initial; background-repeat: initial; background-size: initial; border-bottom-color: rgb(170, 170, 170); border-bottom-style: solid; border-bottom-width: 1px; font-family: sans-serif; font-size: 23.8759994506836px; font-weight: normal; line-height: 1.2em; margin: 0px 0px 0.1em; padding-bottom: 0px; padding-top: 0.5em;">
<span class="Apple-style-span" style="font-size: 13px; line-height: 19px;"><i>หน้านี้แปลมาจาก (<a href="http://galannicolas.com/mediawiki-1.13.3/index.php?title=Color_Space_101">http://galannicolas.com/mediawiki-1.13.3/index.php?title=Color_Space_101</a>) และทำการดัดแปลงนิดหน่อยในเรื่องโปรแกรมที่พูดถึง เพราะ ไม่มีใครใช้ Shake กันอีกแล้ว ผมเลยเปลี่ยนเป็น Nuke, Fusion แทน</i></span></h1>
<div id="bodyContent" style="font-size: 12.6999998092651px; line-height: 19.0499992370605px;">
<div style="font-family: sans-serif; line-height: 1.5em; margin-bottom: 0.5em; margin-top: 0.4em;">
โพสนี้หวังว่าจะทำให้เข้าใจเรื่อง Color Space ได้มากขึ้น ไม่มากก็น้อย โดยจะอธิบายให้เข้าใจง่ายๆ โดยไม่เน้นเป๊ะมากนัก</div>
<div style="font-family: sans-serif;">
</div>
<h2 style="background-attachment: initial; background-clip: initial; background-image: none; background-origin: initial; background-position: initial; background-repeat: initial; background-size: initial; border-bottom-color: rgb(170, 170, 170); border-bottom-style: solid; border-bottom-width: 1px; font-size: 19.0499992370605px; font-weight: normal; margin: 0px 0px 0.6em; padding-bottom: 0.17em; padding-top: 0.5em;">
<span class="mw-headline"><b>เปรียบเทียบ</b></span></h2>
<h3 style="background-attachment: initial; background-clip: initial; background-image: none; background-origin: initial; background-position: initial; background-repeat: initial; background-size: initial; border-bottom-style: none; font-size: 16.7639999389648px; margin: 0px 0px 0.3em; padding-bottom: 0.17em; padding-top: 0.5em;">
<span class="mw-headline">เมื่อทำการแสดงผลแบบที่ไม่มีการทำ color management เลย, ขึ้นอยู่กับข้อมูลที่อยู่ในไฟล์ภาพ คุณจะเห็นภาพประมาณนี้</span></h3>
<div style="font-family: sans-serif; line-height: 1.5em; margin-bottom: 0.5em; margin-top: 0.4em;">
<div class="separator" style="clear: both;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEidtbscI3QC1xJ79qRmj7A4egv3uPC5UNnuotv7CNmeF14hyphenhyphenSA2yjFPa2foz2MvBq78s7LOA6WL3fbuJAROitY0behSH3RPclvPCA45G_rqQeYlzymWYMeK5PBNC85_FW2BcUN9Y9BBM1fc/s1600/NG_Kodak_lin_2.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="166" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEidtbscI3QC1xJ79qRmj7A4egv3uPC5UNnuotv7CNmeF14hyphenhyphenSA2yjFPa2foz2MvBq78s7LOA6WL3fbuJAROitY0behSH3RPclvPCA45G_rqQeYlzymWYMeK5PBNC85_FW2BcUN9Y9BBM1fc/s200/NG_Kodak_lin_2.jpg" width="200" /></a><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi17qnhr2lwCxu5UQMVvZ8_wdxGsiq-PemJsI9b5mmYzmzcd8h3UqhGWAQ5ZfeknS4HJ87Rs72QKh2oFor2XqcbFvCeSaEqYZ9W8GtVBTUs_-Ch4jJV-r7p-0AYThA-Il3FPalKUSc4sNOR/s1600/NG_Kodak_srgb_2.jpg" imageanchor="1" style="font-size: 12.6999998092651px; line-height: 19.0499992370605px; margin-left: 1em; margin-right: 1em;"><img border="0" height="166" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi17qnhr2lwCxu5UQMVvZ8_wdxGsiq-PemJsI9b5mmYzmzcd8h3UqhGWAQ5ZfeknS4HJ87Rs72QKh2oFor2XqcbFvCeSaEqYZ9W8GtVBTUs_-Ch4jJV-r7p-0AYThA-Il3FPalKUSc4sNOR/s200/NG_Kodak_srgb_2.jpg" style="opacity: 0.9;" width="200" /></a><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhOYzVn7rLFTwrTtTJNoB7cBan72Wnv-UBRBh5w7L60xBsF-D4rfmHkZrABaR7vS8srr8tsoAvkqiMrmSsEVSshJeRtJ9zuPRR7r_CDYESaOKFkPR3FvJTc1tqt054-xC_i_ZFku8pXA8qT/s1600/NG_Kodak_log_2.jpg" imageanchor="1" style="font-size: 12.6999998092651px; line-height: 19.0499992370605px; margin-left: 1em; margin-right: 1em;"><img border="0" height="166" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhOYzVn7rLFTwrTtTJNoB7cBan72Wnv-UBRBh5w7L60xBsF-D4rfmHkZrABaR7vS8srr8tsoAvkqiMrmSsEVSshJeRtJ9zuPRR7r_CDYESaOKFkPR3FvJTc1tqt054-xC_i_ZFku8pXA8qT/s200/NG_Kodak_log_2.jpg" style="opacity: 0.9;" width="200" /></a></div>
<a name='more'></a></div>
<h2 style="background-attachment: initial; background-clip: initial; background-image: none; background-origin: initial; background-position: initial; background-repeat: initial; background-size: initial; border-bottom-color: rgb(170, 170, 170); border-bottom-style: solid; border-bottom-width: 1px; font-size: 19.0499992370605px; font-weight: normal; margin: 0px 0px 0.6em; padding-bottom: 0.17em; padding-top: 0.5em;">
<span class="mw-headline"><b>LINEAR</b></span></h2>
<h3 style="background-attachment: initial; background-clip: initial; background-image: none; background-origin: initial; background-position: initial; background-repeat: initial; background-size: initial; border-bottom-style: none; font-size: 16.7639999389648px; margin: 0px 0px 0.3em; padding-bottom: 0.17em; padding-top: 0.5em;">
<span class="mw-headline">Linear color space = physical color space</span></h3>
<div style="font-family: sans-serif; line-height: 1.5em; margin-bottom: 0.5em; margin-top: 0.4em;">
ฟิสิกส์อาจจะทำให้ปวดหัวก็จริง แต่มันทำสามารถอธิบายกฏ และความเข้าใจเกี่ยวกับพฤติกรรมของแสงได้เป็นอย่างดี</div>
<div style="font-family: sans-serif; line-height: 1.5em; margin-bottom: 0.5em; margin-top: 0.4em;">
โดยสูตรที่ใช้ทำการปรับภาพโดยวิศวกรนั้น มาจากฟิสิกส์ ดังนั้นมันเลยถูกออกแบบมาให้ทำงานได้ดีกับ <span style="font-size: 12.6999998092651px; line-height: 19.0499992370605px;">physical color space (หมายถึงการตรวจวัดแสง) โดยใน </span><span style="font-size: 12.6999998092651px; line-height: 19.0499992370605px;">physical color space นั้น แสงทำตัวเป็นแบบ linear (หมายถึงเป็นเส้นตรง) เพราะงั้น </span><span style="font-size: 12.6999998092651px; line-height: 19.0499992370605px;">physical color space จึงหมายถึง linear color space</span></div>
<div style="font-family: sans-serif; line-height: 1.5em; margin-bottom: 0.5em; margin-top: 0.4em;">
แต่สูตรก็สามารถทำงานได้ไม่เลวนักบน<span style="font-size: 12.6999998092651px; line-height: 19.0499992370605px;"> color space อื่นๆ เพราะงั้นหลายๆคนเลยไม่เข้าใจว่าอะไรกันนักหนา ที่จะต้องมาเจ้าใจอะไรให้มากมาย ซึ่งประโยชน์ที่แท้จริง ก็คือ ทำให้ภาพออกมาดีที่สุด</span></div>
<h2 style="background-attachment: initial; background-clip: initial; background-image: none; background-origin: initial; background-position: initial; background-repeat: initial; background-size: initial; border-bottom-color: rgb(170, 170, 170); border-bottom-style: solid; border-bottom-width: 1px; font-size: 19.0499992370605px; font-weight: normal; margin: 0px 0px 0.6em; padding-bottom: 0.17em; padding-top: 0.5em;">
<span class="mw-headline">จะรู้ได้ยังไงว่า ภาพที่ได้มาเก็บข้อมูลมาเป็นแบบ linear ?</span></h2>
<div style="font-family: sans-serif; line-height: 1.5em; margin-bottom: 0.5em; margin-top: 0.4em;">
ภาพที่เก็บข้อมูลมาเป็นแบบ <b>linear จะดู "มืด" เกินไป</b> ถ้าคุณดูภาพแบบ <b>ไม่มี</b> การทำ<b> color management</b>.</div>
<div style="font-family: sans-serif; line-height: 1.5em; margin-bottom: 0.5em; margin-top: 0.4em;">
ดังนั้นถ้า 95% ของเวลาที่คุณเห็นภาพที่ดูมืดเกินไป(ไม่ได้ทำ color management), ก็ให้เดาได้ว่ามันถูกเก็บข้อมูลมาเป็นแบบ linear.</div>
<div style="font-family: sans-serif; line-height: 1.5em; margin-bottom: 0.5em; margin-top: 0.4em;">
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEidtbscI3QC1xJ79qRmj7A4egv3uPC5UNnuotv7CNmeF14hyphenhyphenSA2yjFPa2foz2MvBq78s7LOA6WL3fbuJAROitY0behSH3RPclvPCA45G_rqQeYlzymWYMeK5PBNC85_FW2BcUN9Y9BBM1fc/s1600/NG_Kodak_lin_2.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="266" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEidtbscI3QC1xJ79qRmj7A4egv3uPC5UNnuotv7CNmeF14hyphenhyphenSA2yjFPa2foz2MvBq78s7LOA6WL3fbuJAROitY0behSH3RPclvPCA45G_rqQeYlzymWYMeK5PBNC85_FW2BcUN9Y9BBM1fc/s320/NG_Kodak_lin_2.jpg" width="320" /></a></div>
</div>
<h2 style="background-attachment: initial; background-clip: initial; background-image: none; background-origin: initial; background-position: initial; background-repeat: initial; background-size: initial; border-bottom-color: rgb(170, 170, 170); border-bottom-style: solid; border-bottom-width: 1px; font-size: 19.0499992370605px; font-weight: normal; margin: 0px 0px 0.6em; padding-bottom: 0.17em; padding-top: 0.5em;">
<span class="mw-headline">ไฟล์นามสกุลใด ที่ออกแบบมาให้ใช้ linear color space เป็นค่ามาตราฐาน</span></h2>
<div style="font-family: sans-serif; line-height: 1.5em; margin-bottom: 0.5em; margin-top: 0.4em;">
------------------------------------<br />
Open EXR (.exr)<br />
------------------------------------</div>
<div style="font-family: sans-serif; line-height: 1.5em; margin-bottom: 0.5em; margin-top: 0.4em;">
แต่ก็มิได้หมายความว่า ทุกไฟล์ Open EXR จะถูกเก็บข้อมูลแบบ linear</div>
<h2 style="background-attachment: initial; background-clip: initial; background-image: none; background-origin: initial; background-position: initial; background-repeat: initial; background-size: initial; border-bottom-color: rgb(170, 170, 170); border-bottom-style: solid; border-bottom-width: 1px; font-size: 19.0499992370605px; font-weight: normal; margin: 0px 0px 0.6em; padding-bottom: 0.17em; padding-top: 0.5em;">
<span class="mw-headline">ถ้าคุณทำงานกับภาพ linear</span></h2>
<div style="font-family: sans-serif; line-height: 1.5em; margin-bottom: 0.5em; margin-top: 0.4em;">
อย่าทำงานแบบ 8 bits depth per channel. มันจะทำให้ได้ผลลัพย์แย่ๆ (จะไม่อธิบายนะ เพราะไม่อยากให้ยาก)</div>
<h2 style="background-attachment: initial; background-clip: initial; background-image: none; background-origin: initial; background-position: initial; background-repeat: initial; background-size: initial; border-bottom-color: rgb(170, 170, 170); border-bottom-style: solid; border-bottom-width: 1px; font-size: 19.0499992370605px; font-weight: normal; margin: 0px 0px 0.6em; padding-bottom: 0.17em; padding-top: 0.5em;">
<span class="mw-headline">ข้อดี</span></h2>
<div style="font-family: sans-serif; line-height: 1.5em; margin-bottom: 0.5em; margin-top: 0.4em;">
เมื่อเข้าใจแล้ว คุณจะทำงานได้ดีขึ้น เวลาทำ lighting และ compositing.</div>
<h2 style="background-attachment: initial; background-clip: initial; background-image: none; background-origin: initial; background-position: initial; background-repeat: initial; background-size: initial; border-bottom-color: rgb(170, 170, 170); border-bottom-style: solid; border-bottom-width: 1px; font-size: 19.0499992370605px; font-weight: normal; margin: 0px 0px 0.6em; padding-bottom: 0.17em; padding-top: 0.5em;">
<span class="mw-headline">ข้อเสีย</span></h2>
<div style="font-family: sans-serif; line-height: 1.5em; margin-bottom: 0.5em; margin-top: 0.4em;">
คุณต้องมีโปรแกรมที่ทำงานแบบมี color management เพื่อจะเห็นภาพที่ถูกที่ควร.</div>
<div style="font-family: sans-serif; line-height: 1.5em; margin-bottom: 0.5em; margin-top: 0.4em;">
ต้องทำความเข้าใจใหม่เรื่องแสงจาก "classic lights" แบบเดิมๆ เป็นของใหม่เมื่อใช้ "physical lights".</div>
<h2 style="background-attachment: initial; background-clip: initial; background-image: none; background-origin: initial; background-position: initial; background-repeat: initial; background-size: initial; border-bottom-color: rgb(170, 170, 170); border-bottom-style: solid; border-bottom-width: 1px; font-size: 19.0499992370605px; font-weight: normal; margin: 0px 0px 0.6em; padding-bottom: 0.17em; padding-top: 0.5em;">
<span class="mw-headline">Physical lights / physical shaders</span></h2>
<ul style="font-family: sans-serif; line-height: 1.5em; list-style-image: url(http://galannicolas.com/mediawiki-1.13.3/skins/monobook/bullet.gif); list-style-type: square; margin: 0.3em 0px 0px 1.5em; padding: 0px;">
<li style="margin-bottom: 0.1em;">ถ้าสูตรถูกออกแบบมาเพื่อใช้กับ linear space, ทำไม "classic parameters" ของแสงถึงใช้งานไม่ได้?</li>
</ul>
<div style="font-family: sans-serif; line-height: 1.5em; margin-bottom: 0.5em; margin-top: 0.4em;">
ก็เพราะว่า "ความเร็ว" และ "ราคาของที่จัดเก็บข้อมูล" ในสมัยเริ่มต้นของการทำ CG</div>
<div style="font-family: sans-serif; line-height: 1.5em; margin-bottom: 0.5em; margin-top: 0.4em;">
คือเมื่อก่อน Computers ช้า และแพง เพราะงั้นจึงไม่สามารถใช้สูตรจริงๆได้ จึงต้องทำการ "ประมาณหยาบๆ" และอีกอย่างก็คือการหลอกๆบางสมการ (เช่น: specular และ reflections) และยังไม่สามารถใช้ค่าแบบ linear ได้ เพราะข้อมูลนั้นต้องการค่าที่มากกว่า 8 bits per channel จะเก็บได้ เมื่อเทียบกับข้อมูลที่เราต้องการเมื่อเทียบกับสายตาของมนุษย์ โดยการหลอกๆนั้นก็ได้ทำให้ เกิดความไม่ต่อเนื่องกันกับโลก physical (ซึ่งสมัยก่อนก็จำเป็น เพราะมีคล้ายๆก็ยังดีกว่าไม่มีเลย) แต่ไอเดียหลักๆของสูตรพวกนี้ก็ยังมาจากโลก physics. ตอนนี้ computers ก็เร็วขึ้น และถูกลง ทำให้สามารถทำให้เราใกล้เคียงโลกความจริงขึ้นเรื่อยๆ (เช่น: global illumation).</div>
<div style="font-family: sans-serif;">
</div>
<h2 style="background-attachment: initial; background-clip: initial; background-image: none; background-origin: initial; background-position: initial; background-repeat: initial; background-size: initial; border-bottom-color: rgb(170, 170, 170); border-bottom-style: solid; border-bottom-width: 1px; font-size: 19.0499992370605px; font-weight: normal; margin: 0px 0px 0.6em; padding-bottom: 0.17em; padding-top: 0.5em;">
<span class="mw-headline"><b>LOG</b></span></h2>
<h3 style="background-attachment: initial; background-clip: initial; background-image: none; background-origin: initial; background-position: initial; background-repeat: initial; background-size: initial; border-bottom-style: none; font-size: 16.7639999389648px; margin: 0px 0px 0.3em; padding-bottom: 0.17em; padding-top: 0.5em;">
<span class="mw-headline">Log color space = film scan color space</span></h3>
<h2 style="background-attachment: initial; background-clip: initial; background-image: none; background-origin: initial; background-position: initial; background-repeat: initial; background-size: initial; border-bottom-color: rgb(170, 170, 170); border-bottom-style: solid; border-bottom-width: 1px; font-size: 19.0499992370605px; font-weight: normal; margin: 0px 0px 0.6em; padding-bottom: 0.17em; padding-top: 0.5em;">
<span class="mw-headline"><span style="font-size: 19.0499992370605px; line-height: 19.0499992370605px;">จะรู้ได้ยังไงว่า ภาพที่ได้มาเก็บข้อมูลมาเป็นแบบ</span> log ?</span></h2>
<div style="font-family: sans-serif; line-height: 1.5em; margin-bottom: 0.5em; margin-top: 0.4em;">
ภาพที่เก็บข้อมูลแบบ <b>log จะดูฝ้าๆ</b> <span style="font-size: 12.6999998092651px; line-height: 19.0499992370605px;">ถ้าคุณดูภาพแบบ <b>ไม่มี </b>การทำ</span><b> color management</b>.</div>
<div style="font-family: sans-serif; line-height: 1.5em; margin-bottom: 0.5em; margin-top: 0.4em;">
ดังนั้น 95% ของเวลาที่คุณเห็นภาพที่ฝ้าๆแบบเห็นได้ชัด (โดยไม่ได้ทำ color management), เดาได้เลยว่า ภาพถูกเก็บข้อมูลแบบ log.</div>
<div style="font-family: sans-serif; line-height: 1.5em; margin-bottom: 0.5em; margin-top: 0.4em;">
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhOYzVn7rLFTwrTtTJNoB7cBan72Wnv-UBRBh5w7L60xBsF-D4rfmHkZrABaR7vS8srr8tsoAvkqiMrmSsEVSshJeRtJ9zuPRR7r_CDYESaOKFkPR3FvJTc1tqt054-xC_i_ZFku8pXA8qT/s1600/NG_Kodak_log_2.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="266" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhOYzVn7rLFTwrTtTJNoB7cBan72Wnv-UBRBh5w7L60xBsF-D4rfmHkZrABaR7vS8srr8tsoAvkqiMrmSsEVSshJeRtJ9zuPRR7r_CDYESaOKFkPR3FvJTc1tqt054-xC_i_ZFku8pXA8qT/s320/NG_Kodak_log_2.jpg" width="320" /></a></div>
</div>
<h2 style="background-attachment: initial; background-clip: initial; background-image: none; background-origin: initial; background-position: initial; background-repeat: initial; background-size: initial; border-bottom-color: rgb(170, 170, 170); border-bottom-style: solid; border-bottom-width: 1px; font-size: 19.0499992370605px; font-weight: normal; margin: 0px 0px 0.6em; padding-bottom: 0.17em; padding-top: 0.5em;">
<span class="mw-headline"><span style="font-size: 19.0499992370605px; line-height: 19.0499992370605px;">ไฟล์นามสกุลใด ที่ออกแบบมาให้ใช้</span><span style="font-size: 19.0499992370605px; line-height: 19.0499992370605px;"> </span>log color space </span><span style="font-size: 19.0499992370605px; line-height: 19.0499992370605px;">เป็นค่ามาตราฐาน</span></h2>
<h2 style="background-attachment: initial; background-clip: initial; background-image: none; background-origin: initial; background-position: initial; background-repeat: initial; background-size: initial; border-bottom-color: rgb(170, 170, 170); border-bottom-style: solid; border-bottom-width: 1px; font-size: 19.0499992370605px; font-weight: normal; margin: 0px 0px 0.6em; padding-bottom: 0.17em; padding-top: 0.5em;">
<span style="font-size: 12.6999998092651px; line-height: 19.0499992370605px;">------------------------------------</span></h2>
<div style="font-family: sans-serif; font-size: 12.6999998092651px; line-height: 1.5em; margin-bottom: 0.5em; margin-top: 0.4em;">
Cineon (.cin หรือบางทีก็ เลขเรียง 4 ตัว โดยไม่มีนามสกุล)</div>
<div style="font-family: sans-serif; font-size: 12.6999998092651px; line-height: 1.5em; margin-bottom: 0.5em; margin-top: 0.4em;">
Dpx (.dpx)</div>
<div style="font-family: sans-serif; font-size: 12.6999998092651px; line-height: 1.5em; margin-bottom: 0.5em; margin-top: 0.4em;">
------------------------------------</div>
<div style="font-family: sans-serif; font-size: 12.6999998092651px; line-height: 1.5em; margin-bottom: 0.5em; margin-top: 0.4em;">
<span style="font-size: 19.0499992370605px; line-height: 19.0499992370605px;">ถ้าคุณทำงานกับภาพ log</span></div>
<div style="font-family: sans-serif; line-height: 1.5em; margin-bottom: 0.5em; margin-top: 0.4em;">
ถ้าคุณปรับภาพที่เก็บข้อมูลแบบ log โดยไม่ทำการแปลงเป็น linear (หรือเป็น sRGB) ก่อน, เป็นไปได้ว่าคุณกำลังทำผิดพลาดหรือ คุณอาจจะกำลังทำงานบน เครืองที่มีการใช้ software/hardware ที่สามารถทำงานบนภาพแบบ log ได้โดยตรง.</div>
<div style="font-family: sans-serif; line-height: 1.5em; margin-bottom: 0.5em; margin-top: 0.4em;">
ถ้าคุณเป็นแบบที่สอง คุณคงไม่มาอ่านของพวกนี้ เพราะงั้น เดาได้ว่า คุณกำลังพลาดแล้วล่ะ</div>
<div style="font-family: sans-serif;">
</div>
<h2 style="background-attachment: initial; background-clip: initial; background-image: none; background-origin: initial; background-position: initial; background-repeat: initial; background-size: initial; border-bottom-color: rgb(170, 170, 170); border-bottom-style: solid; border-bottom-width: 1px; font-size: 19.0499992370605px; font-weight: normal; margin: 0px 0px 0.6em; padding-bottom: 0.17em; padding-top: 0.5em;">
<span class="mw-headline">การทำงานกับภาพ log ที่ถูกต้อง</span></h2>
<div style="font-family: sans-serif; line-height: 1.5em; margin-bottom: 0.5em; margin-top: 0.4em;">
ภาพ Log นั้นจะมาจาก film scanners. มันถูกออกแบบมาเพื่อนำพาข้อมูลเกี่ยวกับสีไปให้ได้มากที่สุด โดยอย่าไปคิดว่ามันเป็นภาพที่่นำไปใช้ได้เลย แต่ให้คิดว่ามันเป็นการ "บีบอัดข้อมูล" (แบบไฟล์ zip หรือ tar.gz ). ครั้นเมื่อทำการแปลงไปเป็นภาพแบบ linear แล้วนั้น (ประมาณ unzipped), คุณจึงจะสามารถทำงานกับภาพได้. โดยการแปลงแบบนี้มักจะทำโดยตรงโดยโปรแกรม compositing (เช่น: Nuke, AE, Fusion).</div>
<div style="font-family: sans-serif; line-height: 1.5em; margin-bottom: 0.5em; margin-top: 0.4em;">
ครั้นเมื่อทำงานเสร็จ เราต้องแปลงกลับไปเป็น log เพื่อที่จะสามารถนำไปยิงกลับเป็นฟิลม์ได้</div>
<div style="font-family: sans-serif;">
</div>
<h2 style="background-attachment: initial; background-clip: initial; background-image: none; background-origin: initial; background-position: initial; background-repeat: initial; background-size: initial; border-bottom-color: rgb(170, 170, 170); border-bottom-style: solid; border-bottom-width: 1px; font-size: 19.0499992370605px; font-weight: normal; margin: 0px 0px 0.6em; padding-bottom: 0.17em; padding-top: 0.5em;">
<span class="mw-headline"><b>SRGB</b></span></h2>
<h3 style="background-attachment: initial; background-clip: initial; background-image: none; background-origin: initial; background-position: initial; background-repeat: initial; background-size: initial; border-bottom-style: none; font-size: 16.7639999389648px; margin: 0px 0px 0.3em; padding-bottom: 0.17em; padding-top: 0.5em;">
<span class="mw-headline">sRGB color space = คือ color space ปกติ ก่อนที่จะรู้เรื่อง color spaces เสียด้วยซ้ำ</span></h3>
<h2 style="background-attachment: initial; background-clip: initial; background-image: none; background-origin: initial; background-position: initial; background-repeat: initial; background-size: initial; border-bottom-color: rgb(170, 170, 170); border-bottom-style: solid; border-bottom-width: 1px; font-size: 19.0499992370605px; font-weight: normal; margin: 0px 0px 0.6em; padding-bottom: 0.17em; padding-top: 0.5em;">
<span class="mw-headline"><span style="font-size: 19.0499992370605px; line-height: 19.0499992370605px;">จะรู้ได้ยังไงว่า ภาพที่ได้มาเก็บข้อมูลมาเป็นแบบ</span> srgb ?</span></h2>
<div style="font-family: sans-serif; line-height: 1.5em; margin-bottom: 0.5em; margin-top: 0.4em;">
ภาพที่เก็บข้อมูลแบบ <b>sRGB ดูเหมือน "ถูกต้อง"</b> <span style="font-size: 12.6999998092651px; line-height: 19.0499992370605px;">ถ้าคุณดูภาพแบบ </span><b style="font-size: 12.6999998092651px; line-height: 19.0499992370605px;">ไม่มี </b><span style="font-size: 12.6999998092651px; line-height: 19.0499992370605px;">การทำ</span><b> color management</b>.</div>
<div style="font-family: sans-serif; line-height: 1.5em; margin-bottom: 0.5em; margin-top: 0.4em;">
<span style="font-size: 12.6999998092651px; line-height: 19.0499992370605px;">ดังนั้นถ้า 95% ของเวลาที่คุณเห็นภาพที่ดูปกติ (ไม่ได้ทำ color management), ก็ให้เดาได้ว่ามันถูกเก็บข้อมูลมาเป็นแบบ</span> srgb.</div>
<div style="font-family: sans-serif; line-height: 1.5em; margin-bottom: 0.5em; margin-top: 0.4em;">
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi17qnhr2lwCxu5UQMVvZ8_wdxGsiq-PemJsI9b5mmYzmzcd8h3UqhGWAQ5ZfeknS4HJ87Rs72QKh2oFor2XqcbFvCeSaEqYZ9W8GtVBTUs_-Ch4jJV-r7p-0AYThA-Il3FPalKUSc4sNOR/s1600/NG_Kodak_srgb_2.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="266" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi17qnhr2lwCxu5UQMVvZ8_wdxGsiq-PemJsI9b5mmYzmzcd8h3UqhGWAQ5ZfeknS4HJ87Rs72QKh2oFor2XqcbFvCeSaEqYZ9W8GtVBTUs_-Ch4jJV-r7p-0AYThA-Il3FPalKUSc4sNOR/s320/NG_Kodak_srgb_2.jpg" width="320" /></a></div>
</div>
<h2 style="background-attachment: initial; background-clip: initial; background-image: none; background-origin: initial; background-position: initial; background-repeat: initial; background-size: initial; border-bottom-color: rgb(170, 170, 170); border-bottom-style: solid; border-bottom-width: 1px; font-size: 19.0499992370605px; font-weight: normal; margin: 0px 0px 0.6em; padding-bottom: 0.17em; padding-top: 0.5em;">
<span class="mw-headline"><span style="font-size: 19.0499992370605px; line-height: 19.0499992370605px;">ไฟล์นามสกุลใด ที่ออกแบบมาให้ใช้</span><span style="font-size: 19.0499992370605px; line-height: 19.0499992370605px;"> </span>sRGB color space </span><span style="font-size: 19.0499992370605px; line-height: 19.0499992370605px;">เป็นค่ามาตราฐาน</span></h2>
<div style="font-family: sans-serif;">
<span style="font-size: 12.6999998092651px; line-height: 19.0499992370605px;">------------------------------------</span>
</div>
<div style="font-family: sans-serif; font-size: 12.6999998092651px; line-height: 1.5em; margin-bottom: 0.5em; margin-top: 0.4em;">
<span style="font-size: 12.6999998092651px; line-height: 1.5em;">Jpeg (.jpg)</span></div>
<h2 style="background-attachment: initial; background-clip: initial; background-image: none; background-origin: initial; background-position: initial; background-repeat: initial; background-size: initial; border-bottom-color: rgb(170, 170, 170); border-bottom-style: solid; border-bottom-width: 1px; font-size: 19.0499992370605px; font-weight: normal; margin: 0px 0px 0.6em; padding-bottom: 0.17em; padding-top: 0.5em;">
<span class="mw-headline"><span style="font-size: 12.6999998092651px; line-height: 1.5em;">------------------------------------</span></span></h2>
<h2 style="background-attachment: initial; background-clip: initial; background-image: none; background-origin: initial; background-position: initial; background-repeat: initial; background-size: initial; border-bottom-color: rgb(170, 170, 170); border-bottom-style: solid; border-bottom-width: 1px; font-size: 19.0499992370605px; font-weight: normal; margin: 0px 0px 0.6em; padding-bottom: 0.17em; padding-top: 0.5em;">
<span class="mw-headline">มีอะไรอยู่ใน sRGB?</span></h2>
<div style="font-family: sans-serif; line-height: 1.5em; margin-bottom: 0.5em; margin-top: 0.4em;">
sRGB ถูกออกแบบมาเพื่อทำการแสดงผลค่าที่อยู่ใน image buffer ของ video card ไปที่จอบ้านๆ, โดยไม่มีการทำ color management. ก็เพื่อจะได้ไม่ต้องสนเรื่องคนใช้และเครื่องที่แตกต่างกัน (เพื่อจะได้เร็วกว่าบนเครื่องช้าๆ (ไม่ค่อยสำคัญแล้วตอนนี้ แต่สำคัญตอนที่มันถูกสร้างขึ้น)). สิ่งที่สำคัญอีกอย่างก็คือ สามารถแสดงความแตกต่างของสีได้มีประสิทธิภาพกว่า ด้วยความจุที่เท่ากัน (= มันดูดีกว่าที่จะแสดงภาพ sRGB เทียบกับ linear image ที่ทำการ color management เมื่อคุณมีแค่ 8 bits ต่อ channel).</div>
<div style="font-family: sans-serif; line-height: 1.5em; margin-bottom: 0.5em; margin-top: 0.4em;">
sRGB คือ color space ที่ใช้กันเกลื่อนบนโลก internet. *รู้ไว้ใช่ว่า Rec709, คือ color space ที่ใช้กับ HDTV. โดยคร่าวๆแล้ว มันก็เหมือนกับ sRGB ในหลักการ, แตกต่างกันเพียง gamma.</div>
<h2 style="background-attachment: initial; background-clip: initial; background-image: none; background-origin: initial; background-position: initial; background-repeat: initial; background-size: initial; border-bottom-color: rgb(170, 170, 170); border-bottom-style: solid; border-bottom-width: 1px; font-size: 19.0499992370605px; font-weight: normal; line-height: 19.0499992370605px; margin: 0px 0px 0.6em; padding-bottom: 0.17em; padding-top: 0.5em;">
<span class="mw-headline">ข้อดี</span></h2>
<div style="font-family: sans-serif; line-height: 1.5em; margin-bottom: 0.5em; margin-top: 0.4em;">
ไม่ต้องเข้าใจอะไรมาก ใครๆก็ใช้กัน อย่างพวกกล้องก็แปลงเป็น Jpeg ให้เลย</div>
<h2 style="background-attachment: initial; background-clip: initial; background-image: none; background-origin: initial; background-position: initial; background-repeat: initial; background-size: initial; border-bottom-color: rgb(170, 170, 170); border-bottom-style: solid; border-bottom-width: 1px; font-size: 19.0499992370605px; font-weight: normal; line-height: 19.0499992370605px; margin: 0px 0px 0.6em; padding-bottom: 0.17em; padding-top: 0.5em;">
<span class="mw-headline">ข้อเสีย</span></h2>
<ul style="font-family: sans-serif; line-height: 1.5em; list-style-image: url(http://galannicolas.com/mediawiki-1.13.3/skins/monobook/bullet.gif); list-style-type: square; margin: 0.3em 0px 0px 1.5em; padding: 0px;">
<li style="margin-bottom: 0.1em;">ปรับยาก สีเน่าง่าย สีผสมกับแปลกๆ ปรับมากไม่ได้ระหว่างแสงและเงา</li>
</ul>
<div style="font-family: sans-serif; line-height: 1.5em; margin-bottom: 0.5em; margin-top: 0.4em;">
เพราะสูตรที่ใช้ปรับแสงสี ไม่ได้ถูกออกแบบมาเพื่อ sRGB color space.</div>
<h2 style="background-attachment: initial; background-clip: initial; background-image: none; background-origin: initial; background-position: initial; background-repeat: initial; background-size: initial; border-bottom-color: rgb(170, 170, 170); border-bottom-style: solid; border-bottom-width: 1px; font-size: 19.0499992370605px; font-weight: normal; margin: 0px 0px 0.6em; padding-bottom: 0.17em; padding-top: 0.5em;">
<span class="mw-headline">ทำไมถึงทำงานกับ sRGB ด้วยสูตรที่ออกแบบมาสำหรับ linear color space ไม่ได้?</span></h2>
<div style="font-family: sans-serif; line-height: 1.5em; margin-bottom: 0.5em; margin-top: 0.4em;">
เพราะถึงมันแตกต่างกัน แต่มันก็มีความสัมพันธ์กันอยู่บ้าง สูตรพวกนี้เลยทำตัวไม่ค่อยดีนัก แต่ก็ทำงานได้ใกล้เคียง ในแบบที่คุณอาจจะคาดหวังได้บ้าง</div>
<div style="font-family: sans-serif; line-height: 1.5em; margin-bottom: 0.5em; margin-top: 0.4em;">
แต่ <b>เหตุผลหลักก็คือ: เราตัดสินคุณภาพของงานด้วยสายตา (ขึ้นอยู่แต่ละบุคคล)</b>.</div>
<div style="font-family: sans-serif; line-height: 1.5em; margin-bottom: 0.5em; margin-top: 0.4em;">
เพรางั้น เราเลยทำงานด้วยตา โดยไม่สนค่าของตัวแปรต่างๆ สนแต่ภาพสุดท้าย.</div>
<div style="font-family: sans-serif; line-height: 1.5em; margin-bottom: 0.5em; margin-top: 0.4em;">
ถ้าเราทำแบบเดียวกันกับการคำนวนจำนวนพลังงานแสงเลเซอร์ที่ใช้ผ่าตัดคนไข้ เราก็คงฆ่าเขาตายแน่ๆ !!!</div>
<div style="font-family: sans-serif;">
</div>
<h2 style="background-attachment: initial; background-clip: initial; background-image: none; background-origin: initial; background-position: initial; background-repeat: initial; background-size: initial; border-bottom-color: rgb(170, 170, 170); border-bottom-style: solid; border-bottom-width: 1px; font-size: 19.0499992370605px; font-weight: normal; margin: 0px 0px 0.6em; padding-bottom: 0.17em; padding-top: 0.5em;">
<span class="mw-headline"><b>การแปลง</b></span></h2>
<h2 style="background-attachment: initial; background-clip: initial; background-image: none; background-origin: initial; background-position: initial; background-repeat: initial; background-size: initial; border-bottom-color: rgb(170, 170, 170); border-bottom-style: solid; border-bottom-width: 1px; font-size: 19.0499992370605px; font-weight: normal; margin: 0px 0px 0.6em; padding-bottom: 0.17em; padding-top: 0.5em;">
<span class="mw-headline">linear เป็น sRGB</span></h2>
<div style="font-family: sans-serif; line-height: 1.5em; margin-bottom: 0.5em; margin-top: 0.4em;">
ใช้ gamma 2.2 ซึงก็ไม่เลวนักในการประมาณค่าการแปลงจากภาพ linear เป็นภาพ sRGB :</div>
<div style="font-family: sans-serif; line-height: 1.5em; margin-bottom: 0.5em; margin-top: 0.4em;">
<a class="image" href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEidtbscI3QC1xJ79qRmj7A4egv3uPC5UNnuotv7CNmeF14hyphenhyphenSA2yjFPa2foz2MvBq78s7LOA6WL3fbuJAROitY0behSH3RPclvPCA45G_rqQeYlzymWYMeK5PBNC85_FW2BcUN9Y9BBM1fc/s200/NG_Kodak_lin_2.jpg" style="background-attachment: initial; background-clip: initial; background-image: none; background-origin: initial; background-position: initial; background-repeat: initial; background-size: initial; color: #5a3696; text-decoration: none;" title="Image:NG Kodak lin 2.jpg"><img alt="Image:NG Kodak lin 2.jpg" border="0" src="http://galannicolas.com/mediawiki-1.13.3/images/f/f2/NG_Kodak_lin_2.jpg" height="166" style="border: none; margin: 0px; vertical-align: middle;" width="200" /></a> <b>--> GAMMA( 2.2 ) --></b> <a class="image" href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi17qnhr2lwCxu5UQMVvZ8_wdxGsiq-PemJsI9b5mmYzmzcd8h3UqhGWAQ5ZfeknS4HJ87Rs72QKh2oFor2XqcbFvCeSaEqYZ9W8GtVBTUs_-Ch4jJV-r7p-0AYThA-Il3FPalKUSc4sNOR/s1600/NG_Kodak_srgb_2.jpg" style="background-attachment: initial; background-clip: initial; background-image: none; background-origin: initial; background-position: initial; background-repeat: initial; background-size: initial; color: #5a3696; text-decoration: none;" title="Image:NG Kodak srgb 2.jpg"><img alt="Image:NG Kodak srgb 2.jpg" border="0" src="http://galannicolas.com/mediawiki-1.13.3/images/2/28/NG_Kodak_srgb_2.jpg" height="166" style="border: none; margin: 0px; vertical-align: middle;" width="200" /></a></div>
<div style="font-family: sans-serif;">
</div>
<h2 style="background-attachment: initial; background-clip: initial; background-image: none; background-origin: initial; background-position: initial; background-repeat: initial; background-size: initial; border-bottom-color: rgb(170, 170, 170); border-bottom-style: solid; border-bottom-width: 1px; font-size: 19.0499992370605px; font-weight: normal; margin: 0px 0px 0.6em; padding-bottom: 0.17em; padding-top: 0.5em;">
<span class="mw-headline">sRGB </span><span style="font-size: 19.0499992370605px; line-height: 19.0499992370605px;">เป็น</span><span style="font-size: 19.0499992370605px; line-height: 19.0499992370605px;"> linear</span></h2>
<div style="font-family: sans-serif; line-height: 1.5em; margin-bottom: 0.5em; margin-top: 0.4em;">
ใช้ gamma 1/2.2:</div>
<div style="font-family: sans-serif; line-height: 1.5em; margin-bottom: 0.5em; margin-top: 0.4em;">
<a class="image" href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi17qnhr2lwCxu5UQMVvZ8_wdxGsiq-PemJsI9b5mmYzmzcd8h3UqhGWAQ5ZfeknS4HJ87Rs72QKh2oFor2XqcbFvCeSaEqYZ9W8GtVBTUs_-Ch4jJV-r7p-0AYThA-Il3FPalKUSc4sNOR/s1600/NG_Kodak_srgb_2.jpg" style="background-attachment: initial; background-clip: initial; background-image: none; background-origin: initial; background-position: initial; background-repeat: initial; background-size: initial; color: #5a3696; text-decoration: none;" title="Image:NG Kodak srgb 2.jpg"><img alt="Image:NG Kodak srgb 2.jpg" border="0" src="http://galannicolas.com/mediawiki-1.13.3/images/2/28/NG_Kodak_srgb_2.jpg" height="166" style="border: none; margin: 0px; vertical-align: middle;" width="200" /></a> <b>--> GAMMA( 1 / 2.2 ) --></b> <a class="image" href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEidtbscI3QC1xJ79qRmj7A4egv3uPC5UNnuotv7CNmeF14hyphenhyphenSA2yjFPa2foz2MvBq78s7LOA6WL3fbuJAROitY0behSH3RPclvPCA45G_rqQeYlzymWYMeK5PBNC85_FW2BcUN9Y9BBM1fc/s200/NG_Kodak_lin_2.jpg" style="background-attachment: initial; background-clip: initial; background-image: none; background-origin: initial; background-position: initial; background-repeat: initial; background-size: initial; color: #5a3696; text-decoration: none;" title="Image:NG Kodak lin 2.jpg"><img alt="Image:NG Kodak lin 2.jpg" border="0" src="http://galannicolas.com/mediawiki-1.13.3/images/f/f2/NG_Kodak_lin_2.jpg" height="166" style="border: none; margin: 0px; vertical-align: middle;" width="200" /></a></div>
<div style="font-family: sans-serif;">
</div>
<h2 style="background-attachment: initial; background-clip: initial; background-image: none; background-origin: initial; background-position: initial; background-repeat: initial; background-size: initial; border-bottom-color: rgb(170, 170, 170); border-bottom-style: solid; border-bottom-width: 1px; font-size: 19.0499992370605px; font-weight: normal; margin: 0px 0px 0.6em; padding-bottom: 0.17em; padding-top: 0.5em;">
<span class="mw-headline">log </span><span style="font-size: 19.0499992370605px; line-height: 19.0499992370605px;">เป็น</span><span style="font-size: 19.0499992370605px; line-height: 19.0499992370605px;"> linear</span></h2>
<div style="font-family: sans-serif; line-height: 1.5em; margin-bottom: 0.5em; margin-top: 0.4em;">
ใช้ LogLin node โดยปรับเป็น "log to lin".</div>
<div style="font-family: sans-serif; line-height: 1.5em; margin-bottom: 0.5em; margin-top: 0.4em;">
<a class="image" href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhOYzVn7rLFTwrTtTJNoB7cBan72Wnv-UBRBh5w7L60xBsF-D4rfmHkZrABaR7vS8srr8tsoAvkqiMrmSsEVSshJeRtJ9zuPRR7r_CDYESaOKFkPR3FvJTc1tqt054-xC_i_ZFku8pXA8qT/s1600/NG_Kodak_log_2.jpg" style="background-attachment: initial; background-clip: initial; background-image: none; background-origin: initial; background-position: initial; background-repeat: initial; background-size: initial; color: #5a3696; text-decoration: none;" title="Image:NG Kodak log 2.jpg"><img alt="Image:NG Kodak log 2.jpg" border="0" src="http://galannicolas.com/mediawiki-1.13.3/images/0/0d/NG_Kodak_log_2.jpg" height="166" style="border: none; margin: 0px; vertical-align: middle;" width="200" /></a> <b>--> LOGLIN( conversion = "log to lin" ) --></b> <a class="image" href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEidtbscI3QC1xJ79qRmj7A4egv3uPC5UNnuotv7CNmeF14hyphenhyphenSA2yjFPa2foz2MvBq78s7LOA6WL3fbuJAROitY0behSH3RPclvPCA45G_rqQeYlzymWYMeK5PBNC85_FW2BcUN9Y9BBM1fc/s200/NG_Kodak_lin_2.jpg" style="background-attachment: initial; background-clip: initial; background-image: none; background-origin: initial; background-position: initial; background-repeat: initial; background-size: initial; color: #5a3696; text-decoration: none;" title="Image:NG Kodak lin 2.jpg"><img alt="Image:NG Kodak lin 2.jpg" border="0" src="http://galannicolas.com/mediawiki-1.13.3/images/f/f2/NG_Kodak_lin_2.jpg" height="166" style="border: none; margin: 0px; vertical-align: middle;" width="200" /></a></div>
<div style="font-family: sans-serif;">
</div>
<h2 style="background-attachment: initial; background-clip: initial; background-image: none; background-origin: initial; background-position: initial; background-repeat: initial; background-size: initial; border-bottom-color: rgb(170, 170, 170); border-bottom-style: solid; border-bottom-width: 1px; font-size: 19.0499992370605px; font-weight: normal; margin: 0px 0px 0.6em; padding-bottom: 0.17em; padding-top: 0.5em;">
<span class="mw-headline">linear </span><span style="font-size: 19.0499992370605px; line-height: 19.0499992370605px;">เป็น</span><span style="font-size: 19.0499992370605px; line-height: 19.0499992370605px;"> log</span></h2>
<div style="font-family: sans-serif; line-height: 1.5em; margin-bottom: 0.5em; margin-top: 0.4em;">
<span style="font-size: 12.6999998092651px; line-height: 19.0499992370605px;">ใช้ LogLin node โดยปรับเป็น</span> "lin to log".</div>
<div style="font-family: sans-serif; line-height: 1.5em; margin-bottom: 0.5em; margin-top: 0.4em;">
<a class="image" href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEidtbscI3QC1xJ79qRmj7A4egv3uPC5UNnuotv7CNmeF14hyphenhyphenSA2yjFPa2foz2MvBq78s7LOA6WL3fbuJAROitY0behSH3RPclvPCA45G_rqQeYlzymWYMeK5PBNC85_FW2BcUN9Y9BBM1fc/s200/NG_Kodak_lin_2.jpg" style="background-attachment: initial; background-clip: initial; background-image: none; background-origin: initial; background-position: initial; background-repeat: initial; background-size: initial; color: #5a3696; text-decoration: none;" title="Image:NG Kodak lin 2.jpg"><img alt="Image:NG Kodak lin 2.jpg" border="0" src="http://galannicolas.com/mediawiki-1.13.3/images/f/f2/NG_Kodak_lin_2.jpg" height="166" style="border: none; margin: 0px; vertical-align: middle;" width="200" /></a> <b>--> LOGLIN( conversion = "lin to log" ) --></b> <a class="image" href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhOYzVn7rLFTwrTtTJNoB7cBan72Wnv-UBRBh5w7L60xBsF-D4rfmHkZrABaR7vS8srr8tsoAvkqiMrmSsEVSshJeRtJ9zuPRR7r_CDYESaOKFkPR3FvJTc1tqt054-xC_i_ZFku8pXA8qT/s1600/NG_Kodak_log_2.jpg" style="background-attachment: initial; background-clip: initial; background-image: none; background-origin: initial; background-position: initial; background-repeat: initial; background-size: initial; color: #5a3696; text-decoration: none;" title="Image:NG Kodak log 2.jpg"><img alt="Image:NG Kodak log 2.jpg" border="0" src="http://galannicolas.com/mediawiki-1.13.3/images/0/0d/NG_Kodak_log_2.jpg" height="166" style="border: none; margin: 0px; vertical-align: middle;" width="200" /></a></div>
<div style="font-family: sans-serif;">
</div>
<h2 style="background-attachment: initial; background-clip: initial; background-image: none; background-origin: initial; background-position: initial; background-repeat: initial; background-size: initial; border-bottom-color: rgb(170, 170, 170); border-bottom-style: solid; border-bottom-width: 1px; font-size: 19.0499992370605px; font-weight: normal; margin: 0px 0px 0.6em; padding-bottom: 0.17em; padding-top: 0.5em;">
<span class="mw-headline"><b>COLOR MANAGEMENT และ LUT</b></span></h2>
<div style="font-family: sans-serif;">
</div>
<h2 style="background-attachment: initial; background-clip: initial; background-image: none; background-origin: initial; background-position: initial; background-repeat: initial; background-size: initial; border-bottom-color: rgb(170, 170, 170); border-bottom-style: solid; border-bottom-width: 1px; font-size: 19.0499992370605px; font-weight: normal; margin: 0px 0px 0.6em; padding-bottom: 0.17em; padding-top: 0.5em;">
<span class="mw-headline">การทำงานแบบ Linear , ต้องมีการ color management</span></h2>
<div style="font-family: sans-serif; line-height: 1.5em; margin-bottom: 0.5em; margin-top: 0.4em;">
ถ้าคุณแสดงภาพ<span style="font-size: 12.6999998092651px; line-height: 19.0499992370605px;">ที่เก็บแบบ linear color space </span><span style="font-size: 12.6999998092651px; line-height: 1.5em;">ใน image buffer, คุณจะเห็นภาพที่มืดเกินไป. ดังนั้น </span><b style="font-size: 12.6999998092651px; line-height: 1.5em;">ถ้าคุณทำงานกับภาพ linear</b><span style="font-size: 12.6999998092651px; line-height: 1.5em;">, คุณต้องมีระบบ software ที่จะทำการ </span><b style="font-size: 12.6999998092651px; line-height: 1.5em;">แปลงภาพ linear โดยอัตโนมัติ เป็น sRGB เพื่อการแสดงผลเท่านั้น</b><span style="font-size: 12.6999998092651px; line-height: 1.5em;">.</span></div>
<div style="font-family: sans-serif; line-height: 1.5em; margin-bottom: 0.5em; margin-top: 0.4em;">
ถ้าคุณทำงานกับ Nuke, Fusion คุณสามารถใช้ gamma node ที่ตั้งค่า (1/2.2) เพื่อการนี้. คุณสามารถต่อเอาไว้สุดท้ายกับภาพที่คุณต้องการจะดูบน viewer. แน่นอนมันจะเสียเวลา และอาจจะพลาดหรือน่ารำคาญที่ต้องทำอะไรแบบนี้ตลอด!!!</div>
<div style="font-family: sans-serif; line-height: 1.5em; margin-bottom: 0.5em; margin-top: 0.4em;">
เพื่อที่จะหลีกหนีเรื่องอะไรแบบนั้น, จินตนาการถึง gamma node ที่ถูกซ่อนเอาไว้ โดย interface, และเชื่อมต่อระหว่าง ภาพที่คุณต้องการจะดูกับ viewer.</div>
<div style="font-family: sans-serif; line-height: 1.5em; margin-bottom: 0.5em; margin-top: 0.4em;">
ซึ่งมันจะมีระบบอะไรแบบนี้ ในหลายๆ software, รวมทั้ง Nuke, Fusion (ไม่มีใน Maya ณ ขณะที่เขียน).</div>
<div style="font-family: sans-serif; line-height: 1.5em; margin-bottom: 0.5em; margin-top: 0.4em;">
โดยมากจะเรียกว่า LUT หรือ viewer LUT.</div>
<div style="font-family: sans-serif; line-height: 1.5em; margin-bottom: 0.5em; margin-top: 0.4em;">
<b>โดยใน Nuke จะเรียกว่า viewerProcess</b> เรียกดูได้จากการกด S ที่หน้าต่าง viewer.<br />
<b>โดยใน Fusion จะเรียกว่า View LUT </b>เรียกดูได้จาก ปุ่ม LUT ที่หน้าต่าง viewer</div>
<div style="font-family: sans-serif;">
</div>
<h2 style="background-attachment: initial; background-clip: initial; background-image: none; background-origin: initial; background-position: initial; background-repeat: initial; background-size: initial; border-bottom-color: rgb(170, 170, 170); border-bottom-style: solid; border-bottom-width: 1px; font-size: 19.0499992370605px; font-weight: normal; margin: 0px 0px 0.6em; padding-bottom: 0.17em; padding-top: 0.5em;">
<span class="mw-headline">แล้ว LUT คืออะไร?</span></h2>
<div style="font-family: sans-serif; line-height: 1.5em; margin-bottom: 0.5em; margin-top: 0.4em;">
LUT หมายถึง : Look Up Table.<br />
<span style="font-family: sans-serif;">คือชุดแถวลำดับข้อมูลที่ได้ถูกทำการคำนวนเอาไว้ก่อน เพื่อจำล</span><span style="font-family: inherit;">องความสัมพันธ์ทางคณิตศาสตร์ </span>ยกตัวอย่าง 8 bits, คุณจะมีค่าตัวเลขอยู่จำนวนเท่ากับ 256 ที่จะนำมาคำนวนในแบบจำลองทางคณิตศาสตร์ที่ต้องการตัวเลขตั้งต้นจำนวน <span style="font-size: 12.6999998092651px; line-height: 19.0499992370605px;">8 bits เช่นกัน</span><span style="font-size: 12.6999998092651px; line-height: 1.5em;"> .</span>เมื่อทำการคำนวนแล้ว คุณสามารถเข้าไปดูแถวข้อมูล โดยใช้ค่า 8 bit เป็นดัชนี เพื่อชี้ไปที่ค่าที่ถูกแปลงไปแล้วได้.</div>
<div style="font-family: sans-serif;">
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgj6RGu3LSw2MRkRi_DS9DXZ5Xz_rdSUaYPxww5So4raWQGfxEQlzE273JDxh68_GzzXIqFiMNB9ulIrGr7gb5Z9Ty18ZcdcwLXBRxb_Y1U243Nhrz3lGG6fZRE8MXVzUcE0sCRszNhpXQA/s1600/LUT.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="168" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgj6RGu3LSw2MRkRi_DS9DXZ5Xz_rdSUaYPxww5So4raWQGfxEQlzE273JDxh68_GzzXIqFiMNB9ulIrGr7gb5Z9Ty18ZcdcwLXBRxb_Y1U243Nhrz3lGG6fZRE8MXVzUcE0sCRszNhpXQA/s640/LUT.png" width="640" /></a></div>
</div>
<h2 style="background-attachment: initial; background-clip: initial; background-image: none; background-origin: initial; background-position: initial; background-repeat: initial; background-size: initial; border-bottom-color: rgb(170, 170, 170); border-bottom-style: solid; border-bottom-width: 1px; font-size: 19.0499992370605px; font-weight: normal; margin: 0px 0px 0.6em; padding-bottom: 0.17em; padding-top: 0.5em;">
<span class="mw-headline">แล้วอะไรคือความเกี่ยวข้องกันระหว่าง gamma กับ LUT ของเรา?</span></h2>
<div style="font-family: sans-serif; line-height: 1.5em; margin-bottom: 0.5em; margin-top: 0.4em;">
ก็เหมือนสมการทั่วๆไป คือเราสามารถคำนวนเอาไว้ก่อนได้ โดยเราก็คำนวนค่า gamma เอาไว้ก่อน โดยเราจะเก็บค่าที่ได้จากการแปลงค่า gamma นั้น เอาไว้ใน LUT ของเรา.</div>
<div style="font-family: sans-serif; line-height: 1.5em; margin-bottom: 0.5em; margin-top: 0.4em;">
โดยกระบวนการนี้ จะทำให้เราสามารถแปลงสมการหลายๆอัน เอาไว้ล่วงหน้าได้ (เติมเองโดยผู้แปล: ก็คือประมาณว่า เราลดภาระการคำนวนขณะทำงาน โดยคำนวนเอาไว้ก่อนล่วงหน้า เพื่อให้ได้ผลลัพย์ที่ต้องการ โดยไม่ต้องคำนวนทุกครั้งที่จะใช้. บางคนก็แปลงโดยใช้ gamma เฉยๆ บางคนก็ใช้อะไรที่ซับซ้อนกว่านั้น (เช่น: การแปลงด้วย Truelight).</div>
<div style="font-family: sans-serif; line-height: 1.5em; margin-bottom: 0.5em; margin-top: 0.4em;">
ซึ่งจะมี LUT อยู่สองแบบที่ใช้กันมาก ก็คือ LUT 1D และ LUT 3D.<br />
<br />
(หลังจากนี้จะไม่แปลล่ะ เพราะเกินความจำเป็น ในความคิดผม สรุปด้านล่างง่ายๆ ก็คือ คำนวนแบบตัวแปรน้อยๆ กับ คำนวนแบบตัวแปรเยอะๆ ซึ่งก็จะใช้พื้นที่เก็บมากขึ้นตามลำดับ)</div>
<div style="font-family: sans-serif;">
</div>
<h2 style="background-attachment: initial; background-clip: initial; background-image: none; background-origin: initial; background-position: initial; background-repeat: initial; background-size: initial; border-bottom-color: rgb(170, 170, 170); border-bottom-style: solid; border-bottom-width: 1px; font-size: 19.0499992370605px; font-weight: normal; margin: 0px 0px 0.6em; padding-bottom: 0.17em; padding-top: 0.5em;">
<span class="mw-headline">LUT 1D</span></h2>
<div style="font-family: sans-serif; line-height: 1.5em; margin-bottom: 0.5em; margin-top: 0.4em;">
A LUT 1D means : one dimensionnal array</div>
<div style="font-family: sans-serif; line-height: 1.5em; margin-bottom: 0.5em; margin-top: 0.4em;">
It is used to precompute a function with <b>ONE INPUT</b>. So by using three LUT 1D, you can precompute simple grading were <b>each ouput channel is depending only on ONE input channel</b>.</div>
<pre style="background-color: #f9f9f9; border: 1px dashed rgb(47, 111, 171); line-height: 1.1em; padding: 1em;">R input -> R output
G input -> G output
B input -> B output
</pre>
<ul style="font-family: sans-serif; line-height: 1.5em; list-style-image: url(http://galannicolas.com/mediawiki-1.13.3/skins/monobook/bullet.gif); list-style-type: square; margin: 0.3em 0px 0px 1.5em; padding: 0px;">
<li style="margin-bottom: 0.1em;"><b>8 bits to 8 bits LUT 1D</b></li>
</ul>
<div style="font-family: sans-serif; line-height: 1.5em; margin-bottom: 0.5em; margin-top: 0.4em;">
One LUT 1D takes 256 bytes of memory.</div>
<div style="font-family: sans-serif; line-height: 1.5em; margin-bottom: 0.5em; margin-top: 0.4em;">
One operation using three LUT 1D needs precomputed arrays of total size: 3 * 256 = 768 bytes = 0.75 K</div>
<ul style="font-family: sans-serif; line-height: 1.5em; list-style-image: url(http://galannicolas.com/mediawiki-1.13.3/skins/monobook/bullet.gif); list-style-type: square; margin: 0.3em 0px 0px 1.5em; padding: 0px;">
<li style="margin-bottom: 0.1em;"><b>16 bits to 16 bits LUT 1D</b></li>
</ul>
<div style="font-family: sans-serif; line-height: 1.5em; margin-bottom: 0.5em; margin-top: 0.4em;">
One LUT 1D takes 65536 * 2 bytes = 131072 bytes = 128 K</div>
<div style="font-family: sans-serif; line-height: 1.5em; margin-bottom: 0.5em; margin-top: 0.4em;">
(There is a factor of 2 because 16 bits is 2 bytes).</div>
<div style="font-family: sans-serif; line-height: 1.5em; margin-bottom: 0.5em; margin-top: 0.4em;">
One operation using three LUT 1D tneeds precomputed arrays of total size: 3 * 128 K = 384 K = 0.375 M</div>
<div style="font-family: sans-serif;">
</div>
<h3 style="background-attachment: initial; background-clip: initial; background-image: none; background-origin: initial; background-position: initial; background-repeat: initial; background-size: initial; border-bottom-style: none; font-size: 16.7639999389648px; margin: 0px 0px 0.3em; padding-bottom: 0.17em; padding-top: 0.5em;">
<span class="mw-headline">Some examples from shake nodes possibly using LUT 1D:</span></h3>
<pre style="background-color: #f9f9f9; border: 1px dashed rgb(47, 111, 171); line-height: 1.1em; padding: 1em;">Brightness
Clamp
Compress
ContrastLum
ConstrastRGB
Expand
Gamma
Invert
LogLin
Lookup
Solarize
Threshold
</pre>
<div style="font-family: sans-serif;">
</div>
<h2 style="background-attachment: initial; background-clip: initial; background-image: none; background-origin: initial; background-position: initial; background-repeat: initial; background-size: initial; border-bottom-color: rgb(170, 170, 170); border-bottom-style: solid; border-bottom-width: 1px; font-size: 19.0499992370605px; font-weight: normal; margin: 0px 0px 0.6em; padding-bottom: 0.17em; padding-top: 0.5em;">
<span class="mw-headline">LUT 3D (=cube)</span></h2>
<div style="font-family: sans-serif; line-height: 1.5em; margin-bottom: 0.5em; margin-top: 0.4em;">
Sometimes grading or conversion are more complicated and each output channels can't be defined by knowing only one input channel.</div>
<div style="font-family: sans-serif; line-height: 1.5em; margin-bottom: 0.5em; margin-top: 0.4em;">
In this case you can still precompute your grading or conversion but it is <b>more costly</b>.</div>
<div style="font-family: sans-serif; line-height: 1.5em; margin-bottom: 0.5em; margin-top: 0.4em;">
You need to <b>sample your color cube as if it was a volume</b> (think about sampling densities in a fluid cube).</div>
<div style="font-family: sans-serif; line-height: 1.5em; margin-bottom: 0.5em; margin-top: 0.4em;">
At each position in your sampled cube you associate a color. The position is the input color, the color associated to the position is the output color.</div>
<div style="font-family: sans-serif; line-height: 1.5em; margin-bottom: 0.5em; margin-top: 0.4em;">
Finaly, when you process your image, you find which color is associated in to your input color in your sampled volume (which has the form of a cube).</div>
<div style="font-family: sans-serif; line-height: 1.5em; margin-bottom: 0.5em; margin-top: 0.4em;">
<br />
Because you compute the whole color, you need one LUT 3D for the whole image operation you're doing.</div>
<pre style="background-color: #f9f9f9; border: 1px dashed rgb(47, 111, 171); line-height: 1.1em; padding: 1em;">(R,G,B) input -> (R, G, B) output
</pre>
<ul style="font-family: sans-serif; line-height: 1.5em; list-style-image: url(http://galannicolas.com/mediawiki-1.13.3/skins/monobook/bullet.gif); list-style-type: square; margin: 0.3em 0px 0px 1.5em; padding: 0px;">
<li style="margin-bottom: 0.1em;"><b>8 bits to 8 bits LUT 3D</b></li>
</ul>
<div style="font-family: sans-serif; line-height: 1.5em; margin-bottom: 0.5em; margin-top: 0.4em;">
One LUT 3D takes 256 * 256 * 256 * 3 Bytes = 50331648 Bytes = 49152 KB = 48 MB (it's multiplied by 3 because in a LUT 3D you compute the resulting RGB channels at once)</div>
<div style="font-family: sans-serif; line-height: 1.5em; margin-bottom: 0.5em; margin-top: 0.4em;">
One operation in 8 bits using one LUT 3D needs a precomputed array of total size: 48 MB</div>
<ul style="font-family: sans-serif; line-height: 1.5em; list-style-image: url(http://galannicolas.com/mediawiki-1.13.3/skins/monobook/bullet.gif); list-style-type: square; margin: 0.3em 0px 0px 1.5em; padding: 0px;">
<li style="margin-bottom: 0.1em;"><b>16 bits to 16 bits LUT 1D</b></li>
</ul>
<div style="font-family: sans-serif; line-height: 1.5em; margin-bottom: 0.5em; margin-top: 0.4em;">
One LUT 3D takes (65536 * 2) * (65536 * 2) * (65536 * 2) * 3 Bytes = 6291456 GB = 6144 Tera Bytes !!!!!!</div>
<div style="font-family: sans-serif; line-height: 1.5em; margin-bottom: 0.5em; margin-top: 0.4em;">
As you can guess it is really too huge. So if you're doing a LUT 3D for 16 bits images you need to down sample your 16 bits color cube and use interpolation on the fly to get the missing samples.</div>
<div style="font-family: sans-serif; line-height: 1.5em; margin-bottom: 0.5em; margin-top: 0.4em;">
<br />
As you can see, <b>one LUT 3D is more powerfull but more expensive than three LUT 1D</b>.</div>
<div style="font-family: sans-serif;">
</div>
<h3 style="background-attachment: initial; background-clip: initial; background-image: none; background-origin: initial; background-position: initial; background-repeat: initial; background-size: initial; border-bottom-style: none; font-size: 16.7639999389648px; margin: 0px 0px 0.3em; padding-bottom: 0.17em; padding-top: 0.5em;">
<span class="mw-headline">Some examples from shake nodes possibly using LUT 3D:</span></h3>
<pre style="background-color: #f9f9f9; border: 1px dashed rgb(47, 111, 171); line-height: 1.1em; padding: 1em;">Truelight
SpillSupress
Keyers (think as your resulting alpha as a RGB gray image, same maths behind)
</pre>
<div style="font-family: sans-serif;">
</div>
<h3 style="background-attachment: initial; background-clip: initial; background-image: none; background-origin: initial; background-position: initial; background-repeat: initial; background-size: initial; border-bottom-style: none; font-size: 16.7639999389648px; margin: 0px 0px 0.3em; padding-bottom: 0.17em; padding-top: 0.5em;">
<span class="mw-headline">Questions? / Answers?</span></h3>
<div style="font-family: sans-serif; line-height: 1.5em; margin-bottom: 0.5em; margin-top: 0.4em;">
Feel free to send me a mail at nicosfx@gmail.com</div>
</div>
tor3203http://www.blogger.com/profile/18071473739590058069noreply@blogger.com0tag:blogger.com,1999:blog-7223550357974963681.post-87359241031017383962015-05-24T14:50:00.000+07:002015-05-24T15:35:26.677+07:00Sound on Film<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg3rxg5d2lMBTS8YirogHqQ2d0ZFJGpbgV6xDcsFoa_a0iEH3s_zvZ0yAEXJyVhTVNK5G7ZUuFzkO520A3uFN_mGmMnHl-1R6EQ_QGzjhJrqZVBcohYdCC8icEP89JGj-FzrWKFhi14uc9O/s1600/sound_on_film.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="180" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg3rxg5d2lMBTS8YirogHqQ2d0ZFJGpbgV6xDcsFoa_a0iEH3s_zvZ0yAEXJyVhTVNK5G7ZUuFzkO520A3uFN_mGmMnHl-1R6EQ_QGzjhJrqZVBcohYdCC8icEP89JGj-FzrWKFhi14uc9O/s320/sound_on_film.jpg" width="320" /></a></div>
<br />
ทำงานด้านนี้มาหลายปี แต่ไม่เคยเห็นแถบเสียงที่อยู่บนภาพเลย จนมาวันนี้ ได้เจอ dpx sq ที่โหลดมาจาก internet แล้วก็ได้เห็นจนได้<br />
<div class="separator" style="clear: both; text-align: center;">
<iframe allowfullscreen='allowfullscreen' webkitallowfullscreen='webkitallowfullscreen' mozallowfullscreen='mozallowfullscreen' width='320' height='266' src='https://www.blogger.com/video.g?token=AD6v5dzvJxOWjRaA28sJjXcaoMT_Yq52YhgI6IqEieNvMF42uizS9ZurZL2qH6S6WFLdScxOt77ps3S1ce8lWUiOpA' class='b-hbp-video b-uploaded' frameborder='0'></iframe></div>
ใครที่อยากรู้มากกว่านี้ ก็ลองไปอ่านที่ <a href="http://en.wikipedia.org/wiki/Sound-on-film">http://en.wikipedia.org/wiki/Sound-on-film</a> ดูนะครับ ว่าสมัยหนึ่ง ที่เราเรียกว่า เสียงในฟิลม์ มันหมายถึงอะไร คือ มันอยู่ "ใน" ฟิลม์จริงๆ!!!tor3203http://www.blogger.com/profile/18071473739590058069noreply@blogger.com0tag:blogger.com,1999:blog-7223550357974963681.post-4752446491587102012015-02-08T21:14:00.002+07:002015-02-08T21:14:51.634+07:00How-To Meshlab: การต่อ Scan data<div class="separator" style="clear: both; text-align: center;">
<iframe allowfullscreen="" class="YOUTUBE-iframe-video" data-thumbnail-src="https://i.ytimg.com/vi/1QhUkO30nEw/0.jpg" frameborder="0" height="266" src="http://www.youtube.com/embed/1QhUkO30nEw?feature=player_embedded" width="320"></iframe></div>
วิธีใช้ meshlab ในการแก้ปัญหาเวลา scan data 3d มาแล้ว นำมาประกอบแล้วไม่ตรงกัน<br />
ทำเป็น video สั้น 8 นาที เอาง่ายๆไปดูกันครับ<br />
<br />
ตัวโมเดลเป็น ของเล่นที่ scan มา แล้วปรากฏว่า เมื่อจะรวมกันเป็น ก้อนวัตถุเดียว แล้วไม่สามารถรวมได้ ในตอนแรก เพราะเมื่อ import เข้ามาแล้ว ไม่ตรงกันนะครับ (แนะนำให้กด Watch on Youtube.com นะครับ เพราะใส่ ตัวหนังสือประกอบเอาไว้ ถ้าดูบนเพจนี้แล้ว จะไม่ขึ้นครับ)<br />
<br />
หลังจากขั้นตอนดังกล่าวแล้ว เราก็จะสามารถ นำโมเดลนั้นมา Process ต่อไปได้ครับ เช่น Remove duplicate vertex, Fill holes อะไรต่างๆ แล้วก็ export ออกไปเป็น obj เดียวครับ<br />
<div class="separator" style="clear: both; text-align: center;">
</div>
<div style="text-align: center;">
<br /></div>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiC9t5oyOcAJkJSpfBjJA6zKnTGAyF968dl9hubBTV1vNupqEeWLpqzBpzy0AWKmdYMK9zMrmWLURVZrdGIIiItC9R62_g11EbdqVazvNHVi63aNsNaxzzLGyZfywQeSANAzijBZfGMJgx9/s1600/meshlab_glueing_0002.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiC9t5oyOcAJkJSpfBjJA6zKnTGAyF968dl9hubBTV1vNupqEeWLpqzBpzy0AWKmdYMK9zMrmWLURVZrdGIIiItC9R62_g11EbdqVazvNHVi63aNsNaxzzLGyZfywQeSANAzijBZfGMJgx9/s1600/meshlab_glueing_0002.jpg" height="180" width="320" /></a></div>
<div style="text-align: center;">
<span style="text-align: center;">import เข้ามาแล้วไม่ตรง </span></div>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgO6gvKCiWNPtnYH7T_cDa-pFHCVmfVyGxeauoW9pXLkqKkeb78ulNCQVa_bW345Czm3QM5dF6zLqrmh7I3nKeP9QNZ2VpN31B7x2rLyYnZVeyhaSHHC4kQRpEHPu-2xTZfVJlJd_3a_2Du/s1600/meshlab_glueing_0003.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgO6gvKCiWNPtnYH7T_cDa-pFHCVmfVyGxeauoW9pXLkqKkeb78ulNCQVa_bW345Czm3QM5dF6zLqrmh7I3nKeP9QNZ2VpN31B7x2rLyYnZVeyhaSHHC4kQRpEHPu-2xTZfVJlJd_3a_2Du/s1600/meshlab_glueing_0003.jpg" height="180" width="320" /></a></div>
<div style="text-align: center;">
<span style="text-align: center;"> Double click จุดที่ควรจะเป็นจุดเดียวกัน บน model แต่ละตัว</span></div>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi4bVJxO7BIFriW1D6y7aDTmZTVGwUmElcVwup1PTlSHuDsNbsdyv77K-737eCf5LpKKhwCSCrcKHx2L0n720ReYhavxHuWRJfPdKpcNlCDdSXezPPvrgGnub4BPB-LHF7gOS-rB_7acFNV/s1600/meshlab_glueing_0004.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi4bVJxO7BIFriW1D6y7aDTmZTVGwUmElcVwup1PTlSHuDsNbsdyv77K-737eCf5LpKKhwCSCrcKHx2L0n720ReYhavxHuWRJfPdKpcNlCDdSXezPPvrgGnub4BPB-LHF7gOS-rB_7acFNV/s1600/meshlab_glueing_0004.jpg" height="180" width="320" /></a></div>
<div style="text-align: center;">
<span style="text-align: center;"> หลังจากที่เริ่มจะปรับให้ตรงกัน</span></div>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi59ShgOLY8wjrltR7Pt3hxEZxJ0x9gndbQCiPcaleyTPTtJv3laQhfgmG52U4y0tM_jpUNmG-4dTP6DbY3_h7IoG3rqPrtz0OPtcQTQZvXbzrFgLSOlvUuqRsxZXtBpYjEWBb0mjmdIm5h/s1600/meshlab_glueing_0005.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi59ShgOLY8wjrltR7Pt3hxEZxJ0x9gndbQCiPcaleyTPTtJv3laQhfgmG52U4y0tM_jpUNmG-4dTP6DbY3_h7IoG3rqPrtz0OPtcQTQZvXbzrFgLSOlvUuqRsxZXtBpYjEWBb0mjmdIm5h/s1600/meshlab_glueing_0005.jpg" height="180" width="320" /></a></div>
<div style="text-align: center;">
<span style="text-align: center;"> ทุก model ที่ถูกปรับให้ตรงกันแล้ว</span></div>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgycNFZLjRZmv5yElaDTjLUdo9DKkAq89MHhrk1FfX4goaMUxeTehZT9nbmyXCogv68f2jHB6EhVyfTFhVirNkxhtooZEQI1W2mAxcpRfpHgU62k3pKfK3b2abf6Oc8NJQ655oIcPQgoFFU/s1600/meshlab_glueing_0006.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgycNFZLjRZmv5yElaDTjLUdo9DKkAq89MHhrk1FfX4goaMUxeTehZT9nbmyXCogv68f2jHB6EhVyfTFhVirNkxhtooZEQI1W2mAxcpRfpHgU62k3pKfK3b2abf6Oc8NJQ655oIcPQgoFFU/s1600/meshlab_glueing_0006.jpg" height="180" width="320" /></a></div>
<div class="separator" style="clear: both; text-align: center;">
สามารถนำ export ออกไปใช้ได้แล้ว</div>
tor3203http://www.blogger.com/profile/18071473739590058069noreply@blogger.com0tag:blogger.com,1999:blog-7223550357974963681.post-24420749384540018042015-02-05T00:53:00.003+07:002015-02-05T01:41:20.756+07:00Synteyes Version 1502 ออกแล้ววันนี้<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEglmxXqTGiu9oEsi0t6OHUT-WRUJKLyYotPHI9IkY61w8KcGYtTrynRELXufPh7r7kRVo8Ic3uJk1_16VagTpn7wcsrKLL6v4uFBiu7me4gf-eeqxhDZRjmo8N4RQimIz8Fm6rPcJ8EYlU5/s1600/Screenshot+(76).png" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="225" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEglmxXqTGiu9oEsi0t6OHUT-WRUJKLyYotPHI9IkY61w8KcGYtTrynRELXufPh7r7kRVo8Ic3uJk1_16VagTpn7wcsrKLL6v4uFBiu7me4gf-eeqxhDZRjmo8N4RQimIz8Fm6rPcJ8EYlU5/s1600/Screenshot+(76).png&container=blogger&gadget=a&rewriteMime=image%2F*" width="400" /></a></div>
<br />
<br />
<ul>
<li>หลักๆ คือ update Exporter เพื่อ support BlackMagic Fusion 7.x ที่จะ export obj ออกมาด้วยเลย ไม่ต้อง import เองใน fusion อีกแล้ว</li>
<li>เปลี่ยนสี interface ให้ดำขึ้น คล้ายๆ Max, Maya มากขึ้น</li>
<li>เพิ่ม Error Mini View เข้าไปทางด้านล่างขวา ของจอ ซึ่งดีมากเลยครับ ก่อนนี้ต้องสลับไปมาระหว่าง Graph Editor และ 3D/Persp View</li>
<li>Export Lens Distortion UV map ก็ง่ายดีครับ และทำแบบนี้โดยปกติ น่าจะเร็วกว่าใช้ สูตรในการคำนวน Distort/Redistort ภาพ และหลายๆ Studio ก็ใช้วิธีนี้ เพราะจะได้ไม่ต้องกังวลเรื่อง Compatibility, Plugins อะไรแบบนั้น (มันก็แค่ shift pixel มันเลยเร็ว)</li>
</ul>
<div>
ผมรวบรวม Video ที่พูดถึงเรื่องส่วนที่ update ใน Version นี้ ไว้ให้แล้วข้างล่าง</div>
<div>
<br />
<a name='more'></a><br /></div>
<div class="separator" style="clear: both; text-align: center;">
<iframe allowfullscreen="" class="YOUTUBE-iframe-video" data-thumbnail-src="https://ytimg.googleusercontent.com/vi/HfPp1kTcBl4/0.jpg" frameborder="0" height="266" src="http://www.youtube.com/embed/HfPp1kTcBl4?feature=player_embedded" width="320"></iframe></div>
<div class="separator" style="clear: both; text-align: center;">
<br /></div>
<div class="separator" style="clear: both; text-align: center;">
<iframe allowfullscreen="" class="YOUTUBE-iframe-video" data-thumbnail-src="https://ytimg.googleusercontent.com/vi/3aNTXu6RPRI/0.jpg" frameborder="0" height="266" src="http://www.youtube.com/embed/3aNTXu6RPRI?feature=player_embedded" width="320"></iframe></div>
<div class="separator" style="clear: both; text-align: center;">
<br /></div>
<div style="text-align: center;">
<iframe allowfullscreen="" class="YOUTUBE-iframe-video" data-thumbnail-src="https://ytimg.googleusercontent.com/vi/plh7BFbLh_k/0.jpg" frameborder="0" height="266" src="http://www.youtube.com/embed/plh7BFbLh_k?feature=player_embedded" width="320"></iframe></div>
<div class="separator" style="clear: both; text-align: center;">
<br /></div>
<div>
<div class="separator" style="clear: both; text-align: center;">
<iframe allowfullscreen="" class="YOUTUBE-iframe-video" data-thumbnail-src="https://ytimg.googleusercontent.com/vi/9MLrSui9tzY/0.jpg" frameborder="0" height="266" src="http://www.youtube.com/embed/9MLrSui9tzY?feature=player_embedded" width="320"></iframe></div>
<div class="separator" style="clear: both; text-align: center;">
<br /></div>
<div class="separator" style="clear: both; text-align: center;">
<iframe allowfullscreen="" class="YOUTUBE-iframe-video" data-thumbnail-src="https://ytimg.googleusercontent.com/vi/3YVloDzPTBk/0.jpg" frameborder="0" height="266" src="http://www.youtube.com/embed/3YVloDzPTBk?feature=player_embedded" width="320"></iframe></div>
<div class="separator" style="clear: both; text-align: center;">
<br /></div>
<div class="separator" style="clear: both; text-align: center;">
<iframe allowfullscreen="" class="YOUTUBE-iframe-video" data-thumbnail-src="https://ytimg.googleusercontent.com/vi/yl6wBsamGrk/0.jpg" frameborder="0" height="266" src="http://www.youtube.com/embed/yl6wBsamGrk?feature=player_embedded" width="320"></iframe></div>
<br /></div>
<!-- Blogger automated replacement: "https://images-blogger-opensocial.googleusercontent.com/gadgets/proxy?url=http%3A%2F%2F4.bp.blogspot.com%2F-PwqFkXQcQEw%2FVNJXlTCJZLI%2FAAAAAAAAJoE%2FMCKt91hnmyk%2Fs1600%2FScreenshot%252B" with "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEglmxXqTGiu9oEsi0t6OHUT-WRUJKLyYotPHI9IkY61w8KcGYtTrynRELXufPh7r7kRVo8Ic3uJk1_16VagTpn7wcsrKLL6v4uFBiu7me4gf-eeqxhDZRjmo8N4RQimIz8Fm6rPcJ8EYlU5/s1600/Screenshot+" -->tor3203http://www.blogger.com/profile/18071473739590058069noreply@blogger.com0tag:blogger.com,1999:blog-7223550357974963681.post-4211768207242749712015-02-01T16:16:00.000+07:002015-02-01T16:17:08.776+07:00Nuke 9 มีอะไรใหม่?<iframe allowfullscreen="" frameborder="0" height="281" mozallowfullscreen="" src="//player.vimeo.com/video/111404458?color=f9b41b&byline=0&portrait=0" webkitallowfullscreen="" width="500"></iframe> <br />
<a href="http://vimeo.com/111404458">NUKE 9: What's new in NUKE and NUKEX</a> from <a href="http://vimeo.com/thefoundry">The Foundry</a> on <a href="https://vimeo.com/">Vimeo</a>.<br />
<br />
วันนี้พยายามจะหา Nuke PLE (Personal Learning Edition) มาลงที่เครื่องครับ<br />
ตอนแรก ก็มีลงเอาไว้แล้ว แต่เป็น v.8 ก่อนนี้ก็เปิดได้ปกติ วันนี้เปิดไม่ขึ้น<br />
ก็สงสัยอยู่ว่าเป็นอะไร??? แต่โดยปกติของ Nuke ก็คือ ถ้าเป็นตัวเดโมหรือ PLE เนี่ย นานๆเข้ามันจะเปิดไม่ได้ครับ(เขา lock อายุเอาไว้) ก็เลยเป็นเรื่องที่ต้องเข้าไปโหลดตัวใหม่มาลง ก็เลยเข้าไปเวป foundry.co.uk<br />
ก็ได้ความว่า เขาออก Nuke9 ครับ <u style="font-weight: bold;">แต่</u> ปัญหาก็คือ ตัว PLE ยังไม่ออก เขาบอกว่าจะออกให้โหลดเป็นแบบ free for non-commercial work แล้วครับ ซึ่งก็ดี สำหรับคนที่จะทำอะไรก๊อกๆแก๊กๆ หรืออยากจะเรียนรู้ตัวโปรแกรม โดยที่ไม่ต้องมี watermark อีกต่อไปแล้ว!!! อ้อ แต่เห็นว่าจำกัด output resolution นะครับ มาดูกันว่า release ล่าสุดจะมีอะไรใหม่กันบ้าง<br />
<a name='more'></a><br />
<div>
อันนี้เป็นข้อจำกัดของ non-commercial กับตัวเต็มนะครับ ที่เอามาจากเวปเขาเลย</div>
<div>
<br />
<i><span style="color: #cccccc;">How does non-commercial NUKE STUDIO differ from the commercial version?<br />The non-commercial NUKE STUDIO will have the following limitations:</span></i><br />
<ul>
<li><i><span style="color: #cccccc;">Output resolution limited to HD.</span></i></li>
<li><i><span style="color: #cccccc;">2D format support disabled for DNxHD, MPEG</span></i></li>
<li><i><span style="color: #cccccc;">Encrypted data storage : All external data storage is encrypted, including NUKE scripts (these are saved with the extension .nkple), gizmos (saved with the extension .gzple), Nuke studio timeline projects (saved with extension .hrox ple) and copying to the clipboard. Among other things, this means the Non-Commercial NUKE saves files in an encrypted format, unlike the commercial version, which saves scripts unencrypted as plain text. The commercial version of NUKE cannot load files created with the Non-commercial version. Non-commercial NUKE, however, can load scripts and gizmos created with the commercial version.</span></i></li>
<li><i><span style="color: #cccccc;">Limited Python scripting. Non-commercial NUKE restricts the amount of nodes that can be retrieved at a time by scripting. Functions such as "nuke.allNodes()" in Python will return only the first 10 nodes available rather than all of them at once, and scripts written to iterate through the Node Graph will not be able to retrieve any more nodes beyond a set point. The commercial version of NUKE can retrieve any and all nodes at any time as the command names would suggest.</span></i></li>
<li><i><span style="color: #cccccc;">Disabled nodes including: The WriteGeo node and the Primatte node are disabled in Non-commercial NUKE.</span></i></li>
<li><i><span style="color: #cccccc;">No Monitor output support: There is no video monitor output support in Non-commercial NUKE.</span></i></li>
<li><i><span style="color: #cccccc;">No 3rd party plugin support: Only plug-ins that are shipped with NUKE can be used in the PLE. OFX plug-ins and custom plug-ins compiled with the NDK can only be used in the commercial version of NUKE.</span></i></li>
<li><i><span style="color: #cccccc;">Command line rendering disabled: It is not possible to render a Non-commercial NUKE script with -x from the command line.</span></i></li>
</ul>
ว่ากันไปเป็นข้อๆแบบคร่าวๆเลยละกัน<br />
<br />
<ul>
<li>จำกัดขนาดของไฟล์ output อยู่ที่ HD ซึ่งน่าจะหมายถึง 1920x1080 นะครับ</li>
<li>ไม่สามารถอ่านไฟล์ที่มี codec DNxHD กับ MPEG ได้</li>
<li>เข้ารหัสไฟล์ ที่เซฟออก ซึ่งก็เป็นแบบนี้ตั้งแต่ PLE ก่อนหน้านี้แล้ว ใครที่งง ก็จะอธิบายง่ายๆว่า งานโปรดักชั่นใหญ่ๆ โดยปกติไฟล์ต่างๆนานาๆ เขาจะเซฟกันเป็นแบบ ASCII ครับ ที่หมายถึงว่า คุณสามารถเอา notepad เปิดขึ้นมา แล้วอ่านมันออก ซึ่งมันสำคัญกับโปรดักชั่นใหญ่ๆ ที่เข้าใช้ script กันเยอะๆ ไฟล์ที่อ่านออก หมายถึง คุณสามารถแก้ไขเปลี่ยนแปลงมันได้ง่ายๆ ด้วย text editor ธรรมดาๆ ซึ่ง PLE เขาเอาตรงนั้นออก เพราะ ถ้ามันเขียนไฟล์แบบนั้นได้ โปรดักชั่นใหญ่ๆ เขาก็ไม่ต้องซื้อตัวเต็มน่ะซิครับ</li>
<li>การเข้าถึงจาก Python เขาจำกัดเอาไว้แค่ 10 node เท่านั้น คาดว่าจำกัดไว้เท่านี้เพื่อ ยังสามารถให้ coder ยังสามารถเขียน script อะไรง่ายๆได้บ้าง เพื่อทำการทดลอง script บางอย่าง แต่ใน scence ใหญ่ๆ 10 node ไม่พอแน่ๆ</li>
<li>output ออกจอนอกไม่ได้</li>
<li>ใช้ plug-ins ไม้ได้</li>
<li>Render จาก command-line ไม่ได้ (ข้อนี้ก็สำคัญกับโปรดักชั่นใหญ่ๆครับ)</li>
</ul>
<div>
เอาล่ะ เรามาว่ากันเรื่องมีอะไรใหม่บน Nuke9 กันเถอะ....(ก่อนจะลืม)</div>
<div>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhxPalRDj85Ibfd4w3igCO3kgKnVmQ4eaFd9O6VXSpKAE9U2cDc-ZZ21955V7mLpeIxLuRsKmNAGTjlxs2sVYTvZI4YfpTaEiWr566eZgAc9eZQUUyZC5wRoLNDxb0gKXye2t3XY6L9dehP/s1600/nuke9_015.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhxPalRDj85Ibfd4w3igCO3kgKnVmQ4eaFd9O6VXSpKAE9U2cDc-ZZ21955V7mLpeIxLuRsKmNAGTjlxs2sVYTvZI4YfpTaEiWr566eZgAc9eZQUUyZC5wRoLNDxb0gKXye2t3XY6L9dehP/s1600/nuke9_015.jpg" height="180" width="320" /></a></div>
<div class="separator" style="clear: both; text-align: center;">
แกนหลักๆที่สำคัญที่ได้รับการปรับปรุง</div>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhxj0GAyAxq-Xnqz2vnTfar18dxDfg4Bpc6WgdLSb3f1rIJvtDHxzGMr_P0X4fifz0LkiYXDcox5cqrdXaoOXF2aHs9G3BHIKAzfzz79xj-pKS0n1w2glVPEKfvruqf7qbx4o9tBC1TMXWD/s1600/nuke9_014.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhxj0GAyAxq-Xnqz2vnTfar18dxDfg4Bpc6WgdLSb3f1rIJvtDHxzGMr_P0X4fifz0LkiYXDcox5cqrdXaoOXF2aHs9G3BHIKAzfzz79xj-pKS0n1w2glVPEKfvruqf7qbx4o9tBC1TMXWD/s1600/nuke9_014.jpg" height="180" width="320" /></a></div>
<div class="separator" style="clear: both; text-align: center;">
Optical Flow ที่เอาไว้ วิเคราะห์ภาพ เพื่อทำพวก Retime/Motion Blur ที่ updat ทำให้ได้ภาพที่ดีขึ้น แล้วเร็วขึ้น ทั้งยังมี artifact น้อยลงอีก</div>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg2q3IUL4Fq2wN8cfMBFU_3eRgxMB_Vco5nlqm6hNRb3reCeHRQkAxggNw_iSeT1ExrOg_HUpl9ao0CCLIECyoVich8Mr5bsJssluPD2w-WcucbGJz2z9_64sfqGsh9Md-8tSWsFRPMPtkx/s1600/nuke9_013.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg2q3IUL4Fq2wN8cfMBFU_3eRgxMB_Vco5nlqm6hNRb3reCeHRQkAxggNw_iSeT1ExrOg_HUpl9ao0CCLIECyoVich8Mr5bsJssluPD2w-WcucbGJz2z9_64sfqGsh9Md-8tSWsFRPMPtkx/s1600/nuke9_013.jpg" height="180" width="320" /></a></div>
<div class="separator" style="clear: both; text-align: center;">
Planar Tracker ที่ได้ควบรวมไปกับ Roto node ซึ่ง Track ได้ดีขึ้น และนิ่งขึ้น</div>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgbdaF4c0rye3bQE5X1U_W2K3jT9xbKtqV97tBT3iS9zlCdes1nYLrUQ4jWSlvM9Y7_M4lhPUt1d1uTxFp1IpFmixWS9V8uipUtP_6aPSJoMlIz4dfHZRJLkwRNAPzhSyEVIQAL78J8H7J7/s1600/nuke9_012.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgbdaF4c0rye3bQE5X1U_W2K3jT9xbKtqV97tBT3iS9zlCdes1nYLrUQ4jWSlvM9Y7_M4lhPUt1d1uTxFp1IpFmixWS9V8uipUtP_6aPSJoMlIz4dfHZRJLkwRNAPzhSyEVIQAL78J8H7J7/s1600/nuke9_012.jpg" height="180" width="320" /></a></div>
<div class="separator" style="clear: both; text-align: center;">
Denoise อันนี้ส่วนตัวชอบเป็นพิเศษ เพราะก่อนนี้ อยู่แต่ใน NukeX แต่ตอนนี้นำมาอยู่ใน Nuke ธรรมดาแล้ว</div>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgdJgGkM92E9UkebDVYesYYdGWGq_wICNls3bhK-ltMREF9cvbTI-cQIyLQHPb1gduFPdWTiXL4Yj2SA0VoNApAY3qM4JEmBAVIEqqtJlDt2HXdj1m_isGcPi8txeaOknuuW6ykOht3-qoa/s1600/nuke9_011.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgdJgGkM92E9UkebDVYesYYdGWGq_wICNls3bhK-ltMREF9cvbTI-cQIyLQHPb1gduFPdWTiXL4Yj2SA0VoNApAY3qM4JEmBAVIEqqtJlDt2HXdj1m_isGcPi8txeaOknuuW6ykOht3-qoa/s1600/nuke9_011.jpg" height="180" width="320" /></a></div>
<div class="separator" style="clear: both; text-align: center;">
อีกอันที่ชอบก็คือ Flipbook ที่แต่ก่อนไม่มี ซึ่งมันน่าจะมีตั้งนานแล้วไง</div>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhg3M5mW8TBywS5VzCit7fSYIyZ5AvW1s5sSB6M3utZs97k78SHd61wCudV-jqOlvP49_bU7gYMv9O36AOhcf2XHBFpx_m08Mt7IvFtL082z2MXiUE8vltIBdO9kYTaaDTQywv0-7uTX28F/s1600/nuke9_010.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhg3M5mW8TBywS5VzCit7fSYIyZ5AvW1s5sSB6M3utZs97k78SHd61wCudV-jqOlvP49_bU7gYMv9O36AOhcf2XHBFpx_m08Mt7IvFtL082z2MXiUE8vltIBdO9kYTaaDTQywv0-7uTX28F/s1600/nuke9_010.jpg" height="180" width="320" /></a></div>
<div class="separator" style="clear: both; text-align: center;">
Particle ที่สามารถกระเด้งกับ Geo ได้</div>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgs_fTWBST4tVa5rUOl75kbggEXcsnVRZJZrBTAo4KniOgUZYyMegntlpzZAFMSEw0kqn_Qa93SiycbWH_RY9d_ZeRh2VavdJfqfvoXBVIQ7fkGpb9i0TWiP-iD_ZeO45wkZZaVv9ktJaPd/s1600/nuke9_009.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgs_fTWBST4tVa5rUOl75kbggEXcsnVRZJZrBTAo4KniOgUZYyMegntlpzZAFMSEw0kqn_Qa93SiycbWH_RY9d_ZeRh2VavdJfqfvoXBVIQ7fkGpb9i0TWiP-iD_ZeO45wkZZaVv9ktJaPd/s1600/nuke9_009.jpg" height="180" width="320" /></a></div>
<div class="separator" style="clear: both; text-align: center;">
Scanline Renderer ที่มีตัวเลือก mip-map ที่มากขึ้น ก็คงช่วยให้เร็วขึ้นเวลาใช้ 3d scence น่ะนะ</div>
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiAoo0ZyBmktjaHLchCX_Bjfk4GuyFoFWryiNzfksZcU9ZJuQ04up078u5M8sP1KJg3g9-J5tLi-Fu9mb__nKh3efa1-eBhP7y8QUdjBg1z5SMrnCIhnxbqi-Da7fon0OBY8dRUrfv-fVSO/s1600/nuke9_008.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiAoo0ZyBmktjaHLchCX_Bjfk4GuyFoFWryiNzfksZcU9ZJuQ04up078u5M8sP1KJg3g9-J5tLi-Fu9mb__nKh3efa1-eBhP7y8QUdjBg1z5SMrnCIhnxbqi-Da7fon0OBY8dRUrfv-fVSO/s1600/nuke9_008.jpg" height="180" width="320" /></a></div>
<div class="separator" style="clear: both; text-align: center;">
Scanline Renderer ที่เร็วขึ้น 3.7 เท่า</div>
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEidyfeBiFI-shxK9F4ZPlLbz44Nc1emaYEdtVGLEY5uEg0JhJOBbvjj7xw26tfALw-4x0s4xFkfz_2DFVV7Oq1BUzjhl7yDv-ZzAXYtr60ly8IN7RU_5SNBuP0MXK8onZ8hQrVPIoHZnRw3/s1600/nuke9_007.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEidyfeBiFI-shxK9F4ZPlLbz44Nc1emaYEdtVGLEY5uEg0JhJOBbvjj7xw26tfALw-4x0s4xFkfz_2DFVV7Oq1BUzjhl7yDv-ZzAXYtr60ly8IN7RU_5SNBuP0MXK8onZ8hQrVPIoHZnRw3/s1600/nuke9_007.jpg" height="180" width="320" /></a></div>
<div class="separator" style="clear: both; text-align: center;">
ประสิทธิภาพที่เพิ่มมากขึ้น</div>
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgUMR8lYT9-7aT86t3z9kC0L1ymCW0QqLlorHOKRpKjKNQKn0YLq8ig1njuV7vLcK050Tb3X7IKfWyEifYTbPWO8EavvID6HewXwFvY_XJ44XoSIonKh3tdTYSbJLiv8-2kNYX7ecf4oYAA/s1600/nuke9_006.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgUMR8lYT9-7aT86t3z9kC0L1ymCW0QqLlorHOKRpKjKNQKn0YLq8ig1njuV7vLcK050Tb3X7IKfWyEifYTbPWO8EavvID6HewXwFvY_XJ44XoSIonKh3tdTYSbJLiv8-2kNYX7ecf4oYAA/s1600/nuke9_006.jpg" height="180" width="320" /></a></div>
<div class="separator" style="clear: both; text-align: center;">
ภาพรวมเร็วขึ้น 2 เท่า</div>
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj3Gv4NTeCdelQGn9_K4S5ww-STdE-oF3xg-VS8oIPqyZrkivyqY0-KDj6CIP8ZePo7ehIEWCTYsXtIRIUt8-jXz8MLBXT1XkWv9W73uDyZJPmJTKgdPxFgkJ35C1gWtpv7voCKdgkWKcV2/s1600/nuke9_005.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj3Gv4NTeCdelQGn9_K4S5ww-STdE-oF3xg-VS8oIPqyZrkivyqY0-KDj6CIP8ZePo7ehIEWCTYsXtIRIUt8-jXz8MLBXT1XkWv9W73uDyZJPmJTKgdPxFgkJ35C1gWtpv7voCKdgkWKcV2/s1600/nuke9_005.jpg" height="180" width="320" /></a></div>
<div class="separator" style="clear: both; text-align: center;">
EXRs, Deep EXRs ที่เร็วขึ้น</div>
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiiYexBnznm7h0E0hYk3ololvOrTR9dEQOd4aErX_oYAKd66qlejQornUmoHv1XYzgLgjtxF4Ji6kTAp_SolxXb-ae1QlXWMlHu3emG13fYoLwCqikvMQOzY_FjIJEW4p4pV2i75IVjf-az/s1600/nuke9_004.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiiYexBnznm7h0E0hYk3ololvOrTR9dEQOd4aErX_oYAKd66qlejQornUmoHv1XYzgLgjtxF4Ji6kTAp_SolxXb-ae1QlXWMlHu3emG13fYoLwCqikvMQOzY_FjIJEW4p4pV2i75IVjf-az/s1600/nuke9_004.jpg" height="180" width="320" /></a></div>
<div class="separator" style="clear: both; text-align: center;">
Multi-threaded EXRs ที่เร็วขึ้น 4.8 เท่า OMG!</div>
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjllacCbwEt06IWOb1G9TS1uqgoJBvkKaWQn5MoGRujXwtWa91ImcQgPxWg67UcWynZKW9jiXJ122B2caEdlPGdJX-89j2d9gb52FndItdtU9esFUiBR9YZPbu8PvbOo7vOiiyd1xZG583Y/s1600/nuke9_003.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjllacCbwEt06IWOb1G9TS1uqgoJBvkKaWQn5MoGRujXwtWa91ImcQgPxWg67UcWynZKW9jiXJ122B2caEdlPGdJX-89j2d9gb52FndItdtU9esFUiBR9YZPbu8PvbOo7vOiiyd1xZG583Y/s1600/nuke9_003.jpg" height="180" width="320" /></a></div>
<div class="separator" style="clear: both; text-align: center;">
ถ้าเป็น Tiled EXR เร็วขึ้น 25.6 เท่า OMG!</div>
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgiTPBInBq3jGbut7L1426HJaE6VHf5Qfq-Q-_HhDtP6oCXk8PRZAAejk8E2khm8wXKtdXxXLDEQlS1Vngu7foNFKtp0ZHBsL67tc1yUe5CMp2DwrH5iILOBEAcohB90ln9XYqt-pSQrJaT/s1600/nuke9_002.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgiTPBInBq3jGbut7L1426HJaE6VHf5Qfq-Q-_HhDtP6oCXk8PRZAAejk8E2khm8wXKtdXxXLDEQlS1Vngu7foNFKtp0ZHBsL67tc1yUe5CMp2DwrH5iILOBEAcohB90ln9XYqt-pSQrJaT/s1600/nuke9_002.jpg" height="180" width="320" /></a></div>
<div class="separator" style="clear: both; text-align: center;">
Deep EXR ที่เร็วขึ้น 13.5 เท่า</div>
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjbV8ON2AzIs5Rrxgewecn49tZDEZdp20IKE5Kux2tfsZ8_597yA6n96Yd5JlHvXuZAS1N6LVEQbgw1N-YlS8jORUAEUVOeLverOf8-HYy_RcARKTABwMa2YJnCpuvMt6WRtInIsmKcBk2Q/s1600/nuke9_001.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjbV8ON2AzIs5Rrxgewecn49tZDEZdp20IKE5Kux2tfsZ8_597yA6n96Yd5JlHvXuZAS1N6LVEQbgw1N-YlS8jORUAEUVOeLverOf8-HYy_RcARKTABwMa2YJnCpuvMt6WRtInIsmKcBk2Q/s1600/nuke9_001.jpg" height="180" width="320" /></a></div>
<div class="separator" style="clear: both; text-align: center;">
สุดท้าย Performance Profiler Tools เป็นตัวแสดงผลให้ผู้ใช้รู้ว่า Bottle Neck ของ shot ที่ทำอยู่ อยู่ที่ตรงไหน? โดยแสดงเป็น Heat map ที่จะโชว์สีของ node เป็นสีเขียวถึงแดงตามระดับความหนักของการคำนวน ที่จะทำให้การ Render นาน ซึ่งก็เป็นข้อดีมากๆ เพราะเวลา Comp การที่เรารู้ว่าตรงไหนช้า เราจะได้สามารถ cache มันเอาไว้ก่อนได้ หรือ Pre-Render บางส่วนของ Comp เอาไว้ก่อน เพื่อลบภาระโดยรวม</div>
<div class="separator" style="clear: both; text-align: center;">
<br /></div>
<div class="separator" style="clear: both; text-align: left;">
เอาล่ะ ก็จบเอาไว้แค่นี้ก่อนละกัน ไว้ PLE ออกมาเมื่อไหร่ (เวปบอกว่าต้นปี 2015) ผมก็จะโหลดมันมาลองดูนะครับ</div>
<br /></div>
</div>
tor3203http://www.blogger.com/profile/18071473739590058069noreply@blogger.com0tag:blogger.com,1999:blog-7223550357974963681.post-85855960923805048442015-01-25T16:39:00.000+07:002015-02-05T01:46:01.690+07:00สวัสดีโซเซี่ยล3D<h2 style="clear: both; text-align: center;">
แนะนำตัวกันก่อน</h2>
แนะนำตัวกันก่อน ผมชื่อ ธนวัฒน์ วัฒนาจินดา ทำงานด้าน Animation, Compositing, Matchmove และ Rotomation.<br />
ประวัติคร่าวๆ ของผมก็คือ การเรียนที่ ABAC นิเทศศาสตร์สาขา Visual Arts หรือ นิเทศศิลป์นั่นเอง<br />
หลังจากเรียนจบก็เข้าทำงานในบริษัทกันตนา แอนนิเมชั่น ตั้งแต่เริ่มสร้างทีม เพื่อทำงาน "ซน" <br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjUXKI406KsTmRaCNebxAaJji0TeBEq_0rI2ImEVKIgLmgpS7P7L40AXBk5U276sBXGFUtzuQdtsEAgFLCiSeYagyyZs_DRvYxT3sUXYGQJd_vYbIIl0uKKgiEcJumaquLL_HSHmXPu4A88/s1600/Zon.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjUXKI406KsTmRaCNebxAaJji0TeBEq_0rI2ImEVKIgLmgpS7P7L40AXBk5U276sBXGFUtzuQdtsEAgFLCiSeYagyyZs_DRvYxT3sUXYGQJd_vYbIIl0uKKgiEcJumaquLL_HSHmXPu4A88/s1600/Zon.jpg" /></a></div>
การตูนซีรี่ย์สั้นๆ และจากนั้นก็กระเถิบไปสร้าง ภาพยนต์แอนนิเมชั่นฟอร์มยักษ์ เรื่องแรกของไทย นั่นก็คือ "ก้านกล้วย" <br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjNoHexf112jR6NybdTf6u82-p7BV2XRlHCD98TPYiVwXbgBLLtzMdkdQGoME7u5f_DUEvnHmWDVaXqpIR5bFBlnR1ddqZg9r8yT3AHgzLtKY7dL-QQ-NAMY7E6O26j2FJQDyuiFOQOAV4U/s1600/KK.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjNoHexf112jR6NybdTf6u82-p7BV2XRlHCD98TPYiVwXbgBLLtzMdkdQGoME7u5f_DUEvnHmWDVaXqpIR5bFBlnR1ddqZg9r8yT3AHgzLtKY7dL-QQ-NAMY7E6O26j2FJQDyuiFOQOAV4U/s1600/KK.jpg" height="179" width="320" /></a></div>
ซึ่งผมก็ทำงานในตำแหน่ง Compositor เรื่อยมา จนขยับเป็น Senior Compositor ในภาคถัดๆมา<br />
ถ้าใครไม่เคยดู ก็ลองดู Video นี้ครับ ผมทำหลายๆซีเคว้นในเรื่องนี้ หลายๆช่วงที่เห็นใน Trailer นี้ ผมก็ได้ลงมือทำเกือบทั้งหมด เพราะตอนเริ่มทำ เรามี Compositor อยู่เพียงไม่กี่คนเท่านั้น<br />
<div class="separator" style="clear: both; text-align: center;">
<br /></div>
<div style="text-align: center;">
<iframe allowfullscreen='allowfullscreen' webkitallowfullscreen='webkitallowfullscreen' mozallowfullscreen='mozallowfullscreen' width='320' height='266' src='https://www.youtube.com/embed/WfLz7V9Y6IU?feature=player_embedded' frameborder='0'></iframe></div>
อ่านต่อโดยการกด Read more ข้างล่างครับ<a name='more'></a><br />
<a href="https://www.blogger.com/null" name="more"></a>หลังจากนั้นไม่นาน ก็ได้ลงมือทำงานด้าน VFX โดยเริ่มจากงานภาพยนต์ของทางกันตนาเรื่อง "คนไททิ้งแผ่นดิน" ที่ได้เริ่มทำงานด้าน Matchmoviing และ Modelling ที่มากขึ้น เป็นงานเปลี่ยนท้องฟ้า และ การทำ Set extension หรือหมายถึงการสร้างฉากปลอมขึ้น และการเพิ่ม effect พวกธนูไฟ นี่คือตัวอย่างหนังเรื่องนั้น<br />
<div class="separator" style="clear: both; text-align: center;">
<iframe allowfullscreen='allowfullscreen' webkitallowfullscreen='webkitallowfullscreen' mozallowfullscreen='mozallowfullscreen' width='320' height='266' src='https://www.youtube.com/embed/xUEKbPUwWnk?feature=player_embedded' frameborder='0'></iframe></div>
พอทำหนังเรื่องนี้จบ ก็ได้มีโอกาศเข้าทำงานกับบริษัท Yannix ครับ ซึ่งทางบริษัทำงานด้าน Matchmoving โดยตรง โดยงานส่วนมากก็เป็นงาน Hollywood ซะส่วนใหญ่ อาจจะมีโฆษณาบ้าง แต่ก็ประปรายครับ<br />
และนี่ก็เป็นงานที่ทำให้กับบรืษัทในช่วงหลายๆปีครับ<br />
<div class="separator" style="clear: both; text-align: center;">
<iframe allowfullscreen='allowfullscreen' webkitallowfullscreen='webkitallowfullscreen' mozallowfullscreen='mozallowfullscreen' width='320' height='266' src='https://www.youtube.com/embed/fUgC9KbXjro?feature=player_embedded' frameborder='0'></iframe></div>
<br />
ที่เริ่มเขียน blog นี่ ก็นอกจากจะเป็น Diary ส่วนตัวแล้ว ยังคิดว่า จะเอานู่นนี่มาแชร์ ให้น้องๆพี่ๆ ที่สนใจในงานทางด้าน 3D, Animation, VFX ได้เข้ามาอ่าน รับรู้ข่าวสารในแวดวงการเบื้องหลังงานบันเทิงต่างๆนะครับtor3203http://www.blogger.com/profile/18071473739590058069noreply@blogger.com2