วันจันทร์ที่ 13 พฤษภาคม พ.ศ. 2556

Issuu งานแอนิเมชั่นสื่อการสอนภาษาอังกฤษ " Zoo English funny "



http://issuu.com/suriyakansuka/docs/zoo_english_funny

การส่งผลงานแอนิเมชั่นเข้าร่วมโครงการ"ทรูปลูกปัญญา" (งานกลุ่ม)

http://www.trueplookpanya.com/new/cms_detail/knowledge/24625-036557


ประโยชน์ของแอนิเมชั่น

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



หลักฐานในการทำงาน

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

วาด Story Board















ฉากต่างบางฉากเช่น เฟรม 3,7,13,15,16,18

 






และการทำภาพเคลื่อไหวบางฉาก เช่น เฟรม 1,6,8











การออกแบบและตั้งชื่อ Mascot ของงานมหกรรมงานวิจัยแห่งชาติ 2556


สำนักงานคณะกรรมการวิจัยแห่งชาติ (วช.) ขอเชิญนิสิต นักศึกษา นักออกแบบ และผู้สนใจทั่วไป ร่วมประกวดการออกแบบและตั้งชื่อ Mascot ของงาน “มหกรรมงานวิจัยแห่งชาติ ๒๕๕๖” (Thailand Research Expo 2013) ซึ่ง Mascot ที่จะจัดทำขึ้นในปีนี้ มีจุดมุ่งหมายให้เป็นสื่อที่แสดงถึงการมีความคิดสร้างสรรค์ของนักวิจัยไทย กับการนำสู่การใช้ประโยชน์ในการพัฒนาประเทศ 

Mascot ที่ออกแบบ "มงคล"

         มงคลมีต้นแบบมาจากดอก "บานไม่รู้โรย" ที่มีแนวความคิดมาจากการวิจัยต้นไม้มงคล ซึ่งต้นไม้มงคลนั้นมี 15 ชนิดเช่น ต้นมะยม ต้นมะม่วง ต้นขนุน ต้นมะขาม ต้นราชพฤกษ์หรือต้นคูน ต้นกล้วย ต้นไผ่ ต้นวาสนาหรือวาสนาอธิษฐาน ต้นแก้ว ต้นเข็ม ต้นกระดังงา ต้นโป๊ยเซียน ต้นโกสน ต้นโมก ต้นบานไม่รู้โรย เหตุผลที่เลือกมาเพราะ"บานไม่รู้โรยเป็นชื่อมงคล หมายความถึงความยั่งยืน ความอดทนและไม่ย่อท้อ มีความรักที่ยังยื่น มั่นคง" เปรียบเสมือนงานวิจัยที่ต้องพึ่งความอดทนไม่ย่อท้อ และมีความรักชื่นชอบในงานวิจัยนั้นๆ 








วันอังคารที่ 9 เมษายน พ.ศ. 2556

บันทึกการเรียนวันที่ 3-4 เมษายน

ไปทำการผ่อนผันทหารที่จังหวัด สระบุรีในวันที่ 5 แต่ต้องเดินทางกลับก่อนกำหนด จึงไม่สามารถไปเรียนรายวิชานี้




My Google Site :https://sites.google.com/site/narapatzartthesis/home-1

วันอังคารที่ 2 เมษายน พ.ศ. 2556

2/4/2556 วิธีสร้างภาพเคลื่อนไหว (GIF) ด้วยโปรแกรม PhotoShop

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

1.เมื่อเปิดโปรแกรม Photoshop แล้วสร้างหน้ากระดาษ ขนาด  300*480 pixel จะพอเหมาะกับพื้นที่ว่าของ Blog ของเรา














2. ในตอนนี้ผมจะสร้างภาพเคลื่อนไหวแบบง่าย ๆ โดยตอนแรก ทำการเปิด ไทม์ไลน์ที่จะไว้สร้างเฟรมของภาพเครื่อนไหว ขึ้นมาโดยการเข้าไปที่ Window > Timeline (สำหรับ Cs6 ถ้าเป้นCsที่เก่ากว่าจะเป้นคำว่า "Animation") เมื่อกดแล้วจะขึ้นแทบบาร์ไทม์ไลน์ขึ้นด้านล่าง


























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














4. เมื่อได้พื้นหลังมาแล้ว การที่จะเพิ่มเฟรมของภาพเคลื่อนไหว ให้เรากดไปที่ไอคอนรูปกระดาษคล้ายๆกับไอคอนของการเพิ่มเลเยอร์ของภาพ ตรงด้านล่างของบาร์ไทม์ไลน์ เมื่อกดไปแล้วจะมี เฟรมเพิ่มขึ้นมาหนึ่งเฟรมและ เลเยอร์ภาพจะเพิ่มขึ้นมาอีกหนึ่ง เพื่อให้เราได้สามารถเติมอะไรลงไปในภาพเคลื่อนไหว














5.ในที่นี้เฟรมที่เพิ่มขึ้นมาผมจะใส่คำว่า "ART" เข้ามาในเฟรมภาพนั้น สังเกตุเห็นว่าพอเราเพิ่มตัวอักษรลงไปบนเฟรมสองแล้ว ในเฟรมหนึ่งก็จะมีตัวอักษรที่เราพิมพ์ขึ้นมาเหมือนกัน วิธีที่จะทำให้ภาพเคลื่อนไหวเกิดการเคลื่อนไหวสลับกันได้นั้น (ในที่นี้ผมจะส้รางให้คำว่า "ART" กระพริบ) เราต้องกดไปที่เฟรมที่หนึ่งแล้วกดรูปดวงตาตรงเลเยอร์ของ "ART" ออก แล้วกดมาที่เฟรมที่สองแล้วเปิดดวงตานั้นขึ้น ถ้าเราต้องการเฟรมที่มากขึ้นก็ทำวิธีนี้ติดต่อกันหลายๆเฟรม



























6.เมื่อได้เฟรมตามที่ต้องการแล้ว ต่อไปผมจะเพิ่มคำว่า "DEPARTMENT" ขึ้นมาโดยต้องการให้มันเลือนจากทางด้านซ้ายของเฟรมพื้นหลังแล้วเลื่อนออกไปจนขวาสุดแล้วก็หายไป แต่คำว่า "ART" ยังคงกระพริบอยู่ โดยการกดเพิ่มเฟรมขึ้นมาอีกหนึ่งเฟรม แล้วพิมพ์คำว่า "DEPARTMENT" ลงไปเฟรมที่เราสร้างขึ้นมาใหม่นั้นถ้าสังเกตุจะเห็นว่าในเฟรมนี้คำว่า "ART"หายไปจากการที่เราต้องการให้กระพริบเราจึงต้องปิดรูปดวงตาสลับเฟรมต่อเฟรม















7.ในที่นี่ผมต้องการให้คำว่า"ART"ยังคงกระพริบอยู๋ในขณะที่คำว่า"DEPARTMENT" ยังคงเลื่อนไปเรื่อยๆ เราต้องกดรูปดวงตาที่เลเยอร์ของ"ART"ในเฟรมต่อมาให้รูปดวงตานั้นขึ้นมาพร้อมกับที่เราลากเมาส์นำคำว่า"DEPARTMENT"มาทางขวามืออยู่เรื่อยๆ ในขณะนั้นเราไม่ต้องกดรูปดวงตาออกจากคำว่า"DEPARTMENT"เพื่อให้มันยังคงอยู่ในตำแหน่งเก่าและเลื่อนไปเรื่อยๆ














8.ทำตามขั้นตอนนี้ไปเรื่อยๆจนกว่าจะพอใจของเาเป็นอันเสร็จสิ้น เราสามารถกดเช็คดูการเคลื่อนไหวของภาพได้โดยการกดปุ่ม Play ที่อยู่ด้านล่างของบาร์ไทม์ไลน์ได้เสมอ ถ้าสังเกตุการกดแต่ละครั้งจะไม่มีการเล่นวนซ้ำไปมา ให้เราเลือกไปที่ช่องที่มคำว่า once แล้วเปลี่ยนเป็น forever จะทำให้ภาพเคลื่อนไหว เคลื่อนไหวไปตลอดไม่มีหยุด














9.ต่อมาเป็นวิธีการ Save การ Save ภาพเคลื่อนไหวเราจำเ)้นต้องให้ไฟล์เป็นนามสกุล GIF. ซะก่อน ถ้าเป็นสกุลอื่นจะทำให้ภาพไม่เคลื่อนไหว โดนการกดไปที่ File > Save for web and device (ถ้าต้องการSaveไฟล์ที่ทำนี้ไว้เพื่อเก็บไว้แก้ไขให้Saveตามเดิม) เมื่อกดเข้าไปแล้วเราจะพบอีกหน้าต่างหนึ่งออกมา ให้เรามองไปที่มุมขวาบนจะมีช่องว่างให้เปลี่ยนสกุลไฟล์ให้เราเปลี่ยนเป็น GIF. เรายังสามารถกดดูภาพเคลื่อไหวเพื่อเช็ดดูได้อีกรอบ โดยการกดปุ่ม Play ด้านล่าง เมื่อเซ็คความเรียบร้อยแล้ว ก็กด Save เป็นอันเสร็จสิ้น




วันเสาร์ที่ 30 มีนาคม พ.ศ. 2556

บันทึกการเรียน 28 มีนาคม

วันที่3 ให้ นศ ย้ายไปเรียนที่ตึกใหม่ ชั้น5 ในเวลา17.30 น. 

ได้ทำแบบทดสอบใน http://chandraonline.chandra.ac.th/dokeos/ 

 ส่งรายชื่อสมาชิกในกลุ่มของตนเองพร้อมรูปถ่าย ทางFolder ที่ อ.ได้ทำการ Share ไว้ให้
-แปลข่าวที่เกี่ยวข้องกับแวดวง Animation อัพลงใน การบ้านทุกสัปดาห์ โดยหารายละเอียดจากแหล่ง   ข่าวภาษาอังกฤษ ค้นหาเนื้อหา และรายละเอียดเพื่อพร้อมนำเสนอหน้าชั้นเรียน


 ทำ SlideShow โฆษณาการเรียนของวิชาเอกศิลปกรรม และเอกอื่นๆในคณะมนุษยศาสตร์และสังคมศาสตร์  คนละ 2 banner (อย่างละ 1 อย่าง)


แนะนำการใช้เทคนิคในการทำ Animation ในโปรแกรท Photoshop แนะนำรายละเอียดเกี่ยวกับการวาด Story Board  คือ บทภาพยนตร์ที่ใช้สำหรับการนำมาใช้งานใน Animation รวมไปถึงละครหรือภาพยนตร์ด้วย โดยจะกำกับเป็น Scene ทำได้โดยใช้ภาพที่เราได้ทำการออกแบบไว้ ว่าจะให้สื่อของเราดำเนินไปในลักษณะใด ตามที่ได้ออกแบบไว้ จำกัดว่าจะจบลงที่เฟรมใด และแต่ละเฟรมที่ใช้แต่ละเฟรมใช้เวลานานเท่าไหร่

You might เทคนิคการวาดว่าต้องมีอะไรบ้างเช่น Introduction(การแนะนำ) Content(เนื้อหา) End credit(เครดิตตอนท้ายเรื่อง)

วันอังคารที่ 26 มีนาคม พ.ศ. 2556

การเรียนการสอนภาคฤดูร้อน 3/2555 วิชา ARTI3322-ANIMATION DESIGN สัปดาห์ที่ 1 วันที่ 20 และ 21 มีนาคม 2556



จุดมุ่งหมายรายวิชา
 1. เพื่อให้นักศึกษาตระหนักรู้ในคุณธรรม จริยธรรม จรรยาบรรณวิชาชีพทางศิลปกรรม
 2. เพื่อให้นักศึกษามีความรู้ ความเข้าใจในทฤษฎีหลักการและฝึกทักษะวิธีปฎิบัติการสร้างสรรค์ผลงานด้านการออกแบบภาพเคลื่อนไหว
 3. เพื่อให้นักศึกษามีทักษะและประสบการณ์ในการสรุปรายงานผลการศึกษาเรียนรู้และการนำเสนอผลงานด้วยตนเอง หรือเป็นหมู่คณะ ด้วยการใช้ทักษะการสื่อสารรูปแบบ วิธีการ เครื่องมือและเทคโนโลยีที่เหมาะสม ได้อย่างสอดคล้องตามวิถีทางการประกอบวิชาชีพและความต้องการของตลาดแรงงาน


 งานครั้งที่ 1

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

ARTI3319:แบบสำรวจศักยภาพและความพึงพอใจของผู้เรียน ก่อนการจัดกิจกรรมการเรียนการสอนวิชาการออกแบบภาพเคลื่อนไหว ตามเกณฑ์มาตรฐานผลการเรียนรู้หลักสูตรสาขาวิชาศิลปกรรม มจษ. ภาคเรียนที่3/2555

2.สร้างเว็บบล็อกของ GoogleBlogger  ใหม่ โดยตั้งชื่อ arti3322-ชื่อจริงอย่างให้ซ้ำเดิม