paijit.lpru.ac.thpaijit.lpru.ac.th/.../track_57/117/chapter3_2.docx · web view3.2.1.4 เม...
TRANSCRIPT
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 วนาท