Share on Facebook

[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 เลยครับ
 

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





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




แต่เดี๋ยวก่อน !! ส่วนใหญ่แล้วเราไม่ทำ Animation กันที่ Scene ครับ
เพราะทำให้เราย้ายตำแหน่งลำบากและเมื่อมีวัตถุหลายๆ ชิ้น
เราก็จะจัดการเวลาลำบาก (แต่ละตัวเล่นไม่เท่ากัน) ให้เริ่มต้นด้วยการ
Convert ตัวการ์ตูนทั้งหมดเป็น MovieClip ก่อน (เลือกที่วัตถุแล้ว F8)
 
 
 
 
จากนั้น Double click เข้าไปใน MovieClip เราจะเริ่มทำ Animation ในนี้
 



 
เริ่มด้วยการเพิ่ม Layer (กดกระดาษพับมุมตรง Timeline) เพื่อวาดวงกลมเล็กๆ
สีขาวลงไปบนลูกตาทั้ง 2 ข้างในที่นี้ผมตั้งชื่อว่า Layer - แววตา
 
 


 
ทำ Animation โดยการไปเพิ่ม keyframe ไว้ซัก frame ที่ 3
(เลือกช่อง frame ที่ 3 ของ layer แววตา กด F6)
 

 
 
layer ของตัวการ์ตูนก็ใส่ frame ตามมาให้เท่ากัน (เลือก frame ที่ 3 กด F5)
 

 
 
ตรง frame ที่ 3 ของ layer แววตานี้จับย้ายวงกลมสีขาวไปเล็กน้อย
 

 
 
ใส่ frame ต่อด้านหลังไปอีก 1 frame เพื่อให้ทั้ง 2 ภาพเล่นเท่ากัน
(เลือกช่อง frame ที่ 4 ของทั้งสอง layer กด F5)
 

 
 
ใน MovieClip นี้เมื่อเล่นจบ frame ใดก็จะวนกลับมาเริ่มต้นใหม่ให้เอง
ดังนั้นหากไม่ใส่ frame เพิ่มหลังภาพที่ 2 จะทำให้เล่นไม่สมดุล
ตอนนี้ลองทดสอบงานโดยกด Ctrl+Enter ก็จะเห็น Animation แล้ว

Note
ลองกลับมาที่ Scene (คลิกที่คำว่า Scene 1) จะเห็นว่ามีวัตถุชิ้นเดียว ซึ่งก็คือ
MovieClip ประโยชน์ที่เห็นได้ชัดจาก MovieClip คือท่านสามารถย้าย ย่อ ขยาย
Animation ได้ทั้งก้อนนั่นเอง
 
 


ลองทำหลายๆ ตัวได้เล้ยยย



เพิ่มเติมจ้า
ถ้าจะลองเอามาใส่ใน Blog - Exteen ต้องใช้การ Upload แบบเก่านะครับ
โดยเมื่อสร้าง Entry ใหม่ หากอยากจะใส่ Flash ลงใน Entry นั้นๆ ต้องไปเลือกมุมขวาล่าง
ที่เขียนว่า Use Old Editor ครับ



จะใส่ Flash ตรงไหนก็กดที่สัญลักษณ์ Flash แล้วก็ระบุที่อยู่กับขนาดได้เลยครับ



หวังว่าจะได้ประโยชน์กันไปบ้างนะครับ คิดถึง Exteen จริงๆ ไว้จะรีบมา up blog กันอีกนะคร้าบบบบ

edit @ 10 Mar 2012 23:43:56 by TuaNoom'n TuaNann ตัวนุ่มกะตัวแน่น

noomnann
เนื่องจากต้องหนีน้ำมาแถบชะอำ หัวหิน ก็เลยนึกขึ้นได้ว่าเคยซื้อ package จากงาน ททท. ไว้เป็นรีสอร์ทสไตล์
โมรอคโคนามว่า Marragesh ราคาประมาณ 4000 ต่อคืน (จ่ายเต็มในงาน) แต่มีเงื่อนไขว่าทางรีสอร์ทจะเปิด
ราวๆ พฤศจิกา ตอนนั้นแอบเซ็งอยู่เหมือนกัน ซื้อแล้วก็อยากใช้เลย เพราะบางทีปล่อยเนิ่นนานจะลืม หรือไม่
ก็ติดธุระนู่นนี่ พอน้ำท่วมช่วงนี้ก็เลยคิดว่าน่าจะไปซะเลย (แม้ไม่ได้อยู่ใน mood เท่าไหร่เพราะบ้านพัง)
ก็ยังดีกว่าเสียฟรี และที่แน่ๆ หลังจากน้ำลดงานคงต้องทำยาวไม่มีเวลาแน่นอน
 
 
Marrakesh อยู่แถบหัวหิน เลย Market village ไปอีก เกือบจะถึง cicada market แล้วนะนั่น เข้าไปป๊าปจะพบ
ความสวยงามอลังการเช่นนี้ตรง lobby ว้าว! ตัดสินใจถูกแฮะ
 
noomnann
 
บรรยากาศรอบๆ ตกแต่งได้สวยงาม ตาม theme โมรอคโคของเค้า และเป็นสถาปัตยกรรมค่อนข้างใหญ่ โดย
แบ่งเป็นโซนโรงแรมกับคอนโด โดยส่วนของโรงแรมทราบว่ายังไม่เรียบร้อยดีเพราะติดปัญหาวัตถุดิบตอน
น้ำท่วม แต่ก็ไม่ได้เห็นส่วนก่อสร้างอะไรให้รำคาญใจ
 
noomnann
 
เราเลือก package แบบ 2 คืนเป็นแบบ Jacuzzi Suite (เข้าใจว่าน่าจะมี jacuzzi ทุกห้องนะ) โดยจะได้แถม
dinner 1 มื้อ เราไม่ได้ซีเรียสตรงนั้น เพราะอยู่หัวหิน กินอะไรก็ได้ แต่ต้องบอกไว้ก่อนล่วงหน้าว่า dinner ฟรีนั้น
คุ้มค่ามาก จะเล่าให้ฟังต่อไปจ้า
 
noomnann
 
ข้างนอกห้องตรงระเบียงจะเป็นโซฟานั่งเล่น และจากุชชี่ โดยมีม่านไฟฟ้าสุดเจ๋ง ที่ปิดแล้วข้างนอกมองไม่เห็น
แต่เรามองออกไปได้ (กดเล่นอยู่หลายที) ระบบน้ำจากุชชี่ควบคุมดีมาก ทุกอย่าง perfect อาจจะเพราะเป็น
ของใหม่แกะกล่องหมดด้วย
 
 
ห้องนอนกว้างสบาย มี LCD TV ขนาดกำลังโอเค แต่ตั้งเอียงๆ ดูเมื่อยนิดหน่อย ของตกแต่งลงตัวมีสไตล์
 
noomnann
 
โซนห้องน้ำก็มีฝักบัว และ rain shower (อาบสบายมากๆ จริงๆ แล้วสบายกว่าแช่น้ำซะอีก) ตกแต่งกระเบื้อง
คุมโทนสีฟ้า ลายฉลุต่างๆ design ได้เนี๊ยบดี และมีที่เป่าผมด้วยจ้า
 
noomnann
 
ลองกลิ้งดูแล้ว ไม่อยากลุกเลย !! นอนสบ๊ายสบาย
 
 
สิ่งที่ทางรีสอร์ทเตรียมไว้บริการก็มี ชา กาแฟ น้ำดื่ม ผลไม้ต้อนรับ เสื้อคลุม สลิปเปอร์ Wireless Internet ผ้าเช็ดตัวถ้าอยากไปว่ายน้ำ ที่สระน้ำจะมีเตรียมให้ เห็นมีช่องต่อ HDMI กับต่อคอม เข้าใจว่าถ้าเอาเกมมาต่อเล่น
กะ TV ก็น่าจะได้นะครับ
 
noomnann
 
เมื่อมองออกไปที่ระเบียงแทบอยากจะโดดไปเล่นสระเลยทีเดียว สระใหญ่ยาวมาก !! การตกแต่งยังก๊ะ
resort world ของสิงคโปร์ แต่เดี๋ยวก่อน !! เรามารู้ทีหลังว่า อีนี่มันสระของคอนโดน่ะ เซ็ง!
 
noomnann
 
สระของทางโรงแรมก็ไม่ใช่ขี้เหร่หรอก แต่มันเล็กกว่า รอบๆ จะเป็นร้านอาหารให้เลือกนั่งทานอาหาร สวยทุกแบบ
แต่ให้ตายเถอะ ผมไม่ค่อยชอบแฮะ เวลาจะเล่นน้ำมีคนมากินข้าวมันก็เขินๆ อะ ไม่เป็นไร ช่วงเปิดใหม่นี้ยังไม่มี
คนมาก วันนี้มีแต่เรามาเล่น ไม่มีใครลงมาเลย
 
noomnann
 
บรรยากาศดีทีเดียว
 
 
สระเป็นแบบน้ำล้นเห็นวิวทะเล สะอาดสะอ้าน ดูที่อาบน้ำนั่นสิ! เก๋มากๆ เป็นโมรอคโคด้วย
 
 
นอกจากที่นังด้านนอกก็มีห้องนั่งเล่นให้อ่านหนังสือดูทีวีได้ครับ
 
 
ส่วนที่ตัวนุ่มชอบสุดคงจะเป็นส่วนบาร์ริมทะเล น่ารักอะ! ตอนกลางคืนยิ่งสวยนะครับ มานั่งกินคอกเทลชิวมาก
แต่ระวังยุงกัดนะคร้าบ
 
 
ผมชอบอันนี้มาก ไม่ค่อยเห็นการ design ของก๊อกล้างทรายเท่าไหร่ เจ๋ง!
 
 
มาถึง dinner ฟรีของเรา ทั้งร้านก็มีแต่เราเนี่ยแหละ ห้องอาหารสวยและกว้างทีเดียว เป็นมื้อแรกที่จะได้ชิม
ฝีมือของทางรีสอร์ท เราไม่คาดหวังมากนัก dinner ฟรีคงจะจัดมาในจานเล็กๆ กินไม่อิ่มเท่าไหร่
ไม่เป็นไร มีมาม่ากะหมูปิ้งเตรียมไว้เป็น plan B แล้ว
 
มิคาด!!
 
อาหารอร่อยมากกกกก และไม่ใช่ปริมาณน้อยๆ ประกอบด้วยข่าปลาหมึกคนละจาน ผัดผักรวมมิตร
ปลาชุบแป้งทอดสามรส และยำทะเล แต่ละจานล้วนเป็นวัตถุดิบคุณภาพทั้งสิ้น กินกันอิ่มแปล้มาก
(แถมยังจะเติมข้าวให้อีก) ตบท้ายด้วยผลไม้ที่สด หวาน ฉ่ำมากๆ (แก้วมังกร สัปปะรด แตงโม) สรุปว่าไม่
จำเป็นต้องใช้ Plan B แน่ๆ
 
 
บรรยากาศร้านอาหารดีมากเลย แต่แอบมียุงอยู่น่ะครับ เตรียมฉีด OFF กันมาบ้างจะมีความสุขมาก
 
 
ตัวนุ่มโพสท่าหน่อย ย่อยอาหาร
 
 
พาไปชมบรรยากาศยามค่ำคืน สวยงามโรแมนติคมากเชียว
 
 
 
มีบริการ fitness ห้องเด็กเล่น แล้วก็ร้านขายน้ำหอมแบบโมร๊อคโค้โมรอคโค
 
 
ตื่นตอนเช้ามีอาหารเช้าฟรีรออยู่ ก็ต้องไปจัดเต็มซะหน่อย เนื่องจากคนน้อยก็เลยไม่มีการตั้ง buffet แต่เป็น
a la carte หรือสั่งเอา จริงๆ ผมชอบ buffet นะมันสนุกดี ตักนู่นตักนี่อย่างละนิด แต่ไม่เป็นไรสั่งเอาก็ได้
แล้วเราก็ต้องเผชิญกับวิกฤตอีกครั้ง !!
 
มันอร่อยมาก !!
 
เริ่มตั้งแต่ขนมปังที่มาเสริร์ฟให้กินเซิฟๆ สดอร่อยมาก ทั้งเดนนิช ครัวซอง ซินนามอน ตามด้วยที่เราสั่ง
ไข่ลวก ออมเล็ต โจ๊ก ไส้กรอก เบคอน และที่สำคัญ ฮัชบราวน์ อร่อยมากๆๆๆ นี่ยังไม่รวมน้ำผลไม้สด
ที่เราคิดว่าทุกอย่างมาจากวัตถุดิบคุณภาพดีทั้งสิ้น  อร๊าง!!! อ้วนตายชัก
 
 
โฉมหน้าของซินนามอน แสนอร่อย
 
 
วันที่สองขอเปลี่ยนห้องเป็นอีกโทนนึงคือสีแดง
 
 

โดยรวมแล้วไม่ต่างกัน แค่เปลี่ยนโทนสีเฉยๆ ครับ
 
 
มาทั้งทีก็ถ่ายรูปให้คุ้ม
 
 
พึ่งเห็นว่าปั้นสิบอร่อยที่สุดในโลก ใช้ชื่อแบรนด์ว่า "อร่อยที่สุดในโลก" เข้าใจคิดแฮะ แต่มันจดทะเบียนได้ไง
ฟะ 5555
 
 
ส่วนตัวผมชอบโทนฟ้ามากกว่า อันนี้ดูเป็นจีนๆ ไงไม่รู้
 
 
มี game of throne ให้ดูด้วย อยากดู season2 แล้ววววว
 
 
เนื่องจากติดใจฝีมือการทำอาหารของท่านกุ๊กมือทอง ไม่กงไม่กินที่หัวหินและ ไปกินที่ห้องอาหารต่อ อาหารราคา
ไม่โหด ร้อยกว่าบาทถึงสามร้อย เราสั่งราดหน้าฮ่องกง กับ คาโบนาร่า อร่อยเหาะเหมือนเดิม
 
 
 
วันรุ่งขึ้นกินอาหารเช้าอีกรอบ (เอ๊ะ เน้นไปทางกินเยอะไปละ) ข้าวผัดกับข้าวต้มก็อร่อย วันนี้กินไม่เยอะและ
ยังอื่มมาจากเมื่อวาน
 
สรุป ค่าเสียหายคราวนี้ - เอ๊ะคำศัพท์แปลกๆ
 
package จากงาน ททท คืนละราวๆ 4000 (จำตัวเลขแน่นอนไม่ได้ขออภัยครับ พอดีมันจมน้ำไปหมด)
จอง 2 คืนจะได้ dinner ฟรี 1 มื้อ ส่วนอาหารเช้ามีให้ทุกวันอยู่แล้ว
 
ส่วน dinner ที่กินอีกคืนประมาณ 500 กว่าบาทบวกกับคอกเทล 2 แก้ว 250
เรา Happy กับที่นี่มาก ถ้าปีหน้ามี package อีกก็คงไปอีกแน่ๆครับ
 

edit @ 10 Mar 2012 23:43:41 by TuaNoom'n TuaNann ตัวนุ่มกะตัวแน่น

tuanoom'n tuanann
 
tuanoom'n tuanann
 
 
 
 
 
 

edit @ 10 Mar 2012 23:40:20 by TuaNoom'n TuaNann ตัวนุ่มกะตัวแน่น