Thursday, February 16, 2012

Camera Link Focus

   หายหน้าหายตาไปนานด้วยภาระกิจและชีวิตอันแสนวุ่นวายครับ วันนี้อยากเสนอวิธีทำ Focus Layer ง่ายๆที่เพิ่งจะหาเจอมานะครับ
   เมื่อก่อน จะทำเลเยอร์ที่ใช้เป็นจุดโฟกัสซักทีนี่ผมจะเลือกใช้ length(กล้อง,จุดโฟกัส) ซึ่งจะเป็นการคำนวนระยะห่างจากกล้อง ไปที่จุดโฟกัส แต่มักจะมีปัญหา ถ้าหากกล้องและจุดโฟกัสนั้นไปเป็น Child ของเลเยอร์อื่น เพราะมันจะไม่สามารถคำนวนระยะห่างได้ ถ้าจะใช้ Expression ต่อไปล่ะก็ ร่ายกันยาวเลย
   และด้วยความที่ใช้แต่ชอทคัทมาตลอด ไม่ค่อยจะเปิด Menu ดูเท่าไร ทำให้มองข้ามความสะดวกที่ทาง AE จัดมาให้....คือ Layer => Camera ในคำสั่งนี้ล่ะครับ มีตัวช่วยอยู่สองสามตัว และที่สะดวกมากๆคือ Link Focus Distance to... โดยต้องเลือกกล้อง และเลเยอร์ที่จะเป็นจุดโฟกัสไว้ก่อน แล้วจึงแอพพลายคำสั่งนี้ เท่านี้ล่ะครับ ง่ายดาย ไม่ว่ากล้องและจุดโฟกัสจะเป็น Child ของเลเยอร์ไหนๆ ก็โฟกัสแม่นยำ

เจอกันใหม่รอบหน้าครับ

Friday, August 26, 2011

Maya camera to AE

วิธี Import กล้อง และ Locator ใน Maya มาใช้ใน AE ที่หลายๆคนรู้แล้ว แต่ก็ขอเอามาย้ำให้จำกันอีกทีละกันครับ

เครดิต http://cg.tutsplus.com
 ตามไปดูต้นฉบับที่ ตรงนี้

video

Monday, July 18, 2011

Number จาก SourceText โดยไม่ง้อ Plugins

   โดยปกติถ้าจะอนิเมทตัวเลข จะมีปลั๊กอินตัวหนึ่งชื่อ Numbers เอามาใส่ใน Solid ก็จะได้ตัวเลข ที่ปรับโน่นปรับนี่ได้อย่างง่ายดาย....แต่พอดีผมมันพวกไม่นิยมปลั๊กอินน่ะครับ ลองหาวิธีใช้ Text บ้านๆมาอนิเมทกันดีกว่า

   ถ้าใช้ Text Tool สร้างตัวอักษรเปล่าๆ แล้วเปิดดูใน Property ของ Text Layer จะเห็นบรรทัดที่เขียนว่า Text - Source Text อยู่ การจะควบคุมตัวเลขได้ ก็อาศัยใส่ Expression ใน Source Text นี่ล่ะครับ โดยลิงค์ไปที่ Slider Control ที่ใส่เป็น Effect เข้าไป แค่นี้แหละ อนิเมท Slider Control ได้เลย



   ปัญหาจะเริ่มมาตอนที่อนิเมท Slider Control แล้วจำนวนจุดทศนิยมมันมากมายหลายหลักนี่ล่ะครับ


ปัญหานี้ Dan Ebbert สอนไว้ง่ายๆคือ ให้ใส่ .toFixed(จำนวนทศนิยม) ลงไป จะได้ Expression ดังนี้

effect("Slider Control")("Slider").value.toFixed(2)

หมายความว่าเราอยากได้จำนวนจุดทศนิยมแค่สองหลัก ง่ายดาย !!!

ไม่จบแค่เรื่องทศนิยมแค่นั้น ถ้าอยากได้คอมมาร์คั่นหลักร้อยก็ทำได้ด้วย Expression ยาวหน่อยแต่ก็ใช้ได้

numDecimals = 2;
commas = true;
dur = 4;

s =effect("Slider Control")("Slider").value.toFixed(numDecimals);
 
if (commas){
  decimals = "";
  if (numDecimals > 0){
    decimals = s.substr(-(numDecimals + 1));
    s = s.substr(0,s.length - (numDecimals + 1));
  }
  outStr = s.substr(-s.length, (s.length-1)%3 +1);
  for (i = Math.floor((s.length-1)/3); i > 0; i--){
    outStr += "," + s.substr(-i*3,3);
  }
 outStr + decimals;
}else{
s;
}

ก็จะได้รูปแบบนี้


แรกๆอาจจะงงๆ แต่เดี๋ยวก็ชินครับ Happy Expression นะครับ


Tuesday, May 31, 2011

After Effect Expression resources

อันแรกของตา Dan Ebberts อ่านง่าย มีอธิบายสคริปด้วย
http://www.motionscript.com/

อันนี้สอนคำสั่งพื้นฐาน Java Scripts สำหรับ After Effect
http://aeexpressions.blogspot.com/

อีกอันที่เพิ่งเจอ อธิบายว่า Expression คืออะไร พร้อมตัวอย่างคำสั่ง
http://www.jjgifford.com/expressions/index.html

JavaScripts Basic อยากเขียน Expression ต้องเริ่มจากจาวาสคริปนี่แหละ
http://www.echoecho.com/javascript0.htm

ความรู้ล้วนๆสำหรับ After Effect Expressionism ใครมีอันอื่นเอามาแลกๆกันมั่งนะครับ

Monday, May 30, 2011

Follow the leader randomly

   อ่านในกระทู้แล้วเห็นน่าสนใจดี เป็นการใส่ Expression ให้บรรดาออบเจคลูกตามออบเจคแม่ แต่จะไม่เหมือนคำสั่ง .valueAtTime ที่จะตามในระยะเวลาที่เท่ากัน คำสั่งนี้ระยะเวลาจะสะเปะสะปะ เป็น Random ไป
( อ้างอิงจากกระทู้นี้ http://forums.creativecow.net/thread/227/13771 )

ในเอกเพรสชันนี้ต้องมีตัวควบคุมสองตัวคือ Layer Control และ Slider Control ซึ่งจะใส่ไว้ที่ไหนก็ได้แล้วลิงค์ให้ถูกต้อง ผมใส่ไว้ที่ตัวที่เป็น Leader


ซึ่ง Layer Control มีไว้เพื่อเลือกตัวที่จะมาเป็น Parent และ Slider Control มีไว้กำหนดค่าความหน่วง ว่าจะตามช้าไปกี่วินาที และเป็นตัวกำหนดค่า Random ด้วย
ส่วนตัว Expression ใส่ที่ Position ของ Child ทุกตัวดังนี้

target = effect("Layer Control")("Layer").position; //select which layes it will follow
seedRandom(index, true);
delay = random(effect("Slider Control")("Slider"));
delta = target.valueAtTime(time - delay) - target.valueAtTime(0);
value + delta

อนิเมทแค่ออบเจคสีแดง ก็จะได้อนิเมชันในรูปแบบนี้

video

ยังไม่พอ ตอนท้ายๆของกระทู้ เขาถามต่อไปถึงถ้าต้องการสปริงในการเคลื่อนไหวของ Child ด้วยจะทำยังไง คำตอบก็คือ เติม Expression ทำให้เป็นสปริงซะ ได้ดังนี้

target = effect("Layer Control")("Layer").position; //select which layes it will follow
seedRandom(index, true);
delay = random(effect("Slider Control")("Slider"));
delta = target.valueAtTime(time - delay) - target.valueAtTime(0);
n = 0;
  if (target.numKeys > 0){ n = target.nearestKey(time-delay).index;
 if (target.key(n).time > time-delay){ n--; } } if (n == 0){ t = 0; }else{ t = time - delay - target.key(n).time; } if (n > 0){ v = target.velocityAtTime(target.key(n).time - thisComp.frameDuration/10);
amp = .05;
freq = 4.0;
decay = 2.0;
value + delta + v*amp*Math.sin(freq*t*2*Math.PI)/Math.exp(decay*t);
}else{ value + delta }


ก็จะได้อนิเมชันรูปแบบนี้

video

จริงๆแล้วยังคิดไม่ออกเหมือนกันว่าจะเอาไปใช้งานไหนดี แต่มันก็เจ๋งดีครับ น่าจะทำให้ชีวิตง่ายขึ้นอีกนิด ยังไงเจออะไรน่าสนใจจะเอามาแชร์อีกนะจ๊ะ

Wednesday, May 25, 2011

เมื่อเวลาของเราไม่เท่ากัน

   งานนี้ร่วมมือกับ 77 Wonders โดยเจ้าสาวออกโจทย์ให้เป็นวีดีโอเพื่อนำไปเซอไพรซ์บอกความรู้สึกกับเจ้าบ่าวในงาน

video

สะดุดรักนักการเงิน

   เขาว่ากันว่า เงินซื้อความรักไม่ได้ แต่สำหรับคู่นี้ เพราะบริษัทการเงินนี่แหละทำให้เกิดความรักขึ้นมา

video

A Lot Like Love (Trailer style presentation)

   มีพี่คนหนึ่งบอกว่างานแต่งพี่เป็นธีม Movie Premier เลยจัดเทลเลอร์หนังโรแมนติก คอมมิดี้ให้หนึ่งชุด (แต่ชีวิตพี่สองคนนี้เหมือนหนังจริงๆนะครับ)

video

Melody and Harmony

   ร่วมกันทำกับ 77 Wonders ทำให้กับงานแต่งของครูสอนเปียโน เลยอยากให้เป็นอนิเมชันที่เพราะๆ ฉันคือทำนอง เธอคือตัวโน๊ต ว้าวววววววว

video

ทหารกล้า ล่ารัก

   ตัวนี้ร่วมกันทำกับนักวาดภาพประกอบชื่อดัง พี่วันลพ หรือนาย Oneman ทำให้งานแต่งคู่รักรั้วของชาติคู่หนึ่ง โดยผมขอเล่นสนุกกับความรู้สึกตอนเรียน ร.ด. ที่ฟังครูฝึกสั่งไม่ค่อยรู้เรื่องเท่าไร แหะๆ

video

เรื่องรัก ซาลาเปา

   ขอเริ่มซีรีส์อนิเมชันงานแต่งด้วยงานแรกของชีวิตอนิเมชันงานแต่ง เป็นงานของพี่ชายเพื่อนสนิทคนหนึ่งของผม โดยมีจุดเริ่มต้นเล็กๆที่น่ารักคือ เจ้าสาวทำซาลาเปาอร่อยมาก...อร่อยจนเจ้าบ่าวอยากเจอหน้าคนทำ ก็เลยออกมาเป็นเรื่องราวแบบนี้ล่ะครับ

video

Tuesday, May 24, 2011

Culture


Video Art ว่าด้วยการแลกเปลี่ยนวัฒนธรรมผ่านดนตรี เหมือนสีที่ผสมกันเป็นสีใหม่แปลกตา




Fine art project : City Life

Video Art 4เรื่องที่ได้แรงบัลดาลใจมาจากการใช้ชีวิตของคนในเมืองบางส่วน ที่ออกจะโดดเดี่ยว ต่างคนต่างอยู่ และพยามไขว่คว้าบางสิ่งบางอย่างที่เป็นความคาดหวังของสังคม จนบางครั้งลืมที่จะมีความสุขแบบที่ตัวเองเป็น

Work :
 

 Family Time :
 
Simply Life :
  

Mobile Life :