siam university · ภาพที่ 4.41 งานชิ้นที่1...

17
บทที4 ผลการปฏิบัติงานตามโครงงาน ผลการปฏิบัติงานสหกิจศึกษา 16 สัปดาห์ ตามโครงงานครั ้งนี ้เป็นการพัฒนากราฟิกรายการ เพื่อใช้เป็นส ่วนหนึ ่งในรายการนาทีฉุกเฉินเพื่อนาไปเผยแพร ่สถานีวิทยุโทรทัศน์กองทัพบกช่อง 5 โดย บริษัท เค -ยัง จากัด การใช้โปรแกรมต่างๆ ในการออกแบบ รู้ถึงหลักการออกแบบและทาการ เคลื่อนไหวที่ใช้ในการเผยแพร ่ มีการวางแผนเป็นขั ้นตอน และได ้พัฒนาทักษะรวมถึงการทางานเป็น ทีมกับผู้อื่นได้เป็นอย่างดี และยังได้รู้จักวิธีการทาออกแบบกราฟิกรายการแบบ 2 มิติ และ3 มิติ เพื่อ ประชาสัมพันธ์รายการทาให้กลุ่มเป้าหมายหรือประชาชนทั่วไปเกิดความสนใจ และเกิดความสวยงาม สะดุดตา การปฏิบัติงานสหกิจครั ้งนี ้เกิดประโยชน์มากมายทั ้งเรียนรู ้ด้านการออกแบบในโปรแกรม ต่างๆ โดยผู้จัดทาได้นาผลงานของการปฏิบัติข้อมูลมาเป็นช่วงของการทางาน ดังต่อไปนี 4.1 ขั ้นตอนการเตรียมงาน 4.1.1 หาข้อมูลอ้างอิง ในขั ้นตอนก่อนการผลิตนั ้นจะเป็นการศึกษาหาข ้อมูลที่เกี่ยวข้องกับสื่อโทรทัศน์รายการนาที ฉุกเฉินเพื่อที่จะนาไปเสนอรูปแบบและเนื ้อหาเบื ้องต ้นให้กับหัวหน้าแผนกเมื่อหัวหน้าแผนกเห็นว่า รูปแบบการนาเสนอแล้วเห็นว่าเนื ้อหาเห็นสมควรขั ้นตอนต่อไปเป็นการหาข ้อมูลอ้างอิงที่ต้องการ นาเสนอมาออกแบบ

Upload: others

Post on 15-Jul-2020

4 views

Category:

Documents


0 download

TRANSCRIPT

Page 1: Siam University · ภาพที่ 4.41 งานชิ้นที่1 การออกแบบตราสัญลักษณ์รายการแบบใหม่ ภาพที่

บทท 4 ผลการปฏบตงานตามโครงงาน

ผลการปฏบตงานสหกจศกษา 16 สปดาห ตามโครงงานครงนเปนการพฒนากราฟกรายการเพอใชเปนสวนหนงในรายการนาทฉกเฉนเพอน าไปเผยแพรสถานวทยโทรทศนกองทพบกชอง 5 โดย บรษท เค-ยง จ ากด การใชโปรแกรมตางๆ ในการออกแบบ รถงหลกการออกแบบและท าการเคลอนไหวทใชในการเผยแพร มการวางแผนเปนขนตอน และไดพฒนาทกษะรวมถงการท างานเปนทมกบผอนไดเปนอยางด และยงไดรจกวธการท าออกแบบกราฟกรายการแบบ 2 มต และ3 มต เพอประชาสมพนธรายการท าใหกลมเปาหมายหรอประชาชนทวไปเกดความสนใจ และเกดความสวยงามสะดดตา การปฏบตงานสหกจครงนเกดประโยชนมากมายทงเรยนรดานการออกแบบในโปรแกรมตางๆ โดยผจดท าไดน าผลงานของการปฏบตขอมลมาเปนชวงของการท างาน ดงตอไปน

4.1 ขนตอนการเตรยมงาน 4.1.1 หาขอมลอางอง

ในขนตอนกอนการผลตนนจะเปนการศกษาหาขอมลทเกยวของกบสอโทรทศนรายการนาทฉกเฉนเพอทจะน าไปเสนอรปแบบและเนอหาเบองตนใหกบหวหนาแผนกเมอหวหนาแผนกเหนวารปแบบการน าเสนอแลวเหนวาเนอหาเหนสมควรขนตอนตอไปเปนการหาขอมลอางองทตองการน าเสนอมาออกแบบ

Page 2: Siam University · ภาพที่ 4.41 งานชิ้นที่1 การออกแบบตราสัญลักษณ์รายการแบบใหม่ ภาพที่

34

ขนตอนเตรยมขอมลอางองเปนตวอยางเอามาพฒนากราฟกรายการนาทฉกเฉนเพอเอามาจดท าโครงงานสหกจศกษา

ภาพท 4.21 ตวอยางกราฟกรายการเดม

ภาพท 4.22 ตวอยางกราฟกรายการเดม

Page 3: Siam University · ภาพที่ 4.41 งานชิ้นที่1 การออกแบบตราสัญลักษณ์รายการแบบใหม่ ภาพที่

35

ภาพท 4.23 ตวอยางกราฟกรายการเดม

ภาพท 4.24 ตวอยางกราฟกรายการเดม

Page 4: Siam University · ภาพที่ 4.41 งานชิ้นที่1 การออกแบบตราสัญลักษณ์รายการแบบใหม่ ภาพที่

36

ภาพท 4.25 ตวอยางกราฟกรายการเดม

ขอมลอางองในการใชกราฟกใหมของตราสญญาลกษณเพอน ามาพฒนาตอในการพฒนาตราสญญาลกษณ

ภาพท 4.26 ตวอยางอางองมาพฒนาตราสญญาลกษณ

Page 5: Siam University · ภาพที่ 4.41 งานชิ้นที่1 การออกแบบตราสัญลักษณ์รายการแบบใหม่ ภาพที่

37

ภาพท 4.27 ตวอยางอางองมาพฒนาตราสญญาลกษณ

ภาพท 4.28 ตวอยางอางองมาพฒนากราฟกตราสญญาลกษณ

Page 6: Siam University · ภาพที่ 4.41 งานชิ้นที่1 การออกแบบตราสัญลักษณ์รายการแบบใหม่ ภาพที่

38

4.1.2 ออกแบบพฒนากราฟก การออกแบบกราฟกจากขอมลอางอง น ามาเปนการพฒนาตอยอดจากของเดมและ

แนวความคดสรางสรรคใหมในรปแบบ น ามาประยกตกนใหดทนสมยกบปจจบนทนตองเหตการณ ซงการออกแบบจะแนนการสอดคลองจากองคกรเปนหลกแลวรวมกบการทนสมย

1. การออกแบบจากการออกแบบในกระดาษวาดภาพดวยดนสอ เพอท าใหเปนรางตวอยางในการไปปฏบตงานตอในโปรแกรม Autodesk Maya ออกแบบและพฒนาแกไขใหตอบโจทย 2. ออกแบบตราสญญาลกษณใหสอสารโดยเปนรปสญญะออกมาใหมความหมายกบตวรายการนาทฉกเฉน ซงรปสญญะทใชเปนนาฬกาทหมนเปลยนเวลาทนเหตการณการกระท าการเปลยนแปลงของโลก เพราะรปทรงของนาฬกามมากเปลยนไปตามความทนสมยของนกออกแบบสรางสรรคจงเลอกมาท าการออกแบบกราฟกรายการ 3. สทใชในการออกแบบกราฟกรายการ -สแดง แทน สทองคกรก าหนดในการออกแบบกราฟก -สเงนโลหะ แทน ความหมายแขงแกรงขององคกร -สน าเงน แทน ทองฟาทปกคลมทวโลก

ภาพท 4.29 การรางออกแบบของตราสญญาลกษณ

Page 7: Siam University · ภาพที่ 4.41 งานชิ้นที่1 การออกแบบตราสัญลักษณ์รายการแบบใหม่ ภาพที่

39

ภาพท 4.30 การรางออกแบบของตราสญญาลกษณ

ภาพท 4.31 การรางออกแบบของตราสญญาลกษณ

Page 8: Siam University · ภาพที่ 4.41 งานชิ้นที่1 การออกแบบตราสัญลักษณ์รายการแบบใหม่ ภาพที่

40

4. ท าการออกแบบโดยใชโปรแกรม Adobe Photoshop โดยการจดองคประกอบใหเกดความสวยงามและเกดความนาสนใจ

ภาพท 4.32 ออกแบบแกไขกราฟกรายการใหม

ภาพท 4.33 ออกแบบแกไขกราฟกรายการใหม

Page 9: Siam University · ภาพที่ 4.41 งานชิ้นที่1 การออกแบบตราสัญลักษณ์รายการแบบใหม่ ภาพที่

41

5. ตวอกษรทใชกบตวอกษรตวอกษร ชอ “ TS-prachachon-NP ” เหตผลทใชตวใหญ อานงายสะใจ และเกบรายละเอยด ออกแบบไดคม ดแลวรสกใหถงความแขงแกรง หนกแนน ตามวตถประสงคขององคกร โดยการปรกษากบผออกแบบกราฟกรายการ

ภาพท 4.34 ตวอยาง Font ทใชกบตวอกษร

Page 10: Siam University · ภาพที่ 4.41 งานชิ้นที่1 การออกแบบตราสัญลักษณ์รายการแบบใหม่ ภาพที่

42

4.2 ขนตอนการปฏบต 4.2.1 การปฏบตงานโครงงานสหกจ

การออกแบบกราฟกจากการรางมาวาดลงใสโปรแกรมโดยโปรแกรม Autodesk Maya เพอท าใหเหนเปนภาพคมชด ทงสและแสงของวตถของกราฟก ออกแบบและพฒนาแกไขใหตอบโจทยขององคกรและน าไปปรกษากบพ เ ลยงตลอด แลวน าค าตชมกลบมาปรบปรงแกไขเพอใหดงดดกลมเปาหมายใหเกดการรบร ยอมรบ และมทศนะคตทดตอการตอบสนองสอทมองเหน เพอพรอมทจะใชออกอากาศ

ภาพท 4.35 การออกแบบแกไขกราฟกตราสญญาลกษณ

ภาพท 4.36 การออกแบบแกไขกราฟกตราสญญาลกษณ

Page 11: Siam University · ภาพที่ 4.41 งานชิ้นที่1 การออกแบบตราสัญลักษณ์รายการแบบใหม่ ภาพที่

43

ภาพท 4.37 การออกแบบแกไขกราฟกตราสญญาลกษณ

ภาพท 4.38 การออกแบบแกไขกราฟกตราสญญาลกษณ

Page 12: Siam University · ภาพที่ 4.41 งานชิ้นที่1 การออกแบบตราสัญลักษณ์รายการแบบใหม่ ภาพที่

44

ภาพท 4.39 การออกแบบแกไขกราฟกตราสญญาลกษณ

ภาพท 4.40 การออกแบบแกไขกราฟกตราสญญาลกษณ

4. จงหวะเสยง

เสยง เปนอกองคประกอบของมลตมเดย ซงจะชวยใหเกดบรรยากาศทนาสนใจในการรบรทางหโดย อาศยจะน าเสนอในรปของ เสยงประกอบ เพลงบรรเลง เสยงพด เสยงบรรยาย หรอเสยงพากษ

Page 13: Siam University · ภาพที่ 4.41 งานชิ้นที่1 การออกแบบตราสัญลักษณ์รายการแบบใหม่ ภาพที่

45

ใหตรงกบภาพและท าใหเขากบจงหวะตรงตามความเหมาะสม โดยสามารถแกไข ตดตอเสยงแคบางสวนของไฟลเสยงและแสดงไปพรอมกนอยางสอดคลองและตอเนอง โดยไมกระทบกบไฟลเสยงอนๆ

4.3 ขนตอนการเผยแพรผลงาน การน าเสนอกบพนกงานทปรกษาผลงานกราฟกเพอตรวจสอบความผดพลาดและแกไขชนงาน

เพอใหเหมาะสมและถกตองกบขอมลอางอง ขององคกร และน าไปน าเสนอกบพนกงานทปรกษาเปนอนเสรจสมบรณ

ภาพท 4.41 งานชนท 1 การออกแบบตราสญลกษณรายการแบบใหม

ภาพท 4.42 งานชนท 2 การออกแบบ Hilght แบบใหม

ภาพท 4.43 งานชนท 3 การออกแบบ Next แบบใหม

Page 14: Siam University · ภาพที่ 4.41 งานชิ้นที่1 การออกแบบตราสัญลักษณ์รายการแบบใหม่ ภาพที่

46

ภาพท 4.44 งานชนท 4 การออกแบบ Bar name แบบใหม

ภาพท 4.45 งานชนท 5 การออกแบบ End credit แบบใหม

Page 15: Siam University · ภาพที่ 4.41 งานชิ้นที่1 การออกแบบตราสัญลักษณ์รายการแบบใหม่ ภาพที่

47

ผลงานทเสรจสมบรณ

ภาพท 4.46 น าเสนอวดโอกราฟกใหม

Page 16: Siam University · ภาพที่ 4.41 งานชิ้นที่1 การออกแบบตราสัญลักษณ์รายการแบบใหม่ ภาพที่

48

ภาพท 4.47 น าเสนอวดโอ Hi light แบบใหม

ภาพท 4.48 น าเสนอวดโอ Next แบบใหม

Page 17: Siam University · ภาพที่ 4.41 งานชิ้นที่1 การออกแบบตราสัญลักษณ์รายการแบบใหม่ ภาพที่

49

ภาพท 4.49 น าเสนอวดโอ Bar name แบบใหม

ภาพท 4.50 น าเสนอวดโอ End credit แบบใหม