19
หหหหหหหห 6.2 หหหหหหหหหหหหหห หหหหหหหหหหห หหหหหหหหหหหห หหหห

หน่วยที่ 6.2

Embed Size (px)

Citation preview

Page 1: หน่วยที่ 6.2

หน่�วยที่�� 6.2การใช้�ประย�กต์�ใช้�ต์�ว

อั�กษรก�บงาน่แอัน่�เมช้��น่

Page 2: หน่วยที่ 6.2

ต์�วอั�กษรก�บงาน่กราฟิ�ก : น่ามบ�ต์ร

Page 3: หน่วยที่ 6.2

ต์�วอั�กษรก�บงาน่แอัน่�เมช้��น่

Page 4: หน่วยที่ 6.2

แอัน่�เมช้��น่ (Animation)

• แอัน่�เมช้�น่ (animation) หมายถึ�ง การสร�างภาพ เคลื่��อนไหวโดยการฉายภาพน��งหลื่ายๆ ภาพต่�อ

เน��องก�นด�วยความเร�วส ง

Page 5: หน่วยที่ 6.2

Computer Animation VS Stop Motion

• การใช้�คอมพ�วเต่อร#กราฟิ%กส#ในการค&านวณสร�างภาพจะเร*ยกการสร�างภาพเคลื่��อนไหวด�วย

 คอมพ�วเต่อร#หร�อ คอมพ�วเต่อร#แอน�เมช้�น • หากใช้�เทคน�คการถึ�ายภาพ หร�อวาดร ป หร�อ หร�อร ปถึ�ายแต่�ลื่ะขณะของห/�นจ&าลื่อง ท*�ค�อย ๆ ขย�บ จะ

เร*ยกว�า ภาพเคลื่��อนไหวแบบการเคลื่��อนท*�หย/ด หร�อ สต่อปโมช้�น (stop motion)

• โดยหลื่�กการแลื่�ว ไม�ว�าจะสร�างภาพ หร�อเฟิรมด�วย ว�ธี*ใดก�ต่าม เม��อน&าภาพด�งกลื่�าวมาฉายต่�อก�นด�วย

ความเร�ว ต่�2งแต่� 16 เฟิรมต่�อว�นาท*ข�2นไป เราจะเห�น เหม�อนว�า ภาพด�งกลื่�าวเคลื่��อนไหวได�ต่�อเน��องก�น

ท�2งน*2เน��องจากการเห�นภาพต่�ดต่า

Page 6: หน่วยที่ 6.2

Computer Animation VS Stop Motion

Page 7: หน่วยที่ 6.2

การจั�ดเก!บภาพแบบแอัน่�เมช้�น่• ในทางคอมพ�วเต่อร# การจ�ดเก�บภาพแบบ

แอน�เมช้�นท*�ใช้�ก�นอย�างแพร�หลื่ายในอ�นเทอร#เน�ต่ม*หลื่ายร ปแบบไฟิลื่#  เช้�น GIF APNG MNG SVG แฟิลื่ช้ แลื่ะไฟิลื่#ส&าหร�บเก�บว*ด�ท�ศน#ประเภทอ��นๆ

Page 8: หน่วยที่ 6.2

แอัน่�เมช้��น่ ก�บ อัอักแบบเว!บไซต์�• การสร�าง Banner

Page 9: หน่วยที่ 6.2

แอัน่�เมช้��น่ ก�บ อัอักแบบเว!บไซต์�• การสร�างป�'ม หร(อั ภาพโฆษณาต์�างๆ

Page 10: หน่วยที่ 6.2

ช้�-น่งาน่ : Website Banner

• น�กเร*ยนได�ร�บมอบหมายให�ออกแบบ Banner เว�บไซต่#

( โรงเร*ยน ร�านค�าออนไลื่น# ข�าว แฟินคลื่�บ ฯลื่ฯ )• ให�สร�าง Banner ขนาดไฟิลื่# 851 x 315 pixel• ใช้�เทคน�คแอน�เมช้��น ท�2งร ปภาพแลื่ะต่�วอ�กษร• ต่�วอ�กษรให�ต่กแต่�งส* ร ปแบบ ลื่วดลื่าย ต่ามความร �ท*�เร*ยนมา

• เซฟิงาน ช้�2น_เลื่ขท*�_ช้��อภาษาไทย_Unit6_Banner

เช้�น 204_55_ บ�งอัร _Unit6_Banner• ส�งาน่ที่�� 10.0.14.123

Page 11: หน่วยที่ 6.2

การประย�กต์�ใช้�ต์�วอั�กษรก�บแอัน่�เมช้��น่

• การสร�างต์�วอั�กษรกระพร�บ

• คลิ�กเพ(�อัศึ1กษาว�ธี�ที่3า

Page 12: หน่วยที่ 6.2

การประย�กต์�ใช้�ต์�วอั�กษรก�บแอัน่�เมช้��น่

• การที่3าต์�วอั�กษรเปลิวไฟิ

• คลื่�กเพ��อศ�กษาว�ธี*ท&า

Page 13: หน่วยที่ 6.2

การประย�กต์�ใช้�ต์�วอั�กษรก�บแอัน่�เมช้��น่

• การที่3าต์�วอั�กษรกลิ�ที่เต์อัร�

• คลิ�กเพ(�อัศึ1กษาว�ธี�ที่3า

Page 14: หน่วยที่ 6.2

การประย�กต์�ใช้�ต์�วอั�กษรก�บแอัน่�เมช้��น่

• การหม�น่บ�ดอั�กษรด�วยเที่คน่�ด Rotate แลิะFree Transform

Page 15: หน่วยที่ 6.2

แอัน่�เมช้��น่ก�บงาน่ร4ปแบบอั(�น่ๆ

Page 16: หน่วยที่ 6.2

แอัน่�เมช้��น่ก�บงาน่ร4ปแบบอั(�น่ๆ : E-Card

Page 17: หน่วยที่ 6.2

แน่ะน่3าเว!บไซต์�ต์กแต์�งต์�วอั�กษร• http://www.xn--

72c1at5a7hwbwc.com/photoroom/index.php?board=30.0

• http://www.webthaidd.com/photoshop/?page=2

Page 18: หน่วยที่ 6.2

น่�บถอัยหลิ�ง...หมดเวลิาสน่�กแลิ�วส�

Page 19: หน่วยที่ 6.2

BYE BYE