เว็บไซต์ครูวิภาวี
  • Thai ไทย (ภาษาไทย)
  • Français (France)
  • English (Australia)
  • Հայերեն
  • English (United Kingdom)
สลับเนวิเกชั่น
  • Home
  • รู้จักกัน
  • ติวคณิตคอม
  • ตัดต่อวีดีโอ
    • กลุ่ม พค 31 ปี 2563
    • กลุ่ม พค 32 ปี 2563
    • กลุ่ม พค 33 ปี 2563
  • สร้างเว็บไซต์
    • เว็บไซต์กลุ่ม พค 32 ปี 2562
    • เว็บไซต์กลุ่ม พค 31 ปี 2562
    • เว็บไซต์ กลุ่ม พค 23 ปี 2562
    • เว็บไซต์กลุ่ม พค 32 1/2563
    • ผลงานเว็บไซต์ ปีการศึกษา 1/2565
  • รวมคำสั่ง
    • คำสั่ง ปี 2560
    • รวมคำสั่ง 2559
    • รวมคำสั่ง 2558
    • คำสั่งปี 2561
    • รวมคำสั่งปี 2562
      • กิจกรรม 2562
  • ติว v-net
  • ฐานข้อมูล
  • ดาวน์โหลด
    • รวมคำสั่ง ปี 2564
  • การสร้าง CAI
  • คอมพิวเตอร์สารสนเทศเพื่องานอาชีพ
  • Animation2D
  • สร้างช่อง youtube
  • นโยบาย สอศ
  • สอบมาตรฐานวิชาชีพ

หน้าแรก

การสร้างภาพเคลื่อนไหว (Animation) แบบ Frame by frame

รายละเอียด
เขียนโดย ครูวิภาวี

การสร้างภาพเคลื่อนไหว (Animation) แบบ Frame by frame

การสร้างภาพเคลื่อนไหว (Animation) ด้วยโปรแกรม  Animate CC

       การสร้างภาพที่ทำให้มนุษย์เราสามารถมองเห็นภาพเคลื่อนไหวได้ ก็คือ การสร้างกิริยาท่าท่าง สภาพแวดล้อมของภาพให้มีการเปลี่ยนแปลงไปตามช่วงเวลา เช่น การวาดการ์ตูน ลงกระดาษแต่ละแผ่น ให้มีกิริยาอาการที่แตกต่างกันไป เมื่อนําการ์ตูนทุกภาพมาแสดงอย่างรวดเร็ว ก็จะทําให้ภาพมีลักษณะเป็นภาพเคลื่อนไหว

การสร้างภาพเคลื่อนไหวแบบ Frame by frame

เฟรม  เปรียบเสมือนกระดาษแต่ละใบ ที่มีการวาดกิริยาของการ์ตูนลงไป และ Timeline คือช่วงเวลาที่ใช้ควบคุมการนําเสนอ ดังนั้น Frame และ Timeline จึงเป็นส่วนสําคัญอีกส่วนในการสร้างภาพเคลื่อนไหว

 Timeline เปรียบเสมือนเวลาที่ใช้ในการสร้างภาพเคลื่อนไหว หรือ Movie โปรแกรมจะแบ่งช่วงให้หน่วยละ 5 ช่วงเวลา
เฟรม คือช่องเล็กที่เรียงต่อกันตามช่วงเวลา แต่จะช่องเปรียบเสมือนกระดาษ 1 แผ่นที่วาด Movie 1 รูป และเปลี่ยนไปทุกๆ เฟรม เพื่อให้เกิดการเคลื่อนไหวของวัตถุ


อ่านเพิ่มเติม: การสร้างภาพเคลื่อนไหว (Animation) แบบ Frame by frame

หลักการออกแบบเกม (Game Desing)

รายละเอียด
เขียนโดย ครูวิภาวี

หลักในการออกแบบเกมส์ ประกอบด้วย 6 ส่วนที่สำคัญคือ 
        1. เนื้อเรื่อง ( Story) เป็นการออกแบบเรื่องราวของเกม ซึ่งจะกำหนดองค์ประกอบทั้งหมดในเกมเข้าด้วยกัน ไม่ว่าจะเป็นอาร์ตเวิร์ก อินเตอร์เฟซ วิธีการเล่น เนื้อเรื่องที่ดีจะทำให้เกมมีความน่าสนใจ

        2. อาร์ตเวิร์ก ( Artwork) คือแนวคิดหรือ Theme ของเกมส์ ซึ่งจะสอดคล้องกับเนื้อเรื่อง

        3. อินเทอร์เฟซ  ความหมาย ศัพท์ IT >> อินเตอร์เฟซ ( Interface) อินเตอร์เฟซที่ดีต้องนำเสนอข้อมูลให้ผู้เล่นเข้าใจว่าจะสามารถทำอะไรได้ในระบบโดยส่วนมากอินเตอร์เฟซของเกมจะอยู่ด้านบนของจอ

        4. วิธีเล่นเกม (Game Play) เป็นการกำหนดวิธีการเล่นของเกมที่ผู้สร้างเกมกำหนดเอาไว้ตามเนื้อเรื่องเพื่อให้ผู้ใช้สามารถเข้าใจการเล่น 

        5. การออกแบบระดับการเล่น  (Level Design) เกมส์ที่ดีควรจะมีการเพิ่มระดับความสามารถ การเพิ่มความยากแบบค่อยเป็นค่อยไป เพื่อทำให้ผู้เล่นไม่รู้สึกว่ายากเกินไป

        6. เสียงประกอบ ( Audio) เสียงเป็นส่วนรปะกอบที่ทำให้ผู้เล่นเกมมีอารมณ์ร่วมในการเล่นเกมมากยิ่งขึ้น

ศัพท์ IT >> อินเตอร์เฟซ ( Interface)

รายละเอียด
เขียนโดย ครูวิภาวี

ศัพท์ IT >> อินเตอร์เฟซ ( Interface)
 ซึ่งหมายถึง ตัวเชื่อมต่อประสาน เช่น การเชื่อมต่อกันระหว่างเครื่องคอมพิวเตอร์กับเครื่องคอมพิวเตอร์อื่น ๆ สามารถถ่ายโอนข้อมูลซึ่งกันและกันได้
ส่วนใหญ่คำว่า Interfae มักถูกนำมาใช้กับ user interface (ยูสเซอร์ อินเตอร์เฟซ) ที่หมายถึง สิ่งที่มีไว้ให้ผู้ใช้งานสามารถใช้งานเครื่องคอมพิวเตอร์ ผ่านทางอุปกรณ์ต่าง ๆ เช่น เมาส์ คีย์บอร์ด และสิ่งที่ทำให้ผู้ใช้ส่วนใหญ่สามารถสั่งงานให้คอมพิวเตอร์ทำงานตามที่ต้องการได้ GUI (Graphical User Interfaec) ซึ่งเป็นภาพกราฟิกที่เป็นตัวกลางในการเชื่อมต่อประสานให้คอมพิวเตอร์สามารถทำงานตามที่ต้องการได้ เช่น เกมส์ดิจิตอลทั้งหมดล้วนใช้อินเทอร์เฟซเพื่อให้ผู้เล่นสามารถใช้งานได้ โปรแกรมคอมพิวเตอร์จะมีเมนูและต่าง ๆ ที่ผู้เขียนโปรแกรมได้สร้างไว้ให้ผู้ใช้งานสามารถเรียกใช้งาน หรือแม้กระทั่งเว็บไซต์ ยังมีหน้าจอเพื่อเป็นส่วนต่อประสานให้ผู้ใช้สามารถคลิกเข้าไปชมข้อมูลต่าง ๆ ได้ ตัวอย่างหน้าจออินเทอร์เฟสดังนี้

 

สื่อการสอนวิชาโปรแกรมสร้างภาพเคลื่อนไหว ตอนการสร้างการเคลื่อนไหวแบบง่าย frame by frame

รายละเอียด
เขียนโดย ครูวิภาวี

สื่อการสอนวิชาโปรแกรมสร้างภาพเคลื่อนไหว ตอนการสร้างการเคลื่อนไหวแบบง่าย frame by frame 
สำหรับมือใหม่หัดสร้างการเคลื่อนไหวให้กับการ์ตูน 

สอนการวาดรูป ลงสีและแรเงา ง่าย ๆ ด้วยเครื่องมือโปรแกรม Adboe Animate CC

รายละเอียด
เขียนโดย ครูวิภาวี

สอนการวาดรูป ลงสีและแรเงา ง่าย ๆ  ด้วยเครื่องมือโปรแกรม Adboe Animate CC

สื่อประกอบการจัดกาเรียนการสอนวิชาโปรแกรมสร้างภาพเคลื่อนไหว กลุ่ม พค 21 22 23  

 

คลิปการสอน กลุ่ม พค 21 ทำภาพเคลื่อนไหว ด้วย movie Clip

รายละเอียด
เขียนโดย ครูวิภาวี

สื่อประกอบการสอน วิชาโปรแกรมสร้างภาพเคลื่อนไหว กลุ่ม พค 21 22 23 
 

ผลการทดสอบ วัดความรู้คณิตศาสตร์คอมพิวเตอร์ การบวกลบ เลขฐาน 2 กลุ่ม พค 32

รายละเอียด
เขียนโดย ครูวิภาวี

ผลการทดสอบ วัดความรู้คณิตศาสตร์คอมพิวเตอร์ การบวกลบ เลขฐาน 2

5 / 5 นายพิชาภพ บุญฑล เลขที่ 09

อ่านเพิ่มเติม: ผลการทดสอบ วัดความรู้คณิตศาสตร์คอมพิวเตอร์ การบวกลบ เลขฐาน 2 กลุ่ม พค 32

  1. แบบทดสอบออนไลน์วิชาคณิตศาสตร์คอมพิวเตอร์ การบวก ลบเลขฐาน 2
  2. ตอนที่ 3 การใส่กระดูก ในโปรแกรม Animate CC 2018

หน้าที่ 84 จาก 177

  • ...
  • 80
  • 81
  • 82
  • 83
  • 84
  • ...
  • 86
  • 87
  • 88
  • คุณอยู่ที่:  
  • หน้าแรก

Main menu th-TH

  • ข่าวสารประชาสัมพันธ์
  • ผลงาน ปวช.1 วิชาองค์ประกอบศิลป์
  • การสร้างเว็บไซต์พค 23y2/2560
  • สื่อการเรียนการสอน กลุ่ม พค 33
  • สื่อการเรียนการสอนกลุ่ม พค 32
  • สื่อการเรียนการสอนกลุ่ม พค 34
  • ตัวอย่าง ผลงานโครงการ ปวช. 3
  • ผลงาน ตัดต่อ วีดีโอ
  • ผลงาน ปวส.
  • เทียบโอนความรู้และประสบการณ์
  • รายวิชาที่สอน
  • กิจกรรมการเรียนการสอน
  • ตารางสอน
  • นานาสาระ
  • พระราชดำรัส
  • ข้อคิดประจำวัน
  • หน้าแรก
  • ผลงานเว็บไซต์ เทียบโอน 12
  • สื่อวิชาการสร้างเว็บไซต์
  • คอมพิวเตอร์และสารสนเทศในงานอาชีพ
  • ผลงานการสร้างเว็บไซต์ พค 31 ปี 2561
  • ผลงานการสร้างเว็บไซต์กลุ่ม พค 32 ปีการศึกษา 2561
  • ประวัติส่วนตัวพค 12 ปีการศึกษา 1/2561
  • ประวัติส่วนตัว พค 11 ปี 2561
  • ประวัติส่วนตัว พค 13 ปี 2561
  • ตัวอย่างสื่อการสอนการตัดต่อวีดีโอ
  • การสร้างสื่อการเรียนการสอน
  • ผลงานการสร้างเว็บไซต์กลุ่มพค 23 ปี 2561
  • ความรู้ในงานอาชีพ
  • ข่าวรับสมัครงาน
  • การสร้างสื่อการเรียนการสอน cai
  • โปรแกรมตารางงาน
  • ติวสอบมาตรฐานวิชาชีพ
  • คอมพิวเตอร์ในงานธุรกิจ
  • ระบบสารบรรณวิทยาลัยเทคนิค
  • สอนใช้โปรแกรม Premiere Pro
  • วิชการการผลิตสื่อสิ่งพิมพ์

ติวvnet

  • ตารางสอบ v-net
  • ติวสอบ vnet คอมพิวเตอร์ ตอนที่ 1
  • รวมแนวข้อสอบ v-net
  • รวมแนวข้อสอบ v-net
  • สอบ vnet ตอนที่ 2
  • เนื้อหาการสอบ (Test Blueprint) V-NET ปีการศึกษา 2566 ภาพ V-NET

เด็กคอมควรรู้ก่อนเรียนจบ

  • การติดตั้งโปรแกรม Adobe premiere ccการติดตั้งโปรแกรม Adobe premiere cc
  • วิเคราะห์ข้อมูลโครงการวิเคราะห์ข้อมูลโครงการ
  • ภาษาอังกฤษวันละคำภาษาอังกฤษวันละคำ

ผลงานการสร้างเว็บไซต์ 2562

สมัครขายภาพถ่ายคลิกเลยจ้า

     
เทียบโอนความรู้ฯ รุ่น 13

วิชาการวิเคราะห์และออกแบบระบบ
(System Analysis and Design)

รายวิชาการออกแบบและพัฒนาเว็บไซต์

แผนการสอน การสร้างเว็บไซต์ (Website
Creation) รหัส 20204-2008


            กลุ่ม พค 31 คลิก   

           กลุ่ม พค 32 คลิก

 

สถิติผู้เยี่ยมชม

4190574
Today
Yesterday
This Week
Last Week
This Month
Last Month
All days
1161
7169
13701
4142020
8330
131805
4190574

2025-07-02 06:00
Visitors Counter

ข้อมูลที่ปรึกษา

  • สมาชิกกลุ่ม พค 11 ปีการศึกษา 2562
  • เครือข่ายผู้ปกครอง
  • แผนการเรียน 2/2562

Back to Top

© 2025 เว็บไซต์ครูวิภาวี