SlideShare a Scribd company logo
เทคนิคการใช้ Flash ขั้นเซียน (ตอนที่ 1)


หากต้องการยกระดับฝีมือในการใช้ Flash แล้ว บทความนี้จะสามารถ
ช่วยคุณได้แน่นอน


หากต้องการยกระดับฝีมือในการใช้ Flash แล้ว บทความนี้จะสามารถ
ช่วยคุณได้แน่นอน


ในการสร้างเว็บไซต์ที่มีแอนิเมชันสดใส เสียงประกอบ และการทางาน
แบบโต้ตอบไปมาที่มีลูกเล่นมากมายนั้น คงจะไม่มีใครอยากมองข้าม
Macromedia Flash ไปแน่นอน โดยเฉพาะอย่างยิ่งที่ตอนนี้คุณ
สามารถใส่เพลง MP3 ภาพเคลื่อนไหว และการ์ตูนทั้งเรื่อง หรือ
แม้กระทั่ง Actionscript ลงในเว็บเพจของคุณได้ จึงไม่น่าแปลกใจเลยที่
Flash สามารถกลายเป็นโปรแกรมยอดนิยมสาหรับผู้ใช้ทั้งระดับ
เบื้องต้น และมืออาชีพ


ด้วยการที่โปรแกรมมีความสามารถและซับซ้อนสูงนี้เอง ทาให้คุณต้อง
ค่อยๆ เรียนรู้และทาความเข้าใจ ซึ่งก็มีหลายวิธี แต่วิธีที่สะดวกที่สุดคือ
ใช้ Tutorial ที่มีอยู่ในโปรแกรมเอง ลองเข้าไปที่เมนู Help แล้วเลือก
บทเรียน จากนั้นเข้าไปศึกษาบทเรียนให้ครบทั้ง 8 บท แต่หากคุณยังไม่
เคยใช้ Flash ก็สามารถที่จะแวะเข้าไปที่เว็บไซต์ของทางมาโครมีเดีย
และดาวน์โหลดโปรแกรมทดลองใช้ฟรี 30 วันได้ที่
http://www.macromedia.com/software/flash/trial/


บทเรียนต่างๆ ที่คุณควรเข้าไปศึกษาเป็นอย่างยิ่งนั้น (และเราจะ
สันนิษฐานว่าคุณได้เข้าไปแล้ว) ได้แนะนาถึงคาสั่งในการใช้ Flash
เบื้องต้น แต่ไม่ได้สอนถึงวิธีทาแบนเนอร์ ภาพเคลื่อนไหวระหว่างโหลด
(Preloaders) ปุ่มที่คลิ้กเพื่อไปยังเว็บเพจ อื่นๆ หรือลูกเล่นที่ล้าหน้ากว่า
นั้นเลย และที่สาคัญ บทเรียนเหล่านั้นไม่ได้มีการแนะนาวิธีสร้าง
สภาพแวดล้อมการทางานที่เหมาะสมกับผู้ใช้แต่ละคนด้วย ด้วยเหตุนี้ทา
ให้เราต้องนาเสนอบทความนี้แก่คุณ




                                         ภาพที่ 1


..... ภาพที่ 1 : จากเดิมแท็บคาสั่งต่างๆ จะกระจายอยู่ทั่วทั้งพาแนลทั้งสี่
แต่พอลากแท็บทั้งหมดมาไว้ที่พาแนลเดียวกัน ก็ทาให้การเปลี่ยนค่า
และการเลือกเครื่องมือต่างๆ สะดวกสบายยิ่งขึ้น .....


ปรับแต่งสภาพการทางานใหม่


ใน Flash 5 จะมีพาแนล (Panel) ในการดูหรือปรับเปลี่ยนแอตทริบิวต์
ของไอเท็มหรือออบเจ็กต์ ที่เยอะมากเสียจนผู้ใช้ระดับเบื้องต้น รู้สึก
สับสนกับไดอะล็อกที่แบ่งเป็นแท็บต่างๆ มากมาย แม้กระทั่งผู้ใช้มือ
อาชีพบางคนยังรู้สึกอย่างนั้นเช่นกัน ดังนั้น คุณควรใช้เทคนิคในการ
จัดรูปแบบการทางานใหม่ ด้วยการรวมพาแนลย่อยทั้งหลายเข้าเป็น
“Superpanel” (ภาพที่ 1) ดังขั้นตอนต่อไปนี้


ขั้นแรก ให้ขยายพาแนลใดพาแนลหนึ่ง โดยคลิ้กค้างแล้วลากที่ขอบ
ซ้ายหรือขวา จากนั้น ลากแท็บจากพาแนลอื่นมาจ่อที่แถวของแท็บใน
พาแนลที่คุณขยายพื้นที่รองรับไว้แล้ว ปล่อยปุ่มที่กดเมาส์ แท็บที่ลาก
เข้ามาจะผนวกเข้าไปอยู่ในพาแนลนี้ และเมื่อแท็บสุดท้ายถูกย้ายไปแล้ว
พาแนลที่ว่างเปล่าก็จะหายไป พอคุณจัดการย้ายแท็บเสร็จเรียบร้อย ให้
เซฟการจัดวางรูปแบบใหม่โดยเลือก Save Panel Layout จากเมนู
Window พร้อมตั้งชื่อให้กับรูปแบบใหม่นี้ ซึ่งขณะที่คุณใช้ Flash คุณ
สามารถเลือกสลับรูปแบบการทางานระหว่างแบบดั้งเดิม กับแบบที่คุณ
สร้างขึ้นใหม่ได้จากคาสั่ง Panel Sets ในเมนู Window

ส่วน GUI ที่ผู้ใช้ส่วนใหญ่นิยมปรับแต่งอีกส่วนหนึ่งคือ การวางตาแหน่ง
ไทม์ไลน์ และระบบการเลือกเฟรม เนื่องจากใน Flash 5 ได้เสนอ
หนทางในการเลือกแล้วลากเฟรมหรือกลุ่มของเฟรมในไทม์ไลน์แบบ
ใหม่ ซึ่งเป็นแบบที่ผู้ใช้ Flash เวอร์ชันก่อนหน้านี้ยอมรับไม่ได้ ในการ
เปลี่ยนเป็นรูปแบบเดิมนั้น ให้คุณเข้าไปที่เมนู Edit แล้วเลือก
Preferences จากนั้นให้กาเครื่องหมายที่เช็กบ็อกซ์ Flash 4
Selection Style และ Flash 4 Frame Drawing ลองคิดดูสิ ขนาดใน
Flash 6 Beta ยังเปลี่ยนกลับไปใช้วิธีเก่าเลย (Flash เวอร์ชันใหม่ที่มี
ชื่อว่า FlashMX ควรจะออกวางจาหน่ายตอนที่คุณอ่าน บทความนี้แล้ว)
แล้วอย่างนี้คุณจะไม่อยากลองบ้างเหรอ?

หากคุณไม่ได้มีหน้าจอมอนิเตอร์ใหญ่ๆ คุณก็สามารถเรียกคืนที่ว่างใน
การทางานกลับมาได้เหมือนกัน โดยการลากไทม์ไลน์ทั้งหมดจาก
หน้าต่างโปรแกรมหลักออกไปที่อื่นได้ และถ้าคุณตัดสินใจที่จะลองทา
ขั้นตอนนี้ ก็ควรไปกาเครื่องหมายที่เช็กบ็อกซ์ Disable Timeline
Docking ในไดอะล็อกบ็อกซ์ Preferences ด้วย


กระโดดไปยังเว็บเพจอืน
                    ่


ในบทเรียนที่ 6 ของ Tutorial ได้อธิบายถึงวิธีการสร้างรูปภาพ 3 แบบ
ในสถานะ Up, Over และ Down ของปุ่มแบบแอนิเมชัน แต่บทเรียนนี้
กลับมองข้ามประเด็นบางอย่างที่ผู้ใช้ทั่วไปนิยมทา เช่น โดยปกติคุณคง
ไม่ได้กาหนดแอ็กชัน ระหว่างที่กาลังวาดปุ่มในแต่ละสถานะ แต่จะ
กาหนดแอ็กชันให้ปุ่มก็ต่อเมื่อนาปุ่มที่วาดแล้วมาวางไว้ที่ตัว Movie ใน
ตาแหน่งที่ต้องการแล้วต่างหาก ดังนั้น ขั้นตอนในการสร้างปุ่มสาหรับ
พวกที่ยังไม่ทราบควรเป็นดังนี้


1. วาดปุ่มขึ้นมา (หรือเลือกปุ่มที่มีอยู่แล้วในไลบรารี)
2. สร้างคีย์เฟรมที่จาเป็น
3. ลากปุ่มมายังตาแหน่งที่ต้องการ
4. คลิ้กขวาที่ปุ่มที่วาดขึ้น แล้วเลือก Actions เพื่อกาหนดแอ็กชันให้ปุ่ม
อีกที


นอกจากนี้ บทเรียนต่างๆ ยังอธิบายถึงวิธีการสร้างปุ่มเพื่อใช้กระโดดไป
ยัง Movie อีกไฟล์หนึ่ง แต่โอกาสของคุณส่วนใหญ่มักจะต้องการปุ่มที่
ใช้กระโดดไปยังเว็บเพจอื่นๆ มากกว่า ไม่ว่าจะเป็นภายในไซต์ของคุณ
หรือที่ไซต์อื่น... ต่อไปนี้คือวิธีทา เริ่มแรกให้คลิ้กขวาที่ปุ่ม (ที่เราจัด
ตาแหน่งบน Movie ไว้แล้ว) แล้วเลือก Actions จากนั้นไปที่เมนู “+”
แล้วเลือก Get URL จากเมนูย่อย Basic Actions ซึ่งจะทาให้ Flash
เพิ่มโค้ดในไดอะล็อก Object Actions โดยอัตโนมัติ ต่อไปให้ใส่ URL
ที่ต้องการจะกระโดดไปหาในช่อง URL กรณีที่เว็บเพจอยู่ภายในไซต์
ของคุณเอง ให้ใส่แค่ชื่อไฟล์ เช่น index2.html แต่ถ้าต้องการเรียกดู
เว็บเพจข้ามเว็บไซต์ ก็ให้ใส่ URL แบบเต็มยศแทน เช่น
http://www.pcmag.com/


โดยปกติ คุณอาจต้องการโหลดเว็บเพจใหม่ในหน้าต่างเดียวกับที่ปุ่มอยู่
ซึ่งถ้าเป็นเช่นนี้ คุณก็ไม่จาเป็นต้องปรับแต่งอะไรอีก แต่หากต้องการให้
โหลดเว็บเพจในหน้าต่างใหม่ หรือคนละเฟรม (ในกรณีที่เว็บเพจคุณใช้
เฟรมอยู่) ก็คงต้องปรับอะไรเพิ่มเติมนิดหน่อย โดย ในการทาให้
หน้าต่างบราวเซอร์ใหม่ปรากฏ ให้คุณเลือก _blank จากฟิลด์ Window
หรือถ้าต้องการเปิดเว็บเพจในอีกเฟรมหนึ่ง ก็เพียงพิมพ์ชื่อเฟรมลงไป
แทน เช่น _navbar หรือ _content และแน่นอน หากเว็บไซต์ของคุณ
ใช้เฟรม การทารายชื่อเฟรมทั้งหมดที่มีจะช่วยคุณได้มากทีเดียว

More Related Content

Similar to เทคนิคการใช้ Flash ขั้นเซียน (ตอนที่ 1)

02 บทที่ 2-เอกสารที่เกี่ยวข้อง
02 บทที่ 2-เอกสารที่เกี่ยวข้อง02 บทที่ 2-เอกสารที่เกี่ยวข้อง
02 บทที่ 2-เอกสารที่เกี่ยวข้องChamp Wachwittayakhang
 
02 บทที่ 2-เอกสารที่เกี่ยวข้อง
02 บทที่ 2-เอกสารที่เกี่ยวข้อง02 บทที่ 2-เอกสารที่เกี่ยวข้อง
02 บทที่ 2-เอกสารที่เกี่ยวข้องChamp Wachwittayakhang
 
02 บทที่ 2-เอกสารที่เกี่ยวข้อง
02 บทที่ 2-เอกสารที่เกี่ยวข้อง02 บทที่ 2-เอกสารที่เกี่ยวข้อง
02 บทที่ 2-เอกสารที่เกี่ยวข้องChamp Wachwittayakhang
 
การเข้าโปรแกรม Psd
การเข้าโปรแกรม Psdการเข้าโปรแกรม Psd
การเข้าโปรแกรม Psd
sombut
 
ความรู้พื้นฐานเกี่ยวกับโปรแกรม Adobe FlashCS5
ความรู้พื้นฐานเกี่ยวกับโปรแกรม  Adobe  FlashCS5ความรู้พื้นฐานเกี่ยวกับโปรแกรม  Adobe  FlashCS5
ความรู้พื้นฐานเกี่ยวกับโปรแกรม Adobe FlashCS5kroorat
 
ความรู้พื้นฐานเกี่ยวกับโปรแกรม Adobe FlashCS5
ความรู้พื้นฐานเกี่ยวกับโปรแกรม  Adobe  FlashCS5ความรู้พื้นฐานเกี่ยวกับโปรแกรม  Adobe  FlashCS5
ความรู้พื้นฐานเกี่ยวกับโปรแกรม Adobe FlashCS5kroojirat
 
ความรู้พื้นฐานเกี่ยวกับโปรแกรม Adobe FlashCS5
ความรู้พื้นฐานเกี่ยวกับโปรแกรม  Adobe  FlashCS5ความรู้พื้นฐานเกี่ยวกับโปรแกรม  Adobe  FlashCS5
ความรู้พื้นฐานเกี่ยวกับโปรแกรม Adobe FlashCS5kroorat
 
Lesson1
Lesson1Lesson1
Lesson1
krunueng1
 
บทที่ 5
บทที่ 5บทที่ 5
บทที่ 5juthaporn22
 
บทที่ 5
บทที่ 5บทที่ 5
บทที่ 5juthaporn22
 
150flashkrujun
150flashkrujun150flashkrujun
150flashkrujun
Krujun Deethae
 
บทที่ 5
บทที่ 5บทที่ 5
บทที่ 5teerarat55
 
บทที่ 5
บทที่ 5บทที่ 5
บทที่ 5teeraratWI
 
04 บทที่ 4-ผลการดำเนินโครงงาน
04 บทที่ 4-ผลการดำเนินโครงงาน04 บทที่ 4-ผลการดำเนินโครงงาน
04 บทที่ 4-ผลการดำเนินโครงงานChamp Wachwittayakhang
 
Lesson 1
Lesson 1Lesson 1
Lesson 1
krunueng1
 
บทที่ 5
บทที่ 5บทที่ 5
บทที่ 5pitthaya203
 
บทเรียนที่ 3 บท 4
บทเรียนที่ 3 บท 4บทเรียนที่ 3 บท 4
บทเรียนที่ 3 บท 4Nakharin Inphiban
 

Similar to เทคนิคการใช้ Flash ขั้นเซียน (ตอนที่ 1) (20)

02 บทที่ 2-เอกสารที่เกี่ยวข้อง
02 บทที่ 2-เอกสารที่เกี่ยวข้อง02 บทที่ 2-เอกสารที่เกี่ยวข้อง
02 บทที่ 2-เอกสารที่เกี่ยวข้อง
 
02 บทที่ 2-เอกสารที่เกี่ยวข้อง
02 บทที่ 2-เอกสารที่เกี่ยวข้อง02 บทที่ 2-เอกสารที่เกี่ยวข้อง
02 บทที่ 2-เอกสารที่เกี่ยวข้อง
 
02 บทที่ 2-เอกสารที่เกี่ยวข้อง
02 บทที่ 2-เอกสารที่เกี่ยวข้อง02 บทที่ 2-เอกสารที่เกี่ยวข้อง
02 บทที่ 2-เอกสารที่เกี่ยวข้อง
 
การเข้าโปรแกรม Psd
การเข้าโปรแกรม Psdการเข้าโปรแกรม Psd
การเข้าโปรแกรม Psd
 
ความรู้พื้นฐานเกี่ยวกับโปรแกรม Adobe FlashCS5
ความรู้พื้นฐานเกี่ยวกับโปรแกรม  Adobe  FlashCS5ความรู้พื้นฐานเกี่ยวกับโปรแกรม  Adobe  FlashCS5
ความรู้พื้นฐานเกี่ยวกับโปรแกรม Adobe FlashCS5
 
ความรู้พื้นฐานเกี่ยวกับโปรแกรม Adobe FlashCS5
ความรู้พื้นฐานเกี่ยวกับโปรแกรม  Adobe  FlashCS5ความรู้พื้นฐานเกี่ยวกับโปรแกรม  Adobe  FlashCS5
ความรู้พื้นฐานเกี่ยวกับโปรแกรม Adobe FlashCS5
 
ความรู้พื้นฐานเกี่ยวกับโปรแกรม Adobe FlashCS5
ความรู้พื้นฐานเกี่ยวกับโปรแกรม  Adobe  FlashCS5ความรู้พื้นฐานเกี่ยวกับโปรแกรม  Adobe  FlashCS5
ความรู้พื้นฐานเกี่ยวกับโปรแกรม Adobe FlashCS5
 
Lesson1
Lesson1Lesson1
Lesson1
 
บทที่ 5
บทที่ 5บทที่ 5
บทที่ 5
 
บทที่ 5
บทที่ 5บทที่ 5
บทที่ 5
 
บทที่ 5
บทที่ 5บทที่ 5
บทที่ 5
 
150flashkrujun
150flashkrujun150flashkrujun
150flashkrujun
 
บทที่ 5
บทที่ 5บทที่ 5
บทที่ 5
 
บทที่ 5
บทที่ 5บทที่ 5
บทที่ 5
 
บทที่ 5
บทที่ 5บทที่ 5
บทที่ 5
 
บทที่ 5
บทที่ 5บทที่ 5
บทที่ 5
 
04 บทที่ 4-ผลการดำเนินโครงงาน
04 บทที่ 4-ผลการดำเนินโครงงาน04 บทที่ 4-ผลการดำเนินโครงงาน
04 บทที่ 4-ผลการดำเนินโครงงาน
 
Lesson 1
Lesson 1Lesson 1
Lesson 1
 
บทที่ 5
บทที่ 5บทที่ 5
บทที่ 5
 
บทเรียนที่ 3 บท 4
บทเรียนที่ 3 บท 4บทเรียนที่ 3 บท 4
บทเรียนที่ 3 บท 4
 

More from focusstorm124

แสดงวิดีโอแบบง่ายๆ ใน Flash
แสดงวิดีโอแบบง่ายๆ ใน Flashแสดงวิดีโอแบบง่ายๆ ใน Flash
แสดงวิดีโอแบบง่ายๆ ใน Flashfocusstorm124
 
วิธีการทำ Digital clock
วิธีการทำ Digital clockวิธีการทำ Digital clock
วิธีการทำ Digital clockfocusstorm124
 
วิธีการทำ Analog clock
วิธีการทำ Analog clockวิธีการทำ Analog clock
วิธีการทำ Analog clockfocusstorm124
 
เทคนิคการสอนเอฟเฟ็กต์ Mask ใน macromedia flash (ตอนที่ 2)
เทคนิคการสอนเอฟเฟ็กต์ Mask ใน macromedia flash (ตอนที่ 2)เทคนิคการสอนเอฟเฟ็กต์ Mask ใน macromedia flash (ตอนที่ 2)
เทคนิคการสอนเอฟเฟ็กต์ Mask ใน macromedia flash (ตอนที่ 2)focusstorm124
 
ทำหน้าปัดวิทยุ
ทำหน้าปัดวิทยุทำหน้าปัดวิทยุ
ทำหน้าปัดวิทยุfocusstorm124
 
เก็บไฟล์ Flash จากเว็บเพจง่ายๆ ด้วย flash catcher 2.6 (ตอนที่่่ 2)
เก็บไฟล์ Flash จากเว็บเพจง่ายๆ ด้วย flash catcher 2.6 (ตอนที่่่ 2)เก็บไฟล์ Flash จากเว็บเพจง่ายๆ ด้วย flash catcher 2.6 (ตอนที่่่ 2)
เก็บไฟล์ Flash จากเว็บเพจง่ายๆ ด้วย flash catcher 2.6 (ตอนที่่่ 2)focusstorm124
 
การโหลดรูปภาพจาก Folder ภายนอกมาใช้กับ flash
การโหลดรูปภาพจาก Folder ภายนอกมาใช้กับ flashการโหลดรูปภาพจาก Folder ภายนอกมาใช้กับ flash
การโหลดรูปภาพจาก Folder ภายนอกมาใช้กับ flashfocusstorm124
 
การสร้างตัว Preload
การสร้างตัว Preloadการสร้างตัว Preload
การสร้างตัว Preloadfocusstorm124
 
การวาด Flare
การวาด Flareการวาด Flare
การวาด Flarefocusstorm124
 
การเปลี่ยนสีวัตถุ
การเปลี่ยนสีวัตถุการเปลี่ยนสีวัตถุ
การเปลี่ยนสีวัตถุfocusstorm124
 
การเปลี่ยนขนาดเส้นขอบของวัตถุ
การเปลี่ยนขนาดเส้นขอบของวัตถุการเปลี่ยนขนาดเส้นขอบของวัตถุ
การเปลี่ยนขนาดเส้นขอบของวัตถุfocusstorm124
 
การทำเส้นวิ่งเป็นกรอบสี่เหลี่ยม
การทำเส้นวิ่งเป็นกรอบสี่เหลี่ยมการทำเส้นวิ่งเป็นกรอบสี่เหลี่ยม
การทำเส้นวิ่งเป็นกรอบสี่เหลี่ยมfocusstorm124
 
การทำวัตถุเคลื่อนไหว
การทำวัตถุเคลื่อนไหวการทำวัตถุเคลื่อนไหว
การทำวัตถุเคลื่อนไหวfocusstorm124
 
การทำภาพ Tv screen
การทำภาพ Tv screenการทำภาพ Tv screen
การทำภาพ Tv screenfocusstorm124
 
การทำปุ่มควบคุมการเล่นเพลง
การทำปุ่มควบคุมการเล่นเพลงการทำปุ่มควบคุมการเล่นเพลง
การทำปุ่มควบคุมการเล่นเพลงfocusstorm124
 
การกำหนดวัตถุหมุนรอบตัวเอง
การกำหนดวัตถุหมุนรอบตัวเองการกำหนดวัตถุหมุนรอบตัวเอง
การกำหนดวัตถุหมุนรอบตัวเองfocusstorm124
 
การทำตัวอักษร Blur
การทำตัวอักษร Blurการทำตัวอักษร Blur
การทำตัวอักษร Blurfocusstorm124
 
การใช้ปุ่มสำเร็จรูป
การใช้ปุ่มสำเร็จรูปการใช้ปุ่มสำเร็จรูป
การใช้ปุ่มสำเร็จรูปfocusstorm124
 
การ Import file
การ Import fileการ Import file
การ Import filefocusstorm124
 
Flash mx ตอน แสดงวิดีโอใน flash mx 2004
Flash mx ตอน แสดงวิดีโอใน flash mx 2004Flash mx ตอน แสดงวิดีโอใน flash mx 2004
Flash mx ตอน แสดงวิดีโอใน flash mx 2004focusstorm124
 

More from focusstorm124 (20)

แสดงวิดีโอแบบง่ายๆ ใน Flash
แสดงวิดีโอแบบง่ายๆ ใน Flashแสดงวิดีโอแบบง่ายๆ ใน Flash
แสดงวิดีโอแบบง่ายๆ ใน Flash
 
วิธีการทำ Digital clock
วิธีการทำ Digital clockวิธีการทำ Digital clock
วิธีการทำ Digital clock
 
วิธีการทำ Analog clock
วิธีการทำ Analog clockวิธีการทำ Analog clock
วิธีการทำ Analog clock
 
เทคนิคการสอนเอฟเฟ็กต์ Mask ใน macromedia flash (ตอนที่ 2)
เทคนิคการสอนเอฟเฟ็กต์ Mask ใน macromedia flash (ตอนที่ 2)เทคนิคการสอนเอฟเฟ็กต์ Mask ใน macromedia flash (ตอนที่ 2)
เทคนิคการสอนเอฟเฟ็กต์ Mask ใน macromedia flash (ตอนที่ 2)
 
ทำหน้าปัดวิทยุ
ทำหน้าปัดวิทยุทำหน้าปัดวิทยุ
ทำหน้าปัดวิทยุ
 
เก็บไฟล์ Flash จากเว็บเพจง่ายๆ ด้วย flash catcher 2.6 (ตอนที่่่ 2)
เก็บไฟล์ Flash จากเว็บเพจง่ายๆ ด้วย flash catcher 2.6 (ตอนที่่่ 2)เก็บไฟล์ Flash จากเว็บเพจง่ายๆ ด้วย flash catcher 2.6 (ตอนที่่่ 2)
เก็บไฟล์ Flash จากเว็บเพจง่ายๆ ด้วย flash catcher 2.6 (ตอนที่่่ 2)
 
การโหลดรูปภาพจาก Folder ภายนอกมาใช้กับ flash
การโหลดรูปภาพจาก Folder ภายนอกมาใช้กับ flashการโหลดรูปภาพจาก Folder ภายนอกมาใช้กับ flash
การโหลดรูปภาพจาก Folder ภายนอกมาใช้กับ flash
 
การสร้างตัว Preload
การสร้างตัว Preloadการสร้างตัว Preload
การสร้างตัว Preload
 
การวาด Flare
การวาด Flareการวาด Flare
การวาด Flare
 
การเปลี่ยนสีวัตถุ
การเปลี่ยนสีวัตถุการเปลี่ยนสีวัตถุ
การเปลี่ยนสีวัตถุ
 
การเปลี่ยนขนาดเส้นขอบของวัตถุ
การเปลี่ยนขนาดเส้นขอบของวัตถุการเปลี่ยนขนาดเส้นขอบของวัตถุ
การเปลี่ยนขนาดเส้นขอบของวัตถุ
 
การทำเส้นวิ่งเป็นกรอบสี่เหลี่ยม
การทำเส้นวิ่งเป็นกรอบสี่เหลี่ยมการทำเส้นวิ่งเป็นกรอบสี่เหลี่ยม
การทำเส้นวิ่งเป็นกรอบสี่เหลี่ยม
 
การทำวัตถุเคลื่อนไหว
การทำวัตถุเคลื่อนไหวการทำวัตถุเคลื่อนไหว
การทำวัตถุเคลื่อนไหว
 
การทำภาพ Tv screen
การทำภาพ Tv screenการทำภาพ Tv screen
การทำภาพ Tv screen
 
การทำปุ่มควบคุมการเล่นเพลง
การทำปุ่มควบคุมการเล่นเพลงการทำปุ่มควบคุมการเล่นเพลง
การทำปุ่มควบคุมการเล่นเพลง
 
การกำหนดวัตถุหมุนรอบตัวเอง
การกำหนดวัตถุหมุนรอบตัวเองการกำหนดวัตถุหมุนรอบตัวเอง
การกำหนดวัตถุหมุนรอบตัวเอง
 
การทำตัวอักษร Blur
การทำตัวอักษร Blurการทำตัวอักษร Blur
การทำตัวอักษร Blur
 
การใช้ปุ่มสำเร็จรูป
การใช้ปุ่มสำเร็จรูปการใช้ปุ่มสำเร็จรูป
การใช้ปุ่มสำเร็จรูป
 
การ Import file
การ Import fileการ Import file
การ Import file
 
Flash mx ตอน แสดงวิดีโอใน flash mx 2004
Flash mx ตอน แสดงวิดีโอใน flash mx 2004Flash mx ตอน แสดงวิดีโอใน flash mx 2004
Flash mx ตอน แสดงวิดีโอใน flash mx 2004
 

เทคนิคการใช้ Flash ขั้นเซียน (ตอนที่ 1)

  • 1. เทคนิคการใช้ Flash ขั้นเซียน (ตอนที่ 1) หากต้องการยกระดับฝีมือในการใช้ Flash แล้ว บทความนี้จะสามารถ ช่วยคุณได้แน่นอน หากต้องการยกระดับฝีมือในการใช้ Flash แล้ว บทความนี้จะสามารถ ช่วยคุณได้แน่นอน ในการสร้างเว็บไซต์ที่มีแอนิเมชันสดใส เสียงประกอบ และการทางาน แบบโต้ตอบไปมาที่มีลูกเล่นมากมายนั้น คงจะไม่มีใครอยากมองข้าม Macromedia Flash ไปแน่นอน โดยเฉพาะอย่างยิ่งที่ตอนนี้คุณ สามารถใส่เพลง MP3 ภาพเคลื่อนไหว และการ์ตูนทั้งเรื่อง หรือ แม้กระทั่ง Actionscript ลงในเว็บเพจของคุณได้ จึงไม่น่าแปลกใจเลยที่ Flash สามารถกลายเป็นโปรแกรมยอดนิยมสาหรับผู้ใช้ทั้งระดับ เบื้องต้น และมืออาชีพ ด้วยการที่โปรแกรมมีความสามารถและซับซ้อนสูงนี้เอง ทาให้คุณต้อง ค่อยๆ เรียนรู้และทาความเข้าใจ ซึ่งก็มีหลายวิธี แต่วิธีที่สะดวกที่สุดคือ ใช้ Tutorial ที่มีอยู่ในโปรแกรมเอง ลองเข้าไปที่เมนู Help แล้วเลือก บทเรียน จากนั้นเข้าไปศึกษาบทเรียนให้ครบทั้ง 8 บท แต่หากคุณยังไม่ เคยใช้ Flash ก็สามารถที่จะแวะเข้าไปที่เว็บไซต์ของทางมาโครมีเดีย และดาวน์โหลดโปรแกรมทดลองใช้ฟรี 30 วันได้ที่ http://www.macromedia.com/software/flash/trial/ บทเรียนต่างๆ ที่คุณควรเข้าไปศึกษาเป็นอย่างยิ่งนั้น (และเราจะ สันนิษฐานว่าคุณได้เข้าไปแล้ว) ได้แนะนาถึงคาสั่งในการใช้ Flash เบื้องต้น แต่ไม่ได้สอนถึงวิธีทาแบนเนอร์ ภาพเคลื่อนไหวระหว่างโหลด
  • 2. (Preloaders) ปุ่มที่คลิ้กเพื่อไปยังเว็บเพจ อื่นๆ หรือลูกเล่นที่ล้าหน้ากว่า นั้นเลย และที่สาคัญ บทเรียนเหล่านั้นไม่ได้มีการแนะนาวิธีสร้าง สภาพแวดล้อมการทางานที่เหมาะสมกับผู้ใช้แต่ละคนด้วย ด้วยเหตุนี้ทา ให้เราต้องนาเสนอบทความนี้แก่คุณ ภาพที่ 1 ..... ภาพที่ 1 : จากเดิมแท็บคาสั่งต่างๆ จะกระจายอยู่ทั่วทั้งพาแนลทั้งสี่ แต่พอลากแท็บทั้งหมดมาไว้ที่พาแนลเดียวกัน ก็ทาให้การเปลี่ยนค่า และการเลือกเครื่องมือต่างๆ สะดวกสบายยิ่งขึ้น ..... ปรับแต่งสภาพการทางานใหม่ ใน Flash 5 จะมีพาแนล (Panel) ในการดูหรือปรับเปลี่ยนแอตทริบิวต์ ของไอเท็มหรือออบเจ็กต์ ที่เยอะมากเสียจนผู้ใช้ระดับเบื้องต้น รู้สึก
  • 3. สับสนกับไดอะล็อกที่แบ่งเป็นแท็บต่างๆ มากมาย แม้กระทั่งผู้ใช้มือ อาชีพบางคนยังรู้สึกอย่างนั้นเช่นกัน ดังนั้น คุณควรใช้เทคนิคในการ จัดรูปแบบการทางานใหม่ ด้วยการรวมพาแนลย่อยทั้งหลายเข้าเป็น “Superpanel” (ภาพที่ 1) ดังขั้นตอนต่อไปนี้ ขั้นแรก ให้ขยายพาแนลใดพาแนลหนึ่ง โดยคลิ้กค้างแล้วลากที่ขอบ ซ้ายหรือขวา จากนั้น ลากแท็บจากพาแนลอื่นมาจ่อที่แถวของแท็บใน พาแนลที่คุณขยายพื้นที่รองรับไว้แล้ว ปล่อยปุ่มที่กดเมาส์ แท็บที่ลาก เข้ามาจะผนวกเข้าไปอยู่ในพาแนลนี้ และเมื่อแท็บสุดท้ายถูกย้ายไปแล้ว พาแนลที่ว่างเปล่าก็จะหายไป พอคุณจัดการย้ายแท็บเสร็จเรียบร้อย ให้ เซฟการจัดวางรูปแบบใหม่โดยเลือก Save Panel Layout จากเมนู Window พร้อมตั้งชื่อให้กับรูปแบบใหม่นี้ ซึ่งขณะที่คุณใช้ Flash คุณ สามารถเลือกสลับรูปแบบการทางานระหว่างแบบดั้งเดิม กับแบบที่คุณ สร้างขึ้นใหม่ได้จากคาสั่ง Panel Sets ในเมนู Window ส่วน GUI ที่ผู้ใช้ส่วนใหญ่นิยมปรับแต่งอีกส่วนหนึ่งคือ การวางตาแหน่ง ไทม์ไลน์ และระบบการเลือกเฟรม เนื่องจากใน Flash 5 ได้เสนอ หนทางในการเลือกแล้วลากเฟรมหรือกลุ่มของเฟรมในไทม์ไลน์แบบ ใหม่ ซึ่งเป็นแบบที่ผู้ใช้ Flash เวอร์ชันก่อนหน้านี้ยอมรับไม่ได้ ในการ เปลี่ยนเป็นรูปแบบเดิมนั้น ให้คุณเข้าไปที่เมนู Edit แล้วเลือก Preferences จากนั้นให้กาเครื่องหมายที่เช็กบ็อกซ์ Flash 4 Selection Style และ Flash 4 Frame Drawing ลองคิดดูสิ ขนาดใน Flash 6 Beta ยังเปลี่ยนกลับไปใช้วิธีเก่าเลย (Flash เวอร์ชันใหม่ที่มี ชื่อว่า FlashMX ควรจะออกวางจาหน่ายตอนที่คุณอ่าน บทความนี้แล้ว) แล้วอย่างนี้คุณจะไม่อยากลองบ้างเหรอ? หากคุณไม่ได้มีหน้าจอมอนิเตอร์ใหญ่ๆ คุณก็สามารถเรียกคืนที่ว่างใน การทางานกลับมาได้เหมือนกัน โดยการลากไทม์ไลน์ทั้งหมดจาก หน้าต่างโปรแกรมหลักออกไปที่อื่นได้ และถ้าคุณตัดสินใจที่จะลองทา
  • 4. ขั้นตอนนี้ ก็ควรไปกาเครื่องหมายที่เช็กบ็อกซ์ Disable Timeline Docking ในไดอะล็อกบ็อกซ์ Preferences ด้วย กระโดดไปยังเว็บเพจอืน ่ ในบทเรียนที่ 6 ของ Tutorial ได้อธิบายถึงวิธีการสร้างรูปภาพ 3 แบบ ในสถานะ Up, Over และ Down ของปุ่มแบบแอนิเมชัน แต่บทเรียนนี้ กลับมองข้ามประเด็นบางอย่างที่ผู้ใช้ทั่วไปนิยมทา เช่น โดยปกติคุณคง ไม่ได้กาหนดแอ็กชัน ระหว่างที่กาลังวาดปุ่มในแต่ละสถานะ แต่จะ กาหนดแอ็กชันให้ปุ่มก็ต่อเมื่อนาปุ่มที่วาดแล้วมาวางไว้ที่ตัว Movie ใน ตาแหน่งที่ต้องการแล้วต่างหาก ดังนั้น ขั้นตอนในการสร้างปุ่มสาหรับ พวกที่ยังไม่ทราบควรเป็นดังนี้ 1. วาดปุ่มขึ้นมา (หรือเลือกปุ่มที่มีอยู่แล้วในไลบรารี) 2. สร้างคีย์เฟรมที่จาเป็น 3. ลากปุ่มมายังตาแหน่งที่ต้องการ 4. คลิ้กขวาที่ปุ่มที่วาดขึ้น แล้วเลือก Actions เพื่อกาหนดแอ็กชันให้ปุ่ม อีกที นอกจากนี้ บทเรียนต่างๆ ยังอธิบายถึงวิธีการสร้างปุ่มเพื่อใช้กระโดดไป ยัง Movie อีกไฟล์หนึ่ง แต่โอกาสของคุณส่วนใหญ่มักจะต้องการปุ่มที่ ใช้กระโดดไปยังเว็บเพจอื่นๆ มากกว่า ไม่ว่าจะเป็นภายในไซต์ของคุณ หรือที่ไซต์อื่น... ต่อไปนี้คือวิธีทา เริ่มแรกให้คลิ้กขวาที่ปุ่ม (ที่เราจัด ตาแหน่งบน Movie ไว้แล้ว) แล้วเลือก Actions จากนั้นไปที่เมนู “+” แล้วเลือก Get URL จากเมนูย่อย Basic Actions ซึ่งจะทาให้ Flash เพิ่มโค้ดในไดอะล็อก Object Actions โดยอัตโนมัติ ต่อไปให้ใส่ URL ที่ต้องการจะกระโดดไปหาในช่อง URL กรณีที่เว็บเพจอยู่ภายในไซต์
  • 5. ของคุณเอง ให้ใส่แค่ชื่อไฟล์ เช่น index2.html แต่ถ้าต้องการเรียกดู เว็บเพจข้ามเว็บไซต์ ก็ให้ใส่ URL แบบเต็มยศแทน เช่น http://www.pcmag.com/ โดยปกติ คุณอาจต้องการโหลดเว็บเพจใหม่ในหน้าต่างเดียวกับที่ปุ่มอยู่ ซึ่งถ้าเป็นเช่นนี้ คุณก็ไม่จาเป็นต้องปรับแต่งอะไรอีก แต่หากต้องการให้ โหลดเว็บเพจในหน้าต่างใหม่ หรือคนละเฟรม (ในกรณีที่เว็บเพจคุณใช้ เฟรมอยู่) ก็คงต้องปรับอะไรเพิ่มเติมนิดหน่อย โดย ในการทาให้ หน้าต่างบราวเซอร์ใหม่ปรากฏ ให้คุณเลือก _blank จากฟิลด์ Window หรือถ้าต้องการเปิดเว็บเพจในอีกเฟรมหนึ่ง ก็เพียงพิมพ์ชื่อเฟรมลงไป แทน เช่น _navbar หรือ _content และแน่นอน หากเว็บไซต์ของคุณ ใช้เฟรม การทารายชื่อเฟรมทั้งหมดที่มีจะช่วยคุณได้มากทีเดียว