กลับหน้าหลัก
 บทเรียนที่ 5
 ใบความรู้ที่ 5.1
 การสร้าง Symbol
 Symbol คืออะไร
  - Symbol แบบ Graphic
  - Symbol แบบ Movie Clip
  - Symbol แบบ Button
 
 ใบความรู้ที่ 5.2
  - การสร้างชิ้นงานด้วย Symbol ที่เตรียมไว้
 
 แบบฝึกหัดและใบงาน
  ใบงานที่ 5.1
  ใบงานที่ 5.2
 
แนวการตอบภาคปฏิบัติ
  ใบงานที่ 5.1
  ใบงานที่ 5.2
 

การสร้าง Symbol  แบบ  Button

 

การสร้าง Symbol  แบบ  Button

การทำปุ่ม  Play, Pause  and  Stop  เพื่อควบคุมการทำงานของ  Symbol

      1.  คลิกเมนู  Insert

      2.  คลิก New Symbol… หรือกดปุ่มคีย์ลัด Ctrl + F8

 

 
 

      3.  ตั้งชื่อ  Name  :  Play

      4.  ที่  Type  เลือก  Button

      5.  คลิก  Ok

 

 
 

จะปรากฏดังรูป

 
 
 

          ความหมายของสถานะต่างๆ ของ Button Symbol นั้น  มีดังนี้

          Up      เป็นสถานะเริ่มต้น  เมื่อวางเมาส์นอกบริเวณปุ่ม

          Over    เป็นสถานะที่เมื่อเรานำเมาส์มาวางเหนือปุ่มกด โดยยังไม่ต้องคลิกปุ่มลงไป

          Down   เป็นสถานะเมื่อคลิกเมาส์ลงไปที่ปุ่ม

          Hit      เป็นสถานะที่ไว้ใช้สร้างขอบเขตของการกดปุ่ม ซึ่งถ้าเราไม่ได้สร้างสถานะนี้ขึ้นมาขอบเขตของปุ่มจะเหมือนกับรูปภาพตามสถานะ  Up

 

      6.  วาดรูปปุ่ม Play

          6.1 คลิกไอคอน Rectangle Tool   

          6.2 วาดรูปสี่เหลี่ยม  พร้อมใส่สีที่ต้องการ

 
 
 

          6.3 คลิกไอคอน Text Tool   

              คลิกค้างไว้แล้วลากทแยงมุมเพื่อกำหนดพื้นที่ตัวอักษร พิมพ์  Play

 
 
 

          6.4 คลิกขวา  Frame Over

          6.5 คลิกเลือก  Insert  Keyframe

 
 
          6.6 เปลี่ยนสี่ของสี่เหลี่ยม
 
 
 

          6.7 คลิกขวา  Down
          6.8 คลิกเลือก  Insert  Keyframe

 
 

          6.9 เปลี่ยนสีของสี่เหลี่ยม

 
 
 

          6.10  คลิกขวา  Hit

          6.11  คลิกเลือก Insert Keyframe (ใช้สีเดิมก็ได้ เพราะเป็นการกำหนดขอบเขตของการคลิก)

          6.12  คลิก Scene 1 ที่ Timeline เพื่อกลับสู่  Stage

 
 

      7.  ที่ Library คลิกที่ปุ่ม Play ค้างไว้แล้วลากมาวางที่ Stage

 
 

      8.  สร้างปุ่ม Pause  และ ปุ่ม Stop  โดยทำตามลำดับขั้นตอนตั้งแต่ข้อ 1 – ข้อ 7

      9.  คลิก 2 ครั้งที่  “Layer 1”  เปลี่ยนชื่อเป็น  “ปุ่ม”   

      10. นำซิมโบล Button จาก  Library  มาวางที่ stage  ดังภาพ

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