วันจันทร์ที่ 5 มีนาคม พ.ศ. 2555

อนิเมชั่นการออกเเบบภาพเคลื่อนไหวเรื่อง อบอบทีม



                                   นางสาวชมพูนุช ประเทียบอินทร์ รหัส 5211303119
                                       กลุ่มเรียน 102 กลุ่ม AOPAOP
youtube.com
                                       Animation Design :The frog กลุ่ม aopaop 
                       เป็นผลงานในวิชา Arti3322 กลุ่มเรียน102 นักศึกษาสาขาศิลปกรรม 
                        คณะมนุษยศาสตร์และสังคมศาสตร์ มหาวิทยาลัยราชภัฏจันทรเกษม...

อินนิเมชั่น กลุ่มอบอบทีม


                                
                                  นางสาวชมพูนุช ประเทียบอินทร์ รหัส 5211303119
                                 กลุ่มเรียน 102 กลุ่ม AOPAOP เป็นผลงานของข้าพเจ้า
             ที่มีส่วนรับผิดชอบในส่วนหนึ่งของกลุ่มนี้Animation Design :The frog กลุ่ม aopaop  
                      เป็นผลงานในวิชา Arti3322 กลุ่มเรียน102  นักศึกษาสาขาศิลปกรรม 
                      คณะมนุษยศาสตร์และสังคมศาสตร์ มหาวิทยาลัยราชภัฏจันทรเกษม...

น้องนาฬิกาติ๊กติ๊ก


                     
                                             อินนิเมชั่น  ของน้องนาฬิกาติ๊กติ๊ก
                                    http://www.youtube.com/my_videos_upload

                     

ขั้นตอนการทำอินนิเมชั่นน้องนาฬิกา




น้องนาฬิกาน่ารัก
 

ท่ากางเเขนขาว


ท่ากางเเขนซ้าย
                                   


ท่ากางเเขน


ท่าร่าเริง



ท่าล้อเล่น



ท่าไหว้




น้องตุ๊กตานาฬิกาที่เสร็จเรียบร้อยเเล้ว










วันพฤหัสบดีที่ 23 กุมภาพันธ์ พ.ศ. 2555

การเรียนการสอนของสัปดาห์ทีjAnimate Design


สัปดาห์นี้ตรงกับวันหยุด จึงเป็นเวลาของการเคลียงานและการวางแผนการทำงานกลุ่ม
การทำแอนนิเมชั่นเขาประกวดในงาน 2012 Adobe Design Achievement Awards
ได้ขอสรุปดังนี้
ชื่อกลุ่ม Aop Aop Team
สัญลักกลุ่ม
สมาชิกในกลุ่ม



นางสาวภณิดา บุญมี
รหัสนักศึกษา 5213000499 กลุ่มเรียน102
E-mail Contact : panida.boonme@gmail.com
Publish Blog :http://panida-arti3319.blogspot.com/
      นางสาวชมพูนุช ประเทียบอินทร์
รหัสนักศึกษา 521303119 กลุ่มเรียน102
E-mail Contact : chompoomut@gmail.com
Publish Blog :http://chompoomut-arti-3322.blogspot.com/




นางสาวจินตนา กลีบบัว
รหัสนักศึกษา 521303036 กลุ่มเรียน102
E-mail Contact : jintana845@gmail.com
Publish Blog :http://jintana-arti3322.blogspot.com/



นางสาว ศิริจันทร์ ศรีรักษา
รหัสนักศึกษา 5213000531กลุ่มเรียน102
E-mail Contact : sirichan4000@gmail.com
Publish Blog :http://sirichan-arti3322.blogspot.com/




       นางสาวพลอยไพรรินทร์ ปานมี
รหัสนักศึกษา 5213000515 กลุ่มเรียน102
E-mail Contact : ploypairin36@gmail.com
Publish Blog :
http://ploypairin-arti3322.blogspot.com/om/

การเรียนการสอนของสัปดาห์ที่Animate Design

 
สัปดาห์นี้อาจารย์ได้ลงคะแนนสอบใน Googledocs เรียบร้อยแล้ว และได้สอนวิธีการเกี่ยวกับ Animation ใน Photoshop วันนี้เพื่อนได้รายงานข่าวหน้าห้องเรียนเกี่ยวกับโปรแกรม Photo morph และวันนี้ได้มีการเรียกตรวจงานดูความคืบหน้าของแต่ละกลุ่ม และได้บอกว่าสอบปลายภาคของรายวิชาคือวันที่ 13 มีนาคม

การเรียนการสอนของสัปดาห์ที่Animate Design

                                   ในสัปดาห์นี้เป็นสัปดาห์ที่เรียนชดเชยของทางมหาวิทยาลัย

                                     

การเรัยนการสอนของสัปดาห์ที่Animate Design

-สอบ midteam มีการแบ่งการสอบออกเป็นสองส่วน ดังนี้

1. สอบข้อเขียน
สอบผ่านการทำข้อสอบออนไลท์ผ่านเว็ป
http://chandraonline.chandra.ac.th/dokeos/ 


           2.สอบปฏิบัติทำวีดีโอตัวอย่างโดยใช้ สัญลักษณ์ที่อาจารย์แชร์ให้ โดยใช้โปรแกรม Photoshop

การเรียนการสอนAnimateสัปดาห์ที่ 8 Design


-เรียนรู้เรื่องการทำไตเติ้ล เพื่อนำไปใช้ในงานแอนนิเมชั่นของแต่ละกลุ่ม
โดยที่อาจารย์ให้รวมกลุ่มกัน วางแผน และสรุปออกมาเป็น story board และนำเสนอ
-นำเสนอแอนนิเมชั่นงานกลุ่มเพิ่มเติม

กลุ่ม AOP AOP นำเสนองานในรุปแบบของการทำ "แอนนิเมติค"
ซึ่ง Animatic คือส่วนหนึ่งของขั้นตอนในการทำ animation คือก่อนเราลงมือทำanimationจริง
เราอาจจะต้องทำ animaticก่อน เพื่อเช็คดูการเคลื่อนไหว และจังหวะต่างๆ ของวัตถุ หรือ มุมกล้อง scence shot ต่างๆ หลังจากที่เราได้เขียน storyboard แล้วนำstoryboardนั้นมาทำเป็น animatic



เขียนโดย  chompoomut

การเรียนรู้ของสัปดาห์ที่7

                                              แก้ไขงานกลุ่ม ตามคำแนะนำของอาจาย์

                                        

การเรียนรู้ของสัปดาห์ที่6

นำเสนอstory boardงานกลุ่ม

                    
                       ในสัปดาห์นี้อาจารย์ได้ให้นักศึกษาเข้าไปดูในเว็บศูนย์การเรียนรู้ทางการวิจัย


สรุปลการเรียนรู้ประจำสัปดาห์
1.ผู้สอนแนะนำเว็บไซต์ www.nrct.go.th ศูนย์การเรียนรู้การวิจัย ซึ่งมีการอบรมฟรี
2.แนะนำการประกวดmascotของศูนย์การเรียนรู้การวิจัยปี่2012
3.อธิบายการประกวดmascotของสถาบันราชภัฎจันทรเกษม โดยต้องสร้างให้กระตุ้นให้เกิดความน่าสนใจ กำหนดกรอบความคิดดดยกำหนดเป็ย my mapping และทำให้กับสาขาหรือคณะไหนในสถาบัน
4.ศึกษาการออกแบบคาเรคเตอร์ที่เคลื่อนไหว โดยศึกษาท่าทางการเคลื่อนไหว 5 แบบทำมาหลายๆมุมมองหลายคอลเลคชั่น
5.ออกแบบฟอนต์ researh mascot
6.แนะนำการใช้โปรแกรมmovie maker ในการทำไตเติลหนัง

วันจันทร์ที่ 9 มกราคม พ.ศ. 2555

การเรียนสัปดาห์ที่3ของวิชาarti3322


ทำความรู้จักกับ Banner
Banner คือ?

ขึ้นกับการใช้สิ่งนี้ banner เป็นทั้งภาพกราฟฟิกที่ประกาศชื่อหรือเอกลักษณ์ของไซต์ (และมักจะวางตามด้านกว่างของเว็บ) หรือ เป็นภาพโฆษณา บางครั้ง ผู้โฆษณานับ banner ตามการ “ดู” หรือจำนวนครั้งของภาพกราฟฟิกได้รับการดาวน์โหลดตามช่วงเวลา
Banner (แบนเนอร์) สามารถหมายถึง
- ป้ายโฆษณา แผ่นป้ายโฆษณาขนาดใหญ่ โดยส่วนใหญ่จะเป็นแผ่นป้ายยาว
- เว็บแบนเนอร์ กรอบคำโฆษณาสำหรับติดไว้ในเว็บไซต์อื่น เพื่อชักจูงให้คนเข้ามาเยี่ยมชมเว็บไซต์ของตน
จาก:http://www.com5dow.com/

ตัวอย่าง Banner



จาก:http://www.thaibestad.com/portfolio.html

เรียนรู้วิธีการทำ Animation Gif Banner
-ขั้นตอนการออกแบบ Animation Gif Banner

1. หาขนาดสำหรับทำแบนเนอร์
2. เตรียมภาพ และข้อความสำหรับทำแบนเนอร์ ดังนี้
3. ขั้นตอนการปฎิบัติงาน
  3.1 เขียน storyboard
  3.2 ใช้โปรแกรมPhotoshop ในการออกแบบ ดังนี้
  3.2 ดำเนินการออกแบบตาม storyboard
4. เมื่อเส็จแล้วนำแบนเนอร์ที่ได้มาติดตั้งบนบล๊อกประจาำวิชา ARTI3322



วันอังคารที่ 20 ธันวาคม พ.ศ. 2554

สัปดาที่2ของการเรียนarti3322

อาจารย์ได้เเนะนำเว็ปเเละเเละทำเเบบสอบทามข้างตัน
เเละสมัคเว็ป youtube.com
                     animatedesign.blogspot.com
                     screencas-o-matic.com
                     arti.chandra.ac.th./ecourse
เเละอาจารย์ได้เเนะนำความรู้ในการสร้างบล็อกของเราเอง
เเละให้ไปปรับปรุงเเละเเก้ไขบล็อกของเราว่าให้ได้ขนาดตามมาตราฐาน

เรียนรู้ข้อมูลเกี่ยวกับ stop motion
โดยได้หาข้อมูลจากเว็ปไซด์ http://www.skoolbuz.com/skoolmag/content/1497 ซึ้งมีเนื้อหาดังนี้
สตอปโมชั่น(stop motion ) คือการสร้างภาพเคลื่อนไหวโดยการฉายภาพนิ่งหลายๆ ภาพต่อเนื่องกันด้วยความเร็วสูง ใช้เทคนิคการถ่ายภาพหรือวาดรูป หรือรูปถ่ายแต่ละขณะของหุ่นจำลองที่ค่อย ๆ ขยับ จะเรียกว่า ภาพเคลื่อนไหวแบบการเคลื่อนที่หยุด หรือการวางเรียงสิ่งของแล้วนำเสนอออกมาเป็นเรื่องราวของภาพเคลื่อนไหวนั่นเอง
<="" หรือรูปถ่ายแต่ละขณะของหุ่นจำลองที่ค่อย="" ใช้เทคนิคการถ่ายภาพหรือวาดรูป ="" ๆ="">
เรียนรู้การใช้งานในเว็ปไซด์ www.screencast-o-matic.com
ซึ่งเป็นเว็ปไซด์ที่ให้บริการในการ RECCORD การทำงานต่างๆบนคอมพิวเตอร์
มีขั้นตอนการทำงานดังนี้
เมื่่่อเข้าเว็ปไซด์แล้วจะปรากฎหน้าจอ ดังภาพ จากนั้นสมัครเป็นสมาชิกของเว็ปไซด์ก่อน


>> 1. ปุ่มล๊อกอินเข้าใช้งาน
>> 2. ปุ่ทเริ่มเข้าใช้งาน







อันดับแรกต้องลงชื่อเข้าใช้งานก่อน คลิก>>1. จากนั้น คลิก>>2. จะปรากฏหน้าจอดั้งภาพ ซึ้งมีส่วนประกอบดังนี้













>> 1. กรอบขอบเขตภาพที่เราจะ reccord
>> 2. ปุ่มเริ่มทำการreccord
>> 3. คำสั้งเกี่ยวกับไมค์โครโฟน สามรถเปิดหรือปิดการใช้งานได้ตามต้องการ
>> 4. แสดงขนาดของพื้นที่ที่เราจะreccort
>> 5.ใช้ย่อขยายพื้นที่ที่เราต้องการจะreccort

จากนั้นให้เปิดไปยังโปรแกรม หรือหน้าเว็ปที่เราต้องการจะreccord คลิกที่ >>2.
เพื่อเริ่มใช้งานเมื่อบันทึกเสร็จจะปรากฏหน้าจอดังนี้

>> 1. ปุ๋มสำหรับเริ่ม reccordใหม่ (ที่reccordไว้ก่อนหน้าจะถูกยกเลิกไป)
>> 2. ปุ๋มสำหรับคลิกเมื่อทำการreccordเส็จแล้ว พร้อมนำไปใช้

เมื่อได้reccordตามต้องการแล้วให้คลกที่ >> 2. เพื่อข้าสู่ขั้นตอนต่อไป














>> 1. ปุ๋มเพลย์เพื่อเปิดดูสิ่งที่เราได้reccordไปก่อนหน้านี้
>> 2.ถ้าต้องการ อัฟโหลดงานไปที่เว็ปscreencast omatic
>> 3. ถ้าต้องการ อัฟโหลดงานไปที่เว็ป youtube
>> 4. ถ้าต้องการเซฟไฟล์ไว้ที่เครื่องของเรา

ขั้นตอนสุดท้ายคือ เลือกที่ที่จะเซฟงานหรืออัฟดหลดไปใช้ เป็นอันว่าสำเร็จ เราสามารถreccordฟรีได้สูงสุด 15 นาที ถ้าอยากได้มากกว่านั้นต้องจ่ายเงินซึ้งรายละเอียดต่า งๆมีอยู่ในเว็ปไซด์ สามารถไปศึกษาเพิ่มเติมได้
 

วันจันทร์ที่ 19 ธันวาคม พ.ศ. 2554

สัปดาที่1ของการเรียนarti3322

ในสัปดาเเรกอาจารย์ได้เเนะนำการเรียนการสอน
ให้กับนักศึกษาเเละยังให้นักศึกษาติดตามความเคลื่อนไหว
ของรายวิชาได้ที่ http://animatedesign.blogspot.com/
เเละสมัค blogspot ของตัวเราเอง  กราสอบออนไลน์สอบในเว็ป
http://art.chandra.ac.th/เพื่ออาจารย์ให้ลงสมุดในรายวิชา
การออกเเบบภาพเคลื่อนไหว  เเละได้ให้เตรียมความพร้อม
และเตรียมอุปกรณ์ในการสอบสัปดาห์ต่อไป

-แนะนำเนื้อหาของรายวิชานี้
-แบ่งกลุ่มเพื่อทำงานกลุ่มละ 4 คน

เว็ปไซด์ต่างๆที่เกี่ยวข้องกับรายวิชานี้

สมัครสอบและ-เรียนออนไลน์ที่
http://art.chandra.ac.th/ecourse
เว็บบล็อกประจำวิชาคือที่
http://animatedesign.blogspot.com

และสิ่งที่ต้องเตรียมมาด้วย คือ
-ดินสอกด 2B
-ปากกาเส้นดำ
-กระดาษ A4 ประมาณ 10แผ่น
-กระดาษลอกลายขนาด A4 ประมาณ 10แผ่น