Flash – พื้นฐาน AS3 กับตัวชี้เมาส์ หรือ Cursor

07/07/2013

Flash – Action Script 3 กับวันเวลาแบบไทยๆ

16/07/2013

Flash – ตกแต่งปุ่มกดด้วยข้อความใส่ filter

15/07/2013
empty image
empty image

    วันนี้จะมาลองทำปุ่มกดโดยใช้ข้อความธรรมดาๆ นี่แหละ แต่ใส่ Filter เข้าไป ลองดูตัวอย่างกันเลยจะเป็นยังไง…

มาลองทำกันเลย…

1.  new Symbol ตั้งชื่อ แล้วเลือกเป็น button

2. พิมพ์ข้อความของปุ่มที่ต้องการ แล้ว Convert To Symbol

3. ตั้งชื่อ เลือกเป็น Movie Clip

4. มาที่แถบ Library คลิกขวาที่ symbol ที่สร้างไป แล้ว Duplicate แล้วตั้งชื่อใหม่ให้ต่างจากเดิม ให้สื่อความหมายได้

5. แก้ไข symbol นั้นโดยดับเบิ้ลคลิกเข้ามา แล้วใส่ Filter ให้กับข้อความ ผมจะใส่ Glow ก่อน แล้วปรับค่าทุกอย่างให้เป็น 0

6. ไปกำหนดคีย์เฟรมที่เฟรมถัดไป (ของผมเป็น12) กำหนดค่าตามใจชอบ

7. ไปกำหนดคีย์เฟรมที่เฟรมถัดไป (ของผมเป็น 24) ปรับค่ามาเหลือ 0 เหมือนเดิม

เพื่อให้สีมีการสว่างขึ้นมาและสูงสุดในเฟรมที่ 12 แล้วก็กลับไปเป็นเหมือนเดิมในเฟรมที่ 24
เสร็จเรียบร้อย

นี่ก็เป็นตัวอย่างเล็กๆ น้อยๆ ของการทำปุ่มกดโดย ใส่ Filter ที่ข้อความ ลองไปปรับใช้กับ Filter ตัวอื่นๆ  ได้ จริงๆ มันก็เหมือนเอาแอนิเมชั่นมาใส่ในปุ่มนั่นแหละนะ ซึ่งสามารถเอาอะไรมาใส่ก็ได้ Movie Clip หรือ Graphic ก็ได้ ลองไปประยุกต์ใช้กันดู

ตัวอย่าง Filter ตัวอื่นๆ ก็ดูจากตัวอย่างด้านบนสุดแหละนะ มีอยู่ 2 แบบที่ไม่ได้ใส่คือ Gradient Glow กับ Gradient Bevel ซึ่งใครอยากใส่ก็ใส่ได้ ไม่มีปัญหา Zzz

ไฟล์ตัวอย่าง https://www.dropbox.com/s/h05toqmu6non97r/btn_textfilter.fla