Bloggang.com : noppongc : การทำปุ่มจาก Flash (ตอนที่ 1)

การทำปุ่มจาก Flash (ตอนที่ 1)

การทำปุ่ม Flash ขึ้นมาใช้เองสำหรับการตกแต่ง Blog ดูจากตัวอย่างการใช้งาน ข้างล่างนะครับ เป็นปุ่มสำหรับกลับไปหน้าแรก

เป็นไงบ้างหน้าสนใจใช่ม่ะ งั้นเด๋วจะเขียนเป็นรายการต่อไป แต่ไม่ใช่ตอนนี้นะจ๊ะ (หลอกให้อยากแล้วจากปาย)

(17/04/2007)

(21/04/2007) ต่อจากคราวที่แล้วนะครับเรื่องการสร้าง ปุ่มขึ้นมาใช้งานโดยใช้โปรแกรม Flash และขอออกตัวไว้ก่อนนะครับว่าบทความเรื่องนี้ค่อนข้างจะยาวซ่ะนิดหนึ่งเนื่องจาก ผมเขียนซ่ะซอยยิก (ละเอียด) แบบ step by step เผื่อคนที่ไม่ถนัดในการใช้โปรแกรม Flash (ผมก็ไม่ได้เก่งในการใช้โปรแกรมนี้หรอกครับแค่พอถูไถไปได้) และการที่แบ่งเป็นหลายตอนนี่ก็เพื่อไม่ให้เนื้อหายาวเกินไป อาจจะทำท่านที่มีความตั้งใจแต่สมาธิสั้น เบื่อหน่ายซ่ะก่อน

เอาล่ะ จะเริ่มล่ะแล้วต้องเตรียมอะไร? และทำอย่างไรบ้าง? ก่อนอื่นที่ต้องมีคือเครื่องคอมพิวเตอร์ (แป๋ว !) ก็ต้องมีอยู่แล้วไม่งั้นจะเล่นเนตได้อย่างไร เน๊อะ - -" หมายถึงว่าเครื่องคอมพิวเตอร์ที่ติดตั้งโปรแกรม Macromedia Flash เวอร์ชั่นไหนก็ได้วิธีการคล้ายๆกัน และที่ต้องเตรียมอีกอารมณ์ศิลปิน เพราะการทำโปรแกรม Flash ถือว่าเป็นงานกราฟฟิก อีกแบบหนึ่งครับ

ขั้นแรกหลังจากเปิด โปรแกรม Macromedia Flash แล้วให้มาที่เมนู Insert ---> New Symbol เพื่อสร้าง Symbol ที่จะใช้ทำปุ่ม

จากนั้นตรงหน้าจอ Create New Symbol ตรงช่อง Name ให้ต้องชื่อ Symbol แนะนำให้ใช้ชื่อ ภาษาอังกฤษ หรือถ้าใครไม่ตั้งชื่อก็ได้ ก็ใช้ใช้ชื่อ Symbol 1 ที่เค้าเตรียมมาก็ได้เหมือนกัน (ถ้าทำหลายๆ Symbol งงเองม่ะรู้ด้วยนะ)

จากนั้นหน้าจอขอโปรแกรมจะเปลี่ยนเข้าไปจัดการ Symbol ที่เราสร้างขึ้น โดย Symbol แต่ล่ะอันจะมีค่าให้เราจัดการอยู่ 4 สถานะ คือ
1. Up คือสถานะ ครั้งแรกของ Symbol ที่ยังไม่ได้ถูกกระทำใดๆ ให้นึกภาพของปุ่ม หรือ link อินเตอร์เนต นะครับ
2. Over คือสถานะที่ลูกศรของเมาท์วางอยู่บนปุ่ม เช่น ปุ่มอาจจะเปลี่ยนสี หรือ ถ้าเป็น link ลูกศรของเมาท์จะกลายเป็นรูปมือเป็นต้น
3. Down คือสถานะที่มีการกดปุ่มโดยใช้เมาท์ ว่าต้องการให้ปุ่มมีลักษณใด อารจะเปลี่ยนเป็นอีกสีหนึ่ง หรือไม่เปลี่ยนสีก็ได้
4. Hit คือสถานะที่แสดงว่า ปุ่มนี้เคยผ่านการใช้งานมาแล้ว จะแสดงเป็นรูปแบบใด จะเห็นได้จาก link ของ website ต่างๆ สังเกตุได้ว่า link ไหนเคยเข้าไปแล้วสีของตัวหนังสือจะเข้มๆ

ดังนั้นในหน้าจอนี้เราจะมาจัดการกับ 4 สถานะอันนี้ ก่อนอื่น กำหนดเฟรมให้กับ Over,Down,Hit โดยการใช้เมาท์คลิ๊กขวาที่ช่องใต้คำว่า Over แล้วเลือกมาที่ " In sert Keyframe "

ก็จะได้หน้าตาดังรูป ซึ่งเหมือนกับ สถานะ UP

แล้วก็ทำแบบเดียวกันนี้กับ Down และ Hit

หมายเหตุ : ที่ Up ไม่ต้องทำการ In sert Keyframe เพราะโปรแกรมเค้ากำหนดมาให้แล้ว

จากนั้นมาที่สถานะ Up ซึ่งเป็นสถานะแรกที่ชาวบ้านชาวเมืองเค้าเห็นกัน ให้วาดปุ่มขึ้นมา ใครจะใช้ สี่เหลี่ยม สามเหลี่ยม วงกลม หรือจะทำปุ่มอลังการพิศดารขนาดไหนก็แล้วแต่ ไอเดียสุดบรรเจิดของแต่ล่ะบุคคล นะครับ

หรืออาจมีการใส่ตัวหนังสือที่ปุ่มเพื่อบอกให้รู้ว่าหลังจากคุณคลิ๊กปุ่มนี้แล้วเราจะพาคุณไปดาวพระศุกร์

หลังจากตกแต่งปุ่มเสร็จสมใจอยากแล้วก็ทำการเลือกออปเจ็คทั้งหมดที่เราทำขึ้นโดยการใช้เครื่องมือ ที่ชื่อว่า "Selection tool" (ลูกศรสีดำ) ทำการคลิ๊กแล้วลากคลุมปุ่มทั้งหมด

จากนั้นมาที่เมนู Edit ---> Copy หรือใครถนัดใช้ key ลัดก็กด ปุ่ม ctrl + c ก็ได้ เพื่อทำการคัดลอกปุ่มที่เราทำเพื่อที่จะนำไปวางที่ หน้า Over,Down และ Hit ต่อไป

ต่อจากนั้นให้มาที่หน้า Over จะเห็นว่าหน้าจอนั้นวางเปล่า

จะทำการวางปุ่มที่เราเพิ่งคัดลอกมาจาก Up โดยมาที่ เมนู Edit ----> Paste in Place ซึ่งความหมายก็คือเป็นการวางปุ่มที่เรา ก๊อบปี้มาวางที่ตำแหน่งเด๋วกัน(เป๊ะๆ)

ก็จะได้ดังรูปที่เห็นนี่ครับ

เอ่อ ! แบบว่าจะขอบอกว่า ตอนที่ 1 ขอพอแค่นี้ก่อนนะ เด๋วนะเนื้อหาชักจะยาวล่ะ และหวังว่าเพื่อนๆจะติดตามกันต่อในตอนที่ 2 นะจ๊ะ จุ๊บๆ (ต้องอ่านต่อแน่ล่ะม่ายงั้นม่ายรู้เรื่อง)

Create Date : 17 เมษายน 2550

Last Update : 23 เมษายน 2550 12:23:51 น.

3 comments

Counter : 6109 Pageviews.

โดย: 3612 IP: 203.114.96.230 วันที่: 17 เมษายน 2550 เวลา:17:09:53 น.

สนใจนะค่ะว่าแต่มันอยู่ไหนละนั้น
ตัวอย่างก็มะเห็นมีเลยค่ะ

โดย: PS_PRINCESS

วันที่: 17 เมษายน 2550 เวลา:19:33:17 น.

งงค่า แฮ่ะ ๆ

โดย: Nilz

วันที่: 23 เมษายน 2550 เวลา:2:33:20 น.