tag:blogger.com,1999:blog-41984188760320753492024-03-12T18:55:47.463-07:00janonkas-arti3319วิชาเทคโนโลยีเพื่อการออกแบบนิเทศศิลป์ โดย นายชานนท์ เกษมวรรณกรเที่ยวกะดินhttp://www.blogger.com/profile/03307458448271888599noreply@blogger.comBlogger16125tag:blogger.com,1999:blog-4198418876032075349.post-10076801483037329042012-03-07T23:03:00.001-08:002012-03-07T23:04:04.720-08:00สรุปงาน web theme design<div>
<object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" id="e9aa6898-cac1-cf53-ee79-7cad889956d2" style="height: 297px; width: 420px;"><param name="movie" value="http://static.issuu.com/webembed/viewers/style1/v2/IssuuReader.swf?mode=mini&backgroundColor=%23222222&documentId=120308054845-49b71bf4e5df41d2851e49277aab5627" />
<param name="allowfullscreen" value="true"/>
<param name="menu" value="false"/>
<param name="wmode" value="transparent"/>
<embed src="http://static.issuu.com/webembed/viewers/style1/v2/IssuuReader.swf" type="application/x-shockwave-flash" allowfullscreen="true" menu="false" wmode="transparent" style="width:420px;height:297px" flashvars="mode=mini&backgroundColor=%23222222&documentId=120308054845-49b71bf4e5df41d2851e49277aab5627" /></object><br />
<div style="text-align: left; width: 420px;">
<a href="http://issuu.com/janonkas/docs/janon-webthemedesign?mode=window&backgroundColor=%23222222" target="_blank">Open publication</a> - Free <a href="http://issuu.com/" target="_blank">publishing</a> - <a href="http://issuu.com/search?q=arti3319" target="_blank">More arti3319</a></div>
</div>เที่ยวกะดินhttp://www.blogger.com/profile/03307458448271888599noreply@blogger.com0tag:blogger.com,1999:blog-4198418876032075349.post-3094751420727021952012-03-01T03:35:00.000-08:002012-03-01T03:35:57.402-08:00สร้างเว็บบล็อกโดเมนภายใต้เว็บโดเมนของ wordpress.comสรุปขั้นตอนการออกแบบ สร้างเว็บบล็อกโดเมนภายใต้เว็บโดเมนของ wordpress.com<div>
<br /></div>
<div>
บทนำ เพื่อสรุปการสร้างโดเมนของ
wordpress.com และอธิบายการออกแบบtheme อย่างง่าย</div>
<div>
1.แสดงขั้นตอนการออกแบบการสร้างblogใหม่ในwordpress.com ขณะเป็นสมาชิกในระบบอยู่แล้ว โดยไปคลิกที่ creaate anither blog</div>
<div>
<div class="separator" style="clear: both; text-align: center;">
<a href="http://2.bp.blogspot.com/-fT9MGIMmdTs/T09LARo49JI/AAAAAAAAA7I/8676qHcJWzs/s1600/1.JPG" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="174" src="http://2.bp.blogspot.com/-fT9MGIMmdTs/T09LARo49JI/AAAAAAAAA7I/8676qHcJWzs/s320/1.JPG" width="320" /></a></div>
<div class="separator" style="clear: both; text-align: center;">
<span style="font-size: x-small;">ภาพแสดงแสดงขั้นตอนการออกแบบการสร้างblogใหม่ใน</span></div>
<div class="separator" style="clear: both; text-align: center;">
<span style="font-size: x-small;"><br /></span></div>
2. ตั้งชื่อ Blog Address และ Name Your Blog<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="http://4.bp.blogspot.com/-OsuLK0wDAtQ/T09NNtKYRXI/AAAAAAAAA7g/D3MTsIPBYNM/s1600/1.1.JPG" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="176" src="http://4.bp.blogspot.com/-OsuLK0wDAtQ/T09NNtKYRXI/AAAAAAAAA7g/D3MTsIPBYNM/s320/1.1.JPG" width="320" /></a></div>
<div class="separator" style="clear: both; text-align: center;">
<span style="font-size: x-small;"><span style="text-align: -webkit-auto;">ภาพแสดงการตั้งชื่อ </span><span style="text-align: -webkit-auto;">Blog Address และ Name Your Blog</span></span>
</div>
<br />
3.จะปรากฏหน้าของการเลือกthemeของBLOG<br />
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="http://1.bp.blogspot.com/-CJvQALAUn5s/T09LR3Lx9II/AAAAAAAAA7Q/93ybrMXfDqE/s1600/2.JPG" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="175" src="http://1.bp.blogspot.com/-CJvQALAUn5s/T09LR3Lx9II/AAAAAAAAA7Q/93ybrMXfDqE/s320/2.JPG" width="320" /></a></div>
<div class="separator" style="clear: both; text-align: center;">
<span style="text-align: -webkit-auto;"><span style="font-size: x-small;">ภาพแสดงหน้าของการเลือกthemeของBLOG</span></span>
</div>
<div class="separator" style="clear: both; text-align: center;">
<span style="text-align: -webkit-auto;"><span style="font-size: x-small;"><br /></span></span></div>
4.ปรากฎหน้าให้เลือก theme ของ blog โดยสามาถเลือกได้ตามต้องการได้เลย<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="http://3.bp.blogspot.com/-vnMxPx5pIhY/T09LcqP0tnI/AAAAAAAAA7Y/GWmm-V56zbg/s1600/3.JPG" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="183" src="http://3.bp.blogspot.com/-vnMxPx5pIhY/T09LcqP0tnI/AAAAAAAAA7Y/GWmm-V56zbg/s320/3.JPG" width="320" /></a></div>
<div class="separator" style="clear: both; text-align: center;">
<span style="text-align: -webkit-auto;"><span style="font-size: x-small;">ภาพแสดงหน้าให้เลือก theme ของ blog โดยสามาถเลือกได้ตามต้องการได้เลย</span></span>
</div>
<div class="separator" style="clear: both; text-align: center;">
<span style="text-align: -webkit-auto;"><span style="font-size: x-small;"><br /></span></span></div>
<div class="separator" style="clear: both; text-align: center;">
<a href="http://2.bp.blogspot.com/-8hg41CLJSaw/T09PJFSedqI/AAAAAAAAA7o/jPuf28Gr_0Q/s1600/4.JPG" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="69" src="http://2.bp.blogspot.com/-8hg41CLJSaw/T09PJFSedqI/AAAAAAAAA7o/jPuf28Gr_0Q/s320/4.JPG" width="320" /></a></div>
<div class="separator" style="clear: both; text-align: center;">
<span style="font-size: x-small;">หรือสามาถปรับตั้งหน้าตาของธีมได้เองดดยกำหนดขนาดแต่ละส่วนและออกแบบภาพเอง</span></div>
<div class="separator" style="clear: both; text-align: center;">
<span style="font-size: x-small;"><br /></span></div>
<div class="separator" style="clear: both; text-align: center;">
<a href="http://3.bp.blogspot.com/-NCJzDWLsiOQ/T09P70YLvOI/AAAAAAAAA7w/X5RZuaZLc3Q/s1600/5.JPG" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="320" src="http://3.bp.blogspot.com/-NCJzDWLsiOQ/T09P70YLvOI/AAAAAAAAA7w/X5RZuaZLc3Q/s320/5.JPG" width="64" /></a></div>
<div class="separator" style="clear: both; text-align: center;">
<span style="font-size: x-small;">ภาพแสดงแถบเมนูด้านขวาปรับแต่ง blog </span></div>
<div class="separator" style="clear: both; text-align: center;">
<span style="font-size: x-small;"><br /></span></div>
<div class="separator" style="clear: both; text-align: left;">
ปรากฎหน้าเว็บบล็อคที่ที่เราได้เลือกธีมหรือตามธีมที่ออกแบบ</div>
<div class="separator" style="clear: both; text-align: center;">
<span style="font-size: x-small;"><br /></span></div>
<div class="separator" style="clear: both; text-align: center;">
<a href="http://3.bp.blogspot.com/-CSFQHXtmHmo/T09Rmx1M5yI/AAAAAAAAA74/s3wZmUtrG0I/s1600/6.JPG" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="175" src="http://3.bp.blogspot.com/-CSFQHXtmHmo/T09Rmx1M5yI/AAAAAAAAA74/s3wZmUtrG0I/s320/6.JPG" width="320" /></a></div>
<div class="separator" style="clear: both; text-align: center;">
<span style="font-size: x-small; text-align: left;">เว็บบล็อคที่ที่เราได้เลือกธีมหรือตามธีมที่ออกแบบ</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="font-size: x-small;"><br /></span></div>
<div class="separator" style="clear: both; text-align: left;">
<br /></div>
<div class="separator" style="clear: both; text-align: left;">
<br /></div>
<div class="separator" style="clear: both; text-align: left;">
<br /></div>
<div class="separator" style="clear: both; text-align: left;">
1.การสร้างงานและการโพสblog ปรับตั้งค่าต่างๆของบล็อค เช่น ปรับแต่งเวลา ภาพ <span style="background-color: white; color: #222222; font-family: sans-serif; font-size: 12px; line-height: 16px;">Tagline </span><span style="background-color: white; color: #222222; font-family: sans-serif; font-size: 12px; line-height: 16px;">ภาษา </span></div>
<div class="separator" style="clear: both; text-align: left;">
<br /></div>
<div class="separator" style="clear: both; text-align: left;">
<br /></div>
<div class="separator" style="clear: both; text-align: center;">
<a href="http://4.bp.blogspot.com/-54Z_8BYacHY/T09TwrvfRGI/AAAAAAAAA8I/ue7zKeotDqY/s1600/6.1.JPG" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="177" src="http://4.bp.blogspot.com/-54Z_8BYacHY/T09TwrvfRGI/AAAAAAAAA8I/ue7zKeotDqY/s320/6.1.JPG" width="320" /></a></div>
<div class="separator" style="clear: both; text-align: left;">
2.อัพโหลดภาพและทำการตัดรูปเพื่อให้ได้ขนาดที่ต้องการ</div>
<div class="separator" style="clear: both; text-align: center;">
<br /></div>
<div class="separator" style="clear: both; text-align: center;">
<a href="http://4.bp.blogspot.com/-bzH2s304RFg/T09TbYwOLMI/AAAAAAAAA8A/_IlmiJJyyC4/s1600/7.JPG" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="302" src="http://4.bp.blogspot.com/-bzH2s304RFg/T09TbYwOLMI/AAAAAAAAA8A/_IlmiJJyyC4/s320/7.JPG" width="320" /></a></div>
<div class="separator" style="clear: both; text-align: center;">
<span style="text-align: left;"><span style="font-size: x-small;">อัพโหลดภาพและทำการตัดรูปเพื่อให้ได้ขนาดที่ต้องการ</span></span>
</div>
<div class="separator" style="clear: both; text-align: center;">
<span style="text-align: left;"><span style="font-size: x-small;">ปรับแต่ง</span></span></div>
<div class="separator" style="clear: both; text-align: center;">
<span style="text-align: left;"><span style="font-size: x-small;"><br /></span></span></div>
<div class="separator" style="clear: both; text-align: center;">
<span style="text-align: left;"><span style="font-size: x-small;"><br /></span></span></div>
<div class="separator" style="clear: both; text-align: center;">
<span style="text-align: left;">ภาพแสดงการแต่งส่วนหัวของ blog</span>
</div>
<div class="separator" style="clear: both; text-align: center;">
<a href="http://3.bp.blogspot.com/-WqJditAv2jk/T09VXkJCD-I/AAAAAAAAA8Q/bxwGqsDONL8/s1600/8.JPG" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="175" src="http://3.bp.blogspot.com/-WqJditAv2jk/T09VXkJCD-I/AAAAAAAAA8Q/bxwGqsDONL8/s320/8.JPG" width="320" /></a></div>
<div class="separator" style="clear: both; text-align: center;">
<span style="text-align: left;"><span style="font-size: x-small;">ภาพแสดงการแต่งส่วนหัวของ blog</span></span></div>
<div class="separator" style="clear: both; text-align: center;">
<span style="text-align: left;"><span style="font-size: x-small;"><br /></span></span></div>
<div class="separator" style="clear: both; text-align: left;">
3.การโพสรูปลงในบล็อคและสร้างเนื้อหาาลงใน blog โดยไปที่ เรื่อง เพิ่มเรื่องใหม่</div>
<div class="separator" style="clear: both; text-align: center;">
<span style="text-align: left;"><span style="font-size: x-small;"><br /></span></span></div>
<div class="separator" style="clear: both; text-align: center;">
<a href="http://3.bp.blogspot.com/-zNpnN7gDF-A/T09XAqP27TI/AAAAAAAAA8Y/anHImi0-ZuM/s1600/9.JPG" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="172" src="http://3.bp.blogspot.com/-zNpnN7gDF-A/T09XAqP27TI/AAAAAAAAA8Y/anHImi0-ZuM/s320/9.JPG" width="320" /></a></div>
<div class="separator" style="clear: both; text-align: center;">
<span style="font-size: x-small;">ภาพแสดงหน้ากระดานสร้างและพิมพ์ข้อความเพื่อโพสลงใน blog</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;"><span style="font-size: x-small;"><br /></span></span></div>
<div>
<br /> <div>
<br /></div>
</div>
</div>เที่ยวกะดินhttp://www.blogger.com/profile/03307458448271888599noreply@blogger.com0tag:blogger.com,1999:blog-4198418876032075349.post-64634563249145921062012-02-16T02:29:00.000-08:002012-02-16T02:41:57.708-08:00มาตรฐานผลการเรียนรู้ หลักสูตรศิลปศาสตรบัณฑิต สาขาวิชาศิลปกรรมมาตรฐานผลการเรียนรู้ <a href="http://artnet.chandra.ac.th/"> สาขาวิชาศิลปกรรม</a> คณะมนุษยศาสตร์และสังคมศาสตร์ มหาวิทยาลัยราชภัฏจันทรเกษม 2554<br />
<div>
<br />
โดย ประชิด ทิณบุตร</div>
<div>
<br />
1.ทักษะคุณธรรมและจริยธรรม ที่ต้องการพัฒนา<br />
1.1 ตระหนักรู้ในคุณค่าและรักษา คุณธรรม จริยธรรม จรรยาบรรณวิชาชีพทางศิลปกรรม<br />
1.2 มีระเบียบวินัย ตรงต่อเวลา และรับผิดชอบต่อตนเองและผู้อื่น<br />
1.3.เป็นผู้รู้และปฏิบัติตามกฏ กติกา มารยาททางสังคม ด้วยความซี่อสัตย์ สุจริต และจัดลำดับความสำคัญได้อย่างมีหลักการและเหตุผล<br />
1.4. เคารพสิทธิ ศักยภาพ ยอมรับความแตกต่างระหว่างบุคคล พร้อมรับฟังความคิดเห็นของผู้อื่นและยึดมั่นในหลักประชาธิปไตย<br />
1. 5. การเคารพและใช้กฎ ระเบียบ ข้อบังคับต่างๆตามกฏหมายของสังคมอย่างถูกต้อง เป็นธรรม มีส่วนร่วมรับผิดชอบในฐานะของผู้คิดริเริ่ม ผู้สร้างสรรค์ ผู้นำเสนอเผยแผ่และพัฒนาผลงานศิลปกรรมสู่สังคม<br />
1. 6. เคารพ นับถือ เห็นคุณค่า พิทักษ์รักษา สืบสานประสานผลประโยชน์ ต่อวงการสร้างสรรค์ศิลปกรรมทั้งระดับประเทศและสากลประเทศ<br />
<br />
<a href="http://2.bp.blogspot.com/-SSucC7Szfa0/TJcBYwYtJ9I/AAAAAAAAB-A/x2P1B_td-fQ/w500-h374-k/DSCF0014.JPG" style="clear: left; float: left; margin-bottom: 0em; margin-right: 1em;"><img border="0" height="240" src="http://2.bp.blogspot.com/-SSucC7Szfa0/TJcBYwYtJ9I/AAAAAAAAB-A/x2P1B_td-fQ/w500-h374-k/DSCF0014.JPG" width="320" /></a><br />
2.ทักษะความรู้ ที่ต้องการเน้น ที่ต้องการพัฒนา<br />
<br />
2.1 มีความรู้และความเข้าใจ เกี่ยวกับหลักการและทฤษฎีที่สำคัญในเนื้อหาทางศิลปกรรมตามสาขา หรือแขนงที่ศึกษาทั้งในแนวกว้างและลึก<br />
2.2 สามารถประยุกต์ใช้องค์ความรู้ บูรณาการเนื้อหาและเทคนิควิธีจัดการงาน ให้สัมพันธ์สอดคล้องกับการใช้เครื่องมือ วัสดุอุปกรณ์ที่เหมาะสมกับกระบวนการคิดสร้างสรรค์<br />
2.3 มีความตระหนักรู้ ความพยายามในการพัฒนาผลงาน ด้วยการใฝ่พัฒนาตน ฝึกฝนทักษะความชำนาญทางศิลปกรรมอย่างต่อเนื่อง<br />
2. 4. สามารถปรับเปลี่ยนกระบวนทัศน์และวิสัยทัศน์ในการทำงานสร้างสรรค์ ให้เหมาะสมกับสภาพการเปลี่ยนแปลงทางสังคม เศรษฐกิจ การเมือง และผลกระทบของวิทยาการทางเทคโนโลยีสารสนเทศ<br />
2.5.สามารถบูรณาการความรู้ในศาสตร์ทางศิลปกรรมร่วมกับความรู้ในศาสตร์สาขาอื่นๆที่เกี่ยวข้องได้<br />
<br />
<br />
<a name='more'></a>3.ทักษะทางปัญญา ที่ต้องการพัฒนา<br />
3.1.สามารถแสดงผลการคิดวิเคราะห์ปัญหา เข้าใจและจดจำลำดับขั้นตอนวิธีการสร้างสรรค์ผลงานได้อย่างถูกวิธี มีการอรรถาธิบาย ด้วยการใช้สื่อและสาร ผ่านการแสดงออกอย่างชาญฉลาด เหมาะสม งดงามตามวัตถุประสงค์และหลักการทางศิลปกรรมอย่างเป็นระบบ<br />
3.2.สามารถใช้ทักษะชำนาญการทางศิลปกรรมผสานสัมพันธ์กับระดับสติปัญญา เพื่อสื่อแสดงการสืบค้น การเสนอแนวทางแก้ไขปัญหา ด้วยการสื่อความหมาย การตีความ การวิพากษ์วิจารณ์ได้อย่างสร้างสรรค์ และอย่างเป็นผู้รู้ตามระดับสติปัญญา<br />
3.3.สามารถประยุกต์ใช้ความรู้ ทักษะปฏิบัติการทางวิชาชีพศิลปกรรมและการบริหารจัดการงานด้วยภูมิปัญญาแห่งตน ภูมิปัญญาไทยและความรู้ร่วมสมัยสากลได้อย่างเหมาะสม<br />
3.4.มีความสามารถในการนำเสนอและเผยแพร่ผลงานที่สร้างสรรค์ สู่สาธารณะและสากล หรือเพื่อสร้างโอกาสการอาชีพ ได้อย่างสอดคล้องกับภาวะการณ์ สถานการณ์และระบบเทคโนโลยีสารสนเทศที่เกี่ยวข้อง<br />
<br />
<br />
4.ทักษะความสัมพันธ์ระหว่างบุคคลและความรับผิดชอบ ที่ต้องพัฒนา<br />
4.1.มีภาวะความเป็นผู้นำและผู้ตามที่ดี สามารถทำงานเป็นทีม สามารถแก้ไขข้อขัดแย้งและจัดลำดับความสำคัญอย่างมีหลักการและเหตุผล<br />
4.2.มีทักษะด้านมนุษยสัมพันธ์ที่ดีในกลุ่มทำงาน ในทุกสถานการณ์ของบทบาทผู้นำและผู้ตาม การควบคุมอารมณ์ การปฏิบัติตนและความรับผิดชอบในภาระงานที่ได้รับมอบหมาย<br />
4.3.มีทักษะในการบริหารจัดการบุคลิกภาพส่วนตน การปรับปรุงตน และกล้าแสดงออกทั้งการคิดและการแสดงออกทางพฤติกรรมในทางสร้างสรรค์ มีจิตสาธารณะและรู้รักษาผลประโยชน์ส่วนรวม<br />
4. 4.รู้จักวางแผนกิจกรรมและโครงงาน โดยมีความรับผิดชอบในการดำเนินการ การตรงต่อกำหนดเวลานัดหมาย การสรุปผลการเรียนรู้ทั้งของตนเองและการแลกเปลี่ยนเรียนรู้ร่วมกันกับผู้อื่นทั้งทางตรงและทางอ้อม<br />
<br />
<br />
5.ทักษะการวิเคราะห์เชิงตัวเลข การสื่อสาร และการใช้เทคโนโลยีสารสนเทศ<br />
5.1.มีทักษะความสามารถในการคิดคำนวณต้นทุน-กำไร การกำหนดระยะเวลาการดำเนินการผลิตผลงาน การประมาณราคาค่าวัสดุ การคิดค่าบริการความคิดสร้างสรรค์และการว่าจ้างผลิตผลงาน ตามแบบอย่างการประกอบวิชาชีพหรือการบริการด้านศิลปกรรม<br />
5.2. มีทักษะในการสื่อสาร การสื่อความหมายและการถ่ายทอดความคิดสร้างสรรค์ ด้วยการใช้ภาษาสัญลักษณ์ทั้งที่เป็นรูปธรรมและนามธรรม รูปแบบ และในผลงานที่สร้างสรรค์ไทยและภาษาต่างประเทศอย่างมีประสิทธิภาพและทราบกาละเทศะทั้งแบบโดยตรงและโดยอ้อม<br />
5.3. มีทักษะในการติดต่อสื่อสารทั้งทางการสนทนา การฟัง การอ่าน การแปล การเขียนสรุปประเด็นความคิด และการนำเสนอผลงานตามกระบวนการและขั้นตอนการสร้างสรรค์ ด้วยภาษาไทยและหรือภาษาสากล เพื่อการติดต่อประสานงานกับผู้เกี่ยวข้องด้านการวางแผน อำนวยการ การบริหารจัดการงานในสายงานการผลิต การจัดจำหน่ายและหรือการบริการ ได้เหมาะสมกับความรับผิดชอบของภาระงาน<br />
5.4.มีทักษะการใช้งานระบบคอมพิวเตอร์เทคโนโลยีสารสนเทศอย่างเหมาะสมและร่วมสมัย รู้จักปรับประยุกต์ใช้ เพื่อการส่งเสริมสนับสนุนกระบวนการคิด กระบวนการสร้างสรรค์ กระบวนการนำเสนอและเผยแผ่ได้อย่างเหมาะสมและอย่างมีประสิทธิภาพสูงสุด<br />
<br />
<br />
6.ทักษะปฏิบัติการทางวิชาชีพศิลปกรรม ที่ต้องการพัฒนา<br />
6.1 มีทักษะฝีมือ ความถนัดและความชำนาญพิเศษทางศิลปกรรม ในศาสตร์สาขาหรือรายวิชาเฉพาะที่สนใจศึกษาเชิงลึก สามารถร้างสรรค์ผลงานตามประเภทงานวิจิตรศิลป์และประยุกต์ศิลป์<br />
6.2 มีทักษะและประสบการณ์การใช้งานเทคโนโลยีคอมพิวเตอร์และซอฟท์แวร์ เพื่อสนับสนุนกระบวนการคิดออกแบบ เขียนแบบ กระบวนการผลิตและกระบวนหลังการผลิต โดยสามารถปรับประยุกต์ใช้สร้างสรรค์ผลงานและบูรณาการได้หลากหลายระบบตามศักยภาพและความพร้อม<br />
6.3 มีทักษะในการนำเสนอรายงาน การจัดแสดงผลงานและสร้างแฟ้มสะสมผลงานโดยใช้รูปแบบ วิธีการเครื่องมือ และระบบเทคโนโลยีสารสนเทศที่เหมาะสม<br />
6.4 มีทักษะในการออกแบบ ปฏิบัติ พัฒนา และนำเสนอ โครงงาน การพัฒนาทักษะวิชาชีพตามความสนใจ ความถนัด และตามวิถีระบบเศรษฐกิจสร้างสรรค์<br />
<br />
<br />
โดย <a href="http://prachid.com/">ผศ.ประชิด ทิณบุตร</a></div>เที่ยวกะดินhttp://www.blogger.com/profile/03307458448271888599noreply@blogger.com0tag:blogger.com,1999:blog-4198418876032075349.post-2564341726449095802012-02-02T20:49:00.000-08:002012-02-02T20:49:18.639-08:00สุปงาน ฟอนต์ลายมือ CRU- janonkas Version1.00<div><object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" style="width:420px;height:297px" id="ce72a970-f153-e4b1-d64a-bae780c439c6" ><param name="movie" value="http://static.issuu.com/webembed/viewers/style1/v2/IssuuReader.swf?mode=mini&backgroundColor=%23222222&documentId=120203043949-94a4a333f39e445db81dc5da7519a835" /><param name="allowfullscreen" value="true"/><param name="menu" value="false"/><param name="wmode" value="transparent"/><embed src="http://static.issuu.com/webembed/viewers/style1/v2/IssuuReader.swf" type="application/x-shockwave-flash" allowfullscreen="true" menu="false" wmode="transparent" style="width:420px;height:297px" flashvars="mode=mini&backgroundColor=%23222222&documentId=120203043949-94a4a333f39e445db81dc5da7519a835" /></object><div style="width:420px;text-align:left;"><a href="http://issuu.com/janonkas/docs/janonkas_font?mode=window&backgroundColor=%23222222" target="_blank">Open publication</a> - Free <a href="http://issuu.com" target="_blank">publishing</a> - <a href="http://issuu.com/search?q=arti3319" target="_blank">More arti3319</a></div></div>เที่ยวกะดินhttp://www.blogger.com/profile/03307458448271888599noreply@blogger.com0tag:blogger.com,1999:blog-4198418876032075349.post-87439310810911573862012-02-02T01:51:00.000-08:002012-02-02T01:51:29.453-08:00สัปดาห์ที่ 8สัปดาห์ สอบกลางภาค<br />
<div>1.แนะนำแนวทางการเรียนในสัปดาห์ต่อไป </div><div>2.ดูตัวอย่างการออกแบบเว็บไชต์จากเว็บออกแบบเว็บไชต์สำหรับการออกแบบเว็บ</div><div>3.ให้ไปปรับเปลี่ยน blogger ให้เป็นพื้อนหลังเดียวกัน</div><div><div class="separator" style="clear: both; text-align: center;"><a href="http://1.bp.blogspot.com/-C2EOZsat91Y/TypccnjFaZI/AAAAAAAAA2M/zBgamNsSoUE/s1600/15.JPG" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="177" src="http://1.bp.blogspot.com/-C2EOZsat91Y/TypccnjFaZI/AAAAAAAAA2M/zBgamNsSoUE/s320/15.JPG" width="320" /></a></div><div class="separator" style="clear: both; text-align: center;">ภาพแสดงหน้าเว็บบล๊อคของผู้สอน </div><br />
</div>เที่ยวกะดินhttp://www.blogger.com/profile/03307458448271888599noreply@blogger.com0tag:blogger.com,1999:blog-4198418876032075349.post-42210541777274929132012-02-02T01:45:00.000-08:002012-02-02T01:45:56.986-08:00สัปดาห์ที่ 7สรุปผลการเรียนรู้รายสัปดาห์ ประจำสัปดาห์ที่ 7<br />
<br />
<ol><li>สรุปงานออกแบบฟอนต์ลายมือ </li>
<li>ชี้แจงแนวทางการเรียนการสอนในสัปดาห์ต่อไป โดยสรุปผลโดยการเปลี่ยนเป็นการเรียน ออกแบบเว็บไซต์</li>
<li>สมัครสมาชิกเข้าระบบ <a href="http://chandraonline.chandra.ac.th/dokeos/index.php">http://chandraonline.chandra.ac.th/dokeos/index.php</a> เพื่อใช้ในการสอบ</li>
</ol><br />
<div class="separator" style="clear: both; text-align: center;"><br />
</div><a href="http://1.bp.blogspot.com/-b5hoUkNESmo/TypY5IB8FxI/AAAAAAAAA18/eXFI4qF71cU/s1600/13.JPG" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="115" src="http://1.bp.blogspot.com/-b5hoUkNESmo/TypY5IB8FxI/AAAAAAAAA18/eXFI4qF71cU/s200/13.JPG" width="200" /></a><br />
<span style="font-size: x-small;">ภาพที่ 1 แสดง หน้า</span><br />
<div class="" style="clear: both; text-align: left;"><span style="text-align: -webkit-auto;">4. แนะนำแหล่งความรู้เพื่อใช้ในการอ่านสอบ ทาง tyesdesign.blogsot.com</span></div><div class="" style="clear: both; text-align: left;"><span style="text-align: -webkit-auto;">5. สอนการปรับตั้งค่าเกี่ยวกับฟอนต์เพิ่มเติม</span></div><a href="http://2.bp.blogspot.com/-8_fHBMMY-lI/TypZCpSL31I/AAAAAAAAA2E/3drwbBrwG8U/s1600/14.JPG" imageanchor="1" style="clear: right; margin-bottom: 1em; margin-left: 1em; text-align: center;"><img border="0" height="186" src="http://2.bp.blogspot.com/-8_fHBMMY-lI/TypZCpSL31I/AAAAAAAAA2E/3drwbBrwG8U/s200/14.JPG" width="200" /></a> <br />
<span style="font-size: x-small;">ภาพที่ 2 แสดง ส่วนของการปรับตั้งค่าฟอนต์</span>เที่ยวกะดินhttp://www.blogger.com/profile/03307458448271888599noreply@blogger.com0tag:blogger.com,1999:blog-4198418876032075349.post-62068827269019684122012-02-02T00:47:00.001-08:002012-02-02T00:47:16.389-08:00รายงานข่าวหน้า ห้อง Augmented Reality (AR)Abstract<br />
Augmented reality technology is becoming an integral part of our daily activities, with widespread penetration in various application domains including arts, medicine, education, and commerce. The purpose of this article to discuss the augmented reality technology. The article presents the potential utility and visibility of augmented reality in various businesses, and the article compares augmented reality and virtual reality. This article discusses mobile augmented reality and trend of augmented reality in the future<br />
<br />
<br />
เทคโนโลยีเสมือนจริงได้ถูกรวมเข้าไปเป็นส่วนหนึ่งในกิจกรรมประจำวัน มีการนำไปประยุกต์ใช้อย่างแพร่หลายในด้านต่างๆ ทั้งด้านศิลปะ การแพทย์การศึกษา และการพาณิชย์<br />
Augmented Reality (AR)<br />
AR หรือ Augmented Reality เป็นเทคโนโลยีสมัยล้้าปี 2010 ซึ่งเป็นเทคโนโลยีที่ผสานเอาโลกแห่งความเป็นจริง (Real) เข้ากับโลกเสมือน (Virtual) โดยผ่านทางอุปกรณ์ Webcam, กล้องมือถือ ,Computer รวมกับการใช้ software ต่างๆ ซึ่งจะท้าให้ภาพที่เห็นในจอภาพจะเป็น object (คน,สัตว์,สิ่งของ,สัตว์ประหลาด,ยานอวกาศ) 3 มิติ ซึ่งมีมุมมองถึง 360 องศากันเลยทีเดียว<br />
<br />
หลักการทำงาน ของระบบนี้นะครับ คอมพิวเตอร์จะรับภาพจริงจากกล้อง และคำนวนหาตำแหน่งของตัวละคร โดยใช้กระดาษสี่เหลี่ยม ที่มีสัญลักษณ์พิเศษ(แค่กระดาษจริงๆ) และทำการสร้างตัวละคร สามมิติขึ้นมาซับทับ โดยภาพที่ได้ยังมองผ่าน จอมอมิเตอร์อีกที่ และเห็นว่ากล้องจะขยับอย่างไงก้อ ยังเห็นตัวละครอยู่ที่เดิม เหมือนมีอยู่จริง<br />
บทนำ<br />
เทคโนโลยีความจริงเสมือน (Virtual Reality: VR) เป็นวิวัฒนาการของ<br />
เทคโนโลยีที่เริ่มจากการวิจัยและพัฒนาเทคโนโลยีสาำหรับการทหารและจำาลองการบินของประเทศสหรัฐอเมริกา ระหว่างปีค.ศ. 1960-1969 ปัจจุบันเทคโนโลยีความจริงเสมือนได้มีการพัฒนาอย่างต่อเนื่อง และได้นำามาประยุกต์ใช้กับงานด้านต่างๆ อาทิด้านวิศวกรรม ด้านวิทยาศาสตร์การแพทย์ด้านบันเทิง เป็นต้น และมี<br />
การแบ่งประเภทของระบบความจริงเสมือนตามพื้นฐานวิธีที่ติดต่อกับผู้ใช้(วัฒนา, 2551) ดังนี้<br />
1)DesktopVR หรือ Window on WorldSystems (WoW) เป็นระบบความจริงเสมือนที่ใช้จอภาพของคอมพิวเตอร์ในการแสดงผล<br />
2) Video Mapping เป็นการนำาวิดีโอมาเป็นอุปกรณ์หรือเครื่องมือนำาเข้าข้อมูลของผู้ใช้และใช้กราฟิกคอมพิวเตอร์นำาเสนอการแสดงผลในโมเดลแบบสองมิติหรือสามมิติโดยผู้ใช้จะเห็นตัวเองและเปลี่ยนแปลงตัวเองจากจอภาพ<br />
3) Immersive Systems เป็นระบบความจริงเสมือนสำาหรับผู้ใช้ส่วนบุคคล โดยผู้ใช้นำาอุปกรณ์ประเภทจอภาพสวมศีรษะ (HMD)ได้แก่ หมวกเหล็กหรือหน้ากากมาใช้จำาลองภาพและการได้ยิน<br />
4) Telepresence เป็นระบบเสมือนจริงที่มีการนำาอุปกรณ์ตรวจจับสัญญาณระยะไกลที่อาจติดตั้งกับหุ่นยนต์เชื่อมต่อการใช้งานกับผู้ใช้<br />
5) Augmented / Mixed Reality Systems เป็นการผสมผสานระหว่าง Telepresence ระบบความจริงเสมือน และเทคโนโลยีภาพเพื่อสร้างสิ่งที่เสมือนจริงให้กับผู้ใช้<br />
เทคโนโลยีเสมือนจริง (Augmented Reality: AR) เป็นประเภทหนึ่งของเทคโนโลยีความจริงเสมือนที่มีการนำาระบบความจริง<br />
เสมือนมาผนวกกับเทคโนโลยีภาพเพื่อสร้างสิ่งที่เสมือนจริงให้กับผู้ใช้และเป็นนวัตกรรมหรือเทคโนโลยีที่มีมาตั้งแต่ปีค.ศ. 2004 จัดเป็นแขนงหนึ่งของงานวิจัยด้านวิทยาการคอมพิวเตอร์ ว่าด้วยการเพิ่มภาพเสมือนของโมเดลสามมิติที่สร้างจากคอมพิวเตอร์ลงไปในภาพที่ถ่ายมาจากกล้องวิดีโอเว็บแคมหรือกล้องในโทรศัพท์มือถือแบบเฟรมต่อเฟรมด้วยเทคนิคทางด้านคอมพิวเตอร์กราฟิกปัจจุบันเทคโนโลยีเสมือนจริงถูกนำามาประยุกต์ใช้กับธุรกิจต่างๆ ไม่ว่าจะเป็นด้านอุตสาหกรรม การแพทย์การตลาด การบันเทิง การสื่อสาร โดย<br />
ใช้เทคโนโลยีความจริงเสมือนมาผนวกเข้ากับเทคโนโลยีภาพผ่านซอฟต์แวร์และอุปกรณ์เชื่อมต่อต่างๆ และแสดงผลผ่านหน้าจอคอมพิวเตอร์หรือบนหน้าจอโทรศัพท์มือถือ ทำาให้ผู้ใช้สามารถนำาเทคโนโลยีเสมือนจริงมาใช้กับการทำางานแบบออนไลน์ที่สามารถโต้ตอบได้ทันทีระหว่ างผู้ใช้กับสินค้าหรืออุปกรณ์ต่ อเชื่ อมแบบเสมือนจริงของโมเดลแบบสามมิติที่มีมุมมองถึง 360 องศา โดยผู้ใช้ไม่จำาเป็นต้องไปสถานที่จริง<br />
จัดแบ่งชนิดของเทคนิคเพิ่มความเสมือนจริง (AR) ออกเป็น<br />
4 ชนิด สิ่งนั้นสามารถแยกชนิดได้ ดังนี้<br />
1.Optical See-Through AR ผู้ใช้เห็นชัดเจนด้วย Head-mounted display (ผู้ใช้จะต้องสวมหมวกที่มีจอภาพไว้บนศีรษะ) เพื่อแสดงสิ่งแวดล้อมเสมือนได้ (VE) โดยตรงมากกว่า<br />
โลกจริง<br />
2.Projector Based AR ใช้วัตถุโลกจริงเช่นเดียวกับการออกแบบพื้นผิวส้าหรับ VE3.Video See-Through AR ใช้ HMD ทึบแสงในการแสดงผสมผสานกับวิดีโอของ VE และมองจากล้องถ่ายรูปบน HMD<br />
4.Monitor-Based AR ใช้ผสมผสานกับวิดีโอสตรีมแต่การแสดงน่าติดตามมากกว่าปกติหรือจับสิ่งแสดงได้ Monitor-Based AR คือความเป็นไปได้ยากเล็กน้อยที่จะติดตั้งเพราะมันจ้ากัดเนื้อหา HMD<br />
<div class="separator" style="clear: both; text-align: center;"><a href="http://1.bp.blogspot.com/-sVVlx5tIsmE/TypESnuWN9I/AAAAAAAAA0A/Ad32-V5xIeU/s1600/2.jpg" imageanchor="1" style="clear: right; float: right; margin-bottom: 1em; margin-left: 1em;"><img border="0" height="146" src="http://1.bp.blogspot.com/-sVVlx5tIsmE/TypESnuWN9I/AAAAAAAAA0A/Ad32-V5xIeU/s200/2.jpg" width="200" /></a><a href="http://4.bp.blogspot.com/-Lv-GP2GHarc/TypESVn6NkI/AAAAAAAAAz0/LgTyZCPS660/s1600/1.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="146" src="http://4.bp.blogspot.com/-Lv-GP2GHarc/TypESVn6NkI/AAAAAAAAAz0/LgTyZCPS660/s200/1.jpg" width="200" /></a></div><br />
<br />
<b>แนวคิดหลักของเทคโนโลยีเสมือนจริง</b><br />
คือการพัฒนาเทคโนโลยีที่ผสานเอาโลกแห่งความเป็นจริงและความเสมือนจริงเข้าด้วยกันผ่านซอฟต์แวร์และอุปกรณ์เชื่อมต่อต่างๆ เช่นเว็บแคมคอมพิวเตอร์หรืออุปกรณ์อื่นที่เกี่ยวข้อง ซึ่งภาพเสมือนจริงนั้นจะแสดงผลผ่านหน้าจอคอมพิวเตอร์หน้าจอโทรศัพท์มือถือบนเครื่องฉายภาพ หรือบนอุปกรณ์แสดงผลอื่นๆ โดยภาพเสมือนจริงที่ปรากฏขึ้นจะมีปฏิสัมพันธ์กับผู้ใช้ได้ทันทีทั้งในลักษณะที่เป็นภาพนิ่งสามมิติภาพเคลื่อนไหว หรืออาจจะเป็นสื่อที่มีเสียงประกอบขึ้นกับการออกแบบสื่ อแต่ ละรูปแบบว่ าให้ออกมาแบบใด โดยกระบวนการภายในของเทคโนโลยีเสมือนจริง ประกอบด้วย 3กระบวนการ ได้แก่<br />
• การวิเคราะห์ภาพ (Image Analysis) เป็นขั้นตอนการค้นหา Marker จากภาพที่ได้จากกล้องแล้วสืบค้นจากฐานข้อมูล(Marker Database) ที่มีการเก็บข้อมูลขนาดและรูปแบบของMarker เพื่อนำามาวิเคราะห์รูปแบบของ Marker<br />
• การคำานวณค่าตำาแหน่งเชิง 3 มิติ(Pose Estimation)ของ Marker เทียบกับกล้อง<br />
• กระบวนการสร้างภาพสองมิติจากโมเดลสามมิติ(3DRendering) เป็นการเพิ่มข้อมูลเข้าไปในภาพ โดยใช้ค่าตำาแหน่งเชิง 3 มิติที่คำานวณได้จนได้ภาพเสมือนจริง<br />
<div class="separator" style="clear: both; text-align: center;"></div><br />
<b>เทคโนโลยีเสมือนจริงสามารถแบ่งประเภทตามส่วน</b><br />
วิเคราะห์ภาพ (Image Analysis) เป็น 2 ประเภท ได้แก่ การ<br />
วิเคราะห์ภาพโดยอาศัย Marker เป็นหลักในการทำางาน (Markerbased AR) และการวิเคราะห์ภาพโดยใช้ลักษณะต่างๆ ที่อยู่ในฃภาพมาวิเคราะห์(Marker-less basedARหลักการของเทคโนโลยีเสมือนจริง ประกอบด้วย<br />
1. ตัว Marker (หรือที่เรียกว่า Markup)<br />
2. กล้องวิดีโอ กล้องเว็บแคม กล้องโทรศัพท์มือถือ หรือตัวจับSensor อื่นๆ<br />
3. ส่วนแสดงผลอาจเป็นจอภาพคอมพิวเตอร์หรือจอภาพโทรศัพท์มือถือ หรืออื่นๆ<br />
4. ซอฟต์แวร์หรือส่วนประมวลผลเพื่อสร้างภาพหรือวัตถุแบบสามมิติ<br />
พื้นฐานหลักของ AR จำาเป็นต้องรวบรวมหลักการของการ<br />
ตรวจจับการเคลื่อนไหว (Motion Detection) การตรวจจับการเต้นหรือการเคาะ (Beat Detection) การจดจำาเสียง (VoiceRecognize) และการประมวลผลภาพ(ImageProcessing) โดยนอกจากการตรวจจับการเคลื่อนไหวผ่าน Motion Detect แล้วการตอบสนองบางอย่างของระบบผ่านสื่อนั้น ต้องมีการตรวจจับเสียงของผู้ใช้และประมวลผลด้วยหลักการ Beat Detection เพื่อให้เกิดจังหวะในการสร้างทางเลือกแก่ระบบ เช่น เสียงในการสั่งให้ตัว Interactive Media ทำางาน ทั้งนี้การสั่งการด้วยเสียงจัดว่าเป็นAR และในส่วนของการประมวลผลภาพนั้นเป็นส่วนเสริมจากงานวิจัยซึ่งเป็นส่วนย่อยของ AR เพราะเน้นไปที่การทำางานของปัญญาประดิษฐ์(Artificial Intelligent:AI) ในการสื่ออารมณ์กับผู้ใช้บริการผ่านสีและรูปภาพ<br />
<br />
<b>ระบบเสมือนเสริมบนโทรศัพท์มือถือ</b><br />
โทรศัพท์มือถืออัจฉริยะหรือสมาร์ทโฟน (Smart Phone)<br />
ถือเป็นจุดเปลี่ยนแนวคิดทางการตลาดของการโฆษณา เพราะด้วยระบบเสมือนจริงบนโทรศัพท์มือถือ(MobileAR)ทำาให้ผู้ใช้สามารถรับข้อมูลหรือข่าวสารได้ทันทีตามคุณลักษณะของซอฟต์แวร์หรือโปรแกรมต่างๆ ที่อยู่ในโทรศัพท์มือถือ แบบที่ผู้ใช้สามารถพกพาได้อย่างสะดวก<br />
ระบบเสมือนจริงบนโทรศัพท์มือถือจัดเป็นเทคโนโลยี<br />
เสมือนจริงที่ใช้งานบนโทรศัพท์มือถือ ทำาให้หน้าจอของโทรศัพท์มือถือแสดงข้อมูลต่างๆ ที่ได้รับจากเครือข่ายอินเทอร์เน็ต ทั้งนี้โทรศัพท์มือถือที่สามารถใช้ระบบเสมือนจริงได้ต้องมีคุณสมบัติของ<br />
เครื่อง ดังนี้<br />
•กล้องถ่ายรูป<br />
•GPS ที่ สามารถระบุ พิกัดตำาแหน่ งและเชื่อมต่ออินเทอร์เน็ตได้<br />
•เข็มทิศดิจิตอลในเครื่อง<br />
สำาหรับโทรศัพท์มือถือที่รองรับเทคโนโลยีนี้ได้มีหลายยี่ห้อ<br />
อาทิiPhone3GS และมือถือที่มีระบบปฏิบัติการแอนดรอยด์เช่นHTC G1, HTC HERO, HTC DROID เป็นต้น<br />
การประยุกต์ใช้เทคโนโลยีเสมือนจริงจากอดีตจนถึงปัจจุบันมีการประยุกต์ใช้เทคโนโลยีเสมือนจริงเข้ากับชีวิตประจำาวัน เช่น<br />
• การประยุกต์ใช้ในอุตสาหกรรมเช่นอุตสาหกรรมสร้างเครื่ องบิน อุตสาหกรรมผลิตรถยนต์ โดยบริษัท BMW ได้ใช้เทคโนโลยีเสมือนจริงมาช่วยในการผลิต โดยให้ผู้ใช้ได้เรียนรู้การทำางานด้วยการใส่แว่นตาที่จะมีคำาแนะนำาและจำาลองการทำางานแสดงให้เห็นแต่ละขั้นตอนก่อนปฏิบัติจริงแบบ 3 มิติ<br />
<div class="separator" style="clear: both; text-align: center;"><a href="http://1.bp.blogspot.com/-HTXKbpLQOGc/TypE3gZKvCI/AAAAAAAAA0Y/M4yXM2Z9FD8/s1600/4.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="123" src="http://1.bp.blogspot.com/-HTXKbpLQOGc/TypE3gZKvCI/AAAAAAAAA0Y/M4yXM2Z9FD8/s200/4.jpg" width="200" /></a></div><br />
<div style="text-align: center;"><span style="font-size: x-small;">ภาพที่ 3 : แสดงการประยุกต์ใช้เทคโนโลยีเสมือนจริงในอุตสาห-กรรมผลิตรถยนต์ของบริษัท BMW</span></div><div style="text-align: center;"><span style="font-size: x-small;">ที่มา: http://www.designboom.com/weblog/cat/23/view/7473/bmw-augmented-car-repairs.htm</span></div><div class="separator" style="clear: both; text-align: center;"><a href="http://2.bp.blogspot.com/-1bhVxUvs-Lg/TypFB_R-yKI/AAAAAAAAA0k/rT6Nhgt9uak/s1600/5.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="75" src="http://2.bp.blogspot.com/-1bhVxUvs-Lg/TypFB_R-yKI/AAAAAAAAA0k/rT6Nhgt9uak/s200/5.jpg" width="200" /></a></div><br />
<div style="text-align: center;"><span style="font-size: x-small;">ภาพที่4: แสดงการประยุกต์ใช้เทคโนโลยีเสมือนจริงจำาลองการผ่าตัดผ่านระบบARI*SER</span></div><div style="text-align: center;"><span style="font-size: x-small;">ที่มา: http://www.nectec.or.th/index.php?option=com_content&view=article&id=289:image-processing&catid=40:technologynews&Itemid=16</span></div>การประยุกต์ใช้ทางด้านการแพทย์เช่น การเรียบเรียงหลักการประยุกต์ใช้ภาพเสมือนจริงทางการแพทย์โดยการเพิ่มตัวต่อประสานระบบสัมผัสภาพ 3 มิติเพื่อเพิ่มความสมจริงในการรักษา และให้นักศึกษาแพทย์ได้ใช้เครื่องมือแพทย์รักษาหรือผ่าตัดผู้ป่วยแบบไม่ต้องสัมผัสกับผู้ป่วยจริง มีการนำาเทคโนโลยีเสมือนจริงจำาลองการผ่าตัดผ่านระบบ ARI*SER โดยทางมหาวิทยาลัยแพทยศาสตร์ Ganz ได้แปลงให้เป็นระบบจำาลองการผ่าตัดตับ<br />
<div class="separator" style="clear: both; text-align: center;"><a href="http://4.bp.blogspot.com/-bgVL5xHxpO8/TypFP7MscWI/AAAAAAAAA0w/xggfWKXGCHk/s1600/6%2Bcopy.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="123" src="http://4.bp.blogspot.com/-bgVL5xHxpO8/TypFP7MscWI/AAAAAAAAA0w/xggfWKXGCHk/s200/6%2Bcopy.jpg" width="200" /></a></div><br />
<div style="text-align: center;"><span style="font-size: x-small;">ภาพที่ 5 : แสดงการประยุกต์ใช้เทคโนโลยีเสมือนจริงในการซื้อขายทางการเงินด้วยเทคโนโลยีCYBERII</span></div><div style="text-align: center;"><span style="font-size: x-small;">ที่มา:http://www.emeraldinsight.com/1741-0398.htm</span></div>การประยุกต์ใช้ทางด้านธุรกิจ เช่น การใช้เทคโนโลยีเสมือนจริงกับการซื้อขายทางการเงินด้วยเทคโนโลยีCYBERII โดยระบบสามารถให้ผู้ใช้งานกำาหนดบทบาทของตัวแทนจำหน่าย(FinanceDealer) ในสภาพแวดล้อมเสมือนที่สามารถเสนอราคาในการซื้อขาย โดยใช้ลูกบอลสีเหลืองแสดงราคาซื้อและลูกบอลสีแดงแสดงราคาขาย ทำาให้ผู้ใช้สามารถจำาลองการซื้อขายทางการเงินได้เสมือนจริง<br />
<div class="separator" style="clear: both; text-align: center;"><a href="http://1.bp.blogspot.com/-Ks2n5PNzj88/TypFdAqcVpI/AAAAAAAAA08/meij5Zyenm4/s1600/7%2Bcopy.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="133" src="http://1.bp.blogspot.com/-Ks2n5PNzj88/TypFdAqcVpI/AAAAAAAAA08/meij5Zyenm4/s200/7%2Bcopy.jpg" width="200" /></a></div><br />
<div style="text-align: center;"><span style="font-size: x-small;">ภาพที่ 6 : แสดงการประยุกต์ใช้เทคโนโลยีเสมือนจริงในงานThe World Exposition Shanghai China</span></div><div style="text-align: center;"><span style="font-size: x-small;">ที่มา: http://www.thailandexpo2010.com/th/pavilion/room2.php</span></div>การประยุกต์กับการสั่งซื้อสินค้าออนไลน์เช่น บริษัทชิเซโด้นำาเทคโนโลยีเสมือนจริงมาใช้ผ่านกระจก<br />
ดิจิตอลเพื่อจำาลองการทดสอบในการแต่งหน้าว่าเหมาะกับลูกค้าหรือไม่ โดยระบบจะซ้อนภาพส่ วนของการแต่ งหน้าขึ้นไปบนใบหน้าจริงที่ปรากฎบนหน้าจอในลักษณะของการเปรียบเทียบให้เห็นทั้งก่อนแต่งหน้าและหลังแต่งหน้า ในการใช้งานจะให้ลูกค้านั่งลงตรงหน้าเครื่องแล้วให้กล้องสแกน จากนั้นระบบจะวิเคราะห์สีผิว องค์ประกอบต่างๆ ตลอดจนรูปใบหน้า เพื่อแนะนำาว่าควรเลือกแต่งหน้าและเลือกใช้เครื่องสำาอางใด โดยสามารถแสดงผลการแต่งหน้าได้ทันทีและสามารถสั่งพิมพ์ภาพใบหน้าก่อนและหลังแต่ง พร้อมข้อมูลเกี่ยวกับผลิตภัณฑ์เครื่องสำาอางที่ต้องใช้ เพื่อเลือกซื้อตามรายการที่เลือกไวบริษัท Tissot ให้ลูกค้าสามารถลองสินค้าผ่านหน้าจอคอมพิวเตอร์ที่มีเว็บแคม โดยลูกค้าจะเลือกรหัสสินค้า หรือรุ่นที่ลูกค้าต้องการ ทำาให้ลูกค้าได้ลองสินค้าเสมือนจริงผ่านเทคโนโลยีAR จนได้สินค้าที่ถูกใจก่อนสั่งซื้อสินค้าสำาหรับMobileARมีการนำาเสนอการแต่งบ้านด้วยมือถือจากIKEAที่ทำาให้ลูกค้าเป็นสถาปนิกด้วยตัวเอง โดยไม่ต้องเสียเงินเพียงแค่ใช้โทรศัพท์มือถือแล้วเลือกรูปสินค้าในหมวดIKEAPSจากนั้นกดถ่ายรูป และเลื่อนตำาแหน่งโทรศัพท์มือถือไปถ่ายในมุมที่ต้องการวางเฟอร์นิเจอร์ จะเห็นมุมห้องที่มีเฟอร์นิเจอร์ตามที่เลือกไว้โดยสามารถบันทึกภาพและส่งต่อให้เพื่อนผ่าน MMS ได้<br />
<br />
ที่มา: api.ning.com/files/.../AugmentedRealit1.pdfเที่ยวกะดินhttp://www.blogger.com/profile/03307458448271888599noreply@blogger.com0tag:blogger.com,1999:blog-4198418876032075349.post-6263775450232153562012-02-02T00:46:00.001-08:002012-02-02T00:46:22.148-08:00เทคโนโลยี VIRTUALSTUDIO งาน BOI FAIR 2011<span id="internal-source-marker_0.7709723717998713" style="font-family: inherit;"><span style="font-weight: bold; vertical-align: baseline; white-space: pre-wrap;"><br class="Apple-interchange-newline" />บทนำ</span><br />
<span style="vertical-align: baseline; white-space: pre-wrap;">การแสดงนิทรรศการ“บีโอไอแฟร์2011”นั้นเป็นการแสดงเทคโนโลยีและนวัตกรรมของบริษัทชั้นนำที่ลงทุนในประเทศไทย ซึ่งสะท้อนให้เห็นถึงความเชื่อมั่นด้านการลงทุน ของนักลงทุนทั้งไทยและต่างประเทศ นอกจากนี้ยังเป็นเวทีในการเผยแพร่การดำเนินงานเกี่ยวกับความรับผิดชอบต่อสังคมและการดูแลรักษาและฟื้นฟูสิ่งแวดล้อมของภาคอุตสาหกรรมรวมทั้งเป็นเวทีให้ผู้ประกอบการจากทั่วโลกได้มีโอกาสพบปะเจรจาธุรกิจและสร้างเครือข่ายซึ่งจะช่วยกระตุ้นเศรษฐกิจตลอดจนสร้างความเชื่อมั่นในเศรษฐกิจไทยและเสริมสร้างภาพลักษณ์ที่ดีต่อประเทศด้วย</span><br />
<span style="vertical-align: baseline; white-space: pre-wrap;"></span><br />
<span style="font-weight: bold; vertical-align: baseline; white-space: pre-wrap;">แนวคิดในการจัดงาน</span><br />
<span style="vertical-align: baseline; white-space: pre-wrap;">แนวคิดหลักของงาน “บีโอไอแฟร์ 2011” ภายใต้ รวมพลังน้ำใจ “โลกสดใส ไทยยั่งยืน” หรือ “Going Green fortheFuture”จะสอดคล้องกับทิศทางการพัฒนาของประเทศให้เจริญเติบโตทั้งทางด้านเศรษฐกิจสังคมและสิ่งแวดล้อมเพื่อให้สังคมไทยก้าวไปสู่สังคมที่มีความสุขและมีการพัฒนาอย่างยั่งยืนบนพื้นฐานหลักปรัชญาของเศรษฐกิจพอเพียงการออกแบบพื้นที่ของงานจะสะท้อนให้เห็นถึงความเหนื่อยยากของพระบาทสมเด็จพระเจ้าอยู่หัวที่ทรงปฏิบัติพระราชกรณียกิจมากมายเพื่อให้ประชาชนชาวไทยอยู่อย่างร่มเย็นเป็นสุขสถาปัตยกรรมจะจัดวางอยู่บนทะเลสาบจะเป็นสัญลักษณ์ที่สื่อถึงหยาดพระเสโทของพระองค์ขณะทรงปฏิบัติพระราชกรณียกิจทั่วทุกหนแห่งบนผืนแผ่นดินไทย</span><br />
<span style="vertical-align: baseline; white-space: pre-wrap;"></span><br />
<b><span style="vertical-align: baseline; white-space: pre-wrap;"></span></b><span style="font-weight: bold; vertical-align: baseline; white-space: pre-wrap;">VIRTUAL STUDIO</span><br />
<span style="vertical-align: baseline; white-space: pre-wrap;"></span></span><br />
<div dir="ltr" style="font-weight: bold; margin-bottom: 0pt; margin-top: 0pt; text-align: justify;"><span id="internal-source-marker_0.7709723717998713"><span style="font-family: inherit; font-weight: normal; vertical-align: baseline; white-space: pre-wrap;">รู้จักกับVIRTUALSTUDIOเป็นการสือสารผ่านหน้าจอโทรทัศน์วิดีโอซึ่งเป็นแนวทางใหม่ให้กับบริษัทหรือองค์กรในรูปแบบของที่ต้องการเผยนำเสนองานออกแบบวิดีโอและงานโทรทัศน์การทำงานของระบบนี้หากมองแต่ภายนอกนั้นจะเห็นแค่ฉากสีเขียวอย่างดียวเท่านั้นโดยตัวละครหรือตัวประกอบภายนอกจะใช้เทคนิดจากvirtualstudioเข้ามาใช้โดยสามารถนำเสนอผ่านทางฉากสีเขียวเพียงแค่นำตัวละครที่จะทำประประกอบเข้ากับฉากนั้นตัดต่อเข้าไปข้างในฉากสีเขียวนั้นและข้างในฉากสีเขียวนั้นเราสามารถสร้างสรรค์งานสามมิติได้เสมือนจริงสร้างงานกราฟฟิกได้อยากหลากหลายโดยในการทำงานเกี่ยวกับระบบนี้จะมีงานกราฟฟิกเข้าไปเกี่ยวข้องในการสร้างถาพสตูดิโอเพื่อใช้ประกอบฉากนั้นเอง</span></span></div><div dir="ltr" style="font-weight: bold; margin-bottom: 0pt; margin-top: 0pt; text-align: justify;"><span id="internal-source-marker_0.7709723717998713"><span style="font-family: inherit; font-weight: normal; vertical-align: baseline; white-space: pre-wrap;"> นอกจากนี้ยังสามรถเพิ่มโลโก้สัญลักษณ์ตัวการ์ตูนสภาพแวดล้อมแบบต่างๆได้ไม่ซ้ำแต่ที่สำคัญคือการที่ระบบนี้สามรถนำตัวคนจริงๆมาอยู่ในสภาพแวดล้อมที่เป็นสามมิติได้นั้นเองการถ่ายทำนั้นเป็นการถ่ายทำแบบเรียลไทม์คือการนำเสนอรายการสดตามเวลาจริงต้องมีผู้ควบคุมอยู่ตลอดขณะทำรายการเพื่อให้เป็นหลักในการแก้ไขเปลี่ยนฉากเป็นเทคโนโลยีที่มีคุณภาพสูงแต่ราคาต้นทุนต่ำเหมาะที่จะนำไปใช้กับทุกๆธุรกิจที่สามรถสร้างงานออกอากาศที่เป็นวิดิโอที่มีคุณภาพร่วมกับลูกค้า พนักงาน ผู้ถือห้น หรือผู้ชมผ่านหน้าจอดโทรทัศน์</span></span></div><div dir="ltr" style="font-weight: bold; margin-bottom: 0pt; margin-top: 0pt; text-align: justify;"><span id="internal-source-marker_0.7709723717998713"><span style="font-family: inherit; font-weight: normal; vertical-align: baseline; white-space: pre-wrap;"><br />
</span></span></div><div><span id="internal-source-marker_0.7709723717998713" style="font-family: inherit;"><b id="internal-source-marker_0.7709723717998713"></b></span><br />
<div dir="ltr" style="margin-bottom: 0pt; margin-top: 0pt; text-align: center;"><span id="internal-source-marker_0.7709723717998713" style="font-family: inherit;"><b id="internal-source-marker_0.7709723717998713"><span style="vertical-align: baseline;">แนวโน้มในอนาคตvirtualstudioกับงานออกแบบ</span><span style="font-weight: normal; vertical-align: baseline;">ภายในอนาคตภาคธุรกิจและสื่อต่างๆต้องให้ความสำคัญหรืออาจกลายเป็นบรรทัดเนื่องจากการลงทุนที่มีค่าใช้จ่ายที่ไม่แพง การใช้งบประมาณในการจัดการประชุมแต่ละครั้งที่มีการประชุมขนาดใหญ่สามรภลดต้นทุนได้อย่างมากทีเดียว การนำเสนอข้อมูลแบบจัดการระบบทีวีที่ง่ายและสะดวกขึ้น</span></b></span></div><span id="internal-source-marker_0.7709723717998713" style="font-family: inherit;"><b id="internal-source-marker_0.7709723717998713"><span style="font-weight: normal; vertical-align: baseline;">แนวโน้มต่ออาชีพนักออกแบบนิเทศศิลป์</span><br />
<span style="font-weight: normal; vertical-align: baseline;"></span><br />
<span style="vertical-align: baseline;">ผลกระทบของเทคโนโลยี virtual studio ที่ผลต่ออาชีพนักออกแบบนิเทศศิลป์</span><br />
<span style="font-weight: normal; vertical-align: baseline;">ระบบ virtual studio เป็นระบบการนำเสนอแบบวิดิโอซึ่งฉากในการนำไปประกอบนั้นจะใช้การกราฟฟิกที่เป็นแบบสามมิติ ในการออกแบบ โดยการออกแบบฉากนั้นจะมีต้องมีความสำคัญอย่างมากในระบบ virtual studio หากแนวทางในการพัฒนาระบบนี้มีการนำมาใช้กันมากขึ้นในประเทศไทยภายในอนาคตแล้ว ย่อมส่งผลดีต่อนักออกแบบกราฟฟิกด้วย ปัจจุบันระบบนี้ได้มีการจักการเรียนการสอนที่มหาวิทยาลัยกรุงเทพแล้ว และมีการนำไปใช้ในงานโทรทัศน์ ที่รู้จักกันเช่น ช่อง7 ช่อง9 และช่อง5</span><br />
<span style="vertical-align: baseline;"></span><br />
<span style="vertical-align: baseline;">แนวโน้มทางระบบอินเตอร์เน็ตที่เพิ่มขึ้น</span><br />
<span style="font-weight: normal; vertical-align: baseline;">เพราะเป็นการนำเสนอในรูแบบวิดิโอ การนำเสนอต้อนรับ การนำเสนอสินค้าผ่านวิดีโอ นำเสนอทีมงานต่างๆ ทั้งหมดนี้ย่อมนำเสนอผ่านช่องทางออนไลน์ซึ่งจะมีมากขึ้นด้วยซึ่งส่งผลโดยตรงต่อผู้ออกแบบเว็บไซต์หรือนักออกแบบด้วย</span><br />
<span style="vertical-align: baseline;"></span><br />
<span style="vertical-align: baseline;">การลดค่าใช้จ่ายที่คุ้มค่า</span><br />
<span style="font-weight: normal; vertical-align: baseline;">หากต้องถ่ายทำภาพยนต์ที่มีฉากเป็นรถบัสในกรุงลอนดอนถ้าต้องไปถึงสถานที่จริงนอกจากจะเสียเวลาในการขอใบอนุญาติ ต้องเจอกับสภาพอากาศฝนตก หมอกหนาบ้างทำให้เสียเวลารอไปอีกคนดูไม่ได้ต้องการไปถึงที่นั้นแต่เขาต้องการแค่ว่าคุณภาพงานดีขนาดไหนค่าใช้จ่ายคุ้มค่าแค่ไหน แต่ถ้าหากซื้อสต็อคภาพที่เป็นภาพรถบัสในกรุงลอนดอนราคาไม่เท่าไหร่แล้วนำมาเป็นฉากใน virtual studio จะลดต้นทุนได้อย่างมาก</span><br />
<span style="vertical-align: baseline;"></span><br />
<span style="vertical-align: baseline;">ประหยัดเวลาการถ่ายทำ</span><br />
<span style="font-weight: normal; vertical-align: baseline;">โดยไม่ต้องกังวลที่จะกลัวแบตกล้องวิดีโอหมดหรือระวังสายไฟช๊อตสายไฟรั่ว ซึ่งหากเกิดเหตุการณ์ดังกล่าวจะส่งผลไปยังงานของคุณค่าใช้จ่ายและลูกค้า</span><br />
<span style="font-weight: normal; vertical-align: baseline;">เพิ่มงานที่สร้างสรรค์ได้มากขึ้น</span><br />
<span style="font-weight: normal; vertical-align: baseline;">โดยสามรถเปลี่ยนฉากและออกแบบฉากได้อย่างหลากหลายแต่บางทีภาพที่ถ่ายเก็บไว้ก็อาจไม่สำคัญเพราะสามรถนำภาพที่จินตนาการเหนือความจริงมาใช้ได้ด้วย ทำให้ได้ฉากที่มากมายยิ่งขึ้น</span><br />
<span style="font-weight: normal; vertical-align: baseline;">เพราะฉะนั้นการมีสต๊อคภาพไว้บางคนอาจคิดว่ามันเป็นภัยต่ออุตสาหกรรมการออกแบบนี้บอกเขาเหล่านนั้นว่าฉันเข้าใจคุณกำลังมีความสุขอยู่กับอุดมการณ์การบริโภคสื่อที่มีค่าใช้จ่ายในการผลิตที่มากเกินไป แต่เป็นคุณ คุณจะยอมนั่งรถเพื่อไปถ่ายแค่ถ่ายรูปกับฉากรถบัสในลอนดอนไหม</span></b></span></div><br />
<div style="font-weight: bold;"><b id="internal-source-marker_0.7709723717998713"><span style="font-family: inherit; font-weight: normal; vertical-align: baseline; white-space: pre-wrap;">หน้าจอแสดงผลสามรภเปลี่ยนฉากได้ตามตามฉากที่นักออกแบบได้ออกแบบไว้รวมเข้าฉากจิริงที่มีอยู่ในสตูดิโอ</span></b></div><div class="separator" style="clear: both; font-weight: bold; text-align: center;"><br />
</div><div style="font-weight: bold;"><div style="text-align: center;"><b><span style="font-family: inherit; font-weight: normal; vertical-align: baseline; white-space: pre-wrap;"> </span></b><a href="http://4.bp.blogspot.com/-025ROEpXTYI/TypJoRjq6sI/AAAAAAAAA1E/F6DUJ2wffRA/s1600/Capture.JPG" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><span style="font-family: inherit;"><img border="0" height="133" src="http://4.bp.blogspot.com/-025ROEpXTYI/TypJoRjq6sI/AAAAAAAAA1E/F6DUJ2wffRA/s200/Capture.JPG" width="200" /></span></a></div></div><div><div><span id="internal-source-marker_0.7709723717998713" style="font-family: inherit;"></span><br />
<div dir="ltr" style="margin-bottom: 0pt; margin-left: 20pt; margin-top: 0pt; text-align: center;"></div><div><span id="internal-source-marker_0.7709723717998713"><span id="internal-source-marker_0.7709723717998713" style="font-family: inherit;"></span></span><br />
<div dir="ltr" style="font-weight: bold; margin-bottom: 0pt; margin-left: 20pt; margin-top: 0pt;"><div style="text-align: center;"><span id="internal-source-marker_0.7709723717998713"><span id="internal-source-marker_0.7709723717998713"><span style="font-family: inherit; font-size: x-small; font-weight: normal; vertical-align: baseline; white-space: pre-wrap;">ภาพที่ 1 เครื่องในการควบคุมระบบ</span></span></span></div></div><div dir="ltr" style="font-weight: bold; margin-bottom: 0pt; margin-left: 20pt; margin-top: 0pt;"><div style="text-align: center;"><span id="internal-source-marker_0.7709723717998713"><span id="internal-source-marker_0.7709723717998713"><span style="font-family: inherit; font-size: x-small; font-weight: normal; vertical-align: baseline; white-space: pre-wrap;">ที่มา:ชานนท์ เกษมวรรณกร,2555</span></span></span></div></div><div dir="ltr" style="margin-bottom: 0pt; margin-left: 20pt; margin-top: 0pt;"><span style="white-space: pre-wrap;"><br />
</span></div><div style="text-align: left; white-space: pre-wrap;"><span id="internal-source-marker_0.7709723717998713"><span id="internal-source-marker_0.7709723717998713"><b id="internal-source-marker_0.7709723717998713"><span style="font-family: inherit; font-weight: normal; vertical-align: baseline;">ความสะดวกในการใช้เทคโนโลยีนี่คือไม่ต้องใช้ช่างกล้องสามารถตั้งกล้องวีดีโอแล้วถ่ายทำรายการได้เลยการควบคุมงานจะอยู่ที่เครื่องคอมพิวเตอร์ที่ควบคุม</span></b></span></span></div><div class="separator" style="clear: both; text-align: center;"><span id="internal-source-marker_0.7709723717998713"><span id="internal-source-marker_0.7709723717998713" style="font-family: inherit;"><a href="http://3.bp.blogspot.com/-k-m4U_Pn3_A/TypKLe_4qBI/AAAAAAAAA1U/82J5q7lny-k/s1600/6.JPG" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="132" src="http://3.bp.blogspot.com/-k-m4U_Pn3_A/TypKLe_4qBI/AAAAAAAAA1U/82J5q7lny-k/s200/6.JPG" width="200" /></a></span></span></div><div class="separator" style="clear: both; text-align: center;"></div><div><span id="internal-source-marker_0.7709723717998713"><span id="internal-source-marker_0.7709723717998713" style="font-family: inherit; font-size: x-small;"><b id="internal-source-marker_0.7709723717998713"></b></span></span><br />
<div dir="ltr" style="margin-bottom: 0pt; margin-left: 20pt; margin-top: 0pt;"><div style="text-align: center;"><span id="internal-source-marker_0.7709723717998713"><span id="internal-source-marker_0.7709723717998713"><b id="internal-source-marker_0.7709723717998713"><span style="font-family: inherit; font-size: x-small; font-weight: normal; vertical-align: baseline; white-space: pre-wrap;">ภาพที่ 2 แสดงกล้องวิดีโอแต่ละตัวที่ใช้ในการถ่ายทำ</span></b></span></span></div></div><div dir="ltr" style="margin-bottom: 0pt; margin-left: 20pt; margin-top: 0pt;"><div style="text-align: center;"><span id="internal-source-marker_0.7709723717998713"><span id="internal-source-marker_0.7709723717998713"><b id="internal-source-marker_0.7709723717998713"><span style="font-family: inherit; font-size: x-small; font-weight: normal; vertical-align: baseline; white-space: pre-wrap;">ที่มา:ชานนท์ เกษมวรรณกร,2555</span></b></span></span></div></div></div><span id="internal-source-marker_0.7709723717998713" style="font-family: inherit;"><span id="internal-source-marker_0.7709723717998713"><br />
</span></span><br />
<div style="text-align: left; white-space: pre-wrap;"><div><span id="internal-source-marker_0.7709723717998713" style="font-family: inherit;"><span id="internal-source-marker_0.7709723717998713"><b id="internal-source-marker_0.7709723717998713"><span style="font-weight: normal; vertical-align: baseline;">กล้องวิดีโอที่ถ่ายทำจะใช้ทั้งหมด4ตัวเพื่อเป็นการจับภาพในมุมมองสามมิติโดยตัวกลางจะวางไว้ตรงกลางฉากพอดีและเป็นตัวหลัก ส่วนกล้องอีกสองตัวนั้นจะจับที่มุมซ้ายขวาของฉาก</span></b></span></span></div><div><span id="internal-source-marker_0.7709723717998713" style="font-family: inherit;"><span id="internal-source-marker_0.7709723717998713"><b id="internal-source-marker_0.7709723717998713"><span style="font-weight: normal; vertical-align: baseline;">ในสตูดิโอนั้นจะต้องมีการจัดไฟจัดเสียงให้ดูสมจริงและเข้ากันกับฉากกราฟฟิกสามมิติที่นำเป็นฉากนั้นด้วย</span></b><b id="internal-source-marker_0.7709723717998713"><span style="font-weight: normal; vertical-align: baseline;">จอ LCD ขนาดใหย่ด้านหน้านั้นเป็น จำนวนสามจอ จอกลางเป็นภาพที่กล้องถ่ายจากฉากในสตูจริงๆส่วนอีกสองข้างนั้นเป็นการแสดงผลแบบการนำภาพมาแทรกและการแสดงผลตัวอย่างเคลื่อนไหวที่มีคนมายื่นประกอบจริง</span></b></span></span></div><div class="separator" style="clear: both; text-align: center;"><span id="internal-source-marker_0.7709723717998713" style="font-family: inherit;"><span id="internal-source-marker_0.7709723717998713"><a href="http://3.bp.blogspot.com/-O5nk5De_wOk/TypKcQGjVOI/AAAAAAAAA1c/_hrSZBq1zao/s1600/7.JPG" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="132" src="http://3.bp.blogspot.com/-O5nk5De_wOk/TypKcQGjVOI/AAAAAAAAA1c/_hrSZBq1zao/s200/7.JPG" width="200" /></a></span></span></div><div class="separator" style="clear: both; text-align: center;"></div><div><span id="internal-source-marker_0.7709723717998713" style="font-family: inherit;"><span id="internal-source-marker_0.7709723717998713"><span style="font-size: x-small;"><b id="internal-source-marker_0.7709723717998713"></b></span></span></span><br />
<div dir="ltr" style="margin-bottom: 0pt; margin-left: 20pt; margin-top: 0pt;"><div style="text-align: center;"><span id="internal-source-marker_0.7709723717998713" style="font-family: inherit;"><span id="internal-source-marker_0.7709723717998713"><b id="internal-source-marker_0.7709723717998713"><span style="font-size: x-small; font-weight: normal; vertical-align: baseline;">ภาพที่ 3 แสดงหน้าตัวอย่างการถ่ายทำจริงและออนแอร์</span></b></span></span></div></div><div dir="ltr" style="margin-bottom: 0pt; margin-left: 20pt; margin-top: 0pt;"><div style="text-align: center;"><span id="internal-source-marker_0.7709723717998713" style="font-family: inherit;"><span id="internal-source-marker_0.7709723717998713"><b id="internal-source-marker_0.7709723717998713"><span style="font-size: x-small; font-weight: normal; vertical-align: baseline;">ผ่านโทรทัศน์หรือเผยแพร่ออนไลน์ผ่านวิดีโอ</span></b></span></span></div></div><div dir="ltr" style="margin-bottom: 0pt; margin-left: 20pt; margin-top: 0pt;"><div style="text-align: center;"><span id="internal-source-marker_0.7709723717998713" style="font-family: inherit;"><span id="internal-source-marker_0.7709723717998713"><b id="internal-source-marker_0.7709723717998713"><span style="font-size: x-small; font-weight: normal; vertical-align: baseline;">ที่มา:ชานนท์ เกษมวรรณกร,2555</span></b></span></span></div></div></div><div><div><span id="internal-source-marker_0.7709723717998713" style="font-family: inherit;"><span id="internal-source-marker_0.7709723717998713"><b id="internal-source-marker_0.7709723717998713"><span style="font-weight: normal; vertical-align: baseline;"> ในสตูดิโอนั้นจะต้องมีการจัดไฟจัดเสียงให้ดูสมจริงและเข้ากันกับฉากกราฟฟิกสามมิติที่นำเป็นฉากนั้นด้วย</span></b><b id="internal-source-marker_0.7709723717998713"><span style="font-weight: normal; vertical-align: baseline;">จอ LCD ขนาดใหย่ด้านหน้านั้นเป็น จำนวนสามจอ จอกลางเป็นภาพที่กล้องถ่ายจากฉากในสตูจริงๆส่วนอีกสองข้างนั้นเป็นการแสดงผลแบบการนำภาพมาแทรกและการแสดงผลตัวอย่างเคลื่อนไหวที่มีคนมายื่นประกอบจริง</span></b><b id="internal-source-marker_0.7709723717998713" style="font-family: inherit;"><span style="font-weight: normal; vertical-align: baseline;">รูปแบบการทำจริงในสตูดิโอแล้วเผยแพร่ถ่ายทอดสดออกทางโทรทัศน์หรือวิดีโอหนัง</span></b></span></span></div></div></div><div style="text-align: left;"><div><span id="internal-source-marker_0.7709723717998713" style="font-family: inherit;"><span id="internal-source-marker_0.7709723717998713"><b id="internal-source-marker_0.7709723717998713"></b></span></span><br />
<div dir="ltr" style="margin-bottom: 0pt; margin-left: 20pt; margin-top: 0pt;"><span id="internal-source-marker_0.7709723717998713" style="font-family: inherit;"><span id="internal-source-marker_0.7709723717998713"><b id="internal-source-marker_0.7709723717998713"><span style="vertical-align: baseline; white-space: pre-wrap;">ฟอนต์ที่เห็นในงาน จากpavilion ของ KOBUTA </span></b></span></span></div><div dir="ltr" style="margin-bottom: 0pt; margin-left: 20pt; margin-top: 0pt;"><span id="internal-source-marker_0.7709723717998713" style="font-family: inherit;"><span id="internal-source-marker_0.7709723717998713"><b id="internal-source-marker_0.7709723717998713"><span style="vertical-align: baseline; white-space: pre-wrap;"> </span></b></span></span><b id="internal-source-marker_0.7709723717998713"></b><br />
<div dir="ltr" style="display: inline !important; margin-bottom: 0pt; margin-left: 20pt; margin-top: 0pt;"><b id="internal-source-marker_0.7709723717998713"><span style="font-family: Arial; font-weight: normal; text-decoration: none; vertical-align: baseline; white-space: pre-wrap;">สืบค้นหาฟอนต์ที่เป็นฟอนต์ต้นฉบับหรือมีลักษณะคล้ายฟอนต์ของคูโบต้า จาก </span><a href="http://www.fontspace.com/category/Basic?p=16#"><span style="color: #000099; font-family: Arial; font-weight: normal; vertical-align: baseline; white-space: pre-wrap;">http://www.fontspace.com/</span></a><span style="font-family: Arial; font-weight: normal; text-decoration: none; vertical-align: baseline; white-space: pre-wrap;"> โดยทดลองพิมพ์คำว่าKubotaลงไปเพื่อสะดวกต่อการหาฟอนต์ต้นต่อ</span></b></div><b id="internal-source-marker_0.7709723717998713"></b><br />
<div dir="ltr" style="display: inline !important; margin-bottom: 0pt; margin-right: 10pt; margin-top: 0pt;"><b id="internal-source-marker_0.7709723717998713"><span style="font-family: Arial; font-weight: normal; text-decoration: none; vertical-align: baseline; white-space: pre-wrap;">ฟอนต์ที่มีลักษณะใกล้เคียงกับฟอนต์ที่เป็นโลโก้ของ Kubota คือ SF New Republic bold ซึ่งฟอนต์ที่เป็นฟอนต์ในตระกูล </span><span style="font-family: Calibri; font-weight: normal; text-decoration: none; vertical-align: baseline; white-space: pre-wrap;">sans-serif basic แล้วนำการทำการดาวน์โหลดฟอนต์มาติดตั้งลงในเครื่องคอมพิวเตอร์แล้วทดลองทำการออกพิมพ์และออกแบบคล้ายฟอนต์ </span><span style="font-family: Arial; font-weight: normal; text-decoration: none; vertical-align: baseline; white-space: pre-wrap;">Kubota</span></b></div><b id="internal-source-marker_0.7709723717998713"></b><br />
<div dir="ltr" style="display: inline !important; margin-bottom: 0pt; margin-right: 10pt; margin-top: 0pt;"><b id="internal-source-marker_0.7709723717998713"><span style="font-family: Arial; font-weight: normal; text-decoration: none; vertical-align: baseline; white-space: pre-wrap;">ปรากฎว่าฟอนต์ SF New Republic bold กับฟอนต์ที่คูโบต้านำมาออกแบบเป็นโลโก้นั้นมีควมใกล้เคียงกันหากทำการตกแต่งดัดแปลงทางโปรแกรมกราฟฟิกโดยทำการตัดพื้นที่บางส่วยของฟอยต์ไป ทำให้ฟอนต์ทั้งสองตัว มีความคล้ายกันมากหรืออากกล่าวได้ว่าเป็นฟอนต์เดียวกันเลย ส่วนข้อความด้านล่างนั้น เป็นฟอนต์ Tribune</span></b></div></div><div><span id="internal-source-marker_0.7709723717998713" style="font-family: inherit;"><span id="internal-source-marker_0.7709723717998713"><b id="internal-source-marker_0.7709723717998713"><b id="internal-source-marker_0.7709723717998713"></b></b></span></span><br />
<div dir="ltr" style="margin-bottom: 0pt; margin-left: 20pt; margin-top: 0pt;"><br />
</div></div></div></div></div><div class="separator" style="clear: both; text-align: center;"><span id="internal-source-marker_0.7709723717998713"><a href="http://1.bp.blogspot.com/-QNW_zreX0-0/TypKxcaIu3I/AAAAAAAAA1k/yvAj6nUGoxU/s1600/10.JPG" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><span style="font-family: inherit;"><img border="0" height="155" src="http://1.bp.blogspot.com/-QNW_zreX0-0/TypKxcaIu3I/AAAAAAAAA1k/yvAj6nUGoxU/s640/10.JPG" width="640" /></span></a></span></div><div dir="ltr" style="font-weight: bold; margin-bottom: 0pt; margin-left: 20pt; margin-top: 0pt; text-align: center;"><span id="internal-source-marker_0.7709723717998713"><span style="font-weight: normal; vertical-align: baseline; white-space: pre-wrap;"><span style="font-family: inherit;"><br />
</span><span style="font-family: Arial; font-size: x-small;"> </span></span></span></div></div></div>เที่ยวกะดินhttp://www.blogger.com/profile/03307458448271888599noreply@blogger.com0tag:blogger.com,1999:blog-4198418876032075349.post-64775867504467682552012-01-17T08:51:00.001-08:002012-01-17T09:02:19.563-08:00ขั้นตอนการออกบแบบฟอนต์ลายมือใน Fontself<div><b id="internal-source-marker_0.7505558787379414" style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em;"><span style="font-family: 'Angsana New'; font-size: 16px; text-decoration: none; vertical-align: baseline; white-space: pre-wrap;"></span><br />
</b><br />
<div dir="ltr" style="margin-bottom: 0pt; margin-left: 22pt; margin-top: 0pt;"><b id="internal-source-marker_0.7505558787379414" style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em;"><span style="font-family: Tahoma; font-size: 16px; text-decoration: none; vertical-align: baseline; white-space: pre-wrap;">ขั้นตอนการออกบแบบฟอนต์ลายมือ</span><span style="font-family: Tahoma; font-size: 15px; text-decoration: none; vertical-align: baseline; white-space: pre-wrap;">ใน Fontself</span><span style="font-family: Tahoma; font-size: 16px; text-decoration: none; vertical-align: baseline; white-space: pre-wrap;"></span></b></div><div dir="ltr" style="margin-bottom: 0pt; margin-left: 22pt; margin-top: 0pt;"><b id="internal-source-marker_0.7505558787379414" style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em;"><span style="font-family: Tahoma; font-size: 15px; font-weight: normal; text-decoration: none; vertical-align: baseline; white-space: pre-wrap;">- เข้าไปที่ Website </span><a href="http://www.fontself.com/"><span style="color: #000099; font-family: Tahoma; font-size: 15px; font-weight: normal; vertical-align: baseline; white-space: pre-wrap;">http://www.fontself.com/</span></a></b></div><div dir="ltr" style="margin-bottom: 0pt; margin-top: 0pt; text-indent: 22pt;"><b id="internal-source-marker_0.7505558787379414" style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em;"><span style="font-family: Tahoma; font-size: 15px; font-weight: normal; text-decoration: none; vertical-align: baseline; white-space: pre-wrap;">- หลังจากนั้นสมัครสมาชิกให้เรียบร้อย</span></b></div><div dir="ltr" style="margin-bottom: 0pt; margin-top: 0pt; text-indent: 22pt;"><b id="internal-source-marker_0.7505558787379414" style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em;"><span style="font-family: Tahoma; font-size: 15px; font-weight: normal; text-decoration: none; vertical-align: baseline; white-space: pre-wrap;">- เข้าไปในคำสั่ง </span><span style="color: #285bac; font-family: Tahoma; font-size: 15px; font-weight: normal; text-decoration: none; vertical-align: baseline; white-space: pre-wrap;">myfont</span></b><br />
<b id="internal-source-marker_0.7505558787379414" style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em;"><span style="color: #285bac; font-family: Tahoma; font-size: 15px; font-weight: normal; text-decoration: none; vertical-align: baseline; white-space: pre-wrap;"><br />
</span></b></div><div dir="ltr" style="margin-bottom: 0pt; margin-top: 0pt; text-indent: 22pt;"><div style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em;"><b id="internal-source-marker_0.7505558787379414" style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em;"><span style="font-family: Tahoma; font-size: 15px; font-weight: normal; text-decoration: none; vertical-align: baseline; white-space: pre-wrap;">- เลือกคำสั่ง </span><span style="color: #285bac; font-family: Tahoma; font-size: 15px; font-weight: normal; text-decoration: none; vertical-align: baseline; white-space: pre-wrap;">Create a new font</span><img height="199" src="https://lh4.googleusercontent.com/8BzMx2M8CIl0AAVyCp7ADjipk6i_qP9NZSv8V6_6fR7jhkyWrb1ao1KQvSptrVETuOlpmHiG9v6LlXH1bD0K_WedDM-rYOjZ3_7kGNUK1OI1s0PvgrQ" width="320" /></b></div></div><b id="internal-source-marker_0.7505558787379414" style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em;"><span style="font-family: Arial; font-size: 15px; font-weight: normal; text-decoration: none; vertical-align: baseline; white-space: pre-wrap;">ภาพที่1แสดงหน้าเว็บไซต์ </span><a href="http://www.fontself.com/"><span style="color: #000099; font-family: Arial; font-size: 15px; font-weight: normal; vertical-align: baseline; white-space: pre-wrap;">www.fontself.com</span></a><span style="font-family: Arial; font-size: 15px; font-weight: normal; text-decoration: none; vertical-align: baseline; white-space: pre-wrap;"></span><br />
<span style="font-family: Arial; font-size: 15px; font-weight: normal; text-decoration: none; vertical-align: baseline; white-space: pre-wrap;">ที่มา:ชานนท์ เกษมวรรณกร,2555</span><span style="font-family: Tahoma; font-size: 15px; font-weight: normal; text-decoration: none; vertical-align: baseline; white-space: pre-wrap;"></span><br />
<span style="font-family: Tahoma; font-size: 15px; font-weight: normal; text-decoration: none; vertical-align: baseline; white-space: pre-wrap;">- ขั้นตอนต่อไปตั้งชื่อ font ของเราครับ </span><br />
<div dir="ltr" style="margin-bottom: 0pt; margin-right: -70pt; margin-top: 0pt;"><span style="font-family: Tahoma; font-size: 15px; font-weight: normal; text-decoration: none; vertical-align: baseline; white-space: pre-wrap;"> - หลังจากตั้งชื่อเรียบร้อยแล้ว ก็เลือก </span><span style="color: #0b5394; font-family: Tahoma; font-size: 15px; font-weight: normal; text-decoration: none; vertical-align: baseline; white-space: pre-wrap;">Start your font </span><span style="font-family: Tahoma; font-size: 15px; font-weight: normal; text-decoration: none; vertical-align: baseline; white-space: pre-wrap;">เพื่อทำขั้นตอนต่อไป</span><img height="199" src="https://lh3.googleusercontent.com/cvsju3r-cMTEYuMjD9QIE5_LHTarjx364JU1z5io2M7pJ3vFltn2CHA3ffVNYrXyTtL1lDaI8tbmvsknYFCSJbMs50Zd8omHaZFZIpIlX9ns17ft9Zw" width="320" /></div><span style="font-family: Arial; font-size: 13px; font-weight: normal; text-decoration: none; vertical-align: baseline; white-space: pre-wrap;">ภาพที่ 2 แสดงหน้าเว็บไซต์ </span><a href="http://www.fontself.com/"><span style="color: #000099; font-family: Arial; font-size: 13px; font-weight: normal; vertical-align: baseline; white-space: pre-wrap;">www.fontself.com</span></a><span style="font-family: Arial; font-size: 13px; font-weight: normal; text-decoration: none; vertical-align: baseline; white-space: pre-wrap;"> ขั้นตอนการตั้งชื่อฟอนต์</span><br />
<span style="font-family: Arial; font-size: 13px; font-weight: normal; text-decoration: none; vertical-align: baseline; white-space: pre-wrap;">ที่มา:ชานนท์ เกษมวรรณกร,2555</span><br />
<span style="font-family: Arial; font-size: 15px; font-weight: normal; text-decoration: none; vertical-align: baseline; white-space: pre-wrap;"></span><br />
<span style="font-family: Arial; font-size: 15px; font-weight: normal; text-decoration: none; vertical-align: baseline; white-space: pre-wrap;">- หลังจากที่เรา Download ไฟล์ PNG และ แล้วออกแบบฟอนต์ลายมือนั้นลงในไฟล์แทมเพลตให้เรียบ ทำการสแกนที่ที่มีค่า DPI สูงๆเพื่อความละเอียดที่คมชัดขึ้น ออกแบบตัวอักษรด้วยมือหรืออุปกรณ์อื่นๆเสร็จแล้ว</span><br />
<div dir="ltr" style="margin-bottom: 0pt; margin-left: 43pt; margin-right: -70pt; margin-top: 0pt; text-indent: -43pt;"><span style="font-family: Arial; font-size: 15px; font-weight: normal; text-decoration: none; vertical-align: baseline; white-space: pre-wrap;"> - ก็นำไฟล์ที่เราทำ มา import ทำการอัพโหลดลงไปในโปรแกรมออนไลน์</span><img height="199" src="https://lh5.googleusercontent.com/GjjJPDYwIDHCF5eYWHURysm_oZbhyxdsff4C5c5xDqvIi_tqPr8Ji5e-i1dYAsWdOU_6pJ1pDKPAm6G-_eotVemCeiZi_Nc3zgLuLEgwNN94H0MO7UI" width="320" /></div><span style="font-family: Arial; font-size: 13px; font-weight: normal; text-decoration: none; vertical-align: baseline; white-space: pre-wrap;">ภาพที่ 3 แสดงหน้าเว็บไซต์ ขั้นตอนการดาวน์โหลดเทมเพลตฟอนต์</span><br />
<span style="font-family: Arial; font-size: 13px; font-weight: normal; text-decoration: none; vertical-align: baseline; white-space: pre-wrap;">ที่มา:ชานนท์ เกษมวรรณกร,2555</span><br />
<span style="font-family: Arial; font-size: 15px; font-weight: normal; text-decoration: none; vertical-align: baseline; white-space: pre-wrap;">หลังจากนั้นทางเว็บก็จะสแกน font ที่เราเขียนขึ้นมาโดยอัตโนมัติครับ</span><br />
<div dir="ltr" style="margin-bottom: 0pt; margin-right: -70pt; margin-top: 0pt;"><span style="font-family: Arial; font-size: 15px; font-weight: normal; text-decoration: none; vertical-align: baseline; white-space: pre-wrap;"> </span><img height="199" src="https://lh6.googleusercontent.com/E9hXQOrXWpFo4r2xOOmtVg3yT62EhOodA66S2IuzrHsNgLwlz6ddm4Ak_OGYffMHNOqSh5wsLzolKcS2IgjupMaDKX8WujcWeuri-YrJtNNAoT3mKSs" width="320" /></div><span style="font-family: Arial; font-size: 13px; font-weight: normal; text-decoration: none; vertical-align: baseline; white-space: pre-wrap;">ภาพที่ 4 แสดงหน้าเว็บไซต์ การอัพโหลดไฟล์ฟอนต์ที่ทำการออกแบบไว้</span><br />
<span style="font-family: Arial; font-size: 13px; font-weight: normal; text-decoration: none; vertical-align: baseline; white-space: pre-wrap;">ที่มา:ชานนท์ เกษมวรรณกร,2555</span><span style="font-family: Arial; font-size: 15px; font-weight: normal; text-decoration: none; vertical-align: baseline; white-space: pre-wrap;"></span><br />
<span style="font-family: Arial; font-size: 15px; font-weight: normal; text-decoration: none; vertical-align: baseline; white-space: pre-wrap;"></span><br />
<div dir="ltr" style="margin-bottom: 0pt; margin-right: -70pt; margin-top: 0pt;"><span style="font-family: Arial; font-size: 15px; font-weight: normal; text-decoration: none; vertical-align: baseline; white-space: pre-wrap;">- สามารถปรับขนาดซ้ายขวา จัดตำแหน่งให้เท่ากัน โดยสามารถยืดขยาย หมุ่นและเลื่อนขึ้นลงได้</span></div><span style="font-family: Arial; font-size: 15px; font-weight: normal; text-decoration: none; vertical-align: baseline; white-space: pre-wrap;"></span><img height="199" src="https://lh5.googleusercontent.com/8viq0NBmYlmxGsITpyUWq9fsS5i16vkQEOf5D91JjTPDcPHBUEsn_gYcY7LMnGB2w0S544Yoawfmxcl7euOhm4o2pwB0RveuIy_c-5rCIW-SbVek01I" width="320" /><br />
<div dir="ltr" style="margin-bottom: 0pt; margin-right: -70pt; margin-top: 0pt;"><span style="font-family: Arial; font-size: 13px; font-weight: normal; text-decoration: none; vertical-align: baseline; white-space: pre-wrap;">ภาพที่ 5 แสดงหน้าเว็บไซต์ </span></div><span style="font-family: Arial; font-size: 13px; font-weight: normal; text-decoration: none; vertical-align: baseline; white-space: pre-wrap;">ที่มา:ชานนท์ เกษมวรรณกร,2555</span><span style="font-family: Arial; font-size: 15px; font-weight: normal; text-decoration: none; vertical-align: baseline; white-space: pre-wrap;"></span><img height="199" src="https://lh4.googleusercontent.com/RH4Zwc_c_dPDZmjeAebZAtY8vGDJcvlouNMFNyUp3g8JFJ-GmDVEhNAZ8mTGnq0q9iS6XNWld_d57RtNIV2ickk9ApWw6BK35VK418tDMhxDf9OYHCU" width="320" /><br />
<span style="font-family: Arial; font-size: 13px; font-weight: normal; text-decoration: none; vertical-align: baseline; white-space: pre-wrap;">ภาพที่ 6 แสดงหน้าเว็บไซต์ เมื่อนำไฟล์ที่ออกแบบอัพโหลดลงในโปรแกรมออนไลน์</span><br />
<span style="font-family: Arial; font-size: 13px; font-weight: normal; text-decoration: none; vertical-align: baseline; white-space: pre-wrap;">ที่มา:ชานนท์ เกษมวรรณกร,2555</span><span style="font-family: Arial; font-size: 15px; font-weight: normal; text-decoration: none; vertical-align: baseline; white-space: pre-wrap;"></span><br />
<span style="font-family: Arial; font-size: 15px; font-weight: normal; text-decoration: none; vertical-align: baseline; white-space: pre-wrap;"></span><br />
<span style="font-family: Arial; font-size: 15px; font-weight: normal; text-decoration: none; vertical-align: baseline; white-space: pre-wrap;"></span><img height="199" src="https://lh3.googleusercontent.com/u2EAs7L2z66waS6MJKbU7Eibzpd9xJ32jSdDKdvOdRHZT_IjOwC0p3OnL_FC9wATfLR5wBeQCwJ6dCfEXmIhKDMI_yhL7Kl0EAq-c7Qa9bl0lxLsMU4" width="320" /><br />
<span style="font-family: Arial; font-size: 13px; font-weight: normal; text-decoration: none; vertical-align: baseline; white-space: pre-wrap;">ภาพที่ 7 แสดงหน้าเว็บไซต์ การCROPภาพฟอนต์ซึ่งอาจมีบางตัวที่หลุดหรือไม่ได้อยู่ในCROPเหลี่ยม</span><br />
<span style="font-family: Arial; font-size: 13px; font-weight: normal; text-decoration: none; vertical-align: baseline; white-space: pre-wrap;">ที่มา:ชานนท์ เกษมวรรณกร,2555</span><span style="font-family: Arial; font-size: 15px; font-weight: normal; text-decoration: none; vertical-align: baseline; white-space: pre-wrap;"></span><br />
<div dir="ltr" style="margin-bottom: 0pt; margin-right: -70pt; margin-top: 0pt;"><span style="font-family: Arial; font-size: 15px; font-weight: normal; text-decoration: none; vertical-align: baseline; white-space: pre-wrap;">- จะสังเกตได้ว่า ขณะที่เรายังไม่ได้จัดเรียงตัวอักษร ข้อความตัวอย่างด้านบน ยังติดกันอยู่ และไม่มีทิศทาง</span></div><div dir="ltr" style="margin-bottom: 0pt; margin-right: -70pt; margin-top: 0pt;"><span style="font-family: Arial; font-size: 15px; font-weight: normal; text-decoration: none; vertical-align: baseline; white-space: pre-wrap;"> - การที่เราจะปรับขนาดหรือจัดเรียงตัวอักษรนั้น สามารถดูตัวอย่างด้านบนข้อความด้านบนได้ครับ</span></div><div dir="ltr" style="margin-bottom: 0pt; margin-right: -70pt; margin-top: 0pt;"><span style="font-family: Arial; font-size: 15px; font-weight: normal; text-decoration: none; vertical-align: baseline; white-space: pre-wrap;"> - เมื่อปรับเปลี่ยนทุกอย่างจนลงตัวแล้ว ก็เลือก </span><span style="color: #000099; font-family: Arial; font-size: 15px; text-decoration: none; vertical-align: baseline; white-space: pre-wrap;">Save Font</span><span style="font-family: Arial; font-size: 15px; font-weight: normal; text-decoration: none; vertical-align: baseline; white-space: pre-wrap;"> ได้เลยครับ</span></div><span style="font-family: Arial; font-size: 15px; font-weight: normal; text-decoration: none; vertical-align: baseline; white-space: pre-wrap;"></span><img height="200" src="https://lh3.googleusercontent.com/XsdaS937362-SB0FByyzivTj_2YfDMvK_WMwyb9ZhX5dG9BFaOLVsOsnD8G2u_A0YboQUt-KelmRxepgMpkB3RQt5YLvf1sDdjaYwheFnvK2ROCOWEM" width="320" /><br />
<span style="font-family: Arial; font-size: 13px; font-weight: normal; text-decoration: none; vertical-align: baseline; white-space: pre-wrap;">ภาพที่ 8 แสดงหน้าเว็บไซต์ จัดช่องไฟของฟอนต์แต่ละตัว</span><br />
<span style="font-family: Arial; font-size: 13px; font-weight: normal; text-decoration: none; vertical-align: baseline; white-space: pre-wrap;">ที่มา:ชานนท์ เกษมวรรณกร,2555</span><span style="font-family: Arial; font-size: 15px; font-weight: normal; text-decoration: none; vertical-align: baseline; white-space: pre-wrap;"></span><br />
<span style="font-family: Arial; font-size: 15px; font-weight: normal; text-decoration: none; vertical-align: baseline; white-space: pre-wrap;"></span><img height="199" src="https://lh3.googleusercontent.com/x7xmLtJ5y7SqNC9bM2S30xXmxFu9rzSN9ode8d6tsMNqfNmXSvWeyosSAVrd4U7bg7zaOrkwKRrhGXhZDpPfTjayQwkoU9uvGPNQuVLbCHy_mAp_D80" width="320" /><br />
<span style="font-family: Arial; font-size: 13px; font-weight: normal; text-decoration: none; vertical-align: baseline; white-space: pre-wrap;">ภาพที่ 9 แสดงหน้าเว็บไซต์ </span><br />
<span style="font-family: Arial; font-size: 13px; font-weight: normal; text-decoration: none; vertical-align: baseline; white-space: pre-wrap;">ที่มา:ชานนท์ เกษมวรรณกร,2555</span><span style="font-family: Arial; font-size: 15px; font-weight: normal; text-decoration: none; vertical-align: baseline; white-space: pre-wrap;"></span><img height="200" src="https://lh3.googleusercontent.com/xChTAyvReFMVOozsDbhdTj2RwzHM3QcO_D6pTGBhRaUwrSztlfAutkjlLpa9gZKNrbzAtpXa7ytuwvGMhGimmrWCAfs5LRnnk5ydQSOrnaUEqZu2sm4" width="320" /><br />
<span style="font-family: Arial; font-size: 13px; font-weight: normal; text-decoration: none; vertical-align: baseline; white-space: pre-wrap;">ภาพที่ 10 แสดงหน้าเว็บไซต์ </span><br />
<span style="font-family: Arial; font-size: 13px; font-weight: normal; text-decoration: none; vertical-align: baseline; white-space: pre-wrap;">ที่มา:ชานนท์ เกษมวรรณกร,2555</span><br />
<span style="font-family: Arial; font-size: 13px; font-weight: normal; text-decoration: none; vertical-align: baseline; white-space: pre-wrap;"></span><br />
<div dir="ltr" style="margin-bottom: 0pt; margin-right: -70pt; margin-top: 0pt;"><span style="font-family: Arial; font-size: 15px; font-weight: normal; text-decoration: none; vertical-align: baseline; white-space: pre-wrap;">- หากต้องการเซฟแล้วกลับไปแก้ไข้อีก ให้เลือก </span><span style="color: #000099; font-family: Arial; font-size: 15px; font-weight: normal; text-decoration: none; vertical-align: baseline; white-space: pre-wrap;">Save and Continue editing</span></div><div dir="ltr" style="margin-bottom: 0pt; margin-right: -70pt; margin-top: 0pt;"><div style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em;"><span style="font-family: Arial; font-size: 15px; font-weight: normal; text-decoration: none; vertical-align: baseline; white-space: pre-wrap;"> - หรือหากต้องการเซฟและออกไปสู่หน้าหลักให้เลือก </span><span style="color: #000099; font-family: Arial; font-size: 15px; font-weight: normal; text-decoration: underline; vertical-align: baseline; white-space: pre-wrap;">Save and Exit</span><span style="font-family: Arial; font-size: 13px; font-weight: normal; text-decoration: none; vertical-align: baseline; white-space: pre-wrap;"></span><img height="200" src="https://lh5.googleusercontent.com/QFAoXcuV4FX4u7NxYECj60X0sgASPGiuDON0BQ5aJCsY8QHKS4uUev0_9d8WOmQp0uzJXounl_dE0-2PLRQ7mmqkwOnWe8LKuS46YGSmTG4rRyApJVY" width="320" /></div></div><span style="font-family: Arial; font-size: 13px; font-weight: normal; text-decoration: none; vertical-align: baseline; white-space: pre-wrap;">ภาพที่ 11 แสดงหน้าเว็บไซต์ </span><br />
<span style="font-family: Arial; font-size: 13px; font-weight: normal; text-decoration: none; vertical-align: baseline; white-space: pre-wrap;">ที่มา:ชานนท์ เกษมวรรณกร,2555</span></b><b id="internal-source-marker_0.7505558787379414"></b><br />
<div dir="ltr" style="margin-bottom: 0pt; margin-left: 126.75pt; margin-top: 0pt;"><b id="internal-source-marker_0.7505558787379414"><span style="font-family: Arial;"><span style="white-space: pre-wrap;"><br />
</span></span></b></div><div dir="ltr" style="margin-bottom: 0pt; margin-left: 20pt; margin-top: 0pt; text-align: justify;"><b id="internal-source-marker_0.7505558787379414"><span style="font-family: 'Angsana New'; font-size: 21px; font-weight: normal; text-decoration: none; vertical-align: baseline; white-space: pre-wrap;">เนื้อหารายงานเล่มนี้เป็นการแนะนำการออกแบบฟอนต์ลายมือตัวผู้ออกแบบเองโดยได้อธิบายขั้นตอนการออกแบบตั้งแต่ขั้นเริ่มต้นจนถึงขั้นตอนการนำไปใช้จริงการออกแบบฟอนต์ลายมือชุดนี้เป็นการออกแบบผ่านโปรแกรม</span><span style="font-family: Tahoma; font-size: 15px; text-decoration: none; vertical-align: baseline; white-space: pre-wrap;">Fontself</span><span style="font-family: 'Angsana New'; font-size: 21px; 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-4198418876032075349.post-80051722846532887312012-01-17T08:48:00.000-08:002012-01-17T09:03:30.348-08:00การออกแบบฟอนต์ลายมือจาก FontCreator<div><div><b id="internal-source-marker_0.8888226221315563" style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em;"><span style="font-family: Arial; font-size: 15px; font-weight: normal; text-decoration: none; vertical-align: baseline; white-space: pre-wrap;"></span><img height="222px;" src="https://lh5.googleusercontent.com/XjGEcxTEs0eMJ8el81kl9LfFdznvQLmjFuSG_43360WtZ6lRbVJfruppVEr1rBs2CwoGBmHVdhHqfQXpFbYlXZT6Oirqa5KE9dEQxf8WS05sGdlHNdA" width="333px;" /><br />
<div dir="ltr" style="margin-bottom: 0pt; margin-left: 20.25pt; margin-top: 0pt; text-align: center;"><span style="font-family: Arial; font-size: 13px; font-weight: normal; text-decoration: none; vertical-align: baseline; white-space: pre-wrap;">ภาพที่1แสดงหน้าเทมเพลตฟอนต์ลายมือ</span></div><div dir="ltr" style="margin-bottom: 0pt; margin-left: 20.25pt; margin-top: 0pt; text-align: center;"><span style="font-family: Arial; font-size: 13px; font-weight: normal; text-decoration: none; vertical-align: baseline; white-space: pre-wrap;">ที่มา:ชานนท์ เกษมวรรณกร,2555</span></div><span style="font-family: Arial; font-size: 13px; font-weight: normal; text-decoration: none; vertical-align: baseline; white-space: pre-wrap;"></span><br />
<div dir="ltr" style="margin-bottom: 0pt; margin-left: 20.25pt; margin-top: 0pt;"><div style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em;"><span style="font-family: 'Angsana New'; font-size: 21px; font-weight: normal; text-decoration: none; vertical-align: baseline; white-space: pre-wrap;">2.แสกนภาพที่เขียนลงในเครื่องคอมพิวเตอร์ทำการปรับตกแต่งภาพให้เกิดความคมชัด(หากภาพที่แสกนมาไม่ชัดหรือมีพื้นที่ที่ต้องการตัดลบ)ผ่านทางโปรแกรมแต่งรูปตามถนัดในที่นี้ผู้ออกแบบได้ใช้การปรับตกแต่งผ่านทางโปรแกรม photoshop ซึ่งนักออกแบบส่วนใหญ่คงรู้จักกันดี</span><span style="font-family: Arial; font-size: 15px; font-weight: normal; text-decoration: none; vertical-align: baseline; white-space: pre-wrap;"></span><img height="218px;" src="https://lh3.googleusercontent.com/kedjCsEgTNe0l8eu6ogdGCo4ogRuHuSRj0O6zVzAgViBX_lA4WDPXDRnA7tQKptvwUvIZBheJfE4Z6rKIB71Ax2R23OCMMSiYHNyQqH7JJIRc6XZzfk" width="349px;" /></div></div><div dir="ltr" style="margin-bottom: 0pt; margin-left: 20.25pt; margin-top: 0pt; text-align: center;"><span style="font-family: Arial; font-size: 13px; font-weight: normal; text-decoration: none; vertical-align: baseline; white-space: pre-wrap;">ภาพที่ 2 แสดงหน้าการปรับแต่งฟอนต์จากโปรแกรมphotoshop</span></div><div dir="ltr" style="margin-bottom: 0pt; margin-left: 20.25pt; margin-top: 0pt; text-align: center;"><span style="font-family: Arial; font-size: 13px; font-weight: normal; text-decoration: none; vertical-align: baseline; white-space: pre-wrap;">ที่มา:ชานนท์ เกษมวรรณกร,2555</span><span style="font-family: Arial; font-size: 15px; font-weight: normal; text-decoration: none; vertical-align: baseline; white-space: pre-wrap;"></span></div><span style="font-family: 'Angsana New'; font-size: 21px; font-weight: normal; text-decoration: none; vertical-align: baseline; white-space: pre-wrap;"></span><br />
<span style="font-family: 'Angsana New'; font-size: 21px; font-weight: normal; text-decoration: none; vertical-align: baseline; white-space: pre-wrap;">3.เปิดโปรแกรม High-Logic FontCreator ----file----open----font file— ขั้นตอนนี้เป็นการเลิกเปิดเทมเพลตฟอนต์เพื่อเป็นต้นแบบในการจัดวางฟอนต์ลายมือของเราผู้ออกแบบควรเลือกฟอนต์ที่จะนำมาเป็นแบบเทมเพลตจากฟอนต์ที่เป็นมาตรฐานที่มีทั้งภาษาไทยและภาษาอังกฤษโดยสังเกตว่าไฟล์ที่จะเปิดต้องเป็นไฟล์.ttfในที่นี่ผู้ออกแบบขอใช้เทมเพลตต้นฉบับจากCRU-Pilasluck.ttfซึ่งเป็นฟอนต์ลายมือที่ผู้สอนได้ทำการออกแบบไว้แล้ว</span><span style="font-family: Arial; font-size: 15px; font-weight: normal; text-decoration: none; vertical-align: baseline; white-space: pre-wrap;"></span><img height="202px;" src="https://lh4.googleusercontent.com/79URMS6ko0gdViAtIbRVD8vUNhqrwdrS1orThmQqqqInDwSybhpd2WqqfVrQhZJYJskCzrks5sMgSiOa85AIoG5vl_ngMdVhiS92hlVhXTfqucGo4bE" width="323px;" /><br />
<div dir="ltr" style="margin-bottom: 0pt; margin-left: 20.25pt; margin-top: 0pt; text-align: center;"><span style="font-family: Arial; font-size: 13px; font-weight: normal; text-decoration: none; vertical-align: baseline; white-space: pre-wrap;">ภาพที่ 3 แสดงหน้าการเปิดไฟล์โปรแกรม </span><span style="font-family: 'Angsana New'; font-size: 16px; text-decoration: none; vertical-align: baseline; white-space: pre-wrap;">FontCreator</span><span style="font-family: 'Angsana New'; font-size: 13px; font-weight: normal; text-decoration: none; vertical-align: baseline; white-space: pre-wrap;"></span></div><div dir="ltr" style="margin-bottom: 0pt; margin-left: 20.25pt; margin-top: 0pt; text-align: center;"><div style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em;"><span style="font-family: Arial; font-size: 13px; font-weight: normal; text-decoration: none; vertical-align: baseline; white-space: pre-wrap;">ที่มา:ชานนท์ เกษมวรรณกร,2555</span><span style="font-family: 'Angsana New'; font-size: 15px; font-weight: normal; text-decoration: none; vertical-align: baseline; white-space: pre-wrap;"></span><img height="220px;" src="https://lh6.googleusercontent.com/OSwJNRCBzH1H6BKSHs5x3dHcv7CDMWyw_OwBGJ3MVpO9jg1XmPxDZI2cIG8Zftdw-jbCirrb7bHd-WqTT73_qjboQ7YQ3Kq97QCX4ihf7XiUIehx38w" width="297px;" /></div></div><div dir="ltr" style="margin-bottom: 0pt; margin-left: 20.25pt; margin-top: 0pt; text-align: center;"><span style="font-family: Arial; font-size: 13px; font-weight: normal; text-decoration: none; vertical-align: baseline; white-space: pre-wrap;">ภาพที่ 3.1 แสดงหน้าการเลือกไฟล์ฟอนต์</span><span style="font-family: 'Angsana New'; font-size: 13px; font-weight: normal; text-decoration: none; vertical-align: baseline; white-space: pre-wrap;"></span></div><div dir="ltr" style="margin-bottom: 0pt; margin-left: 20.25pt; margin-top: 0pt; text-align: center;"><span style="font-family: Arial; font-size: 13px; font-weight: normal; text-decoration: none; vertical-align: baseline; white-space: pre-wrap;">ที่มา:ชานนท์ เกษมวรรณกร,2555</span><span style="font-family: Arial; font-size: 15px; font-weight: normal; text-decoration: none; vertical-align: baseline; white-space: pre-wrap;"></span></div><span style="font-family: Arial; font-size: 15px; font-weight: normal; text-decoration: none; vertical-align: baseline; white-space: pre-wrap;"></span><img height="179px;" src="https://lh3.googleusercontent.com/bjLIpIF8l2TugRxusZshEFq69mK6vXtTaixkC97U4MWpNQc4kaFbdFIzr55O35o1jND57Q7trUHG0a9DyNLZCSV76ZjqAG08BrcBOBo9llkbMUQKj3M" width="287px;" /><br />
<div dir="ltr" style="margin-bottom: 0pt; margin-left: 20.25pt; margin-top: 0pt; text-align: center;"><span style="font-family: Arial; font-size: 13px; font-weight: normal; text-decoration: none; vertical-align: baseline; white-space: pre-wrap;">ภาพที่ 4 แสดงหน้าของโปรแกรม </span><span style="font-family: 'Angsana New'; font-size: 16px; text-decoration: none; vertical-align: baseline; white-space: pre-wrap;">FontCreator</span></div><div dir="ltr" style="margin-bottom: 0pt; margin-left: 20.25pt; margin-top: 0pt; text-align: center;"><span style="font-family: 'Angsana New'; font-size: 16px; text-decoration: none; vertical-align: baseline; white-space: pre-wrap;">เมื่อนำไฟล์ฟอนต์มาปรับแต่งหรือออกแบบ</span><span style="font-family: 'Angsana New'; font-size: 13px; font-weight: normal; text-decoration: none; vertical-align: baseline; white-space: pre-wrap;"></span></div><div dir="ltr" style="margin-bottom: 0pt; margin-left: 20.25pt; margin-top: 0pt; text-align: center;"><span style="font-family: Arial; font-size: 13px; font-weight: normal; text-decoration: none; vertical-align: baseline; white-space: pre-wrap;">ที่มา:ชานนท์ เกษมวรรณกร,2555</span><span style="font-family: Arial; font-size: 15px; font-weight: normal; text-decoration: none; vertical-align: baseline; white-space: pre-wrap;"></span></div><div dir="ltr" style="margin-bottom: 0pt; margin-left: 20.25pt; margin-top: 0pt; text-align: center;"><div style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em;"><span style="font-family: 'Angsana New'; font-size: 21px; font-weight: normal; text-decoration: none; vertical-align: baseline; white-space: pre-wrap;">4.จากนั้นจะปรากฎเป็นตารงกริดจำนวนมากซึ่งแต่ละช่องนั้นเป็นฟอนต์ที่ออกแบบไว้แล้ว ในที่นี่เราต้องการที่จะทำการออกแบบฟอนต์ที่เป็นลายมือของเราเอง โดยการดับเบิ้ลคลิกที่ช่องที่มีตัวอักษร พยัญชนะหรือสระนั้นแล้วทำการแก้ไขเป็นฟอนต์ของเราเอง</span><img height="173px;" src="https://lh3.googleusercontent.com/RjzkgCYn5K0GX9xDHWLplzqbuaWi7g4qZXFw1kvr7i3OgDzHL4bYMc55d0dwBBxpCGk7ZcMag_-Ncclg1aXDHnvswkAnodpoRd0Uk5ZUExTjiEgGlts" width="276px;" /></div></div><div dir="ltr" style="margin-bottom: 0pt; margin-left: 20pt; margin-top: 0pt; text-align: center;"><span style="font-family: Arial; font-size: 13px; font-weight: normal; text-decoration: none; vertical-align: baseline; white-space: pre-wrap;">ภาพที่ 5 แสดงหน้าการเปิดไฟล์ฟอนต์ตัวอักษร F</span></div><div dir="ltr" style="margin-bottom: 0pt; margin-left: 20pt; margin-top: 0pt; text-align: center;"><span style="font-family: Arial; font-size: 13px; font-weight: normal; text-decoration: none; vertical-align: baseline; white-space: pre-wrap;">ที่มา:ชานนท์ เกษมวรรณกร,2555</span><span style="font-family: Arial; font-size: 15px; font-weight: normal; text-decoration: none; vertical-align: baseline; white-space: pre-wrap;"></span></div><span style="font-family: Arial; font-size: 15px; font-weight: normal; text-decoration: none; vertical-align: baseline; white-space: pre-wrap;"></span><img height="205px;" src="https://lh4.googleusercontent.com/R_GXa4rNeIfYHzgvNWMaa1V5mny7AxKvNQ6aHU-R1FYmcxM8xIGsqmCUTOnJ-Xs1slSmilT6OnQzrgY18aF4szHTtL2uer7BqRBj5OGbqrC3c1nvHXQ" width="330px;" /><br />
<div dir="ltr" style="margin-bottom: 0pt; margin-left: 20pt; margin-top: 0pt; text-align: center;"><span style="font-family: Arial; font-size: 13px; font-weight: normal; text-decoration: none; vertical-align: baseline; white-space: pre-wrap;">ภาพที่ 6 แสดงหน้าการcopy ภาพจากดปรแกรม PS</span></div><div dir="ltr" style="margin-bottom: 0pt; margin-left: 20pt; margin-top: 0pt; text-align: center;"><span style="font-family: Arial; font-size: 13px; font-weight: normal; text-decoration: none; vertical-align: baseline; white-space: pre-wrap;">ที่มา:ชานนท์ เกษมวรรณกร,2555</span><span style="font-family: Arial; font-size: 15px; font-weight: normal; text-decoration: none; vertical-align: baseline; white-space: pre-wrap;"></span></div><div dir="ltr" style="margin-bottom: 0pt; margin-left: 20.25pt; margin-top: 0pt;"><div style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em;"><span style="font-family: 'Angsana New'; font-size: 21px; font-weight: normal; text-decoration: none; vertical-align: baseline; white-space: pre-wrap;">5.วิธีการนำฟอนต์ลายมือของเราลงในโปรแกรมฟอนต์High-LogicFontCreatorนั้นทำได้โดยการcopyฟอนต์ทีละตัวมาจากโปรแกรมแต่งภาพปรับภาพแล้วนำไปpast(ก่อนpastควรดับเบิ้ลคลิกที่ฟอนต์นั้นก่อนและทำการpast)ลงแทนฟอนต์ต้นฉบับใน High-Logic FontCreator ทีละตัว</span><span style="font-family: Arial; font-size: 15px; font-weight: normal; text-decoration: none; vertical-align: baseline; white-space: pre-wrap;"></span><img height="211px;" src="https://lh6.googleusercontent.com/XW6gcwdcgQ9bX3ZdEPCKoCbFWAk9RPoZkbX3VwpJG306le0WmbllAM_wgNHOqOKQcW6C84WRCL0HscIeDzheGDqw6gKiK5e1X0fgkodbbRnGPlPxrZc" width="337px;" /></div></div><div dir="ltr" style="margin-bottom: 0pt; margin-left: 20.25pt; margin-top: 0pt; text-align: center;"><span style="font-family: Arial; font-size: 13px; font-weight: normal; text-decoration: none; vertical-align: baseline; white-space: pre-wrap;">ภาพที่ 7 แสดงหน้าของโปรแกรม </span><span style="font-family: 'Angsana New'; font-size: 16px; text-decoration: none; vertical-align: baseline; white-space: pre-wrap;">FontCreatorการดัดตัวอักษร</span><span style="font-family: 'Angsana New'; font-size: 13px; font-weight: normal; text-decoration: none; vertical-align: baseline; white-space: pre-wrap;"></span></div><div dir="ltr" style="margin-bottom: 0pt; margin-left: 20.25pt; margin-top: 0pt; text-align: center;"><span style="font-family: Arial; font-size: 13px; font-weight: normal; text-decoration: none; vertical-align: baseline; white-space: pre-wrap;">ที่มา:ชานนท์ เกษมวรรณกร,2555</span><span style="font-family: Arial; font-size: 15px; font-weight: normal; text-decoration: none; vertical-align: baseline; white-space: pre-wrap;"></span></div><span style="font-size: 21px; font-weight: normal; text-decoration: none; vertical-align: baseline; white-space: pre-wrap;"></span><br />
<span style="font-family: 'Angsana New'; font-size: 21px; font-weight: normal; text-decoration: none; vertical-align: baseline; white-space: pre-wrap;"></span><br />
<div dir="ltr" style="margin-bottom: 0pt; margin-left: 20.25pt; margin-top: 0pt;"><span style="font-family: 'Angsana New'; font-size: 21px; font-weight: normal; text-decoration: none; vertical-align: baseline; white-space: pre-wrap;">6.ปรับขนาดและสัดส่วนของฟอนต์ให้ถูกต้อง การจัดวางช่องไฟ ตำแหน่งระห่างหน้า-หลัง ความสูง</span></div><div dir="ltr" style="margin-bottom: 0pt; margin-left: 20.25pt; margin-top: 0pt;"><span style="font-family: 'Angsana New'; font-size: 21px; font-weight: normal; text-decoration: none; vertical-align: baseline; white-space: pre-wrap;">- cap height คือ ความสูงของตัวอักษรพิพ์ใหญ่</span></div><div dir="ltr" style="margin-bottom: 0pt; margin-left: 20.25pt; margin-top: 0pt;"><span style="font-family: 'Angsana New'; font-size: 21px; font-weight: normal; text-decoration: none; vertical-align: baseline; white-space: pre-wrap;">-medien คือ ความสูงของตัวอักษรพิมพ์เล็ก</span></div><div dir="ltr" style="margin-bottom: 0pt; margin-left: 20.25pt; margin-top: 0pt;"><span style="font-family: 'Angsana New'; font-size: 21px; font-weight: normal; text-decoration: none; vertical-align: baseline; white-space: pre-wrap;">- x- height คือระห่างระหว่างเส้นฐานจนถึงเส้น medien ซึ่งเป็นช่วงของตัวพิมพ์เล็ก</span></div><div dir="ltr" style="margin-bottom: 0pt; margin-left: 20.25pt; margin-top: 0pt;"><div style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em;"><span style="font-family: 'Angsana New'; font-size: 21px; font-weight: normal; text-decoration: none; vertical-align: baseline; white-space: pre-wrap;">-baseline คือเส้นฐาน</span><img height="115px;" src="https://lh4.googleusercontent.com/Xxp3EFjPYVV3HEHh7OQ45PQ0KPJyPlhchbyMxrE_YIx8e1GWv66XaOkt3yHcgb8fAdnNAV5oN2nY8YZvZFGleeHhORIo-kn_6p01yygG9OJ_nwULoU0" width="345px;" /></div></div><div dir="ltr" style="margin-bottom: 0pt; margin-left: 20.25pt; margin-top: 0pt;"><div style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em;"><span style="font-family: 'Angsana New'; font-size: 21px; font-weight: normal; text-decoration: none; vertical-align: baseline; white-space: pre-wrap;">7.ในขณะทำการ past ฟอนต์ลงในโปรแกรมหรืออาจรอจน past จนเสร็จ ควรกด test หรือ F8 เพื่อทำการตวจระยะห่าง ช่องไฟ ความสูง โดยตรวจให้ครบถ้านอย่างละเอียดโดยเฉพาะ สระและพยัญชนะในภาษาไทยอาจปรากฎเป็นการซ้อนพยัญชนะได้หากจัดไม่ดี</span><a href="http://www.fontspace.com/"><span style="color: #000099; font-family: 'Angsana New'; font-size: 21px; font-weight: normal; vertical-align: baseline; white-space: pre-wrap;"></span></a><img height="281px;" src="https://lh5.googleusercontent.com/B5YpLYDSJ-gp3ml0indnyAKFb3iA84hF-6TeclP8abSy29l9KMa0ndYS896tqoCGB5Z6MBDIu63QJ8nB6MadC6TkAlo0-sBAtZh8YoRiTuipR0qw2Fw" width="311px;" /></div></div><div dir="ltr" style="margin-bottom: 0pt; margin-left: 20.25pt; margin-top: 0pt; text-align: center;"><span style="font-family: Arial; font-size: 13px; font-weight: normal; text-decoration: none; vertical-align: baseline; white-space: pre-wrap;">ภาพที่ 8 แสดงหน้าของการเปลี่ยนชื่อและข้อมูลฟอนต์</span><span style="font-family: 'Angsana New'; font-size: 16px; text-decoration: none; vertical-align: baseline; white-space: pre-wrap;"></span></div><div dir="ltr" style="margin-bottom: 0pt; margin-top: 0pt; text-align: center;"><span style="font-family: Arial; font-size: 13px; font-weight: normal; text-decoration: none; vertical-align: baseline; white-space: pre-wrap;">ที่มา:ชานนท์ เกษมวรรณกร,2555</span><span style="font-family: 'Angsana New'; font-size: 15px; font-weight: normal; text-decoration: none; vertical-align: baseline; white-space: pre-wrap;"></span></div><div dir="ltr" style="margin-bottom: 0pt; margin-left: 20.25pt; margin-top: 0pt;"><div style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em;"><span style="font-family: 'Angsana New'; font-size: 21px; font-weight: normal; text-decoration: none; vertical-align: baseline; white-space: pre-wrap;">8.ทำการเปลี่ยนชื่อฟอนต์และข้อมูลผู้ออกแบบ รวมทั้งข้อมูลเกี่ยวกับฟอนต์ด้วย format---naming</span><span style="font-family: 'Angsana New'; font-size: 15px; font-weight: normal; text-decoration: none; vertical-align: baseline; white-space: pre-wrap;"></span><img height="202px;" src="https://lh6.googleusercontent.com/if4w7ZYe_ZnvCvLJJC9KazgdX3mZ4ZNouSplEJhkIwiFDmFvRwPEIztLCfGNhHYOAjHEvLtBBZvIa_5XXhH-1j8fKk0pYZgyEzzjpWk3rW93ChTu2MA" width="320px;" /></div></div><div dir="ltr" style="margin-bottom: 0pt; margin-left: 20.25pt; margin-top: 0pt; text-align: center;"><span style="font-family: Arial; font-size: 13px; font-weight: normal; text-decoration: none; vertical-align: baseline; white-space: pre-wrap;">ภาพที่ 9 แสดงหน้าของการเปลี่ยนชื่อและข้อมูลฟอนต์</span><span style="font-family: 'Angsana New'; font-size: 13px; font-weight: normal; text-decoration: none; vertical-align: baseline; white-space: pre-wrap;"></span></div><div dir="ltr" style="margin-bottom: 0pt; margin-left: 20.25pt; margin-top: 0pt; text-align: center;"><span style="font-family: Arial; font-size: 13px; font-weight: normal; text-decoration: none; vertical-align: baseline; white-space: pre-wrap;">ที่มา:ชานนท์ เกษมวรรณกร,2555</span><span style="font-family: Arial; font-size: 15px; font-weight: normal; text-decoration: none; vertical-align: baseline; white-space: pre-wrap;"></span></div><span style="font-family: 'Angsana New'; font-size: 21px; font-weight: normal; text-decoration: none; vertical-align: baseline; white-space: pre-wrap;"></span><br />
<div dir="ltr" style="margin-bottom: 0pt; margin-left: 20.25pt; margin-top: 0pt;"><div style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em;"><span style="font-family: 'Angsana New'; font-size: 21px; font-weight: normal; text-decoration: none; vertical-align: baseline; white-space: pre-wrap;">9.save ไฟล์ไว้โดยตั้งชื่อตามที่ต้องการ ในที่นี้ผู้สอนได้บังคบให้ตั้งชื่อโดยขึ้นต้นด้วย CRUแล้วตามด้วยชื่อตัวเอง โปรดระวังว่าข้อมูลบางอย่างที่ติดมากับฟอนต์นั้นอาจมีลิขสิทธ์ด้วย</span><span style="font-family: Arial; font-size: 15px; font-weight: normal; text-decoration: none; vertical-align: baseline; white-space: pre-wrap;"></span><img height="217px;" src="https://lh5.googleusercontent.com/DzMXH_5WpDK4_jKozUDYZmWzWYGNZhc1OcPl2nvZiZXd3UmlLRHxdBYvjANanT62PoFDWpNOQoCpAzurtO0M97y19FAVWPzvx-dVa9a3yysvt8ABNh0" width="347px;" /></div></div><div dir="ltr" style="margin-bottom: 0pt; margin-left: 20.25pt; margin-top: 0pt; text-align: center;"><span style="font-family: Arial; font-size: 13px; font-weight: normal; text-decoration: none; vertical-align: baseline; white-space: pre-wrap;">ภาพที่ 10 แสดงหน้าของการติดตั้งฟอนต์</span><span style="font-family: 'Angsana New'; font-size: 13px; font-weight: normal; text-decoration: none; vertical-align: baseline; white-space: pre-wrap;"></span></div><div dir="ltr" style="margin-bottom: 0pt; margin-left: 20.25pt; margin-top: 0pt; text-align: center;"><span style="font-family: Arial; font-size: 13px; font-weight: normal; text-decoration: none; vertical-align: baseline; white-space: pre-wrap;">ที่มา:ชานนท์ เกษมวรรณกร,2555</span><span style="font-family: Arial; font-size: 15px; font-weight: normal; text-decoration: none; vertical-align: baseline; white-space: pre-wrap;"></span></div><div dir="ltr" style="margin-bottom: 0pt; margin-left: 20.25pt; margin-top: 0pt;"><span style="font-family: 'Angsana New'; font-size: 21px; font-weight: normal; text-decoration: none; vertical-align: baseline; white-space: pre-wrap;">10.การติดตั้งฟอนต์ในเครื่องพีซีหรือโน๊ตบุค ทำได้ตามปกติ ติดตั้งได้เลย และทดลองใช้ดูให้สมกับงานที่ต้องการด้วย</span></div><div dir="ltr" style="margin-bottom: 0pt; margin-left: 20.25pt; margin-top: 0pt;"><span style="font-family: 'Angsana New'; font-size: 21px; font-weight: normal; text-decoration: none; vertical-align: baseline; white-space: pre-wrap;">11.นำฟอนต์ลายมือไปเผยแพร่แจกใช้ฟรี ทาง</span><a href="http://www.fontspace.com/"><span style="color: black; font-family: 'Angsana New'; font-size: 21px; font-weight: normal; text-decoration: none; vertical-align: baseline; white-space: pre-wrap;"> </span></a><a href="http://www.fontspace.com/"><span style="color: #000099; font-family: 'Angsana New'; font-size: 21px; font-weight: normal; vertical-align: baseline; white-space: pre-wrap;">www.fontspace.com</span></a><span style="font-family: Arial; font-size: 15px; font-weight: normal; text-decoration: none; vertical-align: baseline; white-space: pre-wrap;"></span></div><span style="font-family: Arial; font-size: 15px; font-weight: normal; text-decoration: none; vertical-align: baseline; white-space: pre-wrap;"></span><br />
<div dir="ltr" style="margin-bottom: 0pt; margin-left: 20.25pt; margin-top: 0pt;"><span style="font-family: Arial; font-size: 15px; font-weight: normal; text-decoration: none; vertical-align: baseline; white-space: pre-wrap;">ขั้นตอนการนำฟอนต์ไปเผยแพร่ใน</span><a href="http://www.fontspace.com/"><span style="color: #000099; font-family: 'Angsana New'; font-size: 21px; font-weight: normal; vertical-align: baseline; white-space: pre-wrap;">www.fontspace.com</span></a><span style="font-family: Arial; font-size: 15px; font-weight: normal; text-decoration: none; vertical-align: baseline; white-space: pre-wrap;"></span></div><div dir="ltr" style="margin-bottom: 0pt; margin-left: 20.25pt; margin-top: 0pt;"><div style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em;"><span style="font-family: Arial; font-size: 15px; font-weight: normal; text-decoration: none; vertical-align: baseline; white-space: pre-wrap;">1. สมัครสามชิกและทำการ log in เพื่อทำการอัพโหลด</span><img height="224px;" src="https://lh6.googleusercontent.com/HaKJuqSL4Rp2MmugsUUxsNoPB6dfIYIt3-j3DDd8f72wP67Mzdm9K84PaTfWzyhmwfGL3rC6cjZx06yGNw6GiVm3zxnAmIw2TkxIr3d6W25XduqMN3s" width="359px;" /></div></div><div dir="ltr" style="margin-bottom: 0pt; margin-left: 20.25pt; margin-top: 0pt; text-align: center;"><span style="font-family: Arial; font-size: 13px; font-weight: normal; text-decoration: none; vertical-align: baseline; white-space: pre-wrap;">ภาพที่ 11 แสดงหน้าของแสดงขั้นตอนการlog in</span><a href="http://www.fontspace.com/"><span style="color: #000099; font-family: 'Angsana New'; font-size: 21px; font-weight: normal; vertical-align: baseline; white-space: pre-wrap;">www.fontspace.com</span></a><span style="font-family: 'Angsana New'; font-size: 13px; font-weight: normal; text-decoration: none; vertical-align: baseline; white-space: pre-wrap;"></span></div><div dir="ltr" style="margin-bottom: 0pt; margin-left: 20.25pt; margin-top: 0pt; text-align: center;"><span style="font-family: Arial; font-size: 13px; font-weight: normal; text-decoration: none; vertical-align: baseline; white-space: pre-wrap;">ที่มา:ชานนท์ เกษมวรรณกร,2555</span><span style="font-family: Arial; font-size: 15px; font-weight: normal; text-decoration: none; vertical-align: baseline; white-space: pre-wrap;"></span></div><div dir="ltr" style="margin-bottom: 0pt; margin-left: 20.25pt; margin-top: 0pt;"><div style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em;"><span style="font-family: Arial; font-size: 15px; font-weight: normal; text-decoration: none; vertical-align: baseline; white-space: pre-wrap;">2.คลิกเลือก up load </span><img height="226px;" src="https://lh6.googleusercontent.com/XOhHAEr0t6niCWBoumtbudv8et0tXIH61gGerwe4v1m2huosoVptL-s82eJL7AI3j1bd6C8zagHHONMA3nT2kPKJqXowjF6Gf7Vnde4ctIgjiOdT1xY" width="362px;" /></div></div><div dir="ltr" style="margin-bottom: 0pt; margin-left: 20.25pt; margin-top: 0pt; text-align: center;"><span style="font-family: Arial; font-size: 13px; font-weight: normal; text-decoration: none; vertical-align: baseline; white-space: pre-wrap;">ภาพที่ 12 แสดงขั้นตอนการอัพโหลดฟอนต์ใน</span><a href="http://www.fontspace.com/"><span style="color: #000099; font-family: 'Angsana New'; font-size: 21px; font-weight: normal; vertical-align: baseline; white-space: pre-wrap;">www.fontspace.com</span></a><span style="font-family: 'Angsana New'; font-size: 13px; font-weight: normal; text-decoration: none; vertical-align: baseline; white-space: pre-wrap;"></span></div><div dir="ltr" style="margin-bottom: 0pt; margin-left: 20.25pt; margin-top: 0pt; text-align: center;"><span style="font-family: Arial; font-size: 13px; font-weight: normal; text-decoration: none; vertical-align: baseline; white-space: pre-wrap;">ที่มา:ชานนท์ เกษมวรรณกร,2555</span><span style="font-family: Arial; font-size: 15px; font-weight: normal; text-decoration: none; vertical-align: baseline; white-space: pre-wrap;"></span></div><div dir="ltr" style="margin-bottom: 0pt; margin-left: 20.25pt; margin-top: 0pt;"><div style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em;"><span style="font-family: Arial; font-size: 15px; font-weight: normal; text-decoration: none; vertical-align: baseline; white-space: pre-wrap;">3. เลือกไฟล์ฟอนต์ที่ต้องการอัพโหลดลง </span><img height="233px;" src="https://lh3.googleusercontent.com/JvSqJ7w_J2ktL7W8EdvuePxEqgnMjSE56Ko78M8ZH9p6bDVfWRzhoDXB2VVkz1xxVtM7Us4-yMqaptcue2hXlXjZTl2AzMCSfLkHZviB4JieAY6vkoQ" width="373px;" /></div></div><div dir="ltr" style="margin-bottom: 0pt; margin-left: 20.25pt; margin-top: 0pt; text-align: center;"><span style="font-family: Arial; font-size: 13px; font-weight: normal; text-decoration: none; vertical-align: baseline; white-space: pre-wrap;">ภาพที่ 13 แสดงขั้นตอนการอัพโหลดฟอนต์ใน</span><a href="http://www.fontspace.com/"><span style="color: #000099; font-family: 'Angsana New'; font-size: 21px; font-weight: normal; vertical-align: baseline; white-space: pre-wrap;">www.fontspace.com</span></a><span style="font-family: 'Angsana New'; font-size: 13px; font-weight: normal; text-decoration: none; vertical-align: baseline; white-space: pre-wrap;"></span></div><div dir="ltr" style="margin-bottom: 0pt; margin-left: 20.25pt; margin-top: 0pt; text-align: center;"><span style="font-family: Arial; font-size: 13px; font-weight: normal; text-decoration: none; vertical-align: baseline; white-space: pre-wrap;">ที่มา:ชานนท์ เกษมวรรณกร,2555</span><span style="font-family: Arial; font-size: 15px; font-weight: normal; text-decoration: none; vertical-align: baseline; white-space: pre-wrap;"></span></div><div dir="ltr" style="margin-bottom: 0pt; margin-left: 20.25pt; margin-top: 0pt; text-align: center;"><div style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em;"><span style="font-family: Arial; font-size: 15px; font-weight: normal; text-decoration: none; vertical-align: baseline; white-space: pre-wrap;">ตั้งชื่อและอธิบายรายละเอียดเกี่ยวกับฟอนต์รวมทั้งข้อมูลของผู้ออกแบบด้วย</span><img height="226px;" src="https://lh5.googleusercontent.com/W0Nf_sTb3NAPw6pDvKM8d2ShlDdkPjMzowVJ0H86kcpNw_B5cCdNUbgDp-PqOCK9lOChbkzXnhZMHQYyuAMKQVHds8p3vgESNTNVkrCPWbcdK-xWsHQ" width="361px;" /></div></div><div dir="ltr" style="margin-bottom: 0pt; margin-left: 20.25pt; margin-top: 0pt; text-align: center;"><span style="font-family: Arial; font-size: 13px; font-weight: normal; text-decoration: none; vertical-align: baseline; white-space: pre-wrap;">ภาพที่ 14 แสดงขั้นตอนการอัพโหลดฟอนต์ใน</span><a href="http://www.fontspace.com/"><span style="color: #000099; font-family: 'Angsana New'; font-size: 21px; font-weight: normal; vertical-align: baseline; white-space: pre-wrap;">www.fontspace.com</span></a><span style="font-family: 'Angsana New'; font-size: 13px; font-weight: normal; text-decoration: none; vertical-align: baseline; white-space: pre-wrap;"></span></div><div dir="ltr" style="margin-bottom: 0pt; margin-left: 20.25pt; margin-top: 0pt; text-align: center;"><span style="font-family: Arial; font-size: 13px; font-weight: normal; text-decoration: none; vertical-align: baseline; white-space: pre-wrap;">ที่มา:ชานนท์ เกษมวรรณกร,2555</span><span style="font-family: Arial; font-size: 15px; font-weight: normal; text-decoration: none; vertical-align: baseline; white-space: pre-wrap;"></span></div><div dir="ltr" style="margin-bottom: 0pt; margin-left: 20.25pt; margin-top: 0pt;"><span style="font-family: Arial; font-size: 15px; font-weight: normal; text-decoration: none; vertical-align: baseline; white-space: pre-wrap;">หน้าสำหรับเผยแพร่เพื่ออัพโหลดนำไปใช้</span></div><div dir="ltr" style="margin-bottom: 0pt; margin-left: 20.25pt; margin-top: 0pt; text-align: center;"><div style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em;"><a href="http://www.fontspace.com/chandrakasem-rajabhat-university/cru-janonkas"><span style="color: #000099; font-family: Arial; font-size: 15px; font-weight: normal; vertical-align: baseline; white-space: pre-wrap;">http://www.fontspace.com/chandrakasem-rajabhat-university/cru-janonkas</span></a><span style="font-family: Arial; font-size: 15px; font-weight: normal; text-decoration: none; vertical-align: baseline; white-space: pre-wrap;"></span><img height="255px;" src="https://lh6.googleusercontent.com/aNNHWxpjkwYNZPUC8kN_sb-i2ycU2A9JgxdShZJyebqHuQn2B0YDb2TxPIjSV8UjOl2GBuWUIB_8mVcf7EIoL89k9ykX4CGpSHW69orlxL6Snt3o37A" width="408px;" /></div></div><div dir="ltr" style="margin-bottom: 0pt; margin-left: 20.25pt; margin-top: 0pt; text-align: center;"><span style="font-family: Arial; font-size: 13px; font-weight: normal; text-decoration: none; vertical-align: baseline; white-space: pre-wrap;">ภาพที่ 15 แสดงหน้าเว็บไซต์ fontspace</span><span style="font-family: 'Angsana New'; font-size: 13px; font-weight: normal; text-decoration: none; vertical-align: baseline; white-space: pre-wrap;"></span></div><div dir="ltr" style="margin-bottom: 0pt; margin-left: 20.25pt; margin-top: 0pt; text-align: center;"><span style="font-family: Arial; font-size: 13px; font-weight: normal; text-decoration: none; vertical-align: baseline; white-space: pre-wrap;">ที่มา:ชานนท์ เกษมวรรณกร,2555</span></div></b><b id="internal-source-marker_0.8888226221315563"><span style="font-family: Verdana;"><span style="white-space: pre-wrap;"><br />
</span></span></b><br />
<div dir="ltr" style="margin-bottom: 0pt; margin-left: 20.25pt; margin-top: 0pt; text-align: justify;"><b id="internal-source-marker_0.8888226221315563"><span style="font-family: 'Angsana New'; font-size: 21px; font-weight: normal; text-decoration: none; vertical-align: baseline; white-space: pre-wrap;">เนื้อหารายงานเล่มนี้เป็นการแนะนำการออกแบบฟอนต์ลายมือตัวผู้ออกแบบเองโดยได้อธิบายขั้นตอนการออกแบบตั้งแต่ขั้นเริ่มต้นจนถึงขั้นตอนการนำไปใช้จริงการออกแบบฟอนต์ลายมือชุดนี้เป็นการออกแบบผ่านโปรแกรมHigh-LogicFontCreatorมีทั้งตัวพิมพ์ที่เป็นภาษาอังกฤษและภาษาไทยสามรถนำไปติดตั้งได้บนเครื่องคอมพิวเตอร์พีซีหรือโน๊ตบุคได้เลย</span></b></div><div dir="ltr" style="margin-bottom: 0pt; margin-left: 20.25pt; margin-top: 0pt;"><b id="internal-source-marker_0.8888226221315563"><span style="font-family: 'Angsana New'; font-size: 21px; text-decoration: none; vertical-align: baseline; white-space: pre-wrap;">ขั้นตอนการออกแบบฟอนต์ลายมือ จาก </span><span style="font-family: 'Angsana New'; font-size: 19px; text-decoration: none; vertical-align: baseline; white-space: pre-wrap;">FontCreator</span></b></div><div dir="ltr" style="margin-bottom: 0pt; margin-left: 20.25pt; margin-top: 0pt;"><b id="internal-source-marker_0.8888226221315563"><span style="font-family: 'Angsana New'; font-size: 21px; font-weight: normal; text-decoration: none; vertical-align: baseline; white-space: pre-wrap;">1.ดาวน์โหลดแทมเพลตที่เป็น grid สำหรับเขียนฟอนต์ลายมือโดยในที่นี้ผู้ออกแบบได้ประสบปัญหาว่าตารางที่ดาวน์โหลดมานั้นช่องในการเขียนเล้กเกิดไปสร้างปัญหาในการแสกนไม่ชัดจึงได้ปรับปรุงโดยการขยายเทมเพลตให้ใหญ่ขึ้นเพื่อง่ายต่อการเขียนและเพื่อความละเอียดที่ชัดขึ้นเมื่อนำไปแสกน</span><span style="font-family: Arial; font-size: 15px; font-weight: normal; text-decoration: none; vertical-align: baseline; white-space: pre-wrap;"></span></b></div></div></div>เที่ยวกะดินhttp://www.blogger.com/profile/03307458448271888599noreply@blogger.com1tag:blogger.com,1999:blog-4198418876032075349.post-89542982582683015302012-01-15T00:59:00.000-08:002012-02-02T01:24:50.297-08:00สัปดาห์ที่ 6สรุปผลการเรียนรู้รายสัปดาห์<br />
1.สั่งานให้ศึกษาดูงานจาก BOI FAIR<br />
-BOI คืออะไร<br />
-งานเกี่ยวกับอะไร<br />
-เทคโนโลยีที่เกี่ยวข้องกับการออกแบบมีอะไรบ้าง<br />
-มีการนำเสนออย่างไร<br />
-เห็นฟอนต์ในการแสดงมีอะไรบ้าง<br />
2.งานออกแบบฟอนต์ลายมือจาก font creator ทำการเปลี่ยนชื่อเจ้าของและผู้ออกแบบเป็นชื่อตัวเอง<br />
3.อัพโหลดฟอนต์ลายมือที่ fontspace.com<br />
4.ออกแบบหรือปรับปรุงฟอนต์เก่าให้ดีขึ้นเป็นversion 1<br />
5.สรุปผลและรายงานส่งผู้สอน ทาง google document<br />
<br />
สรุปงานและผลการเรียนรู้ที่ได้รับ<br />
1.แนะนำวิธีการทำงานของโปรแกรม font creator<br />
2.สร้างตัว Master Hxdp<br />
<div class="separator" style="clear: both; text-align: center;"><a href="http://3.bp.blogspot.com/-dqpD2HdtOGo/TypTWIEdMuI/AAAAAAAAA1s/QxWjk6OTvaQ/s1600/12.JPG" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="189" src="http://3.bp.blogspot.com/-dqpD2HdtOGo/TypTWIEdMuI/AAAAAAAAA1s/QxWjk6OTvaQ/s320/12.JPG" width="320" /></a></div><div class="separator" style="clear: both; text-align: center;"><span style="font-size: x-small;">ถาพที่ 1 แสดงกริด Glyp Structure ใน font creator</span></div><br />
3.สร้าง grid ใหม่ใน font creator ตั้งชื่่อเป็น Glyp Structure<br />
4.การตั้งชื่อ ฟอนต์ ให้ขึ้นต้นด้วย CRU-JANON-HAND WRITTEN<br />
<div class="separator" style="clear: both; text-align: center;"><a href="http://4.bp.blogspot.com/-ccLp-rkdkjg/TypTbRzX_iI/AAAAAAAAA10/iHW3sx09M0E/s1600/11.JPG" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="287" src="http://4.bp.blogspot.com/-ccLp-rkdkjg/TypTbRzX_iI/AAAAAAAAA10/iHW3sx09M0E/s320/11.JPG" width="320" /></a></div><div class="separator" style="clear: both; text-align: center;"><span style="font-size: x-small;">ถาพที่ 2 แสดงการตั้งชื่อฟอนต์</span></div>เที่ยวกะดินhttp://www.blogger.com/profile/03307458448271888599noreply@blogger.com0tag:blogger.com,1999:blog-4198418876032075349.post-39529333468773365652012-01-05T20:29:00.000-08:002012-01-05T20:29:10.519-08:00สัปดาห์ที่ 5 Free Online GooglrApps Tools Assisted Design : Preliminary Design Research<img height="137" src="https://www.donationcoder.com/forum/index.php?action=dlattach;topic=5739.0;attach=6666;image" width="200" /> <br />
1.แนะนำการใช้โปรแกรม Font Creator เพิ่มเติม<br />
2.เมื่อได้ฟอนต์ออกแบบสำเร็จเรียบร้อยแล้ว ให้ไปอัพโหลดลง fontspace.com<br />
3.ฟอนต์ลายมือที่ีสำเร็จแล้วให้ติดตั้งลงเครื่องแล้วทดลอง และให้เขียนเป็นเวอร์ชั่น 0<br />
4.ปรับเปลี่ยนแก้ไขหรือสร้างฟอนต์ใหม่โดยเปลี่ยนเป็นเวอร์ชั่น1<br />
5.ส่งฟอนต์ออกแบบทั้งสองเวอร์ชั่นใน Google Document และส่งรายงาน<br />
<img alt="Boifair2011" height="200" src="http://profile.ak.fbcdn.net/hprofile-ak-snc4/187772_164194266947436_4734954_n.jpg" width="153" /> <br />
6.สั่งงานดูงาน BOI FAIR แบบเจาะลึก รายเลียด ความหมาย BOI ,เทคโนโลยีที่เกี่ยวข้องกับการออกแบบมีอะไรบ้าง มีการนำเสนออย่างไร เห็นฟอต์แล้วถ่ายรูปมาด้วย เป็นฟอนต์ที่ออกแบบเองมาใหม่หรือไม่<br />
7.สรุปผลการดูงาน BOI FAIR แล้วทำรายงานส่งผู้สอน ผ่านทางGoogle Document และสรุปลง Blogger<br />
เว็บไซต์งานนิทรรศการ <a href="http://www.boifair2011.com/view/th/home/home.jsf">http://www.boifair2011.com/view/th/home/home.jsf</a> <br />
ติดตามข้ออัพเดตผ่านทางสังคมออนไลน์ <a href="http://th-th.facebook.com/boifair2011">http://th-th.facebook.com/boifair2011</a>,<a href="http://twitter.com/#!/boifair2011">http://twitter.com/#!/boifair2011</a>เที่ยวกะดินhttp://www.blogger.com/profile/03307458448271888599noreply@blogger.com0tag:blogger.com,1999:blog-4198418876032075349.post-71458498729024092192012-01-05T20:08:00.000-08:002012-01-05T20:08:19.972-08:00สัปดาห์ที่ 4 Free Online Tools Assisted Designติดตั้งการและสอนการใช้โปรแกรมออกแบบฟอนต์ font creator<br />
<img height="155" src="http://i1-news.softpedia-static.com/images/reviews/large/FontCreator_004-large.png" width="200" /> <br />
<br />
โดยการออกแบบฟอนต์ต้องเริ่มต้นการดาวน์โหลดแทมเพลตแบบตารางกริดมาก่อน โดยโปรแจคนี่ผู้สอนได้แจกเทมเพลตที่เป็นทั้งไทยและอังกฤษให้เพื่อนำไปเขียนเป็นลายมือตัวเองแล้วมาแสกน บันทึกและแชร์เอกสาร ผ่านทางgoogle document<br />
<div class="separator" style="clear: both; text-align: center;"><a href="http://3.bp.blogspot.com/-ergV7MM887k/TwZxpJ4dYDI/AAAAAAAAAyg/VGVTQO9rTyE/s1600/%25E0%25B9%2581%25E0%25B8%2597%25E0%25B8%25A1%25E0%25B9%2580%25E0%25B8%259E%25E0%25B8%25A5%25E0%25B8%2595.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="249" src="http://3.bp.blogspot.com/-ergV7MM887k/TwZxpJ4dYDI/AAAAAAAAAyg/VGVTQO9rTyE/s320/%25E0%25B9%2581%25E0%25B8%2597%25E0%25B8%25A1%25E0%25B9%2580%25E0%25B8%259E%25E0%25B8%25A5%25E0%25B8%2595.jpg" width="320" /></a></div><div class="separator" style="clear: both; text-align: left;">เขียนลายมือตัวเองลงด้วยหมึกดำ ดดยให้ศึกษาถึงตำแหน่งในการเขียนให้ถูกต้อง แล้วนำมาแสกนในResalution สูง แล้วบันทึกเป็นไฟล์PNG</div><div class="separator" style="clear: both; text-align: left;"><br />
</div><img height="219" src="https://www.donationcoder.com/forum/index.php?action=dlattach;topic=5739.0;attach=6666;image" width="320" /><br />
เปิดโปรแกรม font creator ขึ้นมาแล้วเปฺดไฟล์แทมเพลตขึ้นในโปรแกรม PHOTOSHOPหรือโปรแกรมเปิดรูปใดก็ได้แล้วทำการคัดลอกฟอนต์ลายมือลงใน font creator จนครบทุกตัว เมื่อเสร็จสิ้นให้ทำการตั้งชื่อฟอนต์โดยขึ้นต้นด้วยCRU-ชื่อตัวเอง แล้วบันทึกเป็นไฟล์ttf และติดตั้งลงเครื่องนำไปใช้ได้เลย แต่ให้ระวังเรื่องลิขสิทธิ์ด้วยเที่ยวกะดินhttp://www.blogger.com/profile/03307458448271888599noreply@blogger.com1tag:blogger.com,1999:blog-4198418876032075349.post-19769341603078754042011-12-24T06:15:00.000-08:002011-12-27T19:53:34.290-08:00สัปดาห์ที่ 3 computer assisted design: Online Tools<div style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em;"><div class="separator" style="clear: both; text-align: center;"><br />
</div><div class="separator" style="clear: both; text-align: center;"><a href="http://4.bp.blogspot.com/-vBatAia6QLg/TvqRdwCxsaI/AAAAAAAAAyU/L529XCX9nRI/s1600/viewer+%25281%2529.png" imageanchor="1" style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em;"><img border="0" height="200" src="http://4.bp.blogspot.com/-vBatAia6QLg/TvqRdwCxsaI/AAAAAAAAAyU/L529XCX9nRI/s200/viewer+%25281%2529.png" width="141" /></a></div><div class="separator" style="clear: both; text-align: center;"><a href="http://1.bp.blogspot.com/-6NGp747ZmQQ/TvWCXflz5GI/AAAAAAAAASw/YNm2niD-OAA/s1600/fontcast-roman-typeface-structure-500.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="117" src="http://1.bp.blogspot.com/-6NGp747ZmQQ/TvWCXflz5GI/AAAAAAAAASw/YNm2niD-OAA/s200/fontcast-roman-typeface-structure-500.jpg" width="200" /></a></div></div><div style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em;"><br />
</div><div style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em;"><br />
</div><div style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em;"><br />
</div><span style="font-family: Cambria, serif; font-size: medium;"><b>ศึกษาสัดส่วนและการจัดวางช่องไฟของการออกแบบฟอนต์</b></span><br />
<div style="margin-bottom: .0001pt; margin: 0cm;"><span style="font-family: Cambria, serif; font-size: medium;">1.Font Kerning</span><br />
<span style="font-family: Cambria, serif; font-size: medium;">2.Font Mpping</span><br />
<span style="font-family: Cambria, serif; font-size: medium;">3.Bearing ชาน</span><br />
<span style="font-family: Cambria, serif; font-size: medium;">4.Baseline เส้นตรงกลาง</span><br />
<span style="font-family: Cambria, serif; font-size: medium;">5.X-Height</span><br />
<span style="font-family: Cambria, serif; font-size: medium;">6.Cap-Height</span> <br />
<span style="font-family: Cambria, serif; font-size: medium;">7.Glyph รูปอักขระ</span></div><span style="font-family: Cambria, serif; font-size: medium;">8.Font Template</span><br />
<span style="font-family: Cambria, serif; font-size: medium;">9.Program </span><span style="font-family: Cambria, serif; font-size: medium;">Font</span><br />
<span style="font-family: Cambria, serif; font-size: medium;">10.Tye Aranging</span><br />
<span style="font-family: Cambria, serif; font-size: medium;">11.Asender</span><br />
<span style="font-family: Cambria, serif; font-size: medium;">12.Descender</span><br />
<span style="font-family: Cambria, serif; font-size: medium;"><br />
</span><br />
<br />
<br />
ที่มา:<a href="http://arti3319.blogspot.com/2011/07/blog-post.html">http://arti3319.blogspot.com/2011/07/blog-post.html</a><br />
<br />
<b>สรุปงานสัปดาห์ที่3</b><br />
-ดาวน์โหลดtemplate จาก http://sites.com/site/arti2035/fontfile หรือจากที่ผู้สอนแชร์เอกสารผ่านทางGoogel doc<br />
<div class="separator" style="clear: both; text-align: center;"></div>-เขียนฟอนต์ลายมือลงในเทมเพลตโดยใช้หมึกดำ ประมาณสามแผ่นแล้วอัพโหลดลง <a href="http://www.fontself.com/">http://www.fontself.com/</a> พร้อมรายงานสรุป<br />
-ดาวน์โหลดฟอนต์th ,sipa font :ซึ่งเป็นฟอต์แห่งชาติพยัญชนะไทย ศึกษาลักษณะและรายละเอียดของฟอนต์<br />
-ศึกษาฟอนต์ภาษาอังกฤษ ขนาด ลักษณะ การจัดช่องไฟ ฯลฯ และนำมาวิเคราะห์เปรียบเทียบกับพยัญชนะไทย โดย ต้องมีการเปรียบเทียบสระ วรรณยุกต์ด้วย<br />
<div class="separator" style="clear: both; text-align: center;"><a href="http://4.bp.blogspot.com/-7y4960UNQh0/TvqQAuGJ2pI/AAAAAAAAAx8/9VnxLClH4P4/s1600/viewer.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="226" src="http://4.bp.blogspot.com/-7y4960UNQh0/TvqQAuGJ2pI/AAAAAAAAAx8/9VnxLClH4P4/s320/viewer.png" width="320" /></a></div><br />
-สรุปงานโปรเจคคือ English-Thai-Font Mathing<br />
-ฟอนต์ลายมือทำด้วยโปรแกรม Font Creatorเที่ยวกะดินhttp://www.blogger.com/profile/03307458448271888599noreply@blogger.com0tag:blogger.com,1999:blog-4198418876032075349.post-90414805322060895812011-12-16T05:13:00.006-08:002011-12-16T05:29:51.643-08:00สัปดาห์ที่ 2 technology for Visual Communication Designสรุปผลการเรียนรู้รายสัปดาห์ที่ 2<br />
<div class="separator" style="clear: both; text-align: center;"></div>1.อธิบายการรายงานข่าวหน้าชั้นเรียน เนื่องจากผู้รายงานไม่มีคสฃวามพร้อมในการรายงานข่าว โดยการนำเสนอข่าวรายงาน ในนำเสนอในรูปแบบของ google presentationและจัดเก็บไฟล์ลงในgoogledocอธิบายรายวิชา ARTI3319 ซึ่งผู้เรียนที่เคยเรียนผ่านมาจากวิชาออกแบบกราฟฟิกบนบรรจุภัณฑ์เคยนำเสนอเช่นเดียวกัน และส่งไฟล์นำเสนอไปแชร์กับให้ครูผู้สอนเพื่อเป็นหลักฐานในการทำงาน และเผยแพร่ขอมูลลงใน blogspot ต่อไป<br />
2.แนะนำและสอนโปรแกรมออนไลน์ <a href="http://www.surveycan.com/default/index">http://www.surveycan.com/default/index</a> ซึ่งเป็นโปรแกรมที่ใช้สำรวจแบบสอบถามแบบออนไลน์ ซึ่งสะดวกในการใช้งานและสามรถนำไปใช้ในการตอบแบบสอบถามของการทำงานวิจัยด้วย ดดยให้สมัครสมาชิกแมมเบอร์และลองทดสอบใช้งานโปรแกรม<br />
3.ยกตัวอย่างการใช้โปรแกรม pain.net ซึ่งเป็นดปรแกรมตกแต่งรูปภาพ สามารถใช้งานง่าย<br />
<a href="http://1.bp.blogspot.com/-RfHu1bKR_T4/TutGGsw0YII/AAAAAAAAAss/nQXIkI3LXN8/s1600/untitled.JPG" imageanchor="1" style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em;"><img border="0" height="125" src="http://1.bp.blogspot.com/-RfHu1bKR_T4/TutGGsw0YII/AAAAAAAAAss/nQXIkI3LXN8/s200/untitled.JPG" width="200" /></a><br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
4.โปรแกรมผู้สอนแนะนำให้ไปศึกษาวันนี้ sipa-fonts,fontlab,fontcreator,toonboom เว๊บไซต์ออกแบบฟอนต์และฟรีฟอนต์ fontself.comlสมัครเป็นแมมเบอร์และลองออกแบบฟอนต์ลายมือเขียนตัวเอง<br />
5.<span class="Apple-style-span" style="font-family: 'Trebuchet MS', Trebuchet, Verdana, sans-serif; line-height: 18px;">ทดสอบก่อนเรียนทางhttp://chandraonline.chandra.ac.th/ เป็นการสร้างวิชาใหม่ในระบบโดคีออส อีเลิร์นนิ่งของผู้สอนได้ให้นักศึกษาได้มีสวนร่วมในการใช่ระบบด้วย โดยสอบPretest ออนไลน์ผ่านทางระบบนี้ด้วย</span><br />
<span class="Apple-style-span" style="font-family: 'Trebuchet MS', Trebuchet, Verdana, sans-serif;"><span class="Apple-style-span" style="line-height: 18px;"><br />
</span></span><br />
<span class="Apple-style-span" style="font-family: 'Trebuchet MS', Trebuchet, Verdana, sans-serif;"><span class="Apple-style-span" style="line-height: 18px;">งานประจำสัปดาห์</span></span><br />
<span class="Apple-style-span" style="font-family: 'Trebuchet MS', Trebuchet, Verdana, sans-serif;"><span class="Apple-style-span" style="line-height: 18px;">1.พัฒาิblogger ให้เป็นระเบียบเหมาะสมต่อการเป็นนักออกแบบโดยการสรุปเนื้อหาการเรียนลงบล๊อกทุกสัปดาห์ และใช้เทมเพลทแบบเดียวกันกับที่ผู้สอนได้เผยแพร่ให้</span></span><br />
<span class="Apple-style-span" style="font-family: 'Trebuchet MS', Trebuchet, Verdana, sans-serif;"><span class="Apple-style-span" style="line-height: 18px;">2.สั่งงานเครียมความพร้อมในการออกแบบฟอนต์ที่เป็นลายมือตัวนักออกแบบเอง โดยการออกแบบนี่จะศึกษาและเผยแพร่ผลงานการออกแบบผ่านทาง www.fontselft.com โดยเริ่มจากการดาวน์โหลดแทมเพลตฟอนต์A-Zจากเว็บไชต์แล้วดำเนินการออกแบบ โดยเริ่มต้นกระบวนการออกแบบจากโปรแกรมที่ผู้เรียนถนัด photoshop,illustrator,net.pain,ฯลฯ</span></span><br />
<span class="Apple-style-span" style="font-family: 'Trebuchet MS', Trebuchet, Verdana, sans-serif;"><span class="Apple-style-span" style="line-height: 18px;">รายละเอียดงาน</span></span><br />
<span class="Apple-style-span" style="font-family: 'Trebuchet MS', Trebuchet, Verdana, sans-serif;"><span class="Apple-style-span" style="line-height: 18px;">-โหลดเทมเพลตจาก </span></span><a href="http://www.fontself.com/">http://www.fontself.com/</a><br />
<span class="Apple-style-span" style="font-family: 'Trebuchet MS', Trebuchet, Verdana, sans-serif; line-height: 18px;">-เขียนฟอนต์ลายมือตัวเองแล้วพิมพ์ลงกระดาศเอสีีพร้อมไฟล์ในรูปpsd,ai,png,ไฟล์จริงจากโปรแกรมที่นักออกแบบใช้</span><br />
<span class="Apple-style-span" style="font-family: 'Trebuchet MS', Trebuchet, Verdana, sans-serif; line-height: 18px;">-ขนาดฟอนต์ที่ออกแบบ ขนาด 1000pt</span><br />
<span class="Apple-style-span" style="font-family: 'Trebuchet MS', Trebuchet, Verdana, sans-serif; line-height: 18px;">3.หาฟอนต์ภ่ษาอังกฤษโดยศึกษาและหาข้อมูลเกี่ยวกับฟอนต์อย่างละเอียดและเป็นฟอนต์ที่ไม่สามารถพิมพ์ในรูปแบบของพยัญชนะไทยได้ โดยนำมาปรับให้เข้ากับพยัญชนะไทย</span><br />
<span class="Apple-style-span" style="font-family: 'Trebuchet MS', Trebuchet, Verdana, sans-serif; line-height: 18px;">รายละเอียดงาน</span><br />
<span class="Apple-style-span" style="font-family: 'Trebuchet MS', Trebuchet, Verdana, sans-serif; line-height: 18px;">-ร่างแบบ 3-4 แบบ</span><br />
<span class="Apple-style-span" style="font-family: 'Trebuchet MS', Trebuchet, Verdana, sans-serif; line-height: 18px;">-วิเคราะห์เทียบกับตัวพิมพ์ Hxpd,wsu</span><br />
<span class="Apple-style-span" style="font-family: 'Trebuchet MS', Trebuchet, Verdana, sans-serif; line-height: 18px;">-โปรฟรีฟอนต์แนนำ font.com,freefont.com,thaifont.info</span><br />
<span class="Apple-style-span" style="font-family: 'Trebuchet MS', Trebuchet, Verdana, sans-serif; line-height: 18px;"><br />
</span><br />
วิดีโอตัวอย่างการ Create your own fonts<br />
<iframe allowfullscreen="" frameborder="0" height="225" mozallowfullscreen="" src="http://player.vimeo.com/video/15017698?title=0&byline=0&portrait=0" webkitallowfullscreen="" width="400"></iframe><br />
<a href="http://vimeo.com/15017698">Fontself Creator (2′25")</a> from <a href="http://vimeo.com/fontself">Fontself</a> on <a href="http://vimeo.com/">Vimeo</a>.<br />
ข้อมูลจาก:http://www.fontself.com/my-fonts/ ท่านสามรถศึกษาเพิ่มเติมได้จากเว็บไฃต์เที่ยวกะดินhttp://www.blogger.com/profile/03307458448271888599noreply@blogger.com0tag:blogger.com,1999:blog-4198418876032075349.post-5150000745142022682011-12-08T01:19:00.001-08:002011-12-15T01:05:35.079-08:00สัปดาห์ที่1 Intruduction-Pretest<h3 align="left" id="sites-page-title-header" style="background-color: transparent !important; background-image: none !important; font-family: Arial, Verdana, sans-serif; font-weight: normal; margin: 0px; padding-bottom: 3px; padding-left: 10px; padding-right: 10px; padding-top: 3px; position: relative;"><span dir="ltr" id="sites-page-title" style="background-color: transparent ! important; background-image: none ! important; font-size: small;"> ผู้สอนอธิบายถึงแนวการสอนเกี่ยวกับวิชาเทคโนโลยีการออกแบบ พร้อมทั้งชี้แจงถึงเนื้อที่จะต้องเรียนต่อไป โดยเน้นให้ผู้เรียนได้ใส่ใจและศึกษาความรู้เกี่ยวกับเทคโนโลยีที่เกี่ยวข้องในงานออกแบบเพื่อเป็นแนวทางในการเรียนการสอนและประกอบอาชีพในอนาคต โดยเน้นผู้เรียนเป็นสำคัญ </span></h3><h3 align="left" id="sites-page-title-header" style="background-color: transparent !important; background-image: none !important; font-family: Arial, Verdana, sans-serif; font-weight: normal; margin: 0px; padding-bottom: 3px; padding-left: 10px; padding-right: 10px; padding-top: 3px; position: relative;"><a href="http://4.bp.blogspot.com/-48C5nWehbYs/TuiA8TT68VI/AAAAAAAAAos/sJVFF33h_pk/s1600/IMG_20111208_163835.jpg" imageanchor="1" style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em;"><span class="Apple-style-span" style="font-size: small;"></span></a><span class="Apple-style-span" style="font-size: small;"><span dir="ltr" style="background-color: transparent ! important; background-image: none ! important;"> </span><span dir="ltr" style="background-color: transparent ! important; background-image: none ! important;"> แนะนำเนื้อหาของรายวิชาที่เปิดสอน ข้อตกลงในการเข้าเรียน การแต่งกาย ความสนในและเอาใจใส่ในงาน โดยแจ้งให้ผู้เรียนได้นำเสนอข่าวและรายงานข่าวที่เป็นศัพท์ที่เกี่ยวข้องกับเทคโนโลยี ซอฟท์แวร์ เพื่อให้ผู้เรียนได้รู้จักการสืบค้นข้อมูลอย่างถูกต้องและนำเสนอข่าว </span>รายงานสัปดาห์ละ 3 คน คนละไม่เกิน 5นาทีโดยมีผู้เรียนทั้งหมดทั้งหมด35 คน เรียน12 สัปดาห์</span></h3><h3 align="left" id="sites-page-title-header" style="background-color: transparent !important; background-image: none !important; font-family: Arial, Verdana, sans-serif; font-weight: normal; margin: 0px; padding-bottom: 3px; padding-left: 10px; padding-right: 10px; padding-top: 3px; position: relative;"><a href="http://4.bp.blogspot.com/-48C5nWehbYs/TuiA8TT68VI/AAAAAAAAAos/sJVFF33h_pk/s1600/IMG_20111208_163835.jpg" imageanchor="1" style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em;"><img border="0" height="150" src="http://4.bp.blogspot.com/-48C5nWehbYs/TuiA8TT68VI/AAAAAAAAAos/sJVFF33h_pk/s200/IMG_20111208_163835.jpg" width="200" /></a><span class="Apple-style-span" style="font-size: small;">ผู้สอนได้ชี้แจงให้นักศึกษาติดตามข้อมูลข่านสารผ่านทาง google+และ http://arti3319.blogspot.com และสรุปผลการเรียนรู้รายสัปดาห์ผ่านทาง blogspot </span></h3><div><br />
<br />
<br />
<br />
<br />
<br />
สรุปงานสัปดาห์ที่1</div><div>1.ผู้เรียนตกลงเนื้อหาในการเรียนกับผู้สอนเป็น ออกแบบฟอนต์ </div><div>2.สมัครอีเมล์และติดตามข่าวสารจากผู้สอน</div><div>3.เปิดblogspotเพื่อสรุปเนื้อหาทุกสัปดาห์และเสนอผลงาน</div><div>4.สั่งงานสัปดาห์หน้าและเตรียมทดสอบความรู้</div><div>5.สมัครเป็นสมาชิกทาง<span class="Apple-style-span" style="background-color: white; color: #333333; font-family: Arial,Tahoma,Helvetica,FreeSans,sans-serif; line-height: 20px;"> </span><a href="http://chandraonline.chandra.ac.th/">http://chandraonline.chandra.ac.th/</a> เพื่อใช้ในการสอบ</div><div>6.สมัครรับข้อมูลและสมาชิกช่อง Prachid's Youtube.com Chanel วิดีโอสอน-แนะนำความรู้และบันทึกการเรียนการสอนของ ผศ.ประชิด ทิณบุตร<br />
<div class="separator" style="clear: both; text-align: center;"><a href="http://1.bp.blogspot.com/-y7ue6rS67zg/TuiA9pZiWcI/AAAAAAAAAo4/eoD1umEpTcI/s1600/IMG_20111208_164222.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="240" src="http://1.bp.blogspot.com/-y7ue6rS67zg/TuiA9pZiWcI/AAAAAAAAAo4/eoD1umEpTcI/s320/IMG_20111208_164222.jpg" width="320" /></a></div><div class="separator" style="clear: both; text-align: left;">ติดตามและศึกษาข้อมุลจากแหล่งคสามรู้ที่ผุ้สอนได้เผยแพร่แหล่งสนับสนุนการเรียนรู้นอกเวลาในชั้นเรียน </div><div class="separator" style="clear: both; text-align: left;">1.เว็บบล็อกบันทึกการเรียนการสอนประจำวิชาเทคโนโลยีเพื่อการออกแบบนิเทศศิลป์ <a href="http://arti3319.blogspot.com/">http://arti3319.blogspot.com/</a></div><a href="http://arti3319.blogspot.com/"><img align="absMiddle" alt="arti3319.jpg" border="0" height="204" hspace="0" src="http://chandraonline.chandra.ac.th/dokeos/courses/ARTI3319/document/images/arti3319.jpg" style="height: 314px; width: 509px;" width="320" /></a><br />
<br />
2.สมัครสมาชิกYoutubeและติดตามข้อมูลจากผู้สอนวิดีโอบันทึกการสอนที่ช่อง Prachid's Youtube.com<br />
<a href="http://www.youtube.com/prachid2009"><img align="absMiddle" alt="prachidyoutubechanel.jpg" border="0" hspace="0" src="http://chandraonline.chandra.ac.th/dokeos/courses/ARTI3319/document/images/prachidyoutubechanel.jpg" style="height: 288px; width: 519px;" /></a><br />
<br />
3วิดีโอบันทึกการสอนที่ช่อง Prachid's Tutorials<br />
<a href="http://www.youtube.com/prachid0071"><img align="absMiddle" alt="prachidtutorial1.jpg" border="0" height="372" hspace="0" src="http://chandraonline.chandra.ac.th/dokeos/courses/ARTI3319/document/images/prachidtutorial1.jpg" width="519" /></a><br />
<br />
</div><br />
<b>ชี้แจงจุดมุ่งหมายของรายวิชา</b><br />
1 เพื่อให้นักศึกษาตระหนักรู้ในคุณธรรม จริยธรรม จรรยาบรรณ ในการใช้งานเทคโนโลยีเพื่อการออกแบบนิเทศศิลป์<br />
2 เพื่อให้นักศึกษามีความรู้ ความเข้าใจ ได้ฝึกทักษะการใช้งานเทคโนโลยีเพื่อการออกแบบนิเทศศิลป์ <br />
3 เพื่อให้นักศึกษามีทักษะในการนำเสนอแฟ้มผลงานและการสรุปรายงานผลการศึกษาเรียนรู้ด้วยตนเอง ด้วยการใช้รูปแบบ เครื่องมือและเทคโนโลยีที่เหมาะสม ตามวิถีทางของนักออกแบบและทำงานได้ตรงกับความต้องการของตลาดแรงงานปัจจุบัน <br />
<b>วัตถุประสงค์ในการพัฒนา/ปรับปรุงรายวิชา </b><br />
1 เพื่อให้รายวิชามีความทันสมัย อย่างสากล ที่สามารถสอดรับกับองค์ความรู้ใหม่ การฝึกทักษะและเทคนิคกระบวนการใช้งานเทคโนโลยีเพื่อการออกแบบนิเทศศิลป์ ได้สอดคล้องกับตลาดแรงงานจริงปัจจุบัน หรือบูรณาการใช้กับรายวิชาปฏิบัติการในหลักสูตรสถานศึกษาอื่นๆได้ทั้งในปัจจุบันและในอนาคต <br />
2 เพื่อสามารถบูรณาการสื่อการสอน เครื่องมือ วัสดุอุปกรณ์สนับสนุนเนื้อหาสาระ การจัดกิจกรรมการเรียนการสอนได้หลากหลายวิธี ให้มีความสอดคล้อง ยืดหยุ่น เหมาะสมกับศักยภาพและความเป็นจริงปัจจุบันหรืออนาคตของการวางแผนพัฒนา ผู้สอน ห้องเรียนห้องปฏิบัติการ นักศึกษา สังคม สิ่งแวดล้อมและความก้าวหน้าทางเทคโนโลยีสารสนเทศที่เปลี่ยนแปลงไป<br />
<br />
<b>ข้อตกลงเบื้องต้นในการเรียนการสอน</b><b>และการประเมินผล</b><br />
การพิจารณาเกณฑ์ผ่านในรายวิชาผู้เรียนจะต้อง<br />
1.มีเวลาเข้าชั้นเรียนไม่ต่ำกว่าร้อยละ 80 ของเวลาเรียนทั้งหมด หากเวลาเรียนไม่พอตามที่กำหนดจะพิจารณาผลเป็นตกเนื่องจากเวลาเรียนไม่พอ ไม่มีสิทธิ์สอบ โดยได้รับค่าระดับคะแนน F (Failed, Insufficient Attendance)<br />
2. ผู้เรียนจะต้องมีคะแนนรวมทั้งรายวิชาไม่ต่ำกว่าร้อยละ 50 ของคะแนนรวมทั้งหมด<br />
3.ผู้ที่ผ่านเกณฑ์ข้อ 2 จะได้รับค่าระดับคะแนนตามเกณฑ์ ดังนี้<br />
คะแนนร้อยละ 80 ขึ้นไป จะได้ค่าระดับคะแนน A<br />
คะแนนร้อยละ 75-79 จะได้ค่าระดับคะแนน B+<br />
คะแนนร้อยละ 70-74 จะได้ค่าระดับคะแนน B<br />
คะแนนร้อยละ 65-69 จะได้ค่าระดับคะแนน C+<br />
คะแนนร้อยละ 60-64 จะได้ค่าระดับคะแนน C<br />
คะแนนร้อยละ 55-59 จะได้ค่าระดับคะแนน D+<br />
คะแนนร้อยละ 50-54 จะได้ค่าระดับคะแนน D<br />
คะแนนต่ำกว่าร้อยละ 50 จะได้ค่าระดับคะแนน F<br />
<div style="text-align: left;">4.ผู้เรียนต้องใช้อีเมลชื่อจริงนำหน้า@gmail.com และเปิดเผยข้อมูลส่วนตัวตามจริงและเปิดเผยได้ เพื่อแสดงตัวและรับรู้ข่าวสาร การทำกิจกรรมออนไลน์และการประเมินผลการเรียนการสอนตามที่แจ้งและตกลงในชั้นเรียนปกติ</div>เที่ยวกะดินhttp://www.blogger.com/profile/03307458448271888599noreply@blogger.com0