tag:blogger.com,1999:blog-88370121097543211262024-03-14T10:26:15.754-07:00janonkas-arti3322Animation Designเที่ยวกะดินhttp://www.blogger.com/profile/03307458448271888599noreply@blogger.comBlogger17125tag:blogger.com,1999:blog-8837012109754321126.post-79276610637863667852012-03-06T23:05:00.001-08:002012-03-06T23:10:03.384-08:00ผลงานแนะนำคาเรคเตอร์น้องไข่แก้ว<div class="separator" style="clear: both; text-align: center;">
<iframe allowfullscreen='allowfullscreen' webkitallowfullscreen='webkitallowfullscreen' mozallowfullscreen='mozallowfullscreen' width='320' height='266' src='https://www.youtube.com/embed/zRc1--k0BBk?feature=player_embedded' frameborder='0'></iframe></div>
<div style="text-align: center;">
ผลงานแนะนำคาเรคเตอร์น้องไข่แก้ว โดย นายชานนท์ เกษมวรรณกร<br />
<br />
<br />
<a href="http://issuu.com/janonkas/docs/nong-kai-keaw">http://issuu.com/janonkas/docs/nong-kai-keaw</a></div>เที่ยวกะดินhttp://www.blogger.com/profile/03307458448271888599noreply@blogger.com0tag:blogger.com,1999:blog-8837012109754321126.post-88190542026458810632012-03-05T18:55:00.001-08:002012-03-06T21:38:18.200-08:00สรุปงานออกแบบคาเรคเตอร์<div>
<div style="background-color: transparent;">
<span id="internal-source-marker_0.27803770056925714"><span class="Apple-style-span" style="font-family: Times, 'Times New Roman', serif;"><br />สรุปงานออกแบบคาเรคเตอร์และอนิเมชั่น<br /><br /><b>บทนำ</b><br />ผลงานออกแบบอนิเมชั่นชิ้นนี้ทำเป็นอนิเมชั่นเกี่ยวกับการแนะนำคาเรคเตอร์น้องไข่แก้วเพื่อเป็นการศึกษาและเรียนเรียนรู้กระบวนการผลิตงานอนิเมชั่นตั้งแต่ต้นจนถึงขั้นตอนการนำไปเผยแพร่ ผลงานชิ้นนี้เป็นส่วนหนึ่งในการเรียนการสอนวิชาออกแบบภาพเคลื่อนไหว arti3322<br /><b><br /></b></span></span></div>
<div style="background-color: transparent;">
<span id="internal-source-marker_0.27803770056925714"><b style="font-family: Times, 'Times New Roman', serif;">1.สืบค้น</b><br /><span class="Apple-style-span" style="font-family: Times, 'Times New Roman', serif;">ภายใต้หัวข้อการออกแบบคาเรคเตอร์โดยมีโจทย์เกี่ยวเนื่องมาจากการประกวดคาเรคเตอร์ของสถาบันวิจัยแห่งชาติที่จัดให้มีการออกแบบคาเรคเตอร์ที่ดูฉลาด เป็นสัตว์ คน หรือสิ่งของ ที่มีความหมายดี จึงได้มีการออกแบบคาเรคเตอร์ที่ป็นนกแก้วซึ่งเป็นสัตว์ที่ฉลาดที่สุดในตระกูลนกและมีสีสันที่สะดุดตาต้องใจในความสวยงาม สัตว์ที่สามารถใช้อุปกรณ์ได้อย่างหลากหลาย ฉลาด และแสนรู้ โดยอันดับของสัตว์ที่ฉลาดที่สุดมีดังนี้</span><br /><br /><span class="Apple-style-span" style="font-family: Times, 'Times New Roman', serif;">อันดับที่ 1 เป็นของเจ้าตัวนี้เลย ชิมแปนซี เป็นครั้งแรกที่ยอมรับว่าสมองเราสู้ลิงไม่ได้</span><br /><br /><span class="Apple-style-span" style="font-family: Times, 'Times New Roman', serif;">อันดับ 2 เป็นของเจ้าโลมาน้อยที่แสนน่ารัก ด้วยความที่เป็นสัตว์ใจดี มีความเฉลียวฉลาด บ่อยครั้งที่เราได้ยินว่าเจ้าพวกนี้ช่วยเหลือมนุษย์จากการจมน้ำ</span><br /><br /><span class="Apple-style-span" style="font-family: Times, 'Times New Roman', serif;">อันดับที่ 3 ช้าง ช้าง นั่นเอง อันดับนี้เจ้าของกระทู้ภูมิในเสนอเป็นยิ่งนัก เพราะเจ้าตัวที่เห็นในคลิป เป็นช้างน้อยที่แสนน่ารักจากประเทศไทยของเรานั่นเอง ต้องยอมรับในความสามารถจริงๆ เพราะมนุษย์บางคนยังวาดรูปไม่ได้สวยเท่านี้เลย</span><br /><br /><span class="Apple-style-span" style="font-family: Times, 'Times New Roman', serif;">อันดับ 4 เป็นของเจ้านกแก้วแสนน่ารัก ไม่เพียงแต่เป็นสัตว์ที่พูดจาภาษามนุษย์ได้อย่างรู้ความ นกแก้วยังเป็นสัตว์ที่มีความจำเป็นเลิศด้วย</span><br /><br /><span class="Apple-style-span" style="font-family: Times, 'Times New Roman', serif;">อันดับที่ 5 เป็นของน้องหมาและน้องแมว เพื่อนคู่ใจของมนุษย์นั่นเอง คงไม่ต้องบอกคุณสมบัติอะไรกันมากมาย เพราะใครๆ หลายคนก็สัมผัสได้</span><br />ที่มา : http://writer.dek-d.com/JiPpieZz/story/viewlongc.php?id=687461&chapter=197<br /><br />นกแก้วนั้นอาจจะเป็นนกที่ฉลาดที่สุดในโลกก็เป็นได้เพราะพวกมันนั้นสามารถใช้เครื่องมือได้อย่างหลากหลายซึ่งผู้เลี้ยงหลายคนก็อาจจะมีประสบการณ์กับเจ้านกฉลากแกมโกงนี้มาแล้วก็ได้เมื่อตอนที่พวกมันใช้เศษเหล็กหรือพลาสติกเปิดประตูกรง หนึ่งในตัวอย่างของนกแก้วช่างใช้ของนั้นก็คือ นกกระตั๊วปาล์มหรือนกกระตั๊วยักษ์ซึ่งมันเป็นนกกระตั๊วสปีชีส์ที่หนักที่สุดและมีระยะเวลาฟักไข่นานที่สุดซึ่งเป็นที่รู้กันว่ามักจะคลุมถั่วด้วยใบไม้ซะก่อนก่อนที่หมุนเปลือกถั่วบราซิลออกได้โดยง่ายดาย การกระทำของเจ้านกนี้ก็เหมือนการที่คนคลุมฝาขวดด้วยผ้าเพื่อเพิ่มแรงเสียดทานแล้วจึงหมุนออกนั่นเอง<br /><span class="Apple-style-span" style="font-size: x-small;">ที่มา : http://writer.dek-d.com/JiPpieZz/story/viewlongc.php?id=687461&chapter=197 </span></span></div>
<div style="background-color: transparent;">
<span id="internal-source-marker_0.27803770056925714"><br /></span></div>
</div>
<div>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://lh6.googleusercontent.com/GBdc8ZRiUekhNOGekYugzknXX4vWC7e7Hp_alCkedU6m86nTi3-FwLZNZVZy3nBn29YeRzhUzIMBFFKCjCOcOsJ-MZ0OoY1w1MXc3vm_FbLXFD9V6Ig" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="207px;" src="https://lh6.googleusercontent.com/GBdc8ZRiUekhNOGekYugzknXX4vWC7e7Hp_alCkedU6m86nTi3-FwLZNZVZy3nBn29YeRzhUzIMBFFKCjCOcOsJ-MZ0OoY1w1MXc3vm_FbLXFD9V6Ig" style="cursor: move;" width="138px;" /></a></div>
</div>
<div class="separator" style="clear: both; text-align: center;">
</div>
<div class="separator" style="clear: both; text-align: center;">
</div>
<div style="background-color: transparent;">
<b id="internal-source-marker_0.27803770056925714" style="font-weight: normal;"></b></div>
<div style="background-color: transparent;">
<b id="internal-source-marker_0.27803770056925714" style="font-weight: normal;"><br /></b><br />
<div style="text-align: center;">
<b id="internal-source-marker_0.27803770056925714" style="font-weight: normal;"><b id="internal-source-marker_0.27803770056925714" style="font-weight: normal;">ภาพแสดงการศึกษาเรื่องสีสันของนกแก้วเพื่อนำไปสร้างงานคาเรคเตอร์</b></b></div>
<b id="internal-source-marker_0.27803770056925714" style="font-weight: normal;">
</b></div>
<br />
<div class="separator" style="clear: both; text-align: center;">
<br /></div>
<div>
<div style="text-align: center;">
ศึกษาสีสันของนกแก้ว โดยสีของนกแก้วส่วนมากจะมีสีแตกต่างกันไปตามสายพัน์แต่ที่พบมากที่สุดจะ</div>
เป็น สี เขียว แดง และเหลือง<br />
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="http://2.bp.blogspot.com/1dPTXIXcdRu_3ekmYRQ_4C2ZdYn2nGXXHIynSyKR4IKKatBBrvS4GjUdL8lQMOcsyw_OvZg_AwhSV5HPd4Z3QJd-FMq-U-j-qvDXjq7vYZl4hr_zWo8" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="132" src="http://2.bp.blogspot.com/1dPTXIXcdRu_3ekmYRQ_4C2ZdYn2nGXXHIynSyKR4IKKatBBrvS4GjUdL8lQMOcsyw_OvZg_AwhSV5HPd4Z3QJd-FMq-U-j-qvDXjq7vYZl4hr_zWo8" width="200" /></a></div>
<div style="text-align: center;">
<br /></div>
<div style="text-align: center;">
ภาพศึกษาท่าทางการเคลื่อนไหวของนกแก้ว</div>
<br />
<br />
<br />
<b>2.สมมุติฐาน</b><br />
<br />
หากนำคาเรคเตอร์ที่เป็นการ์ตูนนกแก้วที่ดูมีท่าทางและอารมณ์ที่เป็นมิตรอาจจะสร้างคาเรคเตอร์ที่ตอบโจทย์ของงานได้ดี โดยใช้สีของตัวการ์ตูนที่อ้างอิงมาจากนกแก้วที่มีสี่สีเนื่องจากการกำหนดกฏเกณฑ์ในการประกวดด้วย ลักษณะเฉพาะของการ์ตูนจะดูน่ารักมีอัธยาศัยดี หัวกลมโต เพื่อสร้างความเป็นกันเองในด้านความรู้สึก และ"มาสคอท น้องไข่แก้ว"เป็นนกแก้วซึ่งเป็นสัตว์ที่ฉลาดที่สุดในโลกในตระกูลนกที่สามารถใช้เครื่องมือได้อย่างหลากหลาย ฉลาด และรอบรู้โดยมีแนวคิด ให้เป็นนกที่เพิ่งฟักไข่เพื่อเป็นสื่อที่ แสดงถึงการมีความคิดสร้ำงสรรค์ และสื่อถึงการนำเสนอผลงานวิจัยรุ่นใหม่ๆ ใบไหม้บนหัว แสดงถึงการสร้างงานอย่างมีคุณค่าและเป็นประโยชน์ต่อการพัฒนาประเทศ<br />
ใช้โทนสีรุ้ง แสดงถึงความหลากหลายทางความคิดและรูปแบบของงานวิจัย<br />
สีที่ใช้ สี4 สีแดง,เหลือง,เขียว เปลือกไข่ใช่สีชมพูอ่อน<br />
<br />
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="http://4.bp.blogspot.com/BEY3LNY0bkySaRBVqfgLm2rFf2yGTWHBN2_IcwkxYkKl-1Fboz7iO2IiwBJP4zhdFS1oe4T_WMkMPXuSSG70HAVQWrgk-CuRO1jhmyNmwBOQ82qJXoA" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="200" src="http://4.bp.blogspot.com/BEY3LNY0bkySaRBVqfgLm2rFf2yGTWHBN2_IcwkxYkKl-1Fboz7iO2IiwBJP4zhdFS1oe4T_WMkMPXuSSG70HAVQWrgk-CuRO1jhmyNmwBOQ82qJXoA" width="143" /></a></div>
<div style="text-align: center;">
ภาพแสดงแบบร่างคาเรคเตอร์น้องไข่แก้ว การเคลื่อนไหวในท่าต่างๆ 6 ท่า</div>
<div style="text-align: center;">
<br /></div>
<br />
การสร้างงานคาเรคเตอร์โดยสร้างจาก โปรแกรม illustrater สร้างการ์ตูนออกมาจนครบทั้งหมด6 ท่าทาง<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="http://1.bp.blogspot.com/XfEpbWGx3jQifw8zRsbk2_UAKAIlmC8MyYYJb6WfodM6lRAdozRrbL1ZO28HbjL4Fd-kP0Z5oJFYReiACkktBjmpZHwscIuCYR4BFjNjzqIqq5d6vuc" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="220" src="http://1.bp.blogspot.com/XfEpbWGx3jQifw8zRsbk2_UAKAIlmC8MyYYJb6WfodM6lRAdozRrbL1ZO28HbjL4Fd-kP0Z5oJFYReiACkktBjmpZHwscIuCYR4BFjNjzqIqq5d6vuc" width="320" /></a></div>
<br />
<div style="text-align: center;">
<span class="Apple-style-span" style="font-size: x-small;">ภาพแสดงคาเรคเตอร์น้องไข่แก้วการเคลื่อนไหวทั้ง 6 ท่า </span></div>
<div style="text-align: left;">
</div>
<div style="text-align: -webkit-auto;">
<br /></div>
<div style="text-align: -webkit-auto;">
<b>3.สรุป</b><br />
<br />
ขั้นตอนการสร้างงานอนิเมชั่น<br />
<br />
เขียนเนื่อเรื่อง<br />
<br />
เนื้อเรื่องจะเป็นการเปิดตัวโดยนำมดน้อยมาขนไข่สีชมพูมาวางตั้งไว้แล้ววิ่งหนีออกไปจากนั้นไข่ได้เวลาฟักตัวออกจากไข่ และจะปรากฎน้องไข่แก้วขึ้นมา จากนั้นจะเป็นพูดแนะนำตัวของน้องไข่แก้ว โดยแนะนำชื่อก่อนและตามด้วยแนะนำลักษณะเฉพาะตัว สิ่งที่ชอบ และอนาคตสิ่งที่อยากจะเป็น จบด้วยน้องไข่แก้วต้องกลับเข้ารังเดิม<br />
<br />
การดำเนินงานสร้างงานอนิเมชั่นหลังจากมีเนื้อเรื่องแล้วขั้นตอนต่อไปเป็นการเขียนสตอรี่บอร์ด<br />
Storybord</div>
<div style="text-align: -webkit-auto;">
<br /></div>
<div class="separator" style="clear: both; text-align: center;">
<a href="http://4.bp.blogspot.com/B1zSyBm6JwcczIShg8gk3hHSCGfeSNqW2R76Fj0MWrqqKYKvjyFhR3vNZje95hIiwTTFwrBxbrHFE8EAA7rCnsk_Hq2AGDSizYTEIDbPblHhp4nUvUw" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="228" src="http://4.bp.blogspot.com/B1zSyBm6JwcczIShg8gk3hHSCGfeSNqW2R76Fj0MWrqqKYKvjyFhR3vNZje95hIiwTTFwrBxbrHFE8EAA7rCnsk_Hq2AGDSizYTEIDbPblHhp4nUvUw" width="320" /></a></div>
<div class="separator" style="clear: both; text-align: center;">
<a href="http://4.bp.blogspot.com/2L4oHt6xD56dZIjSsFefK4D6ZAZGCY_EOyv1TtoaJi_zcp8CVumKDAuGbfZGVzBAMZbQ12QHywNCNgE8cwAJ4CD2fe0lUpNtGT2lIKeojUL0ldEthGg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="191" src="http://4.bp.blogspot.com/2L4oHt6xD56dZIjSsFefK4D6ZAZGCY_EOyv1TtoaJi_zcp8CVumKDAuGbfZGVzBAMZbQ12QHywNCNgE8cwAJ4CD2fe0lUpNtGT2lIKeojUL0ldEthGg" width="320" /></a></div>
<div style="text-align: -webkit-auto;">
<br />
<div style="text-align: center;">
<span class="Apple-style-span" style="font-size: x-small;">ภาพแสดงการดำเนินเรื่องหรือ Storybord</span></div>
<div style="text-align: center;">
<span class="Apple-style-span" style="font-size: x-small;"><br /></span></div>
<div style="text-align: center;">
<span class="Apple-style-span" style="font-size: x-small;"><span class="Apple-style-span" style="font-size: small;">ขั้นตอนการสร้างงานอนิเมชั่น</span><span class="Apple-style-span" style="font-size: small;"><br /></span><span class="Apple-style-span" style="font-size: small;"><br /></span><span class="Apple-style-span" style="font-size: small;">1.เตรียมไฟล์ภาพที่มีคุณภาพที่คมชัดจากไฟล์ ai แล้วทำการ export เป้นไฟล์ภาพแบบ PNG โดยแยกแต่ละชิ้นส่วนที่ต้องการจะทำเคลื่อนไหวเช่น ขา ตา หัว ลำตัว แขน ดดยแยกเป้นชิ้นส่วนไว้</span></span></div>
<div class="separator" style="clear: both; text-align: center;">
<br /></div>
<div class="separator" style="clear: both; text-align: center;">
<br /></div>
<div class="separator" style="clear: both; text-align: center;">
<a href="http://3.bp.blogspot.com/0qD-ohh1TH69UGOjLSobss5oKnm-wxhvRb3en4SuRugJ1Egsq1-NSdZFnGNTjAvziF2CB0awen0GzivBueT54Mfy0t-wAd9CwyFkCFkCovUk82trWAY" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="190" src="http://3.bp.blogspot.com/0qD-ohh1TH69UGOjLSobss5oKnm-wxhvRb3en4SuRugJ1Egsq1-NSdZFnGNTjAvziF2CB0awen0GzivBueT54Mfy0t-wAd9CwyFkCFkCovUk82trWAY" width="320" /></a></div>
<div style="text-align: center;">
<span class="Apple-style-span" style="font-size: x-small;"><br /></span></div>
<div style="text-align: center;">
<span class="Apple-style-span" style="font-size: x-small;">ภาพแสดงการสร้างานจากไฟล์ ai</span></div>
<br />
<br />
<br />
ฉากบางฉากอาจต้องใช้โปรแกรมอื่นในการทำอนิเมชั่นนอกเหนือจากเฟลช โดยขั้นตอนเป็นการเตรียมฉากจากการทำอนิเมชั่นผ่าโปรแกรม Crazy Talk 6<br />
<br />
<br />
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="http://1.bp.blogspot.com/__RvnuYSq8WZ4dz1ztYVaziS4WFWposSsaOsLdg7ZJBpqhd4rw7TwHSlvmVHCAuIB6lgnL0ybsH5C17H_-o2Vh-0cAmPbrTnQXiIYiksGj7wmsFpSc0" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="228" src="http://1.bp.blogspot.com/__RvnuYSq8WZ4dz1ztYVaziS4WFWposSsaOsLdg7ZJBpqhd4rw7TwHSlvmVHCAuIB6lgnL0ybsH5C17H_-o2Vh-0cAmPbrTnQXiIYiksGj7wmsFpSc0" width="320" /></a></div>
<br />
<br />
<div style="text-align: center;">
ภาพแสดงการทำอนิเมชั่นผ่านโปรแกรม Crazy Talk 6</div>
<br />เตรียมไฟล์เสียงโดยวิธีการบันทึกเสียงหรืดาวน์โหลดไฟล์เสียงจากแหล่งอื่น โดยในงานออกแบบนี่เป็นการใช้เทคนิดการบันทึกเสียงจากโปรแกรม Audacity 1.3 และดาวโหลดไฟล์เสียงจากแหล่งอื่นด้วย<br /><br />
<div class="separator" style="clear: both; text-align: center;">
<a href="http://4.bp.blogspot.com/5zftIe0C9HUbraGTdUw42ICi4XDYIaZxBm0iAAvziPQJCWZo2N_WzbTXD33O-YEFlxwB66b0QVmVmYBcHwODnZKqZBPe9d1mnn21N4W5j6Ut9lSf5x8" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="194" src="http://4.bp.blogspot.com/5zftIe0C9HUbraGTdUw42ICi4XDYIaZxBm0iAAvziPQJCWZo2N_WzbTXD33O-YEFlxwB66b0QVmVmYBcHwODnZKqZBPe9d1mnn21N4W5j6Ut9lSf5x8" width="320" /></a></div>
<br />
<br />
<div style="text-align: center;">
ภาพแสดงการบันทึกไฟล์เสียงจาก Audacity 1.3</div>
<br />
สร้างงานอนิเมชั่นจากโปรแกรม Flash Player โดยการทำงานจะกำหนดการทำงานเป็นฉากๆเพื่อให้ไฟล์งานไม่มีขนาดใหญ่จนเกินไป ซึ่งจะส่งผลให้เกิดปัญหาในการนำมาใช้ได้<br />
<br />
<br />
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="http://2.bp.blogspot.com/kYMskkiVteX0mBB8FBxfYeFDDpSpQJIWEMoyZV-RPJ0mAFEpkm7krNWyDodNqK5QYcIaASnzvZLQUxKM-tpvDmI9MA5Vk0bF7deAXTpT71f6p5RGAag" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="191" src="http://2.bp.blogspot.com/kYMskkiVteX0mBB8FBxfYeFDDpSpQJIWEMoyZV-RPJ0mAFEpkm7krNWyDodNqK5QYcIaASnzvZLQUxKM-tpvDmI9MA5Vk0bF7deAXTpT71f6p5RGAag" width="320" /></a></div>
<br />
<br />
พยายามกด Test Movie เพื่อทำการตรวจสอบการเคลื่อนไหวอยู่เป็นช่วงๆ<br />
<br />
การ export ไฟล์นำใช้สามารถ นำมาใช้ได้หลากหลายไฟล์แต่ในที่นี่ขอแนะนำเป็นแบบ .MOV ซึ่งเมื่อทำการ export แล้วจะได้ไฟล์แต่ละฉากที่แยกไว้ โดยขั้นตอนต่อไปจะเป็นการนำไฟล์มาเรียงต่อกันและใส่เสียงด้วย<br />
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="http://4.bp.blogspot.com/4IpXeW_4a499x27mNOenL61x0Xl3FlMz-2RwLWkHamnF-lGaJVTMv1Bge2AOby1fgtVZISRa-jNR-N4iPquWDmwvKgaQuwAzZ07dBk6nqRT92O4I6Pk" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="195" src="http://4.bp.blogspot.com/4IpXeW_4a499x27mNOenL61x0Xl3FlMz-2RwLWkHamnF-lGaJVTMv1Bge2AOby1fgtVZISRa-jNR-N4iPquWDmwvKgaQuwAzZ07dBk6nqRT92O4I6Pk" width="320" /></a></div>
<br />
<div style="text-align: center;">
ภาพแสดงการ export ไฟล์มาใช้แล้วลองปฺดทดสอบการเคลื่อนไหว</div>
<br />
<br />
การตัดต่อไฟล์วิดีโอและไฟล์เสียงนั้นในการออกแบบอนิเมชั่นมีหลากลายโปรแกรมในการออกแบบภาพเคลื่อนไหวนี่จะใช้โปรแกรม Camtasia ในการตัดต่อ<br />
<div style="margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px;">
<br /></div>
<div class="separator" style="clear: both; text-align: center;">
<a href="http://3.bp.blogspot.com/GRAY236Q9e9MlA3icReCiqD9pYkkS7J3kD7Lt4T2vv-Xt3rGSjzhlfgTSyVytvx2e0jwytj8UmiDqilnmJHHJ12os8-0CAs08PxAuylnivHPIDo9gwo" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="199" src="http://3.bp.blogspot.com/GRAY236Q9e9MlA3icReCiqD9pYkkS7J3kD7Lt4T2vv-Xt3rGSjzhlfgTSyVytvx2e0jwytj8UmiDqilnmJHHJ12os8-0CAs08PxAuylnivHPIDo9gwo" width="320" /></a></div>
<br />
<br />
<div style="text-align: center;">
ภาพแสดง การตัดต่อไฟล์วิดีโอและไฟล์เสียงโปรแกรม Camtasia</div>
<br />
<br />
เมื่อตัดต่อเสร็จทำการ export ไฟล์ให้เหมาะกับที่จะนำไปใช้ ภาพแสดงไฟล์ภาพที่ทำการตัดต่อสมบูรณ์พร้อมนำไปใช้งานและเผยแพร่<br />
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="http://4.bp.blogspot.com/49c_UWOUHkd-xcsdWp3DtR5F1SqFOmitUD8hlR6rqmvboaz2UGkYeEcH_rcwwhwSEV1lxDQE5iGc2dhwerRjkf_k5R_OnCcWs80om2DVcpzaKHXz2fo" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="http://4.bp.blogspot.com/49c_UWOUHkd-xcsdWp3DtR5F1SqFOmitUD8hlR6rqmvboaz2UGkYeEcH_rcwwhwSEV1lxDQE5iGc2dhwerRjkf_k5R_OnCcWs80om2DVcpzaKHXz2fo" /></a></div>
<br />
ไฟล์วิดีโอสำเร็จ<br />
<br /></div>
<div class="separator" style="clear: both; text-align: center;">
<iframe allowfullscreen='allowfullscreen' webkitallowfullscreen='webkitallowfullscreen' mozallowfullscreen='mozallowfullscreen' width='320' height='266' src='https://www.youtube.com/embed/zRc1--k0BBk?feature=player_embedded' frameborder='0'></iframe></div>
<br />
<div style="background-color: transparent;">
<b id="internal-source-marker_0.5869523657020181" style="font-weight: normal;"><span style="background-color: transparent; color: black; font-family: AngsanaUPC; font-size: 16px; font-style: normal; font-variant: normal; font-weight: normal; text-decoration: none; vertical-align: baseline; white-space: pre-wrap;"></span></b></div>
</div>เที่ยวกะดินhttp://www.blogger.com/profile/03307458448271888599noreply@blogger.com0tag:blogger.com,1999:blog-8837012109754321126.post-64439787781108453102012-03-01T22:36:00.002-08:002012-03-01T22:36:44.859-08:00สรุปงาน Gift On The Moon<br />
<div class="separator" style="clear: both; text-align: left;">
สรุปงาน Gift On The Moon และกระบวนการนำความรู้จากการเรียนในห้องเรียนมาประยุกต์ใช้ในงาน Gift On The Moon และการผลิตสินค้าจริง</div>
<div class="separator" style="clear: both; text-align: left;">
<br /></div>
<div class="separator" style="clear: both; text-align: left;">
<a href="http://3.bp.blogspot.com/-L3lnnV3rjDI/T0-K4s3K2OI/AAAAAAAAHiQ/n_xuwzHmjHU/s613/Prachid-gift+onthe+moon+25551.jpg" imageanchor="1" style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em;"><img border="0" height="150" src="http://3.bp.blogspot.com/-L3lnnV3rjDI/T0-K4s3K2OI/AAAAAAAAHiQ/n_xuwzHmjHU/s200/Prachid-gift+onthe+moon+25551.jpg" width="200" /></a>โดยทางผู้สอนได้กำหนดให้ผุ้เรียนได้นำความรู้จากการเรียนในห้องเรียนในรายวิชา ออกแบบภาพเคลื่อนไหวและเทคโนโลยีการออกแบบได้มาผลิตและสร้างสรรค์งานในงาน Gift On The Moon สาขาวิชาศิลปกรรม โดยในรายวิชาออกแบบถาพเคลื่อนไหวได้มีการเรียนการสอนเกี่ยวกับการดำงานออกแบบภาพเคลื่อนไหวตั้งแต่กระบวนการค้นคว้าข้อมูลจนถึงกระบวนผลิตและเผยแพร่ผลงาน การสร้างตัวละครเพื่อทำงานออกแบบภาพเคลื่อนไหวทำให้ได้ตัวละครที่สามรถนำไปสร้างสรรค์เป็นผลงานอย่างอื่นได้อย่างหลากหลาย</div>
<div class="" style="clear: both; text-align: left;">
รายวิชาเทคโนโลยีการออกแบบ ได้นำความรู้จากห้องเรียนมาใช้โดยมีการเรียนการสอนเกี่ยวกับการออกแบบฟอนต์ลายมือตั้งแต่กระบวนการผลิตจนถึงการนำไปเผยแพร่ผลงาน การนำความรู้จากการเรียนมาผลิตใช้จริงโดยได้นำฟอนต์มาพิมพ์ลงในเข็มกลัดที่เป็นสินค้าพรีเมียมของละครอนิเมชั่นเรื่อง Ant And Ants</div>
<div class="separator" style="clear: both; text-align: center;">
<span style="font-size: x-small;">ที่มา <a href="https://plus.google.com/photos/106859402467376205758/albums/5714939154976962385">https://plus.google.com/photos/106859402467376205758/albums/5714939154976962385</a></span></div>
<div class="separator" style="clear: both; text-align: center;">
<br /></div>
<div class="separator" style="clear: both; text-align: center;">
<br /></div>
<div class="separator" style="clear: both; text-align: center;">
โปสเตอร์งานโฆษณาสินค้าเข็มกลัด <span style="text-align: left;">Ant And Ants Collection</span></div>
<div class="separator" style="clear: both; text-align: center;">
<a href="http://4.bp.blogspot.com/-yNM2y5F-46E/T0-K6yDeMVI/AAAAAAAAG-k/lv0LxfQISjc/s613/Prachid-gift+onthe+moon+25552.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="240" src="http://4.bp.blogspot.com/-yNM2y5F-46E/T0-K6yDeMVI/AAAAAAAAG-k/lv0LxfQISjc/s320/Prachid-gift+onthe+moon+25552.jpg" width="320" /></a></div>
<div class="separator" style="clear: both; text-align: center;">
<span style="font-size: x-small;">ที่มา <a href="https://plus.google.com/photos/106859402467376205758/albums/5714939154976962385">https://plus.google.com/photos/106859402467376205758/albums/5714939154976962385</a></span></div>
<div class="separator" style="clear: both; text-align: center;">
<br /></div>
<div class="separator" style="clear: both; text-align: center;">
สินค้าเข็มกลัด <span style="text-align: left;">Ant And Ants Collection</span></div>
<div class="separator" style="clear: both; text-align: center;">
<a href="http://3.bp.blogspot.com/-dK5FGYRfTvE/T0-K7WeDIrI/AAAAAAAAHiY/W5fOdfIG2n0/s613/Prachid-gift+onthe+moon+25553.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="240" src="http://3.bp.blogspot.com/-dK5FGYRfTvE/T0-K7WeDIrI/AAAAAAAAHiY/W5fOdfIG2n0/s320/Prachid-gift+onthe+moon+25553.jpg" width="320" /></a></div>
<div class="separator" style="clear: both; text-align: center;">
<span style="font-size: x-small;">ที่มา <a href="https://plus.google.com/photos/106859402467376205758/albums/5714939154976962385">https://plus.google.com/photos/106859402467376205758/albums/5714939154976962385</a></span></div>
<div class="separator" style="clear: both; text-align: center;">
<br /></div>
<div class="separator" style="clear: both; text-align: center;">
<br /></div>
<div class="separator" style="clear: both; text-align: center;">
<br /></div>
<br class="Apple-interchange-newline" />เที่ยวกะดินhttp://www.blogger.com/profile/03307458448271888599noreply@blogger.com0tag:blogger.com,1999:blog-8837012109754321126.post-54990360781567417442012-03-01T22:35:00.001-08:002012-03-01T22:35:16.011-08:00สรุปงาน Gift On The Moon<div class="separator" style="clear: both; text-align: left;">
สรุปงาน Gift On The Moon และกระบวนการนำความรู้จากการเรียนในห้องเรียนมาประยุกต์ใช้ในงาน Gift On The Moon และการผลิตสินค้าจริง</div>
<div class="separator" style="clear: both; text-align: left;">
<br /></div>
<div class="separator" style="clear: both; text-align: left;">
<a href="http://3.bp.blogspot.com/-L3lnnV3rjDI/T0-K4s3K2OI/AAAAAAAAHiQ/n_xuwzHmjHU/s613/Prachid-gift+onthe+moon+25551.jpg" imageanchor="1" style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em;"><img border="0" height="150" src="http://3.bp.blogspot.com/-L3lnnV3rjDI/T0-K4s3K2OI/AAAAAAAAHiQ/n_xuwzHmjHU/s200/Prachid-gift+onthe+moon+25551.jpg" width="200" /></a>โดยทางผู้สอนได้กำหนดให้ผุ้เรียนได้นำความรู้จากการเรียนในห้องเรียนในรายวิชา ออกแบบภาพเคลื่อนไหวและเทคโนโลยีการออกแบบได้มาผลิตและสร้างสรรค์งานในงาน Gift On The Moon สาขาวิชาศิลปกรรม โดยในรายวิชาออกแบบถาพเคลื่อนไหวได้มีการเรียนการสอนเกี่ยวกับการดำงานออกแบบภาพเคลื่อนไหวตั้งแต่กระบวนการค้นคว้าข้อมูลจนถึงกระบวนผลิตและเผยแพร่ผลงาน การสร้างตัวละครเพื่อทำงานออกแบบภาพเคลื่อนไหวทำให้ได้ตัวละครที่สามรถนำไปสร้างสรรค์เป็นผลงานอย่างอื่นได้อย่างหลากหลาย</div>
<div class="" style="clear: both; text-align: left;">
รายวิชาเทคโนโลยีการออกแบบ ได้นำความรู้จากห้องเรียนมาใช้โดยมีการเรียนการสอนเกี่ยวกับการออกแบบฟอนต์ลายมือตั้งแต่กระบวนการผลิตจนถึงการนำไปเผยแพร่ผลงาน การนำความรู้จากการเรียนมาผลิตใช้จริงโดยได้นำฟอนต์มาพิมพ์ลงในเข็มกลัดที่เป็นสินค้าพรีเมียมของละครอนิเมชั่นเรื่อง Ant And Ants</div>
<div class="separator" style="clear: both; text-align: center;">
<span style="font-size: x-small;">ที่มา <a href="https://plus.google.com/photos/106859402467376205758/albums/5714939154976962385">https://plus.google.com/photos/106859402467376205758/albums/5714939154976962385</a></span></div>
<div class="separator" style="clear: both; text-align: center;">
<br /></div>
<div class="separator" style="clear: both; text-align: center;">
<br /></div>
<div class="separator" style="clear: both; text-align: center;">
โปสเตอร์งานโฆษณาสินค้าเข็มกลัด <span style="text-align: left;">Ant And Ants Collection</span></div>
<div class="separator" style="clear: both; text-align: center;">
<a href="http://4.bp.blogspot.com/-yNM2y5F-46E/T0-K6yDeMVI/AAAAAAAAG-k/lv0LxfQISjc/s613/Prachid-gift+onthe+moon+25552.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="240" src="http://4.bp.blogspot.com/-yNM2y5F-46E/T0-K6yDeMVI/AAAAAAAAG-k/lv0LxfQISjc/s320/Prachid-gift+onthe+moon+25552.jpg" width="320" /></a></div>
<div class="separator" style="clear: both; text-align: center;">
<span style="font-size: x-small;">ที่มา <a href="https://plus.google.com/photos/106859402467376205758/albums/5714939154976962385">https://plus.google.com/photos/106859402467376205758/albums/5714939154976962385</a></span>
</div>
<div class="separator" style="clear: both; text-align: center;">
<br /></div>
<div class="separator" style="clear: both; text-align: center;">
สินค้าเข็มกลัด <span style="text-align: left;">Ant And Ants Collection</span>
</div>
<div class="separator" style="clear: both; text-align: center;">
<a href="http://3.bp.blogspot.com/-dK5FGYRfTvE/T0-K7WeDIrI/AAAAAAAAHiY/W5fOdfIG2n0/s613/Prachid-gift+onthe+moon+25553.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="240" src="http://3.bp.blogspot.com/-dK5FGYRfTvE/T0-K7WeDIrI/AAAAAAAAHiY/W5fOdfIG2n0/s320/Prachid-gift+onthe+moon+25553.jpg" width="320" /></a></div>
<div class="separator" style="clear: both; text-align: center;">
<span style="font-size: x-small;">ที่มา <a href="https://plus.google.com/photos/106859402467376205758/albums/5714939154976962385">https://plus.google.com/photos/106859402467376205758/albums/5714939154976962385</a></span>
</div>
<div class="separator" style="clear: both; text-align: center;">
<br /></div>
<div class="separator" style="clear: both; text-align: center;">
<br /></div>
<div class="separator" style="clear: both; text-align: center;">
<br /></div>
<br />เที่ยวกะดินhttp://www.blogger.com/profile/03307458448271888599noreply@blogger.com0tag:blogger.com,1999:blog-8837012109754321126.post-53789680224897557232012-02-26T06:20:00.001-08:002012-03-01T23:32:40.645-08:00charector design<br />
<br />
"มาสคอท น้องไข่แก้ว" <br />
<br />
นกแก้วเป็นนกที่ฉลาดที่สุดในโลกเพราะ สามารถใช้เครื่องมือได้อย่างหลากหลาย และยังเป็นสัตว์ที่ติดหนึ่งในห้าของสัตว์ที่ฉลาดที่สุดในโลก <br />
<br />
แนวคิด<br />
<br />
การออกแบบคาเรคเตอร์เพื่อให้เหมาะหัวข้องานการนำเสนอผลงานวิจัยแห่งชาติ 2555 จึงได้นำ<br />
<br />
คาเรคเตอร์นกแก้วมาเป็นต้นแบบในครั้งนี้ โดย มีแนวคิด ให้เป็นนกที่เพิ่งฟักไข่เพื่อแสดงเป็นสื่อที่ แสดงถึงการมีความคิดสร้ำงสรรค์ และส่งเสริมการนำเสนอผลงานวิจัยรุ่นใหม่ๆ<br />
<br />
ใบไหม้บนหัว แสดงถึงการสร้างงานอย่างมีคุณค่าและเป็นประโยชน์ต่อการพัฒนาประเทศ<br />
<br />
ใช้โทนสี ที่สร้างความสนใจแก่ผู้พบเห็น และใช่แววตาที่แสดงถึงความน่ารักและรอบรู้<br />
<div class="separator" style="clear: both; text-align: center;">
</div>
<br />
<div class="separator" style="clear: both; text-align: center;">
</div>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiGxySunWsdU3P3AI53BT3-v3MBItdmixO8PNVTEdtZ7bXhZf2PqmcYapV9DTQbEY1TjCzRTxSpRf7t33Q5IftXf5xCxfncw0418hFoyeFBEjGkwfxoXWZzCrYmo6gOhaGse1hF_vyK0kc/s1600/wew.JPG" imageanchor="1" style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em;"><img border="0" height="200" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiGxySunWsdU3P3AI53BT3-v3MBItdmixO8PNVTEdtZ7bXhZf2PqmcYapV9DTQbEY1TjCzRTxSpRf7t33Q5IftXf5xCxfncw0418hFoyeFBEjGkwfxoXWZzCrYmo6gOhaGse1hF_vyK0kc/s200/wew.JPG" width="143" /></a></div>
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgKdMFKrmbqdYVw7qB6dn3oucv5srkPn3Isl3TOZ5EnrTgNjK2Bxte7n0bNvzI5_ecK0lOsdLWUHbioExfMcTGV8IGN5CRhcxgXOu8L7p-aexxfu0fDPEaPhfgCYWmasBtDIGBp4kcZJeQ/s1600/dde.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="200" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgKdMFKrmbqdYVw7qB6dn3oucv5srkPn3Isl3TOZ5EnrTgNjK2Bxte7n0bNvzI5_ecK0lOsdLWUHbioExfMcTGV8IGN5CRhcxgXOu8L7p-aexxfu0fDPEaPhfgCYWmasBtDIGBp4kcZJeQ/s200/dde.jpg" width="148" /></a><br />
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="http://4.bp.blogspot.com/-SArRvLVJEZw/T0o_RH1vMWI/AAAAAAAAA5Y/amZkslXlCmM/w402/%25E0%25B8%25A3%25E0%25B8%25A7%25E0%25B8%25A1.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="225" src="http://4.bp.blogspot.com/-SArRvLVJEZw/T0o_RH1vMWI/AAAAAAAAA5Y/amZkslXlCmM/w402/%25E0%25B8%25A3%25E0%25B8%25A7%25E0%25B8%25A1.jpg" width="320" /></a></div>
<div class="separator" style="clear: both; text-align: center;">
<br /></div>
<div class="separator" style="clear: both; text-align: center;">
แก้ไขปรับปรุง</div>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiue4S0r_gd0LGOgMieYI4EhbxqiBqzYBRQ3wcBKNS2jWr-7jnszM1rT6VlJvnN-JWLOM26mhP09F49pDyvAffP2srxDvZM9DfHtLGBDqK-uiTR-m7jOQ0CehDaphSRf8LhP5IU8PVq3gQ/s1600/%E0%B8%A3%E0%B8%A7%E0%B8%A1.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="220" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiue4S0r_gd0LGOgMieYI4EhbxqiBqzYBRQ3wcBKNS2jWr-7jnszM1rT6VlJvnN-JWLOM26mhP09F49pDyvAffP2srxDvZM9DfHtLGBDqK-uiTR-m7jOQ0CehDaphSRf8LhP5IU8PVq3gQ/s320/%E0%B8%A3%E0%B8%A7%E0%B8%A1.jpg" width="320" /></a></div>
<span style="background-color: white; font-family: Arial, sans-serif; font-size: 13px; line-height: 18px;"><br /></span>เที่ยวกะดินhttp://www.blogger.com/profile/03307458448271888599noreply@blogger.com0tag:blogger.com,1999:blog-8837012109754321126.post-89276135352016131872012-02-26T05:06:00.000-08:002012-02-26T05:08:08.737-08:00สรุปงาน โปรเจค Adobe Aword<a href="http://www.youtube.com/watch?v=Zq-20Jyg7w4">สรุปงาน โปรเจค Adobe Aword</a><br />
<div class="separator" style="clear: both; text-align: center;">
<iframe allowfullscreen='allowfullscreen' webkitallowfullscreen='webkitallowfullscreen' mozallowfullscreen='mozallowfullscreen' width='320' height='266' src='https://www.youtube.com/embed/Zq-20Jyg7w4?feature=player_embedded' frameborder='0'></iframe></div>
<div class="separator" style="clear: both; text-align: center;">
<br /></div>
<div class="separator" style="clear: both; text-align: center;">
<br /></div>
<div class="separator" style="clear: both; text-align: center;">
<br /></div>
<div class="separator" style="clear: both; text-align: left;">
ผลงานอนิเมชั่นยังพบปัญหาในการexportไฟล์วิดีดอทำให้ภาพเคลื่อนไหวช้ากว่าที่ออกแบบไว้ โดยทางทีมผู้จัดทำได้รับทราบและกำลังปรับปรุงแก้ไข</div>เที่ยวกะดินhttp://www.blogger.com/profile/03307458448271888599noreply@blogger.com0tag:blogger.com,1999:blog-8837012109754321126.post-62667852400340798922012-02-26T04:53:00.001-08:002012-02-26T04:53:24.699-08:00สัปดาห์ที่ 10สรุปผลการเรียนรู้รายวิชาประจำสัปดาห์ที่ 10<br />
<br />
<ol>
<li>สอนและแนะนำการออกแบบงานอนิเมชั่นผ่านโปรแกรม photoshop</li>
<li>ตรวจงานความคืบหน้างานอนิเมชั่นกลุ่ม</li>
<li>แนะนำให้ปรับปรุงเนื้อเรื่องของอนิเมชั่นให้มีความน่าสนใจ</li>
</ol>
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg_42dlnnDYP27KepTDNgXg-ld9OUEA0Rn6HMuEDazoWDPhlRzakACjwQkotJhv7_vZqHSchjyYzL1pZUKKEkjyjJkK53RL486kTkL7kRUOEoshrkvzFzhXT0jaClLbmDvhKYjTgk8WObc/s1600/Story+Board-%E0%B9%83%E0%B8%AB%E0%B8%A1%E0%B9%88+(1).jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="226" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg_42dlnnDYP27KepTDNgXg-ld9OUEA0Rn6HMuEDazoWDPhlRzakACjwQkotJhv7_vZqHSchjyYzL1pZUKKEkjyjJkK53RL486kTkL7kRUOEoshrkvzFzhXT0jaClLbmDvhKYjTgk8WObc/s320/Story+Board-%E0%B9%83%E0%B8%AB%E0%B8%A1%E0%B9%88+(1).jpg" width="320" /></a></div>เที่ยวกะดินhttp://www.blogger.com/profile/03307458448271888599noreply@blogger.com0tag:blogger.com,1999:blog-8837012109754321126.post-78348308819329342212012-02-26T04:46:00.000-08:002012-02-26T04:46:00.005-08:00สัปดาห์ที่ 9สรุปผลการเรียนรู้รายสัปดาห์ที่ 9<br />
<br />
<ol>
<li>สอนและแนะนำการบริหารจัดการระบบ ของ DOKIOS </li>
<li>สอบกลางภาคโดยมีข้อหัวข้อให้ิทำการสอบปฏิบัติทำอนิเมชั่นจากดปรแกรม Photoshop โดยมีกฏเกณตฑ์ต่อไปนี้</li>
</ol>
<ul>
<li>ใช้ไฟล์ภาพที่ผู้สอนแชร์ให้</li>
<li>มีข้อความคำว่า มหาวิทยาลัยราชภัฏจันทรเกษม</li>
<li>เลือกใช้ตราโลโก้ หรือตราสัญลักษณ์ได้ตามใจ</li>
<li>ส่งเป็นไฟล์.psd</li>
</ul>เที่ยวกะดินhttp://www.blogger.com/profile/03307458448271888599noreply@blogger.com0tag:blogger.com,1999:blog-8837012109754321126.post-575289187853823802012-02-26T04:34:00.000-08:002012-02-26T04:34:51.390-08:00สัปดาห์ที่ 8สรุปผลการเรียนรู้รายสัปดาห์ที่ 8<br />
<br />
<ol>
<li>สอนและแนะนำขั้นตอนการดาวนืดหลดดปรแกรมฟรีอย่างถูกต้องและยกตัวอย่างวิธีการใช้โปรแกรมSM Animator รวมทั้งวิธีการนำไปใช้ด้วยอย่างถูกต้องสมบูรณ์</li>
<li>อธิบายและเน้นย้ำถึงการปรับตั้งค่าขนาดของงานเพื่อให้เหมาะกับการนำไปใช้ใช้อย่างถูกต้อง</li>
<li>อธิบายการทำงานสร้างงานอนิเมชั่นอย่างเป็นขั้นตอนและวิธีการพิพืข้อมูลส่งผู้สอนเพื่อเป็นหลักฐานในการทำงาน</li>
<li>อธิบายการเขียน story bord และตรวจผลงานอนิเมชั่นและแนะนำไปแก้ไขปรับปรุงต่อ</li>
</ol>
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgqr1VK4JcyQpn8dPfxC-W0a-2rSCiNMrAZttVf5MSF3v6Ak_adAGYzI6NidS-rvjfpdQ2xBV5gx8pZzxynBtxCxpKgnri5IpAiHpIm5xD8-kr6S_ty2nLUjDci6Dnf3ijxCONah-dAcs0/s1600/%E0%B9%81%E0%B8%9C%E0%B8%99%E0%B8%9C%E0%B8%B1%E0%B8%87%E0%B8%81%E0%B8%B2%E0%B8%A3%E0%B8%94%E0%B8%B3%E0%B9%80%E0%B8%99%E0%B8%B4%E0%B8%99%E0%B8%87%E0%B8%B2%E0%B8%99.JPG" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="245" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgqr1VK4JcyQpn8dPfxC-W0a-2rSCiNMrAZttVf5MSF3v6Ak_adAGYzI6NidS-rvjfpdQ2xBV5gx8pZzxynBtxCxpKgnri5IpAiHpIm5xD8-kr6S_ty2nLUjDci6Dnf3ijxCONah-dAcs0/s320/%E0%B9%81%E0%B8%9C%E0%B8%99%E0%B8%9C%E0%B8%B1%E0%B8%87%E0%B8%81%E0%B8%B2%E0%B8%A3%E0%B8%94%E0%B8%B3%E0%B9%80%E0%B8%99%E0%B8%B4%E0%B8%99%E0%B8%87%E0%B8%B2%E0%B8%99.JPG" width="320" /></a></div>
<div class="separator" style="clear: both; text-align: center;">
<span style="font-size: x-small;">ภาพแสดงแผนผังการทำงานและหน้าที่ของการออกแบบอนิเมชั่น</span></div>เที่ยวกะดินhttp://www.blogger.com/profile/03307458448271888599noreply@blogger.com0tag:blogger.com,1999:blog-8837012109754321126.post-67904228097546160032012-02-08T08:16:00.000-08:002012-02-08T08:16:59.974-08:00สัปดาห์ ที่ 7<b>สรุปงานผลการเรียนรู้สัปดาห์ที่ 7</b><div>1.รายงานข่าวหน้าชั้นเรียน โปรแกรม Audacity เป็นโปรแกรมเสียง</div><div>2.แนะนำวิธีการสืบค้นโปรแกรม freeware โดยใช่ Key word ในการค้นหา freeware animation,freeware audio,freeware video,freeware sound effect downlond,</div><div>3.แนะนำเว็บไซต์ในการดาวน์โหลดเสียงเอฟเฟคเพื่อการสร้างงานอนิเมชั่น www.sfx.co.uk</div><div>4.โปรแกรม Cap หน้าจอคอมพิวเตอร์</div><div>5.อธิบายวิธีการจัดตั้งค่าขนาดอาร์บอร์ดให้เหมาะกับงาน เช่นการตั้งค่างานที่ใช้ในงานโทรทัศน์ คือ HDV/HDTV 720/23.97</div><div><br />
</div><div><b>สรุปงานผลการเรียนรู้สัปดาห์ที่ 8</b></div><div><ol><li>สอนวิธีการติดตั้งและการเลือกใช้โปรแกรมให้เหมาะสมกับงานที่ต้องการ</li>
<li>ยกตัวอย่างการทำงานอนิเมชั่นตามขั้นตอนการออกแบบโดย ยกตัวอย่างโปรแกรม SM ANIMATOR ตั้งแต่ขั้นตอนการศึกษาคารเคเตอร์ของตัวละครจริง และการทำคาเรคเตอร์ที่เป็นการ์ตูนมาทำเคลื่อนไหวที่มีการเคลื่อนไหวแบบธรรมชาติตามชนิดของตัวละคร</li>
<li>ชี้แจงการส่งข้อมูลงานโปรเจคใน Google Document</li>
</ol></div><div><b>สรุปงานผลการเรียนรู้สัปดาห์ที่ 9</b></div><div><ol><li>ชี้แจงการใช้งาน ระบบออนไลน์ Dokios การบริหารจัดการงานของระบบจากผุ้สอน</li>
<li>สอบ กลางภาค</li>
<li>ส่งงานคืบหน้า Adobe Aword </li>
</ol><b>สรุปงานโปรเจค </b>Adobe Aword</div><div>โดยผู้สอนได้ตรวจงานคืบหน้าและแนะนำเทคนิคในการนำเสนอ แนวทางในการทำงานออกแบบอนิเมชั่นเพื่อให้เมาะสมกับชิ้นงานที่นำเสนอ และ</div><div><br />
</div>เที่ยวกะดินhttp://www.blogger.com/profile/03307458448271888599noreply@blogger.com0tag:blogger.com,1999:blog-8837012109754321126.post-49081236694645562582012-01-31T00:44:00.001-08:002012-02-02T00:49:34.368-08:00รายงานข่าวหน้าชั้น<b>รายงานวิชา : ARTI3322 วิชาออกแบบภาพเคลื่อนไหว <br />
<br />
เรื่อง:แนะนำซอฟท์แวร์ CRAZY TALK<br />
<br />
โดย : นายชานนท์ เกษมวรรณกร<br />
<br />
รหัสนักศึกษา 5211310015 กลุ่มเรียน 101<br />
<br />
คณะมนุษยศาสตร์และสังคมศาสตร์ สาขาวิชาออกแบบนิเทศศิลป์<br />
<br />
E-mail Contact : janonkas@gmail.com<br />
<br />
Publish Blog :http://janonkas-arti3322.blogspot.com/ </b><br />
<div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhHrCSU2OqPVhe35-QIkjXC6sOAkFvNEvONPAxOxDvRF7O7-HN40J97n-Trl64S8I90DBJoA5-p-x56QSYE2vYCh604Iplcxqy_yUltsllbXt0Kv3ZtQvPh9M9oT_mLUGX4MKauY8g4G58/s1600/24752872.jpg" imageanchor="1" style="clear:left; float:left;margin-right:1em; margin-bottom:1em"><img border="0" height="320" width="238" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhHrCSU2OqPVhe35-QIkjXC6sOAkFvNEvONPAxOxDvRF7O7-HN40J97n-Trl64S8I90DBJoA5-p-x56QSYE2vYCh604Iplcxqy_yUltsllbXt0Kv3ZtQvPh9M9oT_mLUGX4MKauY8g4G58/s320/24752872.jpg" /></a></div><br />
<br />
<br />
<b>บทนำ </b><b>Crazy talk</b> เป็นการปฎิวัติเครื่องมือใหม่ที่ซับซ้อนยิ่งขึ้น การสร้างตัวตลกหรือตัวละครให้พูดได้ จากภาพที่เป็นเพียงภาพนิ่งธรรมดาๆได้อย่างง่ายๆ โดนผ่านกระบวนแต่ละขั้นตอนของโปรแกรม ตามเมนูตัวช่วย สำหรับผู้เริ่มต้นและผู้ที่เชี่ยวชาญ<br />
1.Photo Animationเป็นเครื่องมือช่วยในการสร้างภาพธรรมดา ภาพถ่าย ภาพวาด การ์ตูน ให้เป็นมีเคลื่อนไหวปากตามบทสนทนา<br />
2.Auto Lip-syncสามารถนำเข้าไฟล์เสียงด้วยวิธีการบันทึกเสียงและพิมพ์ข้อความลง ภาพจะพูดตามสคริป์เสียงที่นำเข้าได้เลย <br />
3.Face Profile Stylesมีแม่แบบการเคลื่อนไหวอัตโนมัติมากกว่า 120 แบบ คน,สัตว์,การ์ตูน ที่เคลื่อนไหวใบหน้าได้สมจริง<br />
4.Motion Clipsสามารถเพิ่มการเคลื่อนไหวที่กำหนดได้ทันที ในรูปแบบไทม์ไลน์ ทั้ง ใบหน้า ตา คิ้ว หัว<br />
5. Real-time Puppetryสามารถบังคับการเคลื่อนไหวของใบหน้า ตา หัว โดยการบังคับเมาส์ได้ด้วยตัวเองในรูปแบบ real time<br />
6. Timeline & Keyframe Editorสามารถแก้ไขอินเตอร์เฟสและคุณสมบัติ ได้โดยไม่ยาก ที่คุณจะได้พบมากในดปรแกรมที่ไม่ใช่ในรูปแบบของระบบเส้น<br />
7. Flexible Media Outputสามารถบันทึไฟล์ได้หลากหลาย HD, NTSC/PAL, MPEG4, FLashFLV, TGA, BMP Sequences, YouTube Direct Publishing and Advanced Web Output.<br />
Photo Animation<br />
เป็นเครื่องมือช่วยในการสร้างภาพธรรมดา ภาพถ่าย ภาพวาด การ์ตูน ให้เป็นมีเคลื่อนไหวปากตามบทสนทนา<br />
Auto Lip-sync<br />
สามารถนำเข้าไฟล์เสียงด้วยวิธีการบันทึกเสียงและพิมพ์ข้อความลง ภาพจะพูดตามสคริป์เสียงที่นำเข้าได้เลย <br />
Face Profile Styles<br />
มีแม่แบบการเคลื่อนไหวอัตโนมัติมากกว่า 120 แบบ คน,สัตว์,การ์ตูน ที่เคลื่อนไหวใบหน้าได้สมจริง<br />
Motion Clips<br />
สามารถเพิ่มการเคลื่อนไหวที่กำหนดได้ทันที ในรูปแบบไทม์ไลน์ ทั้ง ใบหน้า ตา คิ้ว หัว<br />
Real-time Puppetry<br />
สามารถบังคับการเคลื่อนไหวของใบหน้า ตา หัว โดยการบังคับเมาส์ได้ด้วยตัวเองในรูปแบบ real time<br />
Timeline & Keyframe Editor<br />
สามารถแก้ไขอินเตอร์เฟสและคุณสมบัติ ได้โดยไม่ยาก ที่คุณจะได้พบมากในดปรแกรมที่ไม่ใช่ในรูปแบบของระบบเส้น<br />
Flexible Media Output<br />
สามารถบันทึไฟล์ได้หลากหลาย HD, NTSC/PAL, MPEG4, FLashFLV, TGA, BMP Sequences, YouTube Direct Publishing and Advanced Web Output.<br />
Photo Animation<br />
เป็นเครื่องมือช่วยในการสร้างภาพธรรมดา ภาพถ่าย ภาพวาด การ์ตูน ให้เป็นมีเคลื่อนไหวปากตามบทสนทนา<br />
Auto Lip-sync<br />
สามารถนำเข้าไฟล์เสียงด้วยวิธีการบันทึกเสียงและพิมพ์ข้อความลง ภาพจะพูดตามสคริป์เสียงที่นำเข้าได้เลย <br />
Face Profile Styles<br />
มีแม่แบบการเคลื่อนไหวอัตโนมัติมากกว่า 120 แบบ คน,สัตว์,การ์ตูน ที่เคลื่อนไหวใบหน้าได้สมจริง<br />
Motion Clips<br />
สามารถเพิ่มการเคลื่อนไหวที่กำหนดได้ทันที ในรูปแบบไทม์ไลน์ ทั้ง ใบหน้า ตา คิ้ว หัว<br />
Real-time Puppetry<br />
สามารถบังคับการเคลื่อนไหวของใบหน้า ตา หัว โดยการบังคับเมาส์ได้ด้วยตัวเองในรูปแบบ real time<br />
Timeline & Keyframe Editor<br />
สามารถแก้ไขอินเตอร์เฟสและคุณสมบัติ ได้โดยไม่ยาก ที่คุณจะได้พบมากในดปรแกรมที่ไม่ใช่ในรูปแบบของระบบเส้น<br />
Flexible Media Output<br />
สามารถบันทึไฟล์ได้หลากหลาย HD, NTSC/PAL, MPEG4, FLashFLV, TGA, BMP Sequences, YouTube Direct Publishing and Advanced Web Output.<br />
กำหนด Facial Mesh กำหนดเส้นตา<br />
<br />
* เพิ่มเส้นตาข่ายกำหนดจุดที่ใหญ่ขึ้นเพื่อให้ได้ภาพเคลื่อนไหวที่สมจริงและเป้นธรรมชาติยิ่งขึ้น<br />
* หน้าสามมิติ เพิ่มจุดเล็กๆเพื่อกำหนดให้ได้ภาพที่แม่นยำยิ่งขึ้น<br />
* เคลื่อนไหวใบหน้าอัตโนมัติที่เพิ่มระดับของความถูกต้องและสามรถปรับเองได้ด้วย<br />
* สามารถเพิ่มดวงตาที่สดใสได้จากเทมเพลต มีทั้ง ดวงตาคน สัตว์ การตูนMatch your design style with VividEye<br />
<br />
* 4 ขั้นตอนในการปรับแต่งลูกตาเพื่อให้สมจริงที่สุด ทั้งขนตา ลูกตา Eye Shadow EyeOptics<br />
* EyeMagic เพิ่มผลเครื่องสำอางที่สามรถปรับสีต่างๆและปรับ ขนาดขนตา, การควบคุมรูปแบบ<br />
เพิ่ม ประสิทธิภาพในการนำไปใช้ได้อย่างรวดเร็วขึ้น โดยการอัพดหลดลง ยูทูปได้ทันที ใช้ในงานเว็บไซต์ เฟลช (Interactive Flash Avatar/Widget).<br />
Model หรือ character สามารถแก้ไขได้อย่างง่ายๆ เพราะมีตัวช่วย<br />
ที่เหมาะสม โดยสามารถกำหนดได้ถึง 4 ตัวในฉากเดียว<br />
เพียงแค่ คลิกเลือกหรือไม่เลือก หรือการเพิ่มการลบตัวละคร<br />
การกำหนดกรอบ สองเฟรม ของใบหน้าและร่างกาย กรอบใบหน้าเพื่อทำอนิเมชั่น<br />
กรอบกำหนดที่เต็มตัวคาเรคเตอร์เพื่อเป็นการเปลี่ยนแปลงท่าทาง<br />
กรอบกำหนดที่สามารถกำหนดอยู่ให้ตัวคาเรคเตอร์อยู่ในรูปทรงสี่เหลี่ยม<br />
และเพิ่มคุณภาพของงานเพื่อให้ใช้งานได้สูงสุดดดยการเพิ่มความละเอียดของภาพ<br />
พูดตามสคริป์เสียงที่บันทึก ไฟล์เสียง และข้อความได้<br />
สามารถนำไฟล์เสียง Wav file หรือบันทึกเสียงเองจากเสียงที่มีหรือบันทึกผ่านโปรแกรมได้เลย<br />
จากนั้น ระบบจะรับหน่วยเสียงซิงค์เข้ากับโปรแกรมแล้วจะเริ่มทำการเคลื่อนไหวริมฝีปากอย่างอัตโนมัติ<br />
ความก้าวหน้าของเวอร์ชั่นนี้ สามารถ Text-to-Speec พิมพ์ข้อความแล้ว ซิงค์ให้ปากอ่านและเคลื่อนไหวปากตามข้อความที่พิมพ์<br />
Stage -สนัสนุนให้มีใช้บทสนทนาและการทำการตูนอนิเมชั่น<br />
นำเข้าไฟล์ TGA PNG มาสร้างงานและควบคุมออกแบบได้<br />
ใช้เครื่องมือ masking tools เพื่อสร้างพื้นหลังและเพิ่มความสมจริงในการสร้างภาพเคลื่อนไหวเป็นแบบสามมิติคล้ายจริงเที่ยวกะดินhttp://www.blogger.com/profile/03307458448271888599noreply@blogger.com0tag:blogger.com,1999:blog-8837012109754321126.post-4801210651505587172012-01-15T00:51:00.000-08:002012-01-15T00:51:47.618-08:00สัปดาห์ที่ 6สรุปลการเรียนรู้ประจำสัปดาห์<br />
1.ผู้สอนแนะนำเว็บไซต์ www.nrct.go.th ศูนย์การเรียนรู้การวิจัย ซึ่งมีการอบรมฟรี<br />
2.แนะนำการประกวดmascotของศูนย์การเรียนรู้การวิจัยปี่2012<br />
3.อธิบายการประกวดmascotของสถาบันราชภัฎจันทรเกษม โดยต้องสร้างให้กระตุ้นให้เกิดความน่าสนใจ กำหนดกรอบความคิดดดยกำหนดเป็ย my mapping และทำให้กับสาขาหรือคณะไหนในสถาบัน <br />
4.ศึกษาการออกแบบคาเรคเตอร์ที่เคลื่อนไหว โดยศึกษาท่าทางการเคลื่อนไหว 5 แบบทำมาหลายๆมุมมองหลายคอลเลคชั่น<br />
5.ออกแบบฟอนต์ researh mascot<br />
6.แนะนำการใช้โปรแกรมmovie maker ในการทำไตเติลหนังเที่ยวกะดินhttp://www.blogger.com/profile/03307458448271888599noreply@blogger.com0tag:blogger.com,1999:blog-8837012109754321126.post-5853815052629546642012-01-15T00:42:00.001-08:002012-01-15T00:42:44.685-08:00สัปดาห์ที่ 5 Free Online GooglrApps Tools Assisted Design : Preliminary Design Researchหยุด ชดเชยปีใหม่เที่ยวกะดินhttp://www.blogger.com/profile/03307458448271888599noreply@blogger.com0tag:blogger.com,1999:blog-8837012109754321126.post-30570002943914966672012-01-05T21:01:00.000-08:002012-01-05T21:01:27.273-08:00สัปดาห์ที่ 4 Free Online Tools Assisted Designเที่ยวกะดินhttp://www.blogger.com/profile/03307458448271888599noreply@blogger.com0tag:blogger.com,1999:blog-8837012109754321126.post-15242510050846792992011-12-24T05:44:00.000-08:002011-12-26T05:13:16.266-08:00สัปดาห์ที่ 3 computer assisted design: Online Tools<div style="border-bottom: medium none; border-left: medium none; border-right: medium none; border-top: medium none;"><span style="color: white;">1.ชี้แจงและอธิบายเรื่อง Animation Master Form ขั้นตอนการออกแบบAnimation Gif Banner และจั้นตอนการดำเนินงานแบบ 3 ส.</span></div><div style="border-bottom: medium none; border-left: medium none; border-right: medium none; border-top: medium none;"><span style="color: white;">1.สืบค้น/โจทย์ แบนเนอร์สำหรับเว็บบล็อคของเรา</span></div><div style="border-bottom: medium none; border-left: medium none; border-right: medium none; border-top: medium none;"><span style="color: white;">1.1 เตรียมภาพ ข้อความ</span></div><div style="border-bottom: medium none; border-left: medium none; border-right: medium none; border-top: medium none;"><span style="color: white;">1.2 เสียง</span></div><div style="border-bottom: medium none; border-left: medium none; border-right: medium none; border-top: medium none;"><span style="color: white;">1.3 เทคนิคพิเศษ effect</span></div><span style="color: white;">1.4 นำเสนอ</span><br />
<div class="separator" style="clear: both; text-align: center;"><a href="http://1.bp.blogspot.com/-o3Dxvu6uXIk/TvXYBAm2DYI/AAAAAAAAAwo/3IzZgq_kxL4/s1600/PRACHI%257E4.JPG" imageanchor="1" style="clear: left; cssfloat: left; float: left; margin-bottom: 1em; margin-right: 1em;"><span style="color: white;"><img border="0" height="189" rea="true" src="http://1.bp.blogspot.com/-o3Dxvu6uXIk/TvXYBAm2DYI/AAAAAAAAAwo/3IzZgq_kxL4/s200/PRACHI%257E4.JPG" width="200" /></span></a></div><div style="border-bottom: medium none; border-left: medium none; border-right: medium none; border-top: medium none;"><span style="color: white;">ทั้งหมดคือการเขียน Story Board</span></div><span style="color: white;"><br />
</span><br />
<div style="border-bottom: medium none; border-left: medium none; border-right: medium none; border-top: medium none;"><span style="color: white;">2.ขั้นตอนการเขียน Story Board</span></div><div><span style="color: white;">- เรื่่องย่อ Story Board</span></div><div><span style="color: white;">- ตัวละคร ภาพประกอบ Character</span><br />
<div><span style="color: white;">- การกำกับตัวละคร rehersal - action > Movement > draw direction</span></div></div><div><div style="border-bottom: medium none; border-left: medium none; border-right: medium none; border-top: medium none;"><span style="color: white;">- เสียงพากษ์ Naration</span></div></div><div><div style="border-bottom: medium none; border-left: medium none; border-right: medium none; border-top: medium none;"><span style="color: white;">- เสียงเพลง Sound BG</span></div></div><div><div style="border-bottom: medium none; border-left: medium none; border-right: medium none; border-top: medium none;"><span style="color: white;">- เสียงประกอบเหตุการณ์ Sound Effect</span></div></div><div><div style="border-bottom: medium none; border-left: medium none; border-right: medium none; border-top: medium none;"><span style="color: white;">- Prop</span></div></div><div><span style="color: white;">- Background Image</span></div><div style="border-bottom: medium none; border-left: medium none; border-right: medium none; border-top: medium none;"><span style="color: white;"><br />
</span></div><div style="border-bottom: medium none; border-left: medium none; border-right: medium none; border-top: medium none;"><span style="color: white;">3.สอนและแนะนำการใช้โปรแกรม Photoshop ในการออกแบบภาพเคลื่อนไหวและการทำไฟล์ที่เป็นขนาดเหมาะสมกับงานโทรทัศน์ </span></div><div style="border-bottom: medium none; border-left: medium none; border-right: medium none; border-top: medium none;"><span style="color: white;">-การตั้งค่าไฟล์ HDV/HDTV 720P/29.97 และ HDV1080/29.97</span></div><div style="border-bottom: medium none; border-left: medium none; border-right: medium none; border-top: medium none;"><span style="color: white;">-การเลือกประเถทงานที่เหมาะสม</span></div><div style="border-bottom: medium none; border-left: medium none; border-right: medium none; border-top: medium none;"><span style="color: white;">-การเลือกResolution ที่มากกว่า 200 pixels เนื่องจากการแสดงทางโทรทัศน์ค่า Resolution ต้องสูง</span></div><div class="separator" style="border-bottom: medium none; border-left: medium none; border-right: medium none; border-top: medium none; clear: both; text-align: center;"><a href="http://3.bp.blogspot.com/-lxLs0BJnYCs/TvXZauurd6I/AAAAAAAAAw0/nTfYPZLIxXk/s1600/Untitled-1+copy.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><span style="color: white;"><img border="0" height="175" rea="true" src="http://3.bp.blogspot.com/-lxLs0BJnYCs/TvXZauurd6I/AAAAAAAAAw0/nTfYPZLIxXk/s200/Untitled-1+copy.jpg" width="200" /></span></a></div><div style="border-bottom: medium none; border-left: medium none; border-right: medium none; border-top: medium none;"><span style="color: white;">4.โปรแกรมแนะนำ</span></div><div style="border-bottom: medium none; border-left: medium none; border-right: medium none; border-top: medium none;"><span style="color: white;">-โปรแกรม toonboom เป็นโปรแกรมอนิเมชั่นการ์ตูน ทำสตอรี่บอร์ดหนังสั้นสักเรื่อง ชั่วโมงหนึงก็เสร็จ ลักษณะ จับวางๆ เหมือนเล่นเกมส์แต่งตัว</span></div><div style="border-bottom: medium none; border-left: medium none; border-right: medium none; border-top: medium none;"><span style="color: white;"><br />
</span></div><span style="color: white;"><br />
</span><br />
<iframe allowfullscreen="" frameborder="0" height="215" src="http://www.youtube.com/embed/2GfWDHARemI" width="320"></iframe><br />
<span style="color: white;">ที่มา : </span><a href="http://www.youtube.com/watch?v=2GfWDHARemI"><span style="color: white;">http://www.youtube.com/watch?v=2GfWDHARemI</span></a><br />
<span style="color: white;"><br />
</span><br />
<span style="color: white;">5.สั่งงานสัปดาห์หน้า</span><br />
<span style="color: white;">-นำเสนองานแบนเนอร์ตัวเก่าที่ไปปรับปรุงมานำเสนออีก</span><br />
<span style="color: white;">-ลองทำไตเติล คิดเรื่องมา และเขียนสตอรี่บอร์ด</span>เที่ยวกะดินhttp://www.blogger.com/profile/03307458448271888599noreply@blogger.com0tag:blogger.com,1999:blog-8837012109754321126.post-63540768926342319162011-12-14T07:54:00.000-08:002011-12-14T08:13:57.056-08:00สัปดาห์ที่ 2 technology for Visual Communication Design<div style="border-bottom: medium none; border-left: medium none; border-right: medium none; border-top: medium none;"><br />
</div><div style="border-bottom: medium none; border-left: medium none; border-right: medium none; border-top: medium none;"><div style="border-bottom: medium none; border-left: medium none; border-right: medium none; border-top: medium none;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEinL_UW2FHOwpPPpe8G_6e4wQgyQy_GHBKOMPeeUEOGXOr5VcmyGYe1RQqugeqYKxrIHQ0yyXGME3fAYLSdiSYDiFxsypMXkVVEKsaTY4IlT-NtrEB08NR-oeN280-A-mqAEsgDlxthyphenhyphenq8/s1600/1.jpg" imageanchor="1" style="clear: left; cssfloat: left; float: left; margin-bottom: 1em; margin-right: 1em;"><img border="0" height="125" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEinL_UW2FHOwpPPpe8G_6e4wQgyQy_GHBKOMPeeUEOGXOr5VcmyGYe1RQqugeqYKxrIHQ0yyXGME3fAYLSdiSYDiFxsypMXkVVEKsaTY4IlT-NtrEB08NR-oeN280-A-mqAEsgDlxthyphenhyphenq8/s200/1.jpg" width="200" /></a>ศึกษาเครื่องมื่อออกแบบออนไลน์จาก http://www.screencast-o-matic.com ซึ่งเป็นโปรแกรมออนไลน์สำหรับบันเสียงและบันทึกหน้าจอคอมพิวเตอร์เพื่อบักทึกเป้นไฟล์วีดีโอสามารถบันทึกได้เวลาสูงสุด15นาที</div></div><br />
<br />
<br />
<br />
<div style="border-bottom: medium none; border-left: medium none; border-right: medium none; border-top: medium none;"><br />
</div><div style="border-bottom: medium none; border-left: medium none; border-right: medium none; border-top: medium none;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjF4w6FvX-_uERjLQC_ssunCsCZog9cDxgQ0t6FfawViKg9uVAnVHItxZLCQS6EMfhL9ZqbHmRDl3QbhMScRfAfTjioiQrUWdMRgseCTxhMV_DbmnSl3D_uJzGv6jJwIkBHsL1B0AXagLU/s1600/2.jpg" imageanchor="1" style="clear: left; cssfloat: left; float: left; margin-bottom: 1em; margin-right: 1em;"><img border="0" height="160" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjF4w6FvX-_uERjLQC_ssunCsCZog9cDxgQ0t6FfawViKg9uVAnVHItxZLCQS6EMfhL9ZqbHmRDl3QbhMScRfAfTjioiQrUWdMRgseCTxhMV_DbmnSl3D_uJzGv6jJwIkBHsL1B0AXagLU/s200/2.jpg" width="200" /></a>คุณสมบัติของดปรแกรมscreencast</div><div style="border-bottom: medium none; border-left: medium none; border-right: medium none; border-top: medium none;">1.บันทึกวิดีดอได้สูงสุด15นาทีฟรี</div><div style="border-bottom: medium none; border-left: medium none; border-right: medium none; border-top: medium none;">2.สามารถอัพโหลดลงUTUBEได้ทันทีเมื่อการบันทึกเสร็จสิ้น</div>3.สมารถบันทึกเป็น MP4, AVI, FLV movie<br />
4.บันทึกภาพวิดีโอผ่านทางweb camera ฟรี<br />
<br />
กดคลิกที่เมนู start recording หากเครื่องคอมพิวเตอร์ที่ใช้งานไม่มีโปรแกรมjava plug-in จะทำการติดตั้งโปรแกรมก่อนจึงใช้งานได้<br />
<div class="separator" style="border-bottom: medium none; border-left: medium none; border-right: medium none; border-top: medium none; clear: both; text-align: center;"></div>โดยขณะยันทึกเสร็จสิ้นสามารถบันทึกเป็นไฟล์วิดีโอเพื่อจัดเก้บส่วนตัว หรือเผยแพร่ผ่านทางทางwww.screencast-o-matic.com และ www.utube.com ได้ทันที<br />
<br />
ทดสอบก่อนเรียนทางhttp://chandraonline.chandra.ac.th/ เป็นการสร้างวิชาใหม่ในระบบโดคีออส อีเลิร์นนิ่งของผู้สอนได้ให้นักศึกษาได้มีสวนร่วมในการใช่ระบบด้วย โดยสอบPretest ออนไลน์ผ่านทางระบบนี้ด้วย<br />
<div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh7TcGUFPf6izPvQJOg-eDrRXE3sWRo6tWy4XFxH0YFhWTvY_jvIL-wFOuRsRQT7xXgIJs82iAL6QiG_q-jWWMNB0nStBdNJoatEI2hiy67dUUIfNQ3MK8R2DcklqjAr8zy8QUhB9Dx_AY/s1600/4.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="200" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh7TcGUFPf6izPvQJOg-eDrRXE3sWRo6tWy4XFxH0YFhWTvY_jvIL-wFOuRsRQT7xXgIJs82iAL6QiG_q-jWWMNB0nStBdNJoatEI2hiy67dUUIfNQ3MK8R2DcklqjAr8zy8QUhB9Dx_AY/s320/4.jpg" width="320" /></a></div><div style="border-bottom: medium none; border-left: medium none; border-right: medium none; border-top: medium none;"><br />
</div><br />
<div style="border-bottom: medium none; border-left: medium none; border-right: medium none; border-top: medium none;">วิดีโออธิบายระบบโดคีออส อีเลิร์นนิ่ง โดย ผศ.ประชิด ทิณบุตร </div><div style="border-bottom: medium none; border-left: medium none; border-right: medium none; border-top: medium none;"><br />
</div><iframe allowfullscreen="" frameborder="0" height="360" src="http://www.youtube.com/embed/L9Q3g1_HEYA?feature=player_embedded" width="500"></iframe><br />
<div style="border-bottom: medium none; border-left: medium none; border-right: medium none; border-top: medium none;">ที่มา:http://chandraonline.chandra.ac.th/Dokeos e-Learning Thai Edition – Create New Course : วิดีโอสอนการใช้งานระบบโดคีออสอีเลิร์นนิ่ง เรื่องการสร้างวิชาใหม่ของผู้สอน โดย ผศ.ประชิด ทิณบุตร สาขาวิชาศิลปกรรม มหาวิทยาลัยราชภัฏจันทรเกษม กทม.</div>เที่ยวกะดินhttp://www.blogger.com/profile/03307458448271888599noreply@blogger.com0tag:blogger.com,1999:blog-8837012109754321126.post-77343097028178757802011-12-08T01:08:00.001-08:002011-12-14T07:20:46.241-08:00สัปดาห์ที่ 1 Intruduction-Pretestผลการเรียนรู้รายสัปดาห์<br />
1.ผู้สอนชี้แจงรายเอียดวิชาเรียนจุดประสงค์ของการเรียนรู้รารู้รายวิชา เพื่อให้ผู้เรียนได้เริ่มศึกษาความรู้ที่เกี่ยวข้องกับเนื้อหาและเตรียมความพร้อมในการเรียนอาทิตย์ต่อไป<br />
2. โดยผู้สอนได้ให้นักศึกาาติดตามข่าวสารการเรียนรู้จาก <a href="http://animatedesign.blogspot.com/">http://animatedesign.blogspot.com/</a> สมัครและศึกษาหาความรู้จากแหล่งการเรียนรู้ต่างๆเช่นจากเว็บไซต์ <a href="http://www.youtube.com/watch?v=NZ2yRKGyVEc">http://www.youtube.com</a> โดยสมัครเป็นสามชิกและติดตามข่าวสารจากผู้สอนเองด้วย<br />
3.ผู้สอนชี้แจงถึงช่องทางในการสืบค้นและเผยแพร่ข้อมูล ต่างๆ เช่น การนำเสนอผลงานทาง Issuu หรือ Google Site<br />
4.นัดหมายให้ผู้เรียนเตรียมอุปกรณ์เพื่อฝึกทักษะในการเตรียมการออกเบื้องต้น เพื่อเป็นการปูพื้นฐานทางด้านออกแบบภาพเคลื่อนไหว<br />
5.เตรียมข่าวสารในการเผยแพร่หน้าชั้นเรียนเป็นสัปดาห์ทุกคน โดยเป็นศัพท์ที่เกี่ยวข้องกับ ระบบซอฟท์แวร์ สองศัพท์ พร้อมทั้งเสนอภาพประกอบด้วยเช่นกัน<br />
<br />
<br />
<br />
ศึกษาเครื่องมือโปรแกรมออกแบบภาพเคลื่อนไหวจากโปรแกรม Flash player<br />
<br />
<iframe allowfullscreen="" frameborder="0" height="355" src="http://www.youtube.com/embed/NZ2yRKGyVEc" width="450"></iframe><br />
<br />
ขอบคุณข้อมูลจาก http://www.youtube.com/watch?v=NZ2yRKGyVEc<br />
<br />
<br />
ศึกษาทำการ์ตูนง่ายๆด้วย CrazyTalk Animator<br />
<br />
<iframe width="450" height="315" src="http://www.youtube.com/embed/rsuQgceWG4k" frameborder="0" allowfullscreen></iframe>เที่ยวกะดินhttp://www.blogger.com/profile/03307458448271888599noreply@blogger.com0