กลับหน้าหลัก
 บทเรียนที่ 8
 ใบความรู้ที่ 8.1
Frame by Frame
  การสร้างวงกลมเลื่อน
  การสร้างวงกลมขยาย
  วงกลมกะพริบ
  คนเดิน
 
 ใบความรู้ที่ 8.2
การสร้างชิ้นงานแบบ Frame by Frame แบบง่าย
  -  รวมสร้างชิ้นงาน
  การสร้างชิ้นงานทีละส่วน
     -  ภูเขา
     -  ดวงอาทิตย์
     -  ต้นไม้โต
     -  ดอกไม้โต
  - การเผยแพร่ชิ้นงาน (Publish)
 
 แบบฝึกหัดและใบงาน
  แบบฝึกหัดที่ 8.1
  ใบงานที่ 8.1
  ใบงานที่ 8.2
 

การสร้างงานชิ้นงานแบบ Frame by Frame แบบง่าย

 
 
 
      โดยสร้างชิ้นงานแบบ Frame by Frame จำนวน 4 ชิ้น
         1. การสร้างพื้นหลังเป็นภุเขา แบบ Frame by Frame
         2. การสร้างดวงอาทิตย์ตก แบบ Frame by Frame
         3. การสร้างต้นไม้โต แบบ Frame by Frame
         4. การสร้างดอกไม้โต
****************************************
 

      การสร้างพื้นหลัง

      1.  คลิก Rectangle Tool (R)     (เพื่อวาดรูปสี่เหลี่ยม)
      2.  คลิก Fill Color    (เพื่อใส่สีพื้น)

      3.  คลิกเลือกสีตามต้องการ

 
 
 
 
 

      4.  คลิก Stroke Color     (เพื่อใส่สีเส้น)

      5.  คลิกเลือกสีตามต้องการ

 

 
 
 
 
 
 
 
 
 

      6.  คลิกซ้ายค้างไว้แล้วลากทแยงมุม จะได้ดังรูป

      7.  คลิก 2 ครั้งในสี่เหลี่ยม เพื่อเลือกพื้นและเส้น

      8.  กำหนดความกว้าง x สูงของสี่เหลี่ยม

          W : 550     แกน X : 0.0

          H  : 400     แกน Y : 0.0

 

 
 

การสร้างพื้นหลังเป็นภูเขา แบบ frame by frame

      1.  คลิก Line Tool (N) 

      2.  เลื่อนเมาส์ให้อยู่ใต้เส้นตรง

      3.  กดปุ่ม Ctrl + คลิกเมาส์ซ้ายค้างแล้วลากขึ้น (เมาส์จะเป็นรูป   )

      4.  วาดเส้นตรงอีก 1 เส้น

 
 
 

      5.  กดปุ่ม Ctrl + คลิกเมาส์ซ้ายค้างไว้แล้วลากขึ้น

      6.  วาดเส้นตรงอีกเส้นหนึ่ง

 
 

      7.  คลิก Selection Tool (V)

      8.  คลิกเส้นที่เกินออกมา

      9.  กดปุ่ม Delete ที่แป้นคีย์บอร์ด

 
 
****************************************
 

      10. คลิก Paint Bucket Tool (K) 

      11. คลิกเลือก Fill Color      เลือกสีที่ต้องการ 

 

 
 
 
 
 

      12. คลิกเพื่อเทสีในภูเขา

 
 
 
 
 
 

      13. คลิก 2 ครั้งที่ Layer 2

      14. เปลี่ยนชื่อ Layer เป็น  ภูเขา

 

 
      15. คลิกล็อกภูเขา เพื่อไม่ให้ภูเขาเคลื่อนที่
 
 
   

การสร้างดวงอาทิตย์ตก แบบ frame by frame

      1.  คลิก Layer พื้นหลัง --> แล้วคลิก Insert Layer         (เพื่อให้เลเยอร์เพิ่มข้างบน)

      2.  ตั้งชื่อเลเยอร์ใหม่นี้ว่า ดวงอาทิตย์

      3.  คลิก Oval Tool (O)  

      4.  คลิก Fill Color   เลือกสีแดง

      5.  วาดรูปวงกลม

      6.  คลิกขวา Frame ที่ 2 ของดวงอาทิตย์

 
 
      7.  คลิก Insert Keyframe หรือ กดปุ่ม F6 ที่แป้นคีย์บอร์ด
 
      

      กำหนดภูเขาและพื้นหลังให้แสดงผลเท่ากับวัตถุอื่น ๆ

      1)  คลิก Frame ที่ 25 ของภูเขา กดปุ่ม F6

      2)  คลิก Frame ที่ 25 ของดวงอาทิตย์ กดปุ่ม F6

 

      8.  กดปุ่มลูกศรเลื่อนลง ประมาณ 3-4 ครั้ง ที่แป้นคีย์บอร์ด

      9.  กดปุ่ม F6  (ถ้ากดไม่ได้ให้คลิกที่ Frame ก่อน)

      10. กดปุ่มลูกศรเลื่อนลง ประมาณ 3-4 ครั้ง

      11. ทำซ้ำ ข้อ 7-8 จนกว่าดวงอาทิตย์จะตกอยู่หลังภูเขา

 
           

การสร้างต้นไม้โต แบบ frame by frame

      1.  คลิก Layer ภูเขา

      2.  คลิก Insert Layer

 
 
      3.  คลิก 2 ครั้ง ที่เลเยอร์ใหม่ที่เพิ่ม ตั้งชื่อ ต้นไม้
 
 

      4.  คลิก Rectangle Tool (R) 

      5.  คลิก Stroke Color   เลือกสีน้ำตาล 

      6.  คลิก Fill Color   เลือกสีน้ำตาล 

      7.  วาดรูปสี่เหลี่ยม (ต้นไม้)

 
 
 

 

      8.  คลิก Pencil Tool (Y) 

      9.  เลือกรูปแบบเส้น แบบ Smooth

   
 
   

      10. วาดกิ่งก้านต้นไม้

 
 
 
 

      11. คลิก Fill Color   เลือกสีน้ำตาล

      12. เทสีที่กิ่งของต้นไม้

 
 
 
 

      13. คลิก Selection Tool (V)

      14. คลิกเส้นที่ไม่ต้องการ กดปุ่ม Delete ที่แป้นคียบอร์ด

 
 
 
 

      15. คลิก Stroke Color    เลือกสีเขียว 

      16. วาดรูปใบต้นไม้

      17. คลิก Fill Color   เลือกสีเขียว

      18. เทสีใบไม้

 
                 
         
 
 
     
 

      19. คลิก Free Transform Tool (Q) 

      20. คลิกขวา Frame ที่ 2

      21. คลิก Insert Keyframe

 
 

      22. คลิกเมาส์ซ้ายที่ Handle ค้างไว้แล้วลากขึ้น

      23. คลิก Frame ที่ 3

      24. กดปุ่ม F6 --> ดึงต้นไม้ขึ้น

      25. กดปุ่ม F6 --> ดึงต้นไม้ขึ้น

 
 
      26. ทำซ้ำจนต้นไม้โตพอสมควร
 
 
 
 
 

      27. คลิก Insert Layer    -->  เปลี่ยนชื่อ Layer เป็น ดอกไม้

      28. คลิก Pencil Tool (Y) 

      29. คลิก Frame ที่ 1 (ดอกไม้)     --> วาดลำต้นดอกไม

 
 
 
 
      30. คลิก Frame ที่ 2 (เลเยอร์ดอกไม้) --> กดปุ่ม F6 --> วาดก้าน
 
 
 
 
      31. คลิก Frame ที่ 3  (เลเยอร์ดอกไม้)  --> กดปุ่ม F6  --> วาดใบ
 
 
 
 
 
 
 
 
      32. คลิก Frame ที่ 4  (เลเยอร์ดอกไม้)  --> กดปุ่ม  F6  --> วาดดอกไม้  (ลงสีดอกและใบไม้ให้สวยงาม)
 
 
 
 
 
 
          ถ้าค่อย ๆ ทำทีละ Frame ทีละชิ้น ก็จะเกิดความสวยงามในชิ้นงาน
 
 
 

การเผยแพร่ผลงาน

      1.  คลิกเมนู File

      2.  คลิกเลือก Publish Settings… หรือกดปุ่ม Ctrl + Shift + F12 ที่แป้นคีย์บอร์ด

 
 

      3   คลิก Publish

      4.  คลิก OK

      5.  จะได้ไฟล์ 3 ไฟล์ ซึ่งมีนามสกุล .swf .html และ .exe (ซึ่งเราเป็นผู้เลือก)

 
 
เว็บไซต์นี้สามารถดูได้ที่ความละเอียด 1366 x 768 Pixel
ดูผู้แลเว็บไซต์ วัชรา ปานนาค  e-mail : watra25177@gmail.com