สรุปงานออกแบบ Character Design

สรุปงาน Character Design

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

      เนื้อเรื่องเป็นการแนะนำตัว Mascot พลายชมพู  เป็นการนำเสนอเรื่องราวการทดลองของช้าง พลายชมพู ทดลองการใช้สารเร่งโต เพื่อแสดงให้เห็นว่าการทดลองเป็นสิ่งที่ควรทำอยู่สม่ำเสมอเพื่อการพัฒนาตัวเอง

Background design ของงานแอนิเมชั่นแนะนำตัว Mascot พลายชมพู

ตัวอย่างงานที่เสร็จสมบูรณ์

คลิป Video นี้เป็นส่วนหนึ่งของวิชา Arti3322 Animation Design เป็นงาน Final Project ทำ Animation Character Design 

มาตรฐานผลการเรียนรู้

มาตรฐานผลการเรียนรู้ หลักสูตรศิลปศาสตรบัณฑิต สาขาวิชาศิลปกรรม คณะมนุษยศาสตร์และสังคมศาสตร์ มหาวิทยาลัยราชภัฏจันทรเกษม 2554

โดย ผศ.ประชิด ทิณบุตร

1.ทักษะคุณธรรมและจริยธรรม ที่ต้องการพัฒนา
1.1 ตระหนักรู้ในคุณค่าและรักษา คุณธรรม จริยธรรม จรรยาบรรณวิชาชีพทางศิลปกรรม
1.2 มีระเบียบวินัย ตรงต่อเวลา และรับผิดชอบต่อตนเองและผู้อื่น
1.3.เป็นผู้รู้และปฏิบัติตามกฏ กติกา มารยาททางสังคม ด้วยความซี่อสัตย์ สุจริต และจัดลำดับความสำคัญได้อย่างมีหลักการและเหตุผล
1.4. เคารพสิทธิ ศักยภาพ ยอมรับความแตกต่างระหว่างบุคคล พร้อมรับฟังความคิดเห็นของผู้อื่นและยึดมั่นในหลักประชาธิปไตย
1. 5. การเคารพและใช้กฎ ระเบียบ ข้อบังคับต่างๆตามกฏหมายของสังคมอย่างถูกต้อง เป็นธรรม มีส่วนร่วมรับผิดชอบในฐานะของผู้คิดริเริ่ม ผู้สร้างสรรค์ ผู้นำเสนอเผยแผ่และพัฒนาผลงานศิลปกรรมสู่สังคม
1. 6. เคารพ นับถือ เห็นคุณค่า พิทักษ์รักษา สืบสานประสานผลประโยชน์ ต่อวงการสร้างสรรค์ศิลปกรรมทั้งระดับประเทศและสากลประเทศ
2.ทักษะความรู้ ที่ต้องการเน้น ที่ต้องการพัฒนา
2.1 มีความรู้และความเข้าใจ เกี่ยวกับหลักการและทฤษฎีที่สำคัญในเนื้อหาทางศิลปกรรมตามสาขา หรือแขนงที่ศึกษาทั้งในแนวกว้างและลึก
2.2 สามารถประยุกต์ใช้องค์ความรู้ บูรณาการเนื้อหาและเทคนิควิธีจัดการงาน ให้สัมพันธ์สอดคล้องกับการใช้เครื่องมือ วัสดุอุปกรณ์ที่เหมาะสมกับกระบวนการคิดสร้างสรรค์

2.3 มีความตระหนักรู้ ความพยายามในการพัฒนาผลงาน ด้วยการใฝ่พัฒนาตน ฝึกฝนทักษะความชำนาญทางศิลปกรรมอย่างต่อเนื่อง
2. 4. สามารถปรับเปลี่ยนกระบวนทัศน์และวิสัยทัศน์ในการทำงานสร้างสรรค์ ให้เหมาะสมกับสภาพการเปลี่ยนแปลงทางสังคม เศรษฐกิจ การเมือง และผลกระทบของวิทยาการทางเทคโนโลยีสารสนเทศ
2.5.สามารถบูรณาการความรู้ในศาสตร์ทางศิลปกรรมร่วมกับความรู้ในศาสตร์สาขาอื่นๆที่เกี่ยวข้องได้

สัปดาห์ที่10 โปรแกรม ANIME STUDIO PRO 8

ANIME STUDIO PRO 8
ถ้าคุณต้องการหลีกเลี่ยงการสร้างภาพเคลื่อนไหวด้วยเฟรมน่าเบื่อ และคุณจำเป็นต้องเพิ่มเติมอย่างมีประสิทธิภาพ และรวดเร็วกว่าวิธีในการสร้างภาพเคลื่อนไหวมากกว่าคุณควรลองอะนิเมะ Studio Pro. ซอฟต์แวร์นี้จะสมบูรณ์แบบสำหรับผู้เชี่ยวชาญ และด้วย คุณได้รวดเร็วขึ้นกว่าเดิม. ในการขายทิ้งของคุณ คุณจะมีไลบรารีภาพยอดเยี่ยมและคุณลักษณะที่ทรงพลังมากมาย, คุณจะสามารถใช้ และสร้างฟอร์ม 3D ได้อย่างง่ายดาย ด้วยการออกแบบรูปร่างแบบ 3D, เคลื่อนที่การติดตาม, สาขาฟิสิกส์, อินเทอร์เฟซที่ยอดเยี่ยม, สืบค้นกลับรูปโดยอัตโนมัติ, lip ตรงกันและอื่น ๆ อีกมากมาย. อะนิเมะ Studio Pro มีทั้งสำหรับ professional และใช้ newbies.
คุณลักษณะของอะนิเมะ Studio Pro:
สืบค้นกลับภาพอัตโนมัติ
สืบค้นกลับภาพอัตโนมัติช่วยให้คุณสามารถนำเข้ารูปวาดที่สแกน หรือที่มีอยู่รูปภาพ และรูปถ่าย แล้วแปลงให้เป็นรูปวาดแบบเวกเตอร์ด้วยการคลิกที่ปุ่ม. สืบค้นกลับเป็นสีดำและขาว, สี, หรือขอบเท่านั้น และปรับตัวเลขของการตั้งค่าไปยังลักษณะรูปภาพแบบเวกเตอร์ของคุณ. อะนิเมะ Studio Pro 8 เพิ่มการผลิต และเปิดโอกาสให้ศิลปินในการทำงานได้รวดเร็วมากขึ้น โดยการแปลงงานศิลปะที่มีอยู่เป็นรูปวาดแบบเวกเตอร์ที่แก้ไขได้อย่างสมบูรณ์โดยอัตโนมัติ.

สัปดาห์ที่9 โปรแกรม stykz

ลักษณะของโปรแกรม
โปรแกรม stykz เป็นพื้นฐานสร้างภาพเคลื่อนไหว เหมาะสำหรับ ผู้เริ่มต้นในการสร้างภาพเคลื่อนไหว เพื่อให้รู้แนวทางในการใช้งาน เป็นโปรแกรมที่มีรูปแบบการใช้ง่าย ส่งเสริมความคิดสร้างสรรค์ โดยสามารถบันทึกงานให้เป็นนามสกุล *.mov *.gif *.jpg *.png

การติดตั้งโปรแกรม
1. ดับเบิ้ลคลิกไอคอน เพื่อติดตั้งโปรแกรม

2. หน้าต่างยินดีต้อนรับ สำหรับการติดตั้งโปรแกรมคลิกปุ่ม Next

สัปดาห์ที่ 8 สอบกลางภาค ในเว็บ โดคีออส อีเลิร์นนิ่ง

สอบกลางภาค ในเว็บ โดคีออส อีเลิร์นนิ่ง โดคีออสคือชุดโปรแกรมประเภทเสรี ที่ใช้สำหรับการบริหารจัดการเรียนการสอนแบบออนไลน์ ที่มีคุณลักษณะต่างๆพร้อมสำหรับความต้องการ ในการใช้งานเพื่อสนับสนุนการเรียนรู้และการบูรณาการจัดการเรียนรู้ผ่านทาง ระบบเครือข่ายท้องถิ่นหรืออินเตอร์เน็ตศึกษาระบบก่อนใช้งานได้ที่http://www.youtube.com/prachid00
http://www.youtube.com/prachid2009

ภาพแสดเว็บ http://chandraonline.chandra.ac.th/dokeos/

สัปดาห์ที่7

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

 

STORY BOARD BIG EYE IN SKY

STORY BOARD BIG EYE IN SKY

สัปดาห์ที่6

Story board  : Son of Sun 

       สัปดาห์นี้ ส่งงาน Story board เรื่อง Son of Sun  อาจารย์แนะนำการทำงานในแต่ละขั้นตอน การเขียนเนื้อเรื่อง  การออกแบบตัวละคร Sound Effect 

สัปดาห์ที่ 5

วันนี้อาจารย์ตรวจงาน Storyboard งานประกวด 

บรรยากาศในชั้นเรียน

Banner สวยๆ ด้วย Flash Intro and Banner Maker

      ถามว่า Banner คืออะไร Banner มันก็คือป้ายโฆษณาค่ะ เราจะเห็นได้จากเว็บหรือบล็อกต่างๆ บางทีตามเว็บต่างๆเขาทำสวยจนต้องหันมามอง แล้วเข้ามาคลิ๊กดูเนื้อหาข้างใน เป็นแม่เหล็กดึงดูดได้ดีทีเดียว นอกจากทำเป็นป้ายโฆษณาแล้ว ยังเอามาทำเป็นลายเซ็นของเราตามเว็บบอร์ดได้ด้วยนะค่ะ
      วันนี้เลยมาลองชวนเพื่อนๆ มาสร้างBanner ไว้เป็นของตัวเองกันดีกว่า เอาไว้ติดบล็อกหรือไม่ก็วางใน WebBoard ด้วย Aleo Softwave จะสวยหรือไม่สวยก็ขึ้นอยู่กับเพื่อนๆจ้า วิธีทำก็ไม่ยาก ตามมาดูกันเลย

1. ขั้นตอนที่ 1ก็ดาวน์โหลดโปรแกรม Flash Intro and Banner Maker มาติดตั้งก่อนนะค่ะ
2. เมื่อดาวน์โหลดมาได้แล้ว ก็ทำการติดตั้งได้เลยคะ สำหรับการติดตั้งFlash Intro and Banner Maker ยอมรับ accept สำหรับติดตั้งหลังจากนั้นก็คลิ๊ก next ไปเรื่อยๆติดตั้งไม่ยากค่ะ
3. เริ่มต้นใช้งานกันเลย พอเปิดโปรแกรมมาจะมีหน้าต่างอยู่ 2อย่าง คือโปรแกรมกับPreviewผลงานที่สร้าง

สำหรับโปรแกรม Flash Intro and Banner Maker มีิธีใช้งานเรียงตามเมนูหลักๆ เลยค่ะ 6 ขั้นตอนหลักๆ

ขั้นตอนที่1 เลือกขนาดของป้ายแบนเนอร์ค่ะ

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

ขั้นตอนที่ 3 ปรับเปลี่ยน effect จะให้มีลูกเล่น effect แบบไหนปรับเปลี่ยนได้ตามชอบใจ

ขั้นตอนที่ 4 เปลี่ยนตัวอักษร จะเพิ่มจะลบตัวอักษรแบบไหนลองดูนะค่ะ

ขั้นตอนที่ 5เว็บลิงค์ค่ะ ปกติเราทำป้ายแบนเนอร์เพื่อลิงค์ไปหาเว็บหรือบล็อกอยู่แล้ว อันนี้สำคัญแน่ๆ ใส่ url ที่เราต้องการให้แบนเนอร์ของเราลิงค์ไปหา

ขั้นตอนสุดท้าย publish ค่ะ สร้าง code html เพื่อเอาไปวางในเว็บ บล็อก หรือสร้างเป็นลายเซ็นตามเว็บบอร์ด

การ publish ไฟล์เราสามารถเลือกได้ค่ะว่าจะทำเป็นไฟล์ประเภทใด swf,gif,avi

หลังจากบันทึกไฟล์ที่เรา publish เสร็จแล้ว อัพโหลดไปฝากที่เว็บฝากไฟล์ไว้ค่ะ เสียดายที่ฝากกับ ziddu เพื่อแสดงผลไม่ได้ ดิฉันใช้ฝากไว้กับ google site ค่ะ ทุกครั้งที่ฝาก ไฟล์แฟลชประเภทนี้ใช้บริการ ฟรีกับ Google site  https://sites.google.com/site/ploynapatarti3322/myfile

แนะนำโปรแกรมต่างๆที่ใช้ทำ Banner

                สำหรับเพื่อนๆคนไหนที่ไม่ถนัด Photo shop แต่อยากมี Banner สวยๆไว้ใช้งาน โปรแกรมพวก   นี้ช่วยได้เยอะค่ะ

ตัวอย่าง ฺฺBanner

Banner ที่ทำมาจาก Flash Intro and Banner Maker ที่ไปทดลองใช้งานดู

               

    วันนี้ดิฉันได้นำเอาโปรแกรมต่างๆมาฝากทั้งหมด 5 ตัว เลือกโหลดไปศึกษากันดูนะคะ 

1. Sig Maker 2.0
2. Banner Program
3. U_Banner Maker 0.6.8
4. Websmartz BannerDesignerProV 3.0
5. Flash Intro and Banner Maker V2.4.99

ขอให้สนุกกับ Banner อันใหม่นะึค่ะ

สัปดาห์ที่4

      วันนี้อาจรย์สอนเรื่องการจัดไฟล์เอกสาร และให้ไปทำมาใหม่ มีการรายงานหน้าห้องวันนี้มีผู้ที่รายงานแค่คนเดียว คือ นายอานนท์ ทองรอด นำเสนอรายงาน เรื่อง FADE,DISSOLVE แล้วอาจารย์ก็สอนต่อ การทำ Titleในโปรแกรม Window Movie Maker และให้ไปลองทำดู อาจารย์ได้แนะนำโปรแกรมต่างๆให้ไปทดลองใช้ เช่น

• Crazy Talk 6
• Audacity
• DRAGON_STOP_MOTION_v2.2.1-XFORCE
• TOONBOOM_ANIMATE_PRO_V2.0_RETA

สัปดาห์ที่ 3 ขั้นตอนการออกแบบ Animation Gif Banner

         วันนี้อาาจารย์ได้สอนถึงวิธีการทำงานและขั้นตอนในการออกแบบ Animation Gif Banner
แต่ละขั้นตอน ขั้นตอนการดำเนินงาน 3 ส.

1.  สืบค้น หา/โจทย์? แบนเนอร์สำหรับเว็บบล็อกของเรา

         1.1  สร้างบล็อก มีขั้นตอน...ต้องดำเนินการอย่างไรบ้าง ต้องมีส่วนประกอบอื่นอะไรบ้าง
         1.2  เตรียม...ภาพ ข้อความ
         1.3  เสียง
         1.4  ผลพิเศษ fx
         1.5  นำเสนอ
                = Storyboard =
         ตัวอย่างการเขียน Storyboard

การออกแบบ Banner

หลัก 3 ส.

ขั้นตอนที่ 1 สืบค้น

หลายคนอาจจจะสงสัยกันนะค่ะว่า Banner คืออะไร 

Banner คือป้ายโฆษณาสินค้าหรือบริการต่างๆ ที่สามารถนำไปแสดงผ่านหน้าเว็บไซต์ โดยภายในจะมีเนื้อหา รูปภาพแสดงสินค้าหรือบริการอยู่ และ อาจจะเพิ่มสีสันด้วยการกระพริบ-เคลื่อนไหวของป้ายแบนเนอร์ เพื่อให้ผู้ใช้ internet ที่เข้ามาเห็น เกิดความสนใจที่จะคลิกเข้าไปดูเนื้อหานั้นๆ อาจจะเป็นความสนใจในเนื้อหาของ banner หรือ web site หรือ สินค้าที่ขาย หรือ สนใจในบริการที่มีให้อะไรก็แล้วแต่ แล้วก็กดที่ภาพ "Banner" นั้น เพื่อดูรายละเอียดเพิ่มเติมในหน้าเว็บที่ลิ้งค์ไปหาแหละจร้า

Banner (แบนเนอร์) สามารถหมายถึง

          - ป้ายโฆษณา แผ่นป้ายโฆษณาขนาดใหญ่ โดยส่วนใหญ่จะเป็นแผ่นป้ายยาว
          - เว็บแบนเนอร์ กรอบคำโฆษณาสำหรับติดไว้ในเว็บไซต์อื่น เพื่อชักจูงให้คนเข้ามาเยี่ยมชมเว็บไซต์ของตน

ขนาดมาตรฐาน

เว็บแบนเนอร์มีขนาดมาตรฐานหลายขนาด เพื่อให้ใช้กับการจัดวางบนหน้าเว็บที่แตกต่างกัน ขนาดมาตรฐานมีดังต่อไปนี้ (ในหน่วยพิกเซล กว้าง×สูง)

                                                            
      ป้ายตัวอย่างสวยๆ

"ขอบคุณ" แบนเนอร์สวยจาก Dek-d

อ้างอิง

1. Interactive Advertising Bureau.http://www.iab.net/iab_products_and_industry_services/1421/1443/1452

2. วิกิพีเดีย สารนุกรมเสรี         http://th.wikipedia.org/wiki

สัปดาห์ที่2 ทดสอบก่อนเรียน

วันที่ 13/12/54

อาจารย์ประชิตกำลังสอนวิธีทำบล็อก

บรรยากาศในห้องเรียน

•  วันนี้เริ่มรายงานหน้าชั้นเรียนเป็นวันแรก อาจารย์สอนเรื่องการทำงานในโปรแกรม www.screencast-o-matic.com เป็นโปรแกรมสำหรับบันทึกวีดีโอการทำงานบนหน้าจอคอมพิวเตอร์ของเรา ซึ่งโปรแกรมนี้สามารถลิงค์กับ Youtube ได้เลย เป็นโปรแกรมที่น่าสนใจและน่าศึกษาเพิ่มเติม เพื่อที่จะนำมาใช้กับการทำงาน

งานที่อาจารย์สั่ง

- ปรับบล็อกใหม่ 

- สร้าง Banner โดยใช้หลักการออกแบบ 3 ส.

แล้วช่วงท้ายคาบก็สอบแบบทดสอบก่อนเรียน เพื่อวัดความรู้พื้นฐานก่อนเรียนในรายวิชานี้

Sony Vegas 9 Tutorials [Thai] : ทำ VDO Stop Motion ภายใน 1 นาที

สอนวิธีทำ VDO Stop Motio

วีดีโอแนะนำตัว : นางสาวพลอยนภัส เรืองศิริโท

วีดีโอแนะนำตัว : SONY VEGAS

ที่มา : นางสาวพลอยนภัส เรืองศิริโท,2555

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

วันนี้เข้าเรียนวันแรกของการเรียน เรียนกลุ่ม102 มีเพื่อนในกลุ่มเรียนทั้งหมด 35 คน ครั้งแรกอาจารย์ได้แนะนำเนื้อหาของรายวิชานี้ และให้แบ่งกลุ่มเพื่อทำงานส่งอาจารย์กลุ่มละ 4 คน เพื่อทำงานกลุ่ม

เวปที่ต้องติดตาม http://animatedesign.blogspot.com
www.issuu.com/groups/animationdesign
อาทิตย์หน้ามีการทดสอบก่อนเรียนที่เว็บไซต์ระบบ http://art.chandra.ac.th/ecoures/main/inscription.php
และสิ่งที่ต้องเตรียมมาด้วย คือ
-ดินสอกด 2B
-ปากกาเส้นดำ
-กระดาษ A4 ประมาณ 10แผ่น
-กระดาษลอกลายขนาด A4 ประมาณ 10แผ่น
ข้อตกลงเบื้องต้น
การพิจารณาเกณฑ์ผ่านในรายวิชาผู้เรียนจะต้อง
1.มีเวลาเข้าชั้นเรียนไม่ต่ำกว่าร้อยละ 80 ของเวลาเรียนทั้งหมด หากเวลาเรียนไม่พอตามที่กำหนดจะพิจารณาผลเป็นตกเนื่องจากเวลาเรียนไม่พอ ไม่มีสิทธิ์สอบ โดยได้รับค่าระดับคะแนน F (Failed, Insufficient Attendance)
2. ผู้เรียนจะต้องมีคะแนนรวมทั้งรายวิชาไม่ต่ำกว่าร้อยละ 50 ของคะแนนรวมทั้งหมด
3.ผู้ที่ผ่านเกณฑ์ข้อ 2 จะได้รับค่าระดับคะแนนตามเกณฑ์ ดังนี้

คะแนนร้อยละ 80 ขึ้นไป จะได้ค่าระดับคะแนน A
คะแนนร้อยละ 75-79 จะได้ค่าระดับคะแนน B+
คะแนนร้อยละ 70-74 จะได้ค่าระดับคะแนน B
คะแนนร้อยละ 65-69 จะได้ค่าระดับคะแนน C+
คะแนนร้อยละ 60-64 จะได้ค่าระดับคะแนน C
คะแนนร้อยละ 55-59 จะได้ค่าระดับคะแนน D+
คะแนนร้อยละ 50-54 จะได้ค่าระดับคะแนน D
คะแนนต่ำกว่าร้อยละ 50 จะได้ค่าระดับคะแนน F
4.ผู้เรียนต้องใช้อีเมลชื่อจริงนำหน้า@gmail.com และเปิดเผยข้อมูลส่วนตัวตามจริงและเปิดเผยได้ เพื่อแสดงตัวและรับรู้ข่าวสาร การทำกิจกรรมออนไลน์และการประเมินผลการเรียนการสอนตามที่แจ้งและตกลงในชั้นเรียนปกติ