มาทำปุ่มลิ้งค์ จาก flashกัน(howto)

posted on 02 May 2008 23:32 by berserk-rabbit  in howto

how to ครั้งนี้เกิดขึ้นจากการเสี้ยน อยากทำลิ้งค์ในบล็อคนี่แหละครับ

ปกติ ผมจะทำด้วยดรีมโดยใช้เทคนิคง่ายๆ ในดรีมแหละ ศัพท์เทคนิคเค้าเรียกอะไรก็ไม่รู้

แต่ผมเรียก ลิ้งค์แบบ rollover

ทีนี้ก็ทำเสร็จแล้วละครับ แต่ก็เกิดปัญหาขึ้นจนได้

มันเอามาลงตรง custom code ไม่ได้นี่ซิ น่าจะเป็นเพราะว่า code มันยาวไป

........

...

เลยคิดถึง ปุ่ม flash ขึ้นมา....เอะ มันน่าจะใช้ code แค่นิดเดียวนะ

หลังจาก ศึกษาจากทางเน็ตเรียบร้อยแล้ว.......ก็ลงมือลองผิดลองถูกกันได้เลย...

(เปิดหน้าเวปไป ทำไป)

.....

..

     

มาเริ่มกันเลยดีกว่าเนอะ

1 เตรียมภาพที่จะใช้ทำเป็นลิ้งค์ โดยผมใช้ภาพ 2ภาพ

2 เปิดโปรแกรม...(ผมใช้ flash8 ค่อนข้างตกรุ่นเนอะ แหะๆ)

3 create new>>flash document

4 เราจะได้พื้นที่การทำงานมา ทีนี้เรามาปรับให้ขนาดมันเท่ากับตัวงานของเรา โดยไปที่

   modify>>document

  

5 นำรูปงานที่จะนำมาทำลิงค์ โดยไปที่คำสั่ง file>>import>>import to library

  

   ให้สังเกตุทาง tab ด้ายขวามือเรา ภาพที่เราเตรียมไว้จะเข้าไปอยู่ใน library แล้ว

  

6 หลังจากนั้น เราก็มาเริ่มทำปุ่มกันได้เลย โดยการเข้าไปที่คำสั่ง insert>>new symbol

  

   เลือก type เป็น button ส่วนชื่อจะตั้งเป็นอะไรก็ได้ เพื่อที่เวลาเราทำหลายปุ่มจะได้ไม่งง

   โดยเมื่อเรากด ok แล้ว เราจะเข้ามาอยู่ที่พื้นที่การทำงานอีกพื้นที่ทันที โดยสังเกตุที่ tab

   ด้านบนว่าเราเข้ามาอยู่ในพื้นที่ symbol1(ชื่อที่เราตั้งไว้)

   

7 ที่ tab ด้านบนเราจะเห็นมีคำว่า up over down hit ความหมายของมันคือ

   up=ภาพปกติ เมื่อเม้าส์ยังไม่ไปโดน

   over=ภาพเมื่อเม้าส์ลากไปวาง

   down=ภาพเมื่อตอนเรากด

   hit=เอาไว้สำหรับทำขอบเขตที่ต้องการให้เป็นปุ่ม นอกเหนือจากตัวภาพของเราครับ*

   ให้เราเลือก over แล้วคลิกขวา เลือก insert keyframe ทำเรียงไปให้ครบทุกตัวเลย

   หลังจากนั้นให้เรากดเลือกภาพที่เราเก็บไว้ใน library มาใส่ในแต่ละสถานะได้เลย

8 ตอนนี้เราก็จะได้ปุ่มมาแล้ว ทีนี้เรามาทำการลิ้งค์กันเลยดีกว่า

   เริ่มจาก การเปลี่ยนพื้นที่ทำงาน โดยที่ tab ด้านบนของเรานั้น จะมีคำว่า scene1 อยุ่

   ให้กดเลือกมาได้เลย เราจะเจอพื้นที่เปล่าๆ ไม่มีภาพอะไร(ไม่ต้องตกใจนะจ้ะ)

   ให้เราไปดูที่ tab ด้านขวามือ ตรง library นั่นแหละ จะมีไอคอน symbol1(ปุ่มที่เราสร้างไว้)

   ให้ลากมาวางในพื้นที่การทำงานได้เลย

9 หลังจากลากปุ่มที่เราทำเสร็จมาวางแล้ว ให้เราเลือกคำสั่ง window>>behavior

   

   แล้วเลือกที่เครื่องหมาย + เลือก web>>go to web page

  

   ใส่ url ที่เราจะทำลิ้งค์ไปหา แล้วเลือกสถานะ ตามใจชอบเลยจ้ะ

10 ขั่นตอนสุดท้ายให้เรา เลือกคำสั่ง file>>export>>export movie  เผื่อที่จะนำไฟล์ไปใช้งาน

     แค่นี้ก็เป็นอันเสร็จเรียบร้อย ได้ปุ่มลิ้งค์มาใช้กันแล้ว

...

..

ลองเอาไปทำกันดูนะครับ หรือถ้าใครมีวิธีที่ง่ายกว่านี้ก็นำมาแบ่งปันกันนะครับ เพราะจริงๆ แล้ว...

ผมพึ่งจับ flash วันนี้วันแรกละครับ....แหะๆ เปิดเวปไป ทำไป...

ไว้ได้วิชาอะไรใหม่ๆ จะนำมา howto กันอีกนะครับ ^^

*เพิ่มเติมโดยคุณ อั้นโนะ ขอบคุณมากครับ ได้ความรู้เพิ่มเลย

Hit เอาไว้สำหรับทำขอบเขตที่ต้องการให้เป็นปุ่ม นอกเหนือจากตัวภาพของเราครับ
อะไรที่วาดในเฟรม Hit จะมองไม่เห็น แต่สามารถเอาเมาส์ไปกดได้
เช่นถ้าปุ่มเป็นตัวอักษร ซึ่งมันจะเป็นเส้นๆ พอเอาเมาส์ไปวาง มันก็จะโดนลำบากใช่มั้ยครับ
ถ้าวาดสี่เหลี่ยมในเฟรม Hit ทับตัวอักษรทั้งหมด ก็จะกดได้ง่ายขึ้น

   

edit @ 5 May 2008 17:36:11 by berserkrabbit

 

edit @ 8 May 2008 10:37:33 by berserkrabbit

Comment



smilebig smileopen-mounthed smileconfused smilesad smileangry smiletonguequestionembarrassedsurprised smilewinkdouble winkcry

Tweet

ว้าววว เยี่ยมไปเลยค่ะ พี่กระต่ายน้อย >w< double wink
ใจดี แบ่งปันความรู้แบบนี้ ขอให้กิจการรุ่งเรืองนะคะ surprised smile

#1 By r a p p e l e r * on 2008-05-03 01:36

Hot! Hot! Hot! ดีมาก เดี๋ยวลองทำดู

#2 By HineyHelsinki on 2008-05-03 03:19

Hot! Hot! Hot! ข้าน้อยสิลองบั้งเด้อ

#3 By on 2008-05-03 07:50

Rollover มันยาวไปเหรอครับเนี่ย
ผมยังไม่ได้ลองครับ
แบบว่าขี้เกียจ
555

#4 By AkE on 2008-05-03 08:15

เรื่องแฟลช ส่วนใหญ่ออมจิ้มมั่วนะ ได้ก็โอเค ไม่ได้ลองใหม่

ถ้าแนะ เว็บที่เคยเข้าไปมองๆก็...

http://flash-toybox.com
ญี่ปุ่นนะงับ แต่เอามาจิ้มๆศึกษาได้

http://flash.thaimisc.com
พื้นๆเลยอันนี้ แต่ความรู้โอเค

http://www.w3schools.com/Flash/default.asp
สอนหลายทางหลายแบบเลย (ยังต้องเข้าอยู่ในปัจจุบันนี้ sad smile )

#5 By * a o M * on 2008-05-03 09:00

อยากทำแฟลชก่องง่ะ

แหะๆ

แต่ยังไงก็ขอบคุณค่าHot! Hot! confused smile
โฮ้....จะลองงมโข่งดูค่าาbig smile big smile Hot!

#7 By (^_^)/nana on 2008-05-03 09:21

ต้องนำไปลอง Hot!

#8 By KaTTo-+tOdA on 2008-05-03 10:42

คุณ pexkung พันธมิตรหมีโหดจากวานรคลับลองทำไว้มั่งเหมือนกันค่ะ
http://pexkung.exteen.com/20071222/entry
แวะไปเล่นโลด อิ อิconfused smile confused smile

#9 By (^_^)/nana on 2008-05-03 11:19

Hot! cry

#10 By [ i ]Rin on 2008-05-03 12:56

ขอบคุณจ้า

จะลองเอาไปใช้ดู confused smile มีประโยชน์มากมาย

#11 By Piiim on 2008-05-03 13:10

กำลังทำส่งอาจารย์พอดีเลย....เอิ้กส์...confused smile

#12 By robocon on 2008-05-03 23:02

Hot! สวยงามมากครับ เดี๋ยวว่างๆ เอาไปทำมั่ง

#13 By manop on 2008-05-03 23:58

หน้าลองทำบ้างครับขอบคุณที่เอามาแนะนำ
เดี๋ยวว่างๆจะลองมั่วๆดูครับbig smile Hot!

#14 By 7same:(7w7") on 2008-05-04 05:19

โอ้วว อย่างนี้นี่เอง

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

#16 By อั้นโนะ on 2008-05-04 09:14

น่าสนใจดีนะแต่เว็บเราก็มีเหมือนกันเจ็งกว่าhttp://www.dekyim.orgเข้าไปดูซิจะบอกให้confused smile open-mounthed smile

#17 By dekyim_koi (118.172.69.237) on 2008-05-04 13:35

ขอบคุณมากค่า
แบบนี้ลองหัดแฟลชดูบ้างดีไหมน้า

เอ่อ...เรปบนคำว่า"เจ๋งกว่า" มันมิควรเท่าไรนะคะ =w=!

#18 By ALLVALENTINE on 2008-05-04 14:41

ขอบคุนมากเลยคร้าบ
มีประโยชน์จิงๆ วันหลังจาลองเอาไปทำดูคับ

#19 By aaronnez☆ on 2008-05-04 16:19

โหละเอียดยิบ แหล่มไปเลยท่าน เด๋วลองของมั่ง อิอิ

#20 By หูใหญ่ on 2008-05-04 17:03

ขอบคุณสำหรับความรู้ใหม่ค่า
ตอนนี้กำลังหัดเล่นแฟลชอยู่พอดีbig smile

ขออนุญาตแอดนะคะcry
แถมดราก้อนบอลHot! Hot!

#21 By いがあら ★ ベル :) on 2008-05-05 13:57

แค่ได้อ่าน เราก็รู้สึกดีแล้วล่ะ ไปละ ไปปิกนิกต่อ big smile

#22 By 2spot studio on 2008-05-05 21:27

ต้องลองแล้วแฮะ ^^Hot!

#23 By on 2008-05-05 21:50

ลองแล้วหล่ะ มันได้นะ แต่ถ้าเราเอาตัว movie ไปใช้มันไม่ได้อ่ะ ทำไงดีอ่ะ ตอบหน่อยจิ ขอบคุณ

#24 By a (124.121.49.24) on 2008-05-14 12:14

สุดยอด เป็นประโยชน์มาก ตอนนี้กำลังทำเว็บมหาลัย
โดยใช้ joomla ทำอ่ะ เลยอยากรู้วิธีการนำปุ่มไปใช้ในเว็บนะน่าจะมีบอกมาด้วยนะ จะเป็นพระคุณอย่างสูง อิอิอิ+big smile

#25 By Ann (117.47.102.103) on 2008-08-17 18:14

ขอบคุณค่ะ

#26 By นัท (124.122.226.130) on 2008-10-10 19:40

อยากรู้จักวิธีการทำ Mind Mapping จากแฟชรจัง
คืออาจารย์ให้งานมาพอดี
รบกวนท่านผู้รุ้ช่วยแนะนำด้วย
ขอขอบพระคุณล่วงหน้าconfused smile tongue big smile open-mounthed smile confused smile cry

#27 By mayom_cub (114.128.23.50) on 2009-07-22 17:10

ถ้าจะลิ้งในแฟลชด้วยกันจะทำยังไงคะช่วยบอกทีค่ะ

#28 By จารุ (114.128.125.89) on 2009-11-09 21:13