[Flash tutorial] ทำเป็นซึ้ง...

posted on 10 Mar 2012 22:06 by noomnann in NoomnannStudy directory Cartoon, Knowledge
ตัวนุ่มกะตัวแน่น
 
ตัวนุ่มกะตัวแน่นกลับมาแล้วววว!! หลังจากโดนพิษน้ำท่วม
ได้ไปซุ่มเขียนหนังสือ Flash จนเสร็จเรียบร้อย
วางแผงแล้วทั่วประเทศ (มั๊ง?) โดยมีตัวนุ่มกะตัวแน่นเป็น presenter จ้า
 
ตัวนุ่มกะตัวแน่น
 
Flash CS5 Animation & Interaction ของสำนักพิมพ์ Netdesign
หากผู้ใดมีไว้ครอบครองส่งเสียงทักทายกันนิสนึงนะครับ หรือจะติชมอย่างไร
ก็ยินดีน้อมรับครับผม
 
 ตัวนุ่มกะตัวแน่น
 
เพื่อเป็นการฉลองที่เขียนหนังสือเสร็จ (แต่บ้านยังทำไม่เสร็จ) ก็เลยปล่อย
Entry แรกหลังจากหายไปหลายเดือน
เป็น Tutorial เล็กๆ สำหรับคนที่อยากทำ Flash โดยหวังว่าอาจจะทำให้
หลายๆ คนได้เรียนรู้เกี่ยวกับการทำ Animation ง่ายๆ และเกิดความสุขเล็กๆ
กับการได้เห็นตัวการ์ตูนของท่านขยับไปมา

นอกจากนี้ บทความใน Blog จะเป็นการเพิ่มเติมและทบทวนบทเรียนที่กระผมเองได้สอน
แก่นักศึกษา จึงน่าจะเป็นประโยชน์ต่อคนอื่นๆ ด้วยเช่นกัน (เป็นทางการละเกินแฮะ)
 
 
noomnann
 
ผมจะแสดงขั้นตอนการทำ Animation ง่ายๆ โดยไม่ได้ลงรายละเอียดตั้งแต่เริ่มต้นนะครับ
ในส่วน Basic การวาดและใช้โปรแกรมสามารถอ่านได้ในหนังสือ
(ไม่ได้แอบขายหนังสือนะค้าบ แหะแหะ)
จะหนังสือผม หรือหนังสืออื่นก็ได้ครับ แต่อันที่จริงผมเคยทำ Tutorial เกี่ยวกับ
Basic Animation ใน Flashไปแล้วใน Blog เก่า  "Hungry-Angry แฟนผมโมโหหิว"
แต่หลังจากโดนแฟนทิ้งก็เลยไม่ได้ update อีก (พูดแล้วช่างปวดใจ 55) แต่ยังไง
ท่านที่ไม่เคยใช้ Flash เลยสามารถตามไปดูที่ Link นี้ได้เลยจ้า
http://hungryangry.exteen.com/20090304/flash-tutorial-1
 

กลับมาที่บทเรียนของเรา เมื่อวันก่อนนักศึกษาถามผมว่า จะให้ตัวการ์ตูนทำตาซึ้งทำอย่างไร
ในความคิดของผมน่าจะออกมาเป็นประมาณนี้
 


ซึ่งทำง่ายเหลือเกิน แทบไม่ต้องมีพื้นฐานใดๆ ทั้งสิ้น เริ่มจากเตรียมตัวการ์ตูน
ที่ต้องการทำตาซึ้งขึ้นมา 1 ตัว ตัวการ์ตูนตัวนี้จะต้องสามารถแยกชิ้นส่วนได้นะครับ
อย่าวาดใน Flash ขึ้นมาดื้อๆ เพราะอาจทำให้สีตัดกันได้ ดังนั้นถ้าวาดใน Flash ให้ใช้
Drawing Object หรือ Group ด้วย
 
 
 

ว่าจะไม่พูดเรื่อง Basic ละ แต่ก็อดไม่ได้แฮะ 55 วัตถุเบื้องต้นที่วาดใน Flash จะเป็น Shape ครับ
ซึ่งเมื่อวาดซ้อนกันจะตัดกันทิ้ง แบบนี้เอามาทำ Animation ไม่ได้ ก่อนวาดจึงต้องเลือกเป็น
Drawing Object เสียก่อน เช่นถ้าจะวาดวงกลมต้องกดปุ่มนี้ไว้ก่อนครับ
 
 
 
 
พอเป็น Drawing Object แล้ว วัตถุจะมีชั้นงาน ซึ่งท่านสามารถสลับชั้นด้วยการกด
Ctrl + up or down ครับ หากท่านไม่ชำนาญการวาดใน Flash ให้วาดจาก Illustrator
แล้ว Copy มา Paste เป็น ai เลยครับ
 

 
อ้อ!! เลือกตัวการ์ตูนที่มีลูกตาด้วยนะครับ





แท้จริงแล้วการทำตาซึ้งในลักษณะนี้ ก็คือการทำให้ตาเป็นฉ่ำๆ เหมือนมีน้ำกลิ้งในตานั่นเอง
วิธีทำง่ายที่สุดคือเติมวงกลมสีขาวเข