38

3.1.5 การสรางสตอรบอรด (Storyboard) “ปองกนฟนผ จากนนผพฒนาไดนาตวละคร ฉากนำามา”

วาดภาพและกำาหนดมมกลองโดยละเอยดควบคตาม แนวความคดทระบไวในบทดาเนนเรอง 31 Shot ในรปแบบสตอรบอรด แสดงดงตารางท 3-3

ตารางท 3-3 สตอรบอรด ปองกนฟนผ “ ”Shot

ภาพ เสยง

1 ภาพแสดงตวอกษรและรปภาพดงตอไปน- มหาวทยาลยราชภฏลำาปาง- สาขาวชาวศวกรรมซอฟตแวร

Sound : Music

2 Sound : Music บทบรรยาย : สวสดครบ นคอผลงานผลตแอนเมชนตามขอเสนอโครงงานวจยวศวกรรมซอฟตแวรในนทานสอนเดก เรองปองกนฟนผ

39

3 Sound : Music

40

ตารางท 3-3 (ตอ)Shot

ภาพ เสยง

4 Sound : Musicบทสนทนา นด : นดอยากกนขนมแบบนทกวนเลยครบ วนหลงนดขอเอยะๆกวานอกนะครบ

5 Sound : Musicบทสนทนา พอ : ไดสลกแตนดกนขนมแลวนดตองแปรฟนใหสะอาดดวยนะ

6 Sound : MusicSound : Musicบทบรรยาย :เมอถงเวลาเขานอนพอจงไดกอกประตเพอเรยกนดใหแปรฟนSound Effect:เคาะประต

41

7 Sound : Musicบทสนทนา พอ :“นดลกอยาลมแปรฟนดวยนะเดยวฟนจะผเอานะนด”

ตารางท 3-3 (ตอ)Shot

ภาพ เสยง

8 Sound : Musicบทสนทนา นด : “เสยเวลาเปลานอนเลยดกวา”บทบรรยาย : นดคดในใจ

9 Sound : Music

42

10 Sound : Musicบทบรรยาย : แตนดขณะทนดหลบนนเองเจาแมงกนฟนกเรมออกหากน

12 บทสนทนา แมงกนฟน : โหวนนมแตคราบนำาตาลขนมหวานทงนนเลยSound Effect:เสยงเจาะฟน

ตารางท 3-3 (ตอ)Shot

ภาพ เสยง

13 บทบรรยาย : หลงจากนนเจาแมงกนฟนกเรมจดการกบคารนำาตาลทอยตามซอกฟน

43

14 Sound : Musicบทบรรยาย :เชาวนตอมา

15 บทบรรยาย : ขณะทพอกำาลงทำาอาหารเชาอยนดนดไดเดมเขามาหาพอ

16 Sound : Musicบทสนทนา นด : “พอครบผมปวดฟนฟนจงเลยครบพอ”

44

ตารางท 3-3 (ตอ)Shot

ภาพ เสยง

17 บทสนทนา พอ :“เดยวพอจะพานดไปหาคณหมอทโรงพยาลนะนด”

18 Sound : Music

19 Sound : Musicบทบรรยาย : เมอถงโรงพยาบาลคณหมอทำาการรบษานดเสรจ

45

20 Sound : Musicบทสนทนา หมอ : “ฟนของนดสวยมากเลยนะแตคงชอบกนลกทอฟฟ ละส”

46

ตารางท 3-3 (ตอ)Shot

ภาพ เสยง

21 Sound : Musicบทสนทนา นด : “ใชครบกตอนแรกไมเหนเปนอะไรเลยนครบ”

22 Sound : Musicบทสนทนา หมอ : “เวลาทเรากนขนมหวานโดยเฉพาะพวกลกอม หรอทอฟฟ กจะมคราบนำาตาลไปตดตามซอกกฟนเวลาผานไปนานๆเขา เจาแมงกนฟนจะออกมากนคราบนำาตาลทตดตามซอกฟนทำาใหฟนผนะ”

47

23 Sound : Musicบทสนทนา นด : “ออเปนอยางนนเองนดเขาใจแลวครบ”

48

ตารางท 3-3 (ตอ)Shot

ภาพ เสยง

24 Sound : Musicบทสนทนา หมอ: “ตอไปนนดตองแปรฟนใหสะอาดแลวลดการกนขนมหวานใหนอยลงและทสำาคญตองแปรฟนหลงอาหารทกครงนะ”

25 Sound : Musicบทบรรยาย : 1.การทำาความสะอาดฟนดานบดเคยววางขนแปรงบรเวณดานบดเคยวของฟน แปรงในลกษณะถไป-มา ตามแนวฟน ทวทงปาก

26 Sound : Musicบทบรรยาย : 2. การทำาความสะอาดผวฟนดานนอก วางขนแปรงชดกบขอบเหงอก ขนแปรงเอยงทำามม 45

49

องศากบตวฟนและเหงอก ขนแปรงชขนสำาหรบฟนบน และชลงสำาหรบฟนลาง แปรงในลกษณะขยบเบาๆในแนวหนา-หลงเปนระยะทางสนๆ แลวปดลงในฟนบน และปดขนในฟนลาง วนใหทวทงปาก เรมจากซายไป

ตารางท 3-3 (ตอ)Shot

ภาพ เสยง

Sound : Musicบทบรรยาย : 4 การทำาความสะอาดผวฟนดานในของฟนหลงวางขนแปรงใหชดขอบเหงอกเชนเดยวกบแปรงฟนดานนอก  แปรงในลกษณะขยบเบาๆแลวปดลงในฟน

50

บน  ปดขนในฟนลาง แปรงใหทวดานในของฟนหลง

27 Sound : Musicบทบรรยาย : 4.การทำาความสะอาดฟนดานหลงของฟนหนาวางแปรงในแนวตง ใชปลายแปรงสฟนแปรงดานหลงของฟนหนาแตละซ โดยขยบเบาๆ ทงฟนหนาบนและฟนหนาลาง

28 Sound : Musicบทบรรยาย : 5.การแปรงทลนอยาลมแปรงทลนดวยนะ เพอกำาจดคราบจลนทรยและปองกนไมใหเกดกลนปากได

51

ตารางท 3-3 (ตอ)Shot

ภาพ เสยง

28 Sound : Musicบทบรรยาย : กำาจดเศษอาหารทตกคางภายในชองปาก บทบรรยาย : กำาจดคราบและสงสกปรกตางๆภายในชองปาก

29 Sound : Musicบทบรรยาย : ปองกนการเกดฟนผบทบรรยาย : ลดการเกดการสะสมของแบคทเรยในชองปาก

30 Sound : Musicบทบรรยาย : ชวยใหสขภาพฟนและเหงอกแขงแรง

31 Sound : Music

52

3.2 ขนตอนผลต (Production)

3.2.1 การขนรปวตถและแบบ (Modeling)วาดภาพโมเดลชท(Model sheet) เปนขนตอนแรกของ

งานผลตดานภาพ โดยการวาดภาพดานหนา ดานขางและดานหลง ซงเปนดานทตองใชสรางตวละคร ดงตวอยางท 3-1

ภาพท 3-1 ภาพแสดงการวาดภาพตวละคร นด“ ”

3.2.1.1 นำาภาพทสเกตไว Import เขาโปรแกรม Adobe Flash CS6 เพองายตอการวาดลายเสน โดยการเลอกทหนาตาง File > Import >Import to Library จากนนทำาการเลอกภาพทตองการ ดงตวอยางภาพท 3-2

53

ภาพท 3-2 ภาพแสดงการ import ภาพสเกตเขามาใน adobe animate cc

54

3.2.1.2 เมอไดภาพสเกตแลวกวาดในแตละสวนโดยทำาการแยก Layer เปนสวน

ตางๆ คอ หว ตา แขน ปาก โดยขนตอนการวาดสวนหวโดยการใชเครองมอ Ovar Tool ทำาการวาดวงกลมและดดรปทรงตามภาพทออกแบบมาในสวนหว ดงตวอยางภาพท 3-3

ภาพท 3-3 ภาพแสดงการใชเครองมอ Oval Tool วาดในสวนหว

ภาพท 3-4 ภาพแสดงการวาดสตอรบอรด

55

56

3.2.1.3 วาดสวนตางๆในแตละสวนโดยใชเครองมอ Line Tool วาดตามเสนและดดตามแบบเพอใหไดตามทตองการจนครบทกสวนตางๆทแยก Layer ไว ดงตวอยางภาพท 3-4

ภาพท 3-5 ภาพแสดงการใชเครองมอ Line Tool วาดในสวนตางๆ

3.2.1.4 เมอวาดทกสวนของตวละครครบแลว จากนนกลงสโดยใชเครองมอ Paint Bucket Tool จนครบทกสวน ดงตวอยางท 3-5

57

ภาพท 3-6 ภาพแสดงการใชเครองมอ Paint Bucket Tool ลงสในสวนตางๆ

ภาพท 3-7 ภาพแสดงผจดทำาแสดงการลงส

3.2.2 การทำาภาพเคลอนไหว (Animation)การทำาภาพเคลอนไหวหรอแอนเมชน คอการเปลยนแปลง

ของวตถ โดยมความสมพนธกบเวลาดงนนในการทำาภาพเคลอนไหว ผพฒนาไดทำาตวละครใหเปน Symbol โดยเลอกทแถบเมน Insert >

58

New Symbol และกำาหนดชอทชอง Name เลอก Tybe เปน Graphic ดงภาพท 3-8

ภาพท 3-8 แสดงภาพการสรางตวละครใหเปน Symbol

3.2.2.1 เมอสราง Symbol ก Copy ตวละครทเราสรางในขนตอนทแลวลงในสวนของหนา Symbol โดยจะมการแยก Layer ออกเปนสวนตางๆ เพอใหงายตอการทำาเคลอนไหวหรอการแกไขในสวนตางๆ ดงภาพท 3-9

ภาพท 3-9 แสดงภาพตวละครใน Symbol

59

3.2.2.2 เมอทำาการแยก Layer แลวกทำาการกำาหนดการเคลอนไหวในแตละสวนและกำาหนดคยเฟรม กดเลอกคยเฟรมทตองการแลวทำาการกด F6 แลวทำาการกำาหนดการเคลอนไหวของตวละครในสวนตางๆจนครบ ดงภาพท 3-10 ถง 3-13

ภาพท 3-10 แสดงภาพการกำาหนดคยเฟรมโดยเลอกท Insert Keyframe หรอ F6

ภาพท 3-11 แสดงภาพการเลอกคยเฟรม

60

ภาพท 3-12 แสดงภาพการกำาหนดการเคลอนไหวของวตถตวละคร

3.2.2.3 เมอสรางตวละครใหเคลอนไหวใน Symbol แลวจากนนกนำาตวละครไปใชในฉาก โดยการเลอกกลบไปยง Scene โดยใน Scene กกำาหนด Layer เปนสวนตางๆคอ ฉากหองนงเลน แลวนำาตวละครใน Library มาใสในฉากแลวกำาหนดการเคลอนไหวในแตดงภาพ 3-14 ถง 3-17

ภาพท 3-13 แสดงภาพใน Scene และแบง Layer เปนสวนตางๆ

61

3.2.2.4 ผพฒนากำาลงดำาเนนการกำาหนดการเคลอนไหวของตวละครและฉากโดยใหมความสมพนธกบเวลา จนครบทกฉากดงภาพ 3-15

ภาพท 3-14 แสดงภาพผพฒนากำาลงกำาหนดการเคลอนไหวของตวละครและฉาก

62

ภาพท 3-15 แสดงภาพผพฒนากำาลงกำาหนดการเคลอนไหวของตวละครและฉาก

3.2.2.5 เมอทำาการสรางแอนเมชนเสรจแลว ผพฒนาไดแอนเมชนออกมาในรปแบบของไฟล MOG แลวจงนำาไฟลทไดไปตดตอเพอใหไดแอนเมชนทสมบรณมากยงขน ดงภาพ 3-16

ภาพท 3-16 แสดงภาพไฟล MOG ทพรอมจะนำาไปตดตอแอนเมชน

3.3 ขนตอนหลงการผลต (Post-Production)

เปนขนตอนการตดตอเรยบเรยงภาพและเสยงเขาไวดวยกนตามสครปตหรอเนอหาของเรอง ขนตอนนจะมการการเชอมตอ ภาพ/ฉาก และมการบนทกเสยงแอนเมชนตามสตอรบอรดและมการนำาดนตรมา

63

ประกอบ เรองราวเพอเพมอรรธรสในการรบชมยงขนจากขนตอนนจะเปนงานแอนเมชนทเสรจสมบรณทงภาพและเสยงพรอมจะนำาไปใชงานจรง

3.3.1 การตดตอภาพยนตรแอนเมชนจากขนตอนการผลตเมอไดไฟลงานออกมาแลว ไฟลทไดยง

ไมใชแอนเมชนทสมบรณเนองจากมความยาวทมากเกนไป อกทงยงตองมการปรบแตงเสยงและภาพใหเกดความตอเนองของเนอเรองใหสมบรณมากขนผพฒนาไดมการเพมตวอกษรพเศษ และเพม Effect ในการนำาเสนออกดวย ผพฒนาจงไดมการนำาโปรแกรม sonyvegas pro 14 มาใชในการตดตอและในการดดเปลยนเสยงในรปแบบตางๆ

ภาพท 3-17 แสดงภาพโปรแกรม sony vegas pro 14

64

ภาพท 3-18 แสดงภาพการนำาแอนเมชนแตละฉากมาตอกนและใสเลยง

ภาพท 3-19 ภาพแสดงการเพมเสยงดนตรประกอบฉาก

65

ภาพท 3-20 ภาพแสดงผจดทำาตดตอวดโอ

ภาพท 3-21 ภาพแสดงการใชโปรแกรม ในการดดเปลยนเสยงในรปแบบตางๆ

ภาพท 3-22 ภาพแสดงผจดทำาตดตอเสยง

3.3.2 การเตรยมทดสอบเสยง (Sound and Testing)โครงงานนใชวธการทดสอบเสยงของแอนเมชนฉบบ

สมบรณดวยการพจารณาความสอดคลองและนำาเสนอไดถกตองตรงตามขนตอนการเขยนโครงเรองบทดำาเนนเรองบทบรรยายและสตอร

66

บอรดวาแอนเมชนนนไดนำาเสนอเสยงตามทระบไวหรอไมการนไดกำาหนดกรณทดสอบเสยง (Testing Case) ไว 10 กรณดงตารางตอไปน

ตารางท 3-4 กรณทดสอบเสยงTest

Case IDDescription

001 แอนเมชนปรากฏเสยงนองซอฟตองบรรยาย Title เรองและเสยงดนตร ณ ชวงเวลาท 00.00.12.

002 แอนเมชนปรากฏเสยงป ง ณ ชวงเวลาท00.00.25003 แอนเมชนปรากฏเสยงนดคยกบพอ ณ ชวงเวลา

ท00.0.39.15004 แอนเมชนปรากฏเสยงเสยงเคาะประต ณ ชวงเวลา

ท00.01.02 วนาท005 แอนเมชนปรากฏเสยงแมงกนฟนพด ณ ชวงเวลา

ท00.01.35 วนาท006 แอนเมชนปรากฏเสยงนดรองไห ณ ชวงเวลา

ท00.01.58 วนาท007 แอนเมชนปรากฏเสยง หมอ และ บทพดหมอ ณ ชวง

เวลาท00.02.19 วนาท008 แอนเมชนปรากฏเสยง หมออธบาย ลกอม ณ ชวง“ ”

เวลาท00.02.35 วนาท009 แอนเมชนปรากฏเสยงนดพด ชวงเวลาท00.02.35

วนาท010 แอนเมชนปรากฏเสยง 1 การทำาความสะอาดฟนดาน

67

บดเคยว ณ ชวงเวลาท00.03.18 วนาท3.3.3 การเตรยมทดสอบการเคลอนไหวของตวละครและ

ภาพ (Animation and Testing)โครงงานนใชวธการทดสอบการเคลอนไหวของตวละครและ

ภาพของแอนเมชนฉบบสมบรณดวยการพจารณาความสอดคลองและนำาเสนอไดถกตองตรงตามขนตอนการเขยนโครงเรองบทดำาเนนเรองบทบรรยายและสตอรบอรดวาแอนเมชนนนไดนำาเสนอการเคลอนไหวของตวละครและภาพตามทระบไวหรอไมการนไดกำาหนดกรณทดสอบการเคลอนไหวของตวละครและภาพไว 10 กรณดงตารางตอไปน

ตารางท 3-5 กรณทดสอบการเคลอนไหวของตวละครและภาพTest

Case IDDescription

001 แอนเมชนปรากฏภาพ Title นทานสอนเดก เรอง ปองกนฟนผชวงเวลาท 00.00.10 วนาท

002 แอนเมชนปรากฏภาพพอแวะซอขนมชวงเวลาท 00.00.33 วนาท

003 แอนเมชนปรากฏภาพนดพดกบพอชวงเวลาท 00.00.58 วนาท

004 แอนเมชนปรากฏภาพแมงกนฟนเจาะเอาคราบนำาตาลชวงเวลาท 00.01.40 วนาท

005 แอนเมชนปรากฏภาพ พอหนหนามาคยกบนดชวงเวลาท 00.02.02 วนาท

006 แอนเมชนปรากฏภาพวธการแปรงฟนชวงเวลาท

68

00.03.14 วนาท007 แอนเมชนปรากฏภาพการทำาความสะอาดฟนดานนอก

ชวงเวลาท 00.03.29 วนาท008 แอนเมชนปรากฏภาพการทำาความสะอาดผวฟนดาน

ในของฟนหลงชวงเวลาท 00.04.04 วนาท009 แอนเมชนปรากฏภาพการทำาความสะอาดดานหลง

ของฟนหนาชวงเวลาท 00.04.23 วนาท010 แอนเมชนปรากฏภาพการแปรงลนชวงเวลาท

00.04.40 วนาท