บทที่ 3 - Siam Universityresearch-system.siam.edu/images/coop/IT_Department/... ·...

41
บทที3 รายละเอียดการปฏิบัติงาน 3.1 ชื่อและที่ตั้งของสถานประกอบการ ชื่อบริษัท บริษัท แก๊ก อินเตอร์ เนชั่นแนล จากัด สถานที่ตั้ง 48/2 หมู17 แขวงศาลาธรรมสพน์ เขตทวีวัฒนา กรุงเทพฯ เบอร์โทรศัพท์ 02-4222114-5 ,02-8852037 เบอร์โทรสาร 02-8852037 อีเมล [email protected] เว็บไซต์ http://www.benboat.com/ แผนทีรูปที่ 3.1 แผนที่ บริษัท แก๊ก อินเตอร์เนชั่นแนล จากัด

Transcript of บทที่ 3 - Siam Universityresearch-system.siam.edu/images/coop/IT_Department/... ·...

Page 1: บทที่ 3 - Siam Universityresearch-system.siam.edu/images/coop/IT_Department/... · Storybord Crestive Producer Accounting Analyst and Human Resource Computer Animetion.

31

บทที่ 3 รายละเอียดการปฏิบัติงาน

3.1 ชื่อและที่ตั้งของสถานประกอบการ ชื่อบริษัท บริษัท แก๊ก อินเตอร์ เนชั่นแนล จ ากัด สถานที่ตั้ง 48/2 หมู่ 17 แขวงศาลาธรรมสพน์ เขตทวีวัฒนา กรุงเทพฯ เบอร์โทรศัพท์ 02-4222114-5 ,02-8852037 เบอร์โทรสาร 02-8852037 อีเมล [email protected] เว็บไซต์ http://www.benboat.com/ แผนที่

รูปที่ 3.1 แผนที่ บริษัท แก๊ก อินเตอร์เนชั่นแนล จ ากัด

Page 2: บทที่ 3 - Siam Universityresearch-system.siam.edu/images/coop/IT_Department/... · Storybord Crestive Producer Accounting Analyst and Human Resource Computer Animetion.

32

3.2 ลักษณะการประกอบการผลิตภัณฑ์การให้บริการหลักขององค์กร

บริษัท แก๊ก อินเตอร์เนชั่นแนล จ ากัด ใช้ชื่อเรียกกันทั่วไปว่า รายการการ์ตูนเบ๊น+โบ๊ท (Bens+Boat) โดย Director บริษัทคือ คุณวลัยลักษณ์ เลิศวิชัยวรวิชย์ ด าเนินกิจการในลักษณะสื่อการสอน มีการจัดกิจกรรม School Visit กิจกรรมเข้าเยี่ยมโรงเรียน ทางบริษัทได้จดทะเบียนเป็นบริษัทจ ากัด เมื่อวันที่ 22 พฤศจิกายน 2537 บริษัทได้ด าเนินธุรกิจมีผลประกอบการเป็นอย่างดีและท าให้มีพนักงานเพิ่มขึ้นเร่ือยๆ

3.3 รูปแบบการจัดองค์การและการบริหารงานขององค์กร

รูปที่ 3.2 Gag international Chart

Executive Director

Marketing Assistant

Creative Storybord

Crestive Producer

Accounting Analyst and

Human Resource

Computer Animetion

Page 3: บทที่ 3 - Siam Universityresearch-system.siam.edu/images/coop/IT_Department/... · Storybord Crestive Producer Accounting Analyst and Human Resource Computer Animetion.

33

3.4 ต าแหน่งและลักษณะงานท่ีนักศึกษาได้รับมอบหมาย

ชื่อ - นามสกุล นางสาวกรกนก อยู่สบาย แผนก Animation ต าแหน่ง Computer Animation , Maketing ลักษณะงาน จัดท าแอนิเมชัน โดยใช้โปรแกรม Anime Studio Pro 10

ชื่อ – นามสกุล นายวิชิต เต็มเจริญ แผนก Animation ต าแหน่ง Computer Animation ลักษณะงาน จัดท าแอนิเมชัน โดยใช้โปรแกรม Anime Studio Pro 10

ชื่อ - นามสกุล นายสรจักร ปัณณศักดิ ์ แผนก Animation ต าแหน่ง Computer Animation , Sound Editing ลักษณะงาน จัดท าแอนิเมชัน โดยใช้โปรแกรม Anime Studio Pro 10 และตัดต่อเอฟเฟค

ชื่อ – นามสกุล นายยืนยง ธงชัย แผนก Animation ต าแหน่ง Computer Animation ลักษณะงาน จัดท าแอนิเมชัน โดยใช้โปรแกรม Anime Studio Pro 10

3.5 ชื่อและต าแหน่งของพนักงานที่ปรึกษา

ชื่อ – นามสกุล นายปฐมพล พรานป่า ต าแหน่ง Computer Animation

Page 4: บทที่ 3 - Siam Universityresearch-system.siam.edu/images/coop/IT_Department/... · Storybord Crestive Producer Accounting Analyst and Human Resource Computer Animetion.

34

3.6 ระยะเวลาท่ีปฏิบัติงาน

ขั้นตอนการด าเนินงาน พ.ค.58 มิ.ย.58 ก.ค.58 ส.ค.57

1. รวบรวมความต้องการ 2. วิเคราะห์แอนิเมชัน 3. ออกแบบตัวละคร 4. จัดท าแอนิเมชัน 5. ใส่เอฟเฟคเสียงในงาน 6. จัดท าเอกสาร

ตารางที่ 3.1 แสดงระยะเวลาในการด าเนินโครงงาน 3.7 ขั้นตอนวิธีการด าเนินงาน

ในการจัดท าแอนิเมชัน 2 มิติ เร่ือง พฤติกรรมขับรถประมาท นักศึกษาสหกิจศึกษาได้วางแผนด าเนินงานไว้ดังน้ี

3.7.1 รวมรวบความต้องการและศึกษาข้อมูลของโครงงานโดยศึกษาจากอุบัติเหตุที่เกิดขึ้นบ่อยครั้งในชีวิตประจ าวัน

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

3.7.3 เมื่อรวบรวมข้อมูลและผ่านความคิดเห็นชอบจากพนักงานที่ปรึกษาแล้วนักศึกษาสหกิจศึกษาเร่ิมวางแผนการจัดท าแอนิเมชันดังนี ้

ขั้นตอนที่ 1 ติดตั้งโปรแกรมที่เกี่ยวข้อง 1. การติดตั้งโปรแกรม Anime Studio Pro 10 2. การติดตั้งโปรแกรม Adobe Premiere Pro

Page 5: บทที่ 3 - Siam Universityresearch-system.siam.edu/images/coop/IT_Department/... · Storybord Crestive Producer Accounting Analyst and Human Resource Computer Animetion.

35

ขั้นตอนที่ 2 ออกแบบคาแลคเตอร์ตัวละคร และจัดท า Storyboard

รูปที่ 3.2 Story board

Page 6: บทที่ 3 - Siam Universityresearch-system.siam.edu/images/coop/IT_Department/... · Storybord Crestive Producer Accounting Analyst and Human Resource Computer Animetion.

36

ขั้นตอนที่ 3 การออกแบบและพัฒนางานแอนิเมชัน

3.1 การออกแบบตัวละคร 3.1.1 เป็นการน าตัวละครที่ออกแบบมาสร้างเป็นรูปร่างโดยใช้โปรแกรม Anime Studio Pro 10

รูปที่ 3.3 ภาพตัวละครในช่วงด าเนินเร่ือง ออกแบบโดยใช้โปรแกรม Anime Studio Pro 10

Page 7: บทที่ 3 - Siam Universityresearch-system.siam.edu/images/coop/IT_Department/... · Storybord Crestive Producer Accounting Analyst and Human Resource Computer Animetion.

37

รูปที่ 3.4 การลงสีตัวละครในช่วงด าเนินเร่ือง

รูปที่ 3.5 ภาพตัวละครคนขับรถ ออกแบบโดยใช้โปรแกรม Anime Studio Pro 10

Page 8: บทที่ 3 - Siam Universityresearch-system.siam.edu/images/coop/IT_Department/... · Storybord Crestive Producer Accounting Analyst and Human Resource Computer Animetion.

38

รูปที่ 3.6 การลงสีตัวละครคนขับรถ

รูปที่ 3.7 ภาพตัวละครคนขับรถ ออกแบบโดยใช้โปรแกรม Anime Studio Pro 10

Page 9: บทที่ 3 - Siam Universityresearch-system.siam.edu/images/coop/IT_Department/... · Storybord Crestive Producer Accounting Analyst and Human Resource Computer Animetion.

39

รูปที่ 3.8 การลงสีตัวละครคนขับรถ

รูปที่ 3.9 ภาพตัวละครคนขับรถเมล์ ออกแบบโดยใช้โปรแกรม Anime Studio Pro 10

Page 10: บทที่ 3 - Siam Universityresearch-system.siam.edu/images/coop/IT_Department/... · Storybord Crestive Producer Accounting Analyst and Human Resource Computer Animetion.

40

รูปที่ 3.10 การลงสีตัวละครคนขับรถเมล์

รูปที่ 3.11 ภาพตัวละครประกอบ ออกแบบโดยใช้โปรแกรม Anime Studio Pro 10

Page 11: บทที่ 3 - Siam Universityresearch-system.siam.edu/images/coop/IT_Department/... · Storybord Crestive Producer Accounting Analyst and Human Resource Computer Animetion.

41

รูปที่ 3.12 การลงสีตัวละครประกอบ

Page 12: บทที่ 3 - Siam Universityresearch-system.siam.edu/images/coop/IT_Department/... · Storybord Crestive Producer Accounting Analyst and Human Resource Computer Animetion.

42

3.2 การออกแบบฉาก

3.2.1 การออกแบบฉากด้วยโปรแกรม Anime Studio Pro 10

รูปที่ 3.13 การออกแบบฉากเร่ิมต้นชื่อเร่ืองโดยใช้โปรแกรม Anime Studio Pro 10

Page 13: บทที่ 3 - Siam Universityresearch-system.siam.edu/images/coop/IT_Department/... · Storybord Crestive Producer Accounting Analyst and Human Resource Computer Animetion.

43

รูปที่ 3.14 การลงสีฉากเร่ิมต้นชื่อเร่ือง

รูปที่ 3.15 การออกแบบฉากถนนตอนที่ 1 โดยใช้โปรแกรม Anime Studio Pro 10

Page 14: บทที่ 3 - Siam Universityresearch-system.siam.edu/images/coop/IT_Department/... · Storybord Crestive Producer Accounting Analyst and Human Resource Computer Animetion.

44

รูปที่ 3.16 การลงสีฉากถนนตอนที่ 1

รูปที่ 3.17 การออกแบบฉากตึกโดยใช้โปรแกรม Anime Studio Pro 10

Page 15: บทที่ 3 - Siam Universityresearch-system.siam.edu/images/coop/IT_Department/... · Storybord Crestive Producer Accounting Analyst and Human Resource Computer Animetion.

45

รูปที่ 3.18 การลงสีฉากตึก

รูปที่ 3.19 การออกแบบฉากรถระเบิดโดยใช้โปรแกรม Anime Studio Pro 10

Page 16: บทที่ 3 - Siam Universityresearch-system.siam.edu/images/coop/IT_Department/... · Storybord Crestive Producer Accounting Analyst and Human Resource Computer Animetion.

46

รูปที่ 3.20 การลงสีฉากรถระเบิด

รูปที่ 3.21 การออกแบบฉากรถชนต้นไม้โดยใช้โปรแกรม Anime Studio Pro 10

Page 17: บทที่ 3 - Siam Universityresearch-system.siam.edu/images/coop/IT_Department/... · Storybord Crestive Producer Accounting Analyst and Human Resource Computer Animetion.

47

รูปที่ 3.22 การลงสีฉากรถชนต้นไม้

รูปที่ 3.23 การออกแบบฉากคนกระเด็นใส่ตู้น้ าโดยใช้โปรแกรม Anime Studio Pro 10

Page 18: บทที่ 3 - Siam Universityresearch-system.siam.edu/images/coop/IT_Department/... · Storybord Crestive Producer Accounting Analyst and Human Resource Computer Animetion.

48

รูปที่ 3.24 การลงสีฉากคนกระเด็นใส่ตู้น้ า

รูปที่ 3.25 การออกแบบฉากตึกและถนนโดยใช้โปรแกรม Anime Studio Pro 10

Page 19: บทที่ 3 - Siam Universityresearch-system.siam.edu/images/coop/IT_Department/... · Storybord Crestive Producer Accounting Analyst and Human Resource Computer Animetion.

49

รูปที่ 3.26 การลงสีฉากตึกและถนน

รูปที่ 3.27 การออกแบบฉากทางโค้งและก้อนหินโดยใช้โปรแกรม Anime Studio Pro 10

Page 20: บทที่ 3 - Siam Universityresearch-system.siam.edu/images/coop/IT_Department/... · Storybord Crestive Producer Accounting Analyst and Human Resource Computer Animetion.

50

รูปที่ 3.28 การลงสีฉากทางโค้งและก้อนหิน

รูปที่ 3.29 การออกแบบฉากรถชนหินโดยใช้โปรแกรม Anime Studio Pro 10

Page 21: บทที่ 3 - Siam Universityresearch-system.siam.edu/images/coop/IT_Department/... · Storybord Crestive Producer Accounting Analyst and Human Resource Computer Animetion.

51

รูปที่ 3.30 การลงสีฉากรถชนหิน

รูปที่ 3.31 การออกแบบฉากในรถโดยใช้โปรแกรม Anime Studio Pro 10

Page 22: บทที่ 3 - Siam Universityresearch-system.siam.edu/images/coop/IT_Department/... · Storybord Crestive Producer Accounting Analyst and Human Resource Computer Animetion.

52

รูปที่ 3.32 การลงสีฉากในรถ

รูปที่ 3.33 ฉากเบรกและคันเร่งโดยใช้โปรแกรม Anime Studio Pro 10

Page 23: บทที่ 3 - Siam Universityresearch-system.siam.edu/images/coop/IT_Department/... · Storybord Crestive Producer Accounting Analyst and Human Resource Computer Animetion.

53

รูปที่ 3.34 การลงสีฉากเบรกและคันเร่ง

รูปที่ 3.35 ฉากป้ายหยุดรถประจ าทางโดยใช้โปรแกรม Anime Studio Pro 10

Page 24: บทที่ 3 - Siam Universityresearch-system.siam.edu/images/coop/IT_Department/... · Storybord Crestive Producer Accounting Analyst and Human Resource Computer Animetion.

54

รูปที่ 3.36 การลงสีฉากป้ายหยุดรถประจ าทาง

รูปที่ 3.37 ฉากสัญญาณไฟจราจรโดยใช้โปรแกรม Anime Studio Pro 10

Page 25: บทที่ 3 - Siam Universityresearch-system.siam.edu/images/coop/IT_Department/... · Storybord Crestive Producer Accounting Analyst and Human Resource Computer Animetion.

55

รูปที่ 3.38 การลงสีฉากสัญญาณไฟจราจร

รูปที่ 3.39 ฉากรถวิ่งบนถนนโดยใช้โปรแกรม Anime Studio Pro 10

Page 26: บทที่ 3 - Siam Universityresearch-system.siam.edu/images/coop/IT_Department/... · Storybord Crestive Producer Accounting Analyst and Human Resource Computer Animetion.

56

รูปที่ 3.40 การลงสีฉากรถวิ่งบนถนน

รูปที่ 3.41 การออกแบบฉากรถวิ่งทางตรงโดยใช้โปรแกรม Anime Studio Pro 10

Page 27: บทที่ 3 - Siam Universityresearch-system.siam.edu/images/coop/IT_Department/... · Storybord Crestive Producer Accounting Analyst and Human Resource Computer Animetion.

57

รูปที่ 3.42 การลงสีฉากรถวิ่งทางตรง

รูปที่ 3.43 การออกแบบฉากรถชนต้นไม้โดยใช้โปรแกรม Anime Studio Pro 10

Page 28: บทที่ 3 - Siam Universityresearch-system.siam.edu/images/coop/IT_Department/... · Storybord Crestive Producer Accounting Analyst and Human Resource Computer Animetion.

58

รูปที่ 3.44 การลงสีฉากรถชนต้นไม้

รูปที่ 3.45 การออกแบบฉากแสดงอัตราความเร็วโดยใช้โปรแกรม Anime Studio Pro 10

Page 29: บทที่ 3 - Siam Universityresearch-system.siam.edu/images/coop/IT_Department/... · Storybord Crestive Producer Accounting Analyst and Human Resource Computer Animetion.

59

รูปที่ 3.46 การลงสีฉากแสดงอัตราความเร็ว

รูปที่ 3.47 การออกแบบฉากรถเมล์โดยใช้โปรแกรม Anime Studio Pro 10

Page 30: บทที่ 3 - Siam Universityresearch-system.siam.edu/images/coop/IT_Department/... · Storybord Crestive Producer Accounting Analyst and Human Resource Computer Animetion.

60

รูปที่ 3.48 การลงสีฉากรถเมล์

รูปที่ 3.49 การออกแบบฉากรถหลบหลุมโดยใช้โปรแกรม Anime Studio Pro 10

Page 31: บทที่ 3 - Siam Universityresearch-system.siam.edu/images/coop/IT_Department/... · Storybord Crestive Producer Accounting Analyst and Human Resource Computer Animetion.

61

รูปที่ 3.50 การลงสีฉากรถหลบหลุม

Page 32: บทที่ 3 - Siam Universityresearch-system.siam.edu/images/coop/IT_Department/... · Storybord Crestive Producer Accounting Analyst and Human Resource Computer Animetion.

62

3.3 การพัฒนาแอนิเมชัน

3.3 .1 การออกแบบตัวละครโดยใช้โปรแกรม Anime Studio Pro 10 เป็นการสร้างการเคลื่อนไหวให้กับตัวละครตามที่ออกแบบไว้

รูปที่ 3.51 การออกแบบการเคลื่อนไหวให้กับตัวละครคนขับมอเตอร์ไซค์ด้วยโปรแกรม Anime Studio Pro 10

Page 33: บทที่ 3 - Siam Universityresearch-system.siam.edu/images/coop/IT_Department/... · Storybord Crestive Producer Accounting Analyst and Human Resource Computer Animetion.

63

รูปที่ 3.52 การน าตัวละครคนขับรถยนต์ที่ออกแบบและท าการเคลื่อนไหวโดยโปรแกรม Anime Studio Pro 10

รูปที่ 3.53 การน าตัวละครประกอบชายที่ออกแบบและท าการเคลื่อนไหวโดยโปรแกรม Anime Studio Pro 10

Page 34: บทที่ 3 - Siam Universityresearch-system.siam.edu/images/coop/IT_Department/... · Storybord Crestive Producer Accounting Analyst and Human Resource Computer Animetion.

64

รูปที่ 3.54 การน าตัวละครคนขับรถเมล์ที่ออกแบบและท าการเคลื่อนไหวโดยโปรแกรม Anime Studio Pro 10

รูปที่ 3.55 การน าตัวละครประกอบหญิงที่ออกแบบและท าการเคลื่อนไหวโดยโปรแกรม Anime Studio Pro 10

Page 35: บทที่ 3 - Siam Universityresearch-system.siam.edu/images/coop/IT_Department/... · Storybord Crestive Producer Accounting Analyst and Human Resource Computer Animetion.

65

3.4 การรวมฉากและตัวละคร

3.4.1 โดยใช้โปรแกรม Anime Studio Pro 10 เป็นการน าฉากและตัวละครทีได้สร้างจากโปรแกรม Anime Studio Pro 10 มารวมเข้าด้วยกันเพื่อให้ภาพออกมาสมบูรณ์

รูปที่ 3.56 การรวมฉากและตัวละครโดยใช้โปรแกรม Anime Studio Pro 10

Page 36: บทที่ 3 - Siam Universityresearch-system.siam.edu/images/coop/IT_Department/... · Storybord Crestive Producer Accounting Analyst and Human Resource Computer Animetion.

66

รูปที่ 3.57 การรวมฉากและตัวละครโดยใช้โปรแกรม Anime Studio Pro 10

รูปที่ 3.58 การรวมฉากและตัวละครโดยใช้โปรแกรม Anime Studio Pro 10

Page 37: บทที่ 3 - Siam Universityresearch-system.siam.edu/images/coop/IT_Department/... · Storybord Crestive Producer Accounting Analyst and Human Resource Computer Animetion.

67

รูปที่ 3.59 การรวมฉากและตัวละครโดยใช้โปรแกรม Anime Studio Pro 10

รูปที่ 3.60 การรวมฉากและตัวละครโดยใช้โปรแกรม Anime Studio Pro 10

Page 38: บทที่ 3 - Siam Universityresearch-system.siam.edu/images/coop/IT_Department/... · Storybord Crestive Producer Accounting Analyst and Human Resource Computer Animetion.

68

รูปที่ 3.61 การรวมฉากและตัวละครโดยใช้โปรแกรม Anime Studio Pro 10

รูปที่ 3.62 การรวมฉากและตัวละครโดยใช้โปรแกรม Anime Studio Pro 10

Page 39: บทที่ 3 - Siam Universityresearch-system.siam.edu/images/coop/IT_Department/... · Storybord Crestive Producer Accounting Analyst and Human Resource Computer Animetion.

69

รูปที่ 3.63 การรวมฉากและตัวละครโดยใช้โปรแกรม Anime Studio Pro 10

รูปที่ 3.64 การรวมฉากและตัวละครโดยใช้โปรแกรม Anime Studio Pro 10

Page 40: บทที่ 3 - Siam Universityresearch-system.siam.edu/images/coop/IT_Department/... · Storybord Crestive Producer Accounting Analyst and Human Resource Computer Animetion.

70

รูปที่ 3.65 การรวมฉากและตัวละครโดยใช้โปรแกรม Anime Studio Pro 10

รูปที่ 3.66 การรวมฉากและตัวละครโดยใช้โปรแกรม Anime Studio Pro 10

Page 41: บทที่ 3 - Siam Universityresearch-system.siam.edu/images/coop/IT_Department/... · Storybord Crestive Producer Accounting Analyst and Human Resource Computer Animetion.

71

3.8 อุปกรณ์และเครื่องมือท่ีใช้ ฮาร์ดแวร์ 3.8.1 ฮาร์ดแวร์ส าหรับผู้พัฒนาแอนิเมชัน 3.8.1.1 CPU Intel Core i3-3110M, 2.4 GHz. 3.8.1.2 Hard Disk 500 GB. 3.8.1.3 RAM 4 GB. 3.8.2 ฮาร์ดแวร์ส าหรับรับชมแอนิเมชัน 3.8.2.1 CPU Intel Celeron 1.8 GHz. หรือสูงกว่า 3.8.2.2 Hard Disk ที่มีเนื้อที่เหลือไม่น้อยกว่า 1 GB. 3.8.2.3 RAM 512 MB. หรือมากกว่า ซอฟต์แวร์ 3.8.3 ซอฟต์แวร์ส าหรับผู้พัฒนาแอนิเมชัน

3.8.3.1 โปรแกรม Microsoft Windows 8 3.8.3.2 โปรแกรม Microsoft Office 2010 3.8.3.3 โปรแกรม Anime Studio Pro 10 3.8.3.4 โปรแกรม Adobe Photoshop CS6 3.8.3.5 โปรแกรม Adobe Premiere Pro CS6 3.8.3.6 โปรแกรม Nero 7

3.8.4 ซอฟต์แวร์ส าหรับรับชมแอนิเมชัน 3.8.4.1 GOM Player