Siam University · ภาพที่ 4.41 งานชิ้นที่1...
Transcript of Siam University · ภาพที่ 4.41 งานชิ้นที่1...
![Page 1: Siam University · ภาพที่ 4.41 งานชิ้นที่1 การออกแบบตราสัญลักษณ์รายการแบบใหม่ ภาพที่](https://reader034.fdocuments.net/reader034/viewer/2022050113/5f4a014d91bb81620f671530/html5/thumbnails/1.jpg)
บทท 4 ผลการปฏบตงานตามโครงงาน
ผลการปฏบตงานสหกจศกษา 16 สปดาห ตามโครงงานครงนเปนการพฒนากราฟกรายการเพอใชเปนสวนหนงในรายการนาทฉกเฉนเพอน าไปเผยแพรสถานวทยโทรทศนกองทพบกชอง 5 โดย บรษท เค-ยง จ ากด การใชโปรแกรมตางๆ ในการออกแบบ รถงหลกการออกแบบและท าการเคลอนไหวทใชในการเผยแพร มการวางแผนเปนขนตอน และไดพฒนาทกษะรวมถงการท างานเปนทมกบผอนไดเปนอยางด และยงไดรจกวธการท าออกแบบกราฟกรายการแบบ 2 มต และ3 มต เพอประชาสมพนธรายการท าใหกลมเปาหมายหรอประชาชนทวไปเกดความสนใจ และเกดความสวยงามสะดดตา การปฏบตงานสหกจครงนเกดประโยชนมากมายทงเรยนรดานการออกแบบในโปรแกรมตางๆ โดยผจดท าไดน าผลงานของการปฏบตขอมลมาเปนชวงของการท างาน ดงตอไปน
4.1 ขนตอนการเตรยมงาน 4.1.1 หาขอมลอางอง
ในขนตอนกอนการผลตนนจะเปนการศกษาหาขอมลทเกยวของกบสอโทรทศนรายการนาทฉกเฉนเพอทจะน าไปเสนอรปแบบและเนอหาเบองตนใหกบหวหนาแผนกเมอหวหนาแผนกเหนวารปแบบการน าเสนอแลวเหนวาเนอหาเหนสมควรขนตอนตอไปเปนการหาขอมลอางองทตองการน าเสนอมาออกแบบ
![Page 2: Siam University · ภาพที่ 4.41 งานชิ้นที่1 การออกแบบตราสัญลักษณ์รายการแบบใหม่ ภาพที่](https://reader034.fdocuments.net/reader034/viewer/2022050113/5f4a014d91bb81620f671530/html5/thumbnails/2.jpg)
34
ขนตอนเตรยมขอมลอางองเปนตวอยางเอามาพฒนากราฟกรายการนาทฉกเฉนเพอเอามาจดท าโครงงานสหกจศกษา
ภาพท 4.21 ตวอยางกราฟกรายการเดม
ภาพท 4.22 ตวอยางกราฟกรายการเดม
![Page 3: Siam University · ภาพที่ 4.41 งานชิ้นที่1 การออกแบบตราสัญลักษณ์รายการแบบใหม่ ภาพที่](https://reader034.fdocuments.net/reader034/viewer/2022050113/5f4a014d91bb81620f671530/html5/thumbnails/3.jpg)
35
ภาพท 4.23 ตวอยางกราฟกรายการเดม
ภาพท 4.24 ตวอยางกราฟกรายการเดม
![Page 4: Siam University · ภาพที่ 4.41 งานชิ้นที่1 การออกแบบตราสัญลักษณ์รายการแบบใหม่ ภาพที่](https://reader034.fdocuments.net/reader034/viewer/2022050113/5f4a014d91bb81620f671530/html5/thumbnails/4.jpg)
36
ภาพท 4.25 ตวอยางกราฟกรายการเดม
ขอมลอางองในการใชกราฟกใหมของตราสญญาลกษณเพอน ามาพฒนาตอในการพฒนาตราสญญาลกษณ
ภาพท 4.26 ตวอยางอางองมาพฒนาตราสญญาลกษณ
![Page 5: Siam University · ภาพที่ 4.41 งานชิ้นที่1 การออกแบบตราสัญลักษณ์รายการแบบใหม่ ภาพที่](https://reader034.fdocuments.net/reader034/viewer/2022050113/5f4a014d91bb81620f671530/html5/thumbnails/5.jpg)
37
ภาพท 4.27 ตวอยางอางองมาพฒนาตราสญญาลกษณ
ภาพท 4.28 ตวอยางอางองมาพฒนากราฟกตราสญญาลกษณ
![Page 6: Siam University · ภาพที่ 4.41 งานชิ้นที่1 การออกแบบตราสัญลักษณ์รายการแบบใหม่ ภาพที่](https://reader034.fdocuments.net/reader034/viewer/2022050113/5f4a014d91bb81620f671530/html5/thumbnails/6.jpg)
38
4.1.2 ออกแบบพฒนากราฟก การออกแบบกราฟกจากขอมลอางอง น ามาเปนการพฒนาตอยอดจากของเดมและ
แนวความคดสรางสรรคใหมในรปแบบ น ามาประยกตกนใหดทนสมยกบปจจบนทนตองเหตการณ ซงการออกแบบจะแนนการสอดคลองจากองคกรเปนหลกแลวรวมกบการทนสมย
1. การออกแบบจากการออกแบบในกระดาษวาดภาพดวยดนสอ เพอท าใหเปนรางตวอยางในการไปปฏบตงานตอในโปรแกรม Autodesk Maya ออกแบบและพฒนาแกไขใหตอบโจทย 2. ออกแบบตราสญญาลกษณใหสอสารโดยเปนรปสญญะออกมาใหมความหมายกบตวรายการนาทฉกเฉน ซงรปสญญะทใชเปนนาฬกาทหมนเปลยนเวลาทนเหตการณการกระท าการเปลยนแปลงของโลก เพราะรปทรงของนาฬกามมากเปลยนไปตามความทนสมยของนกออกแบบสรางสรรคจงเลอกมาท าการออกแบบกราฟกรายการ 3. สทใชในการออกแบบกราฟกรายการ -สแดง แทน สทองคกรก าหนดในการออกแบบกราฟก -สเงนโลหะ แทน ความหมายแขงแกรงขององคกร -สน าเงน แทน ทองฟาทปกคลมทวโลก
ภาพท 4.29 การรางออกแบบของตราสญญาลกษณ
![Page 7: Siam University · ภาพที่ 4.41 งานชิ้นที่1 การออกแบบตราสัญลักษณ์รายการแบบใหม่ ภาพที่](https://reader034.fdocuments.net/reader034/viewer/2022050113/5f4a014d91bb81620f671530/html5/thumbnails/7.jpg)
39
ภาพท 4.30 การรางออกแบบของตราสญญาลกษณ
ภาพท 4.31 การรางออกแบบของตราสญญาลกษณ
![Page 8: Siam University · ภาพที่ 4.41 งานชิ้นที่1 การออกแบบตราสัญลักษณ์รายการแบบใหม่ ภาพที่](https://reader034.fdocuments.net/reader034/viewer/2022050113/5f4a014d91bb81620f671530/html5/thumbnails/8.jpg)
40
4. ท าการออกแบบโดยใชโปรแกรม Adobe Photoshop โดยการจดองคประกอบใหเกดความสวยงามและเกดความนาสนใจ
ภาพท 4.32 ออกแบบแกไขกราฟกรายการใหม
ภาพท 4.33 ออกแบบแกไขกราฟกรายการใหม
![Page 9: Siam University · ภาพที่ 4.41 งานชิ้นที่1 การออกแบบตราสัญลักษณ์รายการแบบใหม่ ภาพที่](https://reader034.fdocuments.net/reader034/viewer/2022050113/5f4a014d91bb81620f671530/html5/thumbnails/9.jpg)
41
5. ตวอกษรทใชกบตวอกษรตวอกษร ชอ “ TS-prachachon-NP ” เหตผลทใชตวใหญ อานงายสะใจ และเกบรายละเอยด ออกแบบไดคม ดแลวรสกใหถงความแขงแกรง หนกแนน ตามวตถประสงคขององคกร โดยการปรกษากบผออกแบบกราฟกรายการ
ภาพท 4.34 ตวอยาง Font ทใชกบตวอกษร
![Page 10: Siam University · ภาพที่ 4.41 งานชิ้นที่1 การออกแบบตราสัญลักษณ์รายการแบบใหม่ ภาพที่](https://reader034.fdocuments.net/reader034/viewer/2022050113/5f4a014d91bb81620f671530/html5/thumbnails/10.jpg)
42
4.2 ขนตอนการปฏบต 4.2.1 การปฏบตงานโครงงานสหกจ
การออกแบบกราฟกจากการรางมาวาดลงใสโปรแกรมโดยโปรแกรม Autodesk Maya เพอท าใหเหนเปนภาพคมชด ทงสและแสงของวตถของกราฟก ออกแบบและพฒนาแกไขใหตอบโจทยขององคกรและน าไปปรกษากบพ เ ลยงตลอด แลวน าค าตชมกลบมาปรบปรงแกไขเพอใหดงดดกลมเปาหมายใหเกดการรบร ยอมรบ และมทศนะคตทดตอการตอบสนองสอทมองเหน เพอพรอมทจะใชออกอากาศ
ภาพท 4.35 การออกแบบแกไขกราฟกตราสญญาลกษณ
ภาพท 4.36 การออกแบบแกไขกราฟกตราสญญาลกษณ
![Page 11: Siam University · ภาพที่ 4.41 งานชิ้นที่1 การออกแบบตราสัญลักษณ์รายการแบบใหม่ ภาพที่](https://reader034.fdocuments.net/reader034/viewer/2022050113/5f4a014d91bb81620f671530/html5/thumbnails/11.jpg)
43
ภาพท 4.37 การออกแบบแกไขกราฟกตราสญญาลกษณ
ภาพท 4.38 การออกแบบแกไขกราฟกตราสญญาลกษณ
![Page 12: Siam University · ภาพที่ 4.41 งานชิ้นที่1 การออกแบบตราสัญลักษณ์รายการแบบใหม่ ภาพที่](https://reader034.fdocuments.net/reader034/viewer/2022050113/5f4a014d91bb81620f671530/html5/thumbnails/12.jpg)
44
ภาพท 4.39 การออกแบบแกไขกราฟกตราสญญาลกษณ
ภาพท 4.40 การออกแบบแกไขกราฟกตราสญญาลกษณ
4. จงหวะเสยง
เสยง เปนอกองคประกอบของมลตมเดย ซงจะชวยใหเกดบรรยากาศทนาสนใจในการรบรทางหโดย อาศยจะน าเสนอในรปของ เสยงประกอบ เพลงบรรเลง เสยงพด เสยงบรรยาย หรอเสยงพากษ
![Page 13: Siam University · ภาพที่ 4.41 งานชิ้นที่1 การออกแบบตราสัญลักษณ์รายการแบบใหม่ ภาพที่](https://reader034.fdocuments.net/reader034/viewer/2022050113/5f4a014d91bb81620f671530/html5/thumbnails/13.jpg)
45
ใหตรงกบภาพและท าใหเขากบจงหวะตรงตามความเหมาะสม โดยสามารถแกไข ตดตอเสยงแคบางสวนของไฟลเสยงและแสดงไปพรอมกนอยางสอดคลองและตอเนอง โดยไมกระทบกบไฟลเสยงอนๆ
4.3 ขนตอนการเผยแพรผลงาน การน าเสนอกบพนกงานทปรกษาผลงานกราฟกเพอตรวจสอบความผดพลาดและแกไขชนงาน
เพอใหเหมาะสมและถกตองกบขอมลอางอง ขององคกร และน าไปน าเสนอกบพนกงานทปรกษาเปนอนเสรจสมบรณ
ภาพท 4.41 งานชนท 1 การออกแบบตราสญลกษณรายการแบบใหม
ภาพท 4.42 งานชนท 2 การออกแบบ Hilght แบบใหม
ภาพท 4.43 งานชนท 3 การออกแบบ Next แบบใหม
![Page 14: Siam University · ภาพที่ 4.41 งานชิ้นที่1 การออกแบบตราสัญลักษณ์รายการแบบใหม่ ภาพที่](https://reader034.fdocuments.net/reader034/viewer/2022050113/5f4a014d91bb81620f671530/html5/thumbnails/14.jpg)
46
ภาพท 4.44 งานชนท 4 การออกแบบ Bar name แบบใหม
ภาพท 4.45 งานชนท 5 การออกแบบ End credit แบบใหม
![Page 15: Siam University · ภาพที่ 4.41 งานชิ้นที่1 การออกแบบตราสัญลักษณ์รายการแบบใหม่ ภาพที่](https://reader034.fdocuments.net/reader034/viewer/2022050113/5f4a014d91bb81620f671530/html5/thumbnails/15.jpg)
47
ผลงานทเสรจสมบรณ
ภาพท 4.46 น าเสนอวดโอกราฟกใหม
![Page 16: Siam University · ภาพที่ 4.41 งานชิ้นที่1 การออกแบบตราสัญลักษณ์รายการแบบใหม่ ภาพที่](https://reader034.fdocuments.net/reader034/viewer/2022050113/5f4a014d91bb81620f671530/html5/thumbnails/16.jpg)
48
ภาพท 4.47 น าเสนอวดโอ Hi light แบบใหม
ภาพท 4.48 น าเสนอวดโอ Next แบบใหม
![Page 17: Siam University · ภาพที่ 4.41 งานชิ้นที่1 การออกแบบตราสัญลักษณ์รายการแบบใหม่ ภาพที่](https://reader034.fdocuments.net/reader034/viewer/2022050113/5f4a014d91bb81620f671530/html5/thumbnails/17.jpg)
49
ภาพท 4.49 น าเสนอวดโอ Bar name แบบใหม
ภาพท 4.50 น าเสนอวดโอ End credit แบบใหม