nobiimonz: Intro Website หัวข้อ เว็บบอร์ดเร้กเก้

nobiimonz: Intro Website หัวข้อ เว็บบอร์ดเร้กเก้

Intro Website หัวข้อ เว็บบอร์ดเร้กเก้

to_ukiss: แบบ Intro

to_ukiss: แบบ Intro

Intro Flash

F e 3 l i n 9: การสร้างFrame by Frame

F e 3 l i n 9: การสร้างFrame by Frame: "ภาพเคลื่อนไหว แบบ Frame by frame ในบทนี้จะเป็นการเรียนเกี่ยวกับการสร้างภาพเคลื่อนไหวแบบ Frame by Frame ซึ่งแบบนี้จะเป็นการนำภาพหลาย ๆ ภาพที่..."

NongZii: shape tween

NongZii: shape tween: "Shape Tween นั้น แปลตัวตัวคือการทำ Animation เปลี่ยนแปลงรูปทรง ถ้าอิงตามหลักการของ Tweening ก็หมายความว่า โปรแกรมจะคำนวณรูปทรงหนึ่งให้เปลี่..."

Mods3llerd: Motion Tween

Mods3llerd: Motion Tween: "Motion Tween เป็นการเคลื่อนที่ของภาพจากจุดหนึ่งไปยังอีกจุดหนึ่ง หรือเปลี่ยนคุณสมบัติจากแบบหนึ่งเป็นอีกแบบหนึ่ง Step 1 ให้เราสร้างไฟล์เอกสาร ..."

Mask Layer

1. เปลี่ยนพื้นหลังเป็นสีเทาหรือดำ โดยใช้ Selection tool คลิกบนพื้นที่ทำงาน แล้วไปที่แถบ Properties จะมี option ที่ให้เลือกสี Background













2. เปลี่ยนชื่อของ layer แรกเป็น city แล้วนำ object รูปเมืองมาวางให้ค่อนไปทางด้านซ้ายของ workspace ทำการ convert to symbol ตัว object




















(ขนาดหน้าจอทำงาน นี้มีขนาดเป็น 50%)

3. Insert keyframe บนเฟรมที่ 40 ของ layer นี้ ที่เฟรมที่ 40 ให้ย้ายรูปเมืองมาทางด้านขวาของ workspace



















4. Create motion tween บน layer นี้





5. สร้าง layer ใหม่ขึ้นมา ตั้งชื่อว่า mask บน layer ให้สร้าง object เป็นรูปบริเวณของกระจกหน้าต่าง (ไม่จำเป็นต้องเปลี่ยนสีรูปก็ได้) ที่เฟรมแรก วาง object ให้ค่อนไปทางด้านซ้ายของ workspace (ให้ไกลกว่ารูปเมืองด้วย) ทำการ convert to symbol ตัว object





















6. ที่เฟรมที่ 40 ของ layer mask ให้ Insert keyframe แล้วย้ายรูปกระจกไปทางด้านซ้ายของ workspace (ให้ไกลกว่ารูปเมืองด้วย)

7. Create motion tween บน layer mask

8. ที่ layer mask ให้เปลี่ยนคุณสมบัติของ layer เป็น mask โดยคลิกขวาชื่อ layer แล้วเลือก mask layer จะเปลี่ยนเป็นดังนี้

Control -> Test Movie เพื่อดูผล

สอบ

1.)จงอธิบายถึงที่มาความหมายและประเภทของanimation
พร้อมทั้งยกตัวอย่างประกอบ

Animation หมายถึง กระบวนการที่เฟรมแต่ละเฟรมของภาพยนตร์ ถูกผลิตขึ้นต่าง
หากจาก กันทีละเฟรม แล้วนำมาร้อยเรียงเข้าด้วยกัน โดยการฉายต่อเนื่องกัน ไม่ว่าจากวิธีการ ใช้คอมพิว
เตอร์กราฟิก ถ่ายภาพรูปวาด หรือ หรือรูปถ่ายแต่ละขณะของหุ่นจำลองที่ค่อย ๆ ขยับเมื่อนำภาพดังกล่าว
มาฉาย ด้วยความเร็ว ตั้งแต่ 16 เฟรมต่อวินาที ขึ้นไป เราจะเห็นเหมือนว่าภาพดังกล่าวเคลื่อนไหวได้ต่อ
เนื่องกัน ทั้งนี้เนื่องจาก การเห็นภาพติดตาในทาง คอมพิวเตอร์ การจัดเก็บภาพแบบอนิเมชันที่ใช้กันอย่าง
แพร่หลายในอินเทอร์เน็ต ได้แก่เก็บในรูปแบบ GIF MNG SVG และ แฟลช

สรุปความหมายของ Animation คือ การสร้างสรรค์ลายเส้นรูปทรงต่างๆให้เกิดการเคลื่อนไหวตามความคิดหรือ
จินตนาการ

1.Animation 2D (3D Animation)
ในอดีตAnimationจะมีลักษณะ 2มิติ และอยู่ในรูปแบบของภาพยนตร์การ์ตูน เช่น เรื่องโดราเอมอน ดราก้อนบอล สโนไวท์กับคนแคระทั้งเจ็ด ไลอ้อนคิง เป็นต้น โดยภาพในแต่ละเฟรมจะสร้างด้วยวิธีการร่างภาพแบบเซลอะนิเมชัน แต่ในปัจจุบันนอกจากจะพบเห็นบนจอโทรทัศน์ และจอภาพยนตร์แล้ว ยังพบได้ทั่วไปบนเว็บไซต์ต่างๆ เช่น เกมส์และภาพยนตร์การ์ตูนบนเว็บไซต์ โปรแกรมที่ใช้ใน การสร้างAnimation 2 มิติ เพื่อแสดงผลบนเว็บไซต์ที่ได้รับความนิยมมากโปรแกรมหนึ่งก็คือ โปรแกรม Adobe Flash

ตัวอย่างงาน2D




2.Animation 3 มิติ (3D Animation)
วิธีการสร้างนั้นเป็นเรื่องยาก เนื่องจากลักษณะของภาพ 3 มิติจะได้มาจากการคำนวณ ซึ่งการเปลี่ยนแปลงค่าตัวเลขในขณะคำนวณจะ มีผลให้เกิดการเปลี่ยนแปลงลักษณะต่างๆ ของวัตถุ นอกจากนี้ความหนาแน่นของวัตถุ ทิศทางของแสง ตำแหน่งและทิศทางของกล้องถ่ายภาพ ก็ต้องกำหนดด้วยตัวเลขเช่นกัน สิ่งสำคัญที่จะต้องปฏิบัติคือ กำหนดคุณลักษณะต่างๆ ของวัตถุและลักษณะผิวของวัตถุให้เหมาะสมตามต้องการตั้งแต่เฟรมแรก โดยเปลี่ยนแปลงค่าของตัวแปรต่างๆ สร้างพื้นผิวให้กับเฟรมถัดไป และตกแต่งแก้ไขในแต่ละเฟรมตามความเหมาะสม จากนั้นจึงกำหนดช่วงเวลาในแต่ละเฟรมเพื่อให้เป็นอะนิเมชันต่อไป ปัจจุบันผู้พัฒนาหลายรายต้องการสร้างให้อะนิเมชัน 3 มิติมีความใกล้เคียงธรรมชาติมากที่สุด เพื่อใช้ในการสร้างสภาวะเสมือนจริงที่ เรียกว่า Virtual Reality (VR) ที่พบเห็นทั่วไปในการเล่นเกมส์ และจำลองการเคลื่อนไหวของอวัยวะต่างๆ

ตัวอย่างงาน3D




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

ข้อดีของประเภท3Dจะดีว่าตรงที่งานจะมีความสมจริงมากกว่างาน2Dจุดเด่นงาน3dจะมีความเป็นธรรมชาติมากกว่างาน2dที่เป็นงานเชิงภาพวาดการ์ตูน

3 .)จงยกตัวอย่างภาพยนตร์animationมาหนึ่งเรื่อง และอธิบายแนวคิดของภาพยนตร์ รูปแบบไหน เทคนิคที่ใช้ รวมทั้งลักษณะและการสร้างผลงานมาพอสังเขป

ภาพยนตร์ Animation เรื่อง แก้วจอมแก่น





“แก้วจอมแก่น” บทพระราชนิพนธ์ในสมเด็จพระเทพรัตนราชสุดาฯ สยามบรมราชกุมารี (พระนามแฝง‘แว่นแก้ว’)

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

เรื่องย่อการ์ตูน

"แก้วจอมแก่น" เป็นเรื่องราวที่ทรงพระราชนิพนธ์ถ่ายทอดจากประสบการณ์ของสมเด็จพระเทพรัตนราชสุดาฯ สยามบรมราชกุมารี ในขณะที่ยังทรงพระเยาว์บ้าง จากการจินตนาการของพระองค์เองบ้างประกอบกัน เป็นเรื่องราวของ “แก้ว” เด็กหญิงน่ารักวัยประมาณ ๙ ขวบ อยู่ในครอบครัวที่อบอุ่น มีคุณพ่อ คุณแม่ที่รักใคร่เอาใจใส่ลูก ๆ เป็นอย่างดี พี่สาวที่เรียนเก่ง คือ พี่ไก่ ในวัยประมาณ ๑๓-๑๔ ปี ที่ใฝ่ฝันอยากจะเป็นครู และน้องสาวหนึ่งคนคือ น้องเล็ก ในวัยประมาณ ๖-๗ ปี ที่ชอบร้องเพลงเป็นงานอดิเรก
แก้ว เป็นเด็กที่มีความร่าเริงแจ่มใส มีความมั่นใจในตัวเองมีความเป็นผู้นำและความคิดสร้างสรรค์ จึงกลายเป็นแก่นและซนในสายตาของผู้ใหญ่ และมักจะเป็นหัวโจกในหมู่พี่น้องและผองเพื่อนอยู่เสมอ อันได้แก่ นิด กับ หน่อย ที่เป็นลูกชายของ ป้าจ้อย พี่สาวของคุณพ่อ อึ่งกับอ๊อด ลูกสาวและลูกชายของคุณลุงคุณป้า อ้อย หลานคุณป้าเอิบ ป๊อก, เปี๊ยก, ป้อม, อ้วน ฯลฯ เพื่อนนักเรียนในชั้น ป.๔ นอกจากนี้แก้วยังเป็นเด็กที่รักสัตว์และชอบเลี้ยงสัตว์ ไม่ว่าจะเป็นหมา แมว ปลา ฯลฯ อันแสดงถึงความเมตตาที่มีอยู่ในใจ แต่แก้วก็มักจะสร้างวีรกรรม ทั้งที่เป็นการทำดีบ้างและบางทีก็ทำให้ผู้ใหญ่ถึงกับส่ายหน้า แต่ก็ไม่มีใครโกรธแก้วได้ลงซักที ซึ่งเนื้อเรื่องจะมีลักษณะแบบจบในตอนแบบต่อเนื่อง และมักจะแฝงสาระหรือข้อคิดที่ไม่หนักจนเกินไปสำหรับเด็กเป็นตอน ๆ เรื่อยไป
นอกจากนี้ยังมีคนรุ่นหนุ่มสาว เช่น พี่หนู พี่ชายคนโตของนิดกับหน่อย พี่สุทธิ เพื่อนบ้านที่ใจดีและชอบเล่นกับแก้วเป็นพิเศษ ครูสุมน ครูสาวประจำวิชาภาษาไทย ครูจินตนา สอนวิชาพลศึกษา ครูเสือ ที่ค่อนข้างดุสมกับสมญาที่เด็ก ๆ ช่วยกันตั้งให้ ฯลฯ ซึ่งตัวละครเหล่านี้จะช่วยเพิ่มรสชาติและความสนุกสนานในแต่ละตอน


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

E-card

Valentine's Day

BANNER

WorkShop

2D VS 3D

2D

3D

2D คือ ภาพที่รูปร่างรูปทรงแต่ไม่มีความลึก มีแค่ความยาวกับความกว้างเท่านั้น
3D คือ ภาพที่มีปราณ หรือ ภาพที่มีความลึก โดยดวงตาคนเราจะรับรู้เป็น 2D ทั้งสองข้างแล้วเอามารวมประมวลผลกันในสมองให้เห็นความลึก เห็นเป็น3D