แอนิเมชัน 1/2566

Topic outline

• 

  
  

  Course Lessons

  
  

  • มคอ.3_ขอบเขตการศึกษา Forum
• 

  การเรียนครั้งที่ 1-3 การเตรียมชิ้นงานVector

   การเรียนครั้งที่ 1-3

  การเตรียมชิ้นงานสำหรับการสร้างภาพเคลื่อนไหวเน้นออกแบบVector 
  

  คลิปประกอบการสอน 

  คลิป1 

  https://drive.google.com/file/d/1x-A3ShJ_6jKRm8K0jimkH8VCoHhVhCPF/view?usp=share_link

  
  

  คลิป2 

  https://drive.google.com/file/d/1ulm3pPhqBW8Ba6T-nsi2sKl_SmiPFww7/view?usp=share_link
  

  
  

  คลิป3 

  https://drive.google.com/file/d/1xasA3ryVFi6e4e377YyQDU-ucpPtCMil/view?usp=share_link

  
  

  คลิป4 

  https://drive.google.com/file/d/1qfXwcrRAqkFcDBAhu5thsvUaI98_j13S/view?usp=share_link

  
  

  คลิป5 

  https://drive.google.com/file/d/1JQ1UkzAdDwS78ox5dKBZt67enayXVC9o/view?usp=share_link

  
  

  คลิป6 

  https://drive.google.com/file/d/11-k0RsOrQNVNweEJJjez8pBoVovMviQz/view?usp=share_link

  
  

  คลิป7 

  https://drive.google.com/file/d/1RlV3xdENz8GZnFPiQ-iEd2_iO9j4DpCh/view?usp=share_link

  
  

  เนื้อหาPresentationสรุป เทคนิคการสอน 

  
  

  Content1 https://docs.google.com/presentation/d/11HjyRXKrTl0FNQOEXqfOuKNZfzLxzVDF/edit?usp=share_link&ouid=102422605910829417935&rtpof=true&sd=true

  
  

  Content2 https://docs.google.com/presentation/d/1HgAY9Lw5rCZz34VGlMnKzpqPjJeQzq2g/edit?usp=share_link&ouid=102422605910829417935&rtpof=true&sd=true

  
  

  Content3

  https://docs.google.com/presentation/d/1SN6wEi9Ha-kBfL1_MP7mrcPPRRFZYOu8/edit?usp=share_link&ouid=102422605910829417935&rtpof=true&sd=true

  
  

  Content4 

  https://docs.google.com/presentation/d/1kUJhciDCfq7JglCkC-WhSoZ3C7q-dllu/edit?usp=share_link&ouid=102422605910829417935&rtpof=true&sd=true

  
  

  Content5 https://docs.google.com/presentation/d/1Um4jiF4lbLYOhBPX07GXIwDCf31uYbpY/edit?usp=share_link&ouid=102422605910829417935&rtpof=true&sd=true

  
  

  Content6 https://docs.google.com/presentation/d/1oX08JHlwWvfrFoHMVilzcy5ohTkKbWw7/edit?usp=share_link&ouid=102422605910829417935&rtpof=true&sd=true

  
  

  Content7

  https://docs.google.com/presentation/d/1HkNYSt0tZ6mJ1F6uh1A4wQOBZp1IaQj2/edit?usp=share_link&ouid=102422605910829417935&rtpof=true&sd=true

  
  

  Content8 

  https://docs.google.com/presentation/d/1aCX8ino2oD9FQQd8V7hw-MZt61Caspkl/edit?usp=share_link&ouid=102422605910829417935&rtpof=true&sd=true

  
  

  Content9 https://docs.google.com/presentation/d/1UROS930baRFT84QqTM0R9TorwV5ayqPm/edit?usp=share_link&ouid=102422605910829417935&rtpof=true&sd=true

  
  

  Content10 https://docs.google.com/presentation/d/1xaGdIVRoS_kUJ2GjtJCZygaw1w74HUMQ/edit?usp=share_link&ouid=102422605910829417935&rtpof=true&sd=true
• 

  การเรียนครั้งที่ 4-6

  การเรียนครั้งที่ 4-6

  คอมพิวเตอร์กราฟฟิกเพื่อสร้างเรื่องเล่าบนหลักตลาด 
  

  * ขั้นตอนการไปสู่ Visual Communication

  * วิเคราะห์ Persona ผู้ชมเนื้อหา 

          * สังเคราะห์ PainPoint TouchPoint ผู้ชม

          * Collection Data และ การGrouping Data 

          * เทคนิคการพัฒนา Topic Idea ให้เป็นภาพในการสื่อสาร 

          * วางโครงสร้างการออกแบบ(Draft Outline) อินโฟกราฟฟิก 

        * เทคนิคการพัฒนา Infographic ไปสู่การเล่าเรื่องด้วยภาพเคลื่อนไหว

  สรุปขอบเขตเนื้อหา 

     https://docs.google.com/presentation/d/1WlaOsPXA4HoYAtVrwmQW1DN6VRFaJzSF/edit?usp=share_link&ouid=102422605910829417935&rtpof=true&sd=true

  ตัวอย่าง LayOut การออกแบบ

  ตัวอย่าง1

  https://drive.google.com/file/d/1g-zyxcM7PxU6J6DOvjqwan-xKEW5wtoA/view?usp=share_link

  
  

  ตัวอย่าง2

  https://drive.google.com/file/d/1vsz97eVzWMKEnscmPxAXqKpxzpSBBtK_/view?usp=share_link

  
  

  ตัวอย่าง3

  https://drive.google.com/file/d/1kG5G5BWHfybAKriS9bFUA9eArzfBRW9n/view?usp=share_link

  
  

  ตัวอย่างคลิปการพัฒนาอินโฟกราฟฟิกสู่การเล่าเรื่องด้วยภาพเคลื่อนไหว

  
  

  คลิป1 

  https://drive.google.com/file/d/1jW6KZujkhqA7BPi3GC0smrqMkYFFj22Z/view?usp=share_link

  
  

  คลิป2 

  https://drive.google.com/file/d/1J7sRt9WwIcZ95i2Ssf3JuZNTbDG_gNEq/view?usp=share_link

  
  

  คลิป3

  https://drive.google.com/file/d/1Bm-BeQ0AJqHTf04NUFGTxyYaN57ZLmB7/view?usp=share_link
• 

  การเรียนครั้งที่ 7-15

  การสร้างภาพเคลื่อนไหว(เทคนิควิธีและเครื่องมือ) 
  

  เน้นเรียนปฎิบัติในห้องเรียน ใช้โปรแกรม Animation เพื่อออกแบบกราฟฟิกเคลื่อนไหว ร่วมกับโปรแกรมสร้าง Effect  

  ผู้สอนทำคลิป  (เฉพาะ Animation เนื้อหาส่วนAfterEffect เรียนผ่านห้องเรียนเท่านั้นไม่มีคลิปประกอบ ) เพื่อแสดงกระบวนการทางเทคนิคจากตัวอย่างง่ายๆ เพื่อให้ผู้เรียนตามไล่ขั้นตอนทางเทคนิค ในระหว่างการผลิตชิ้นงานที่มอบหมายไว้ดัง คลิปประกอบดังนี้ 

  คลิปประกอบการสอน 

  คลิปประกอบการสอน (เฉพาะ Animation เนื้อหาส่วนAfterEffect เรียนผ่านห้องเรียนเท่านั้นไม่มีคลิปประกอบ ) 

  คลิปที่1 

  https://drive.google.com/file/d/1kzs7SKtsuzgSYiv1bjacROQvPfyFPz_m/view?usp=share_link

  
  

  คลิปที่2 https://drive.google.com/drive/folders/18NDQpR__6wMW5DPJY3VthEAKCVm1wx5p?usp=share_link

  
  

  คลิปที่3 https://drive.google.com/file/d/1dfseKTbYdrUAMlwxvrlFW0chg22hk0m5/view?usp=share_link

  
  

  คลิปที่4 https://drive.google.com/file/d/14DMEbKqjPDkWP2184zTLrOgiVi0o74hP/view?usp=share_link

  
  

  คลิปที่5 https://drive.google.com/file/d/1xsPSRNXsIPxB3mYIeTgtgl10PUrToTF_/view?usp=share_link

  
  

  คลิปที่6 https://drive.google.com/file/d/1z10GVTCvi8FMLAIW_aHEWhudMNbh8rIS/view?usp=share_link

  
  

  คลิปที่7 https://drive.google.com/file/d/1f2SEvR4f0fO6HN1YArkCWJ3Z6NDxuR0I/view?usp=share_link

  
  

  คลิปที่8 https://drive.google.com/file/d/112L3IcSg7RKHWpuGOdfeDWebozZbmx9o/view?usp=share_link

  
  

  คลิปที่9 https://drive.google.com/file/d/1A9l_kuQY_5UrNU7yNjO6lvOInoTQHmUg/view?usp=share_link

  
  

  คลิปที่10 https://drive.google.com/file/d/1muYtimXuvw69FEnVSGM5AUy0TJRFRAB8/view?usp=share_link

  
  

  คลิปที่11 https://drive.google.com/file/d/1x14Tp7Miwn6d1DILge40I4R1dXAhZDm2/view?usp=share_link

  
  

  คลิปที่12 https://drive.google.com/file/d/10x3TbdIw1TPN3Bo5svkmHNyr8oIwR88I/view?usp=share_link

  
  

  คลิปที่13 https://drive.google.com/file/d/1C744p1qT6UAZCvOE_Gqu96CuCLoPjx9w/view?usp=share_link