วิธีการสร้างปุ่มแฟลช

• อาจ 6, 2024

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

ขั้นตอนที่ 1 สัญลักษณ์ปุ่มใหม่ บนแถบเมนูคลิกแทรก> สัญลักษณ์ใหม่เพื่อเปิดกล่องโต้ตอบสร้างสัญลักษณ์ใหม่ ตั้งชื่อสัญลักษณ์ Nav_Button และตั้งพฤติกรรมเป็นปุ่ม เมื่อคุณคลิกตกลงคุณจะเห็นสัญลักษณ์ใหม่ที่ชื่อว่า Nav_Button ในแผงไลบรารี (หน้าต่าง> ไลบรารี)


แผงควบคุมไลบรารี - สัญลักษณ์ Nav_Button

ขั้นตอนที่ 2 เส้นเวลา คุณจะสังเกตเห็นว่าเวิร์กสเปซเปลี่ยนจาก Stage เป็นโหมด Symbol-Edit ซึ่งแสดง Timeline สำหรับสัญลักษณ์ Nav_Button โดยค่าเริ่มต้นคุณจะมีหนึ่งเลเยอร์ที่เรียกว่าเลเยอร์ 1 และสี่เฟรม (ขึ้น, ลง, ลงและกด) อีกทั้งเฟรม Up มีเฟรมอยู่แล้ว


โหมดสัญลักษณ์แก้ไข

ลองเปลี่ยนชื่อของ Layer1 เป็น Shapes เพราะเราจะวาดพื้นที่สี่เหลี่ยมผืนผ้าที่จะกำหนดพื้นที่ที่คลิกได้สำหรับปุ่ม ดับเบิลคลิกที่ชื่อ Layer1 และพิมพ์ชื่อใหม่

ต่อไปเราจะต้องเพิ่ม Keyframe ไปยังอีกสามเฟรม ดังนั้นคลิกที่กรอบบนเพื่อเลือก (สี่เหลี่ยมสีขาวจะเปลี่ยนเป็นสีเขียว) จากนั้นคลิกแทรก> เส้นเวลา> กรอบคีย์เปล่าและจุดเล็ก ๆ จะปรากฏในกรอบบนบนเลเยอร์รูปร่าง ทำซ้ำสำหรับเฟรมลงและ Hit บนเลเยอร์ Shapes


Shapes Layer

แทรกปุ่มเลเยอร์
ขั้นตอนที่ 3 เพิ่มเลเยอร์ ตอนนี้เราจะเพิ่มเลเยอร์ที่สอง ในเลเยอร์นี้เราจะใส่ชื่อหรือฉลากของปุ่ม เราต้องการวางเลเยอร์ใหม่นี้เหนือเลเยอร์รูปร่างเพื่อให้เลเยอร์รูปร่างเลือกไว้และคลิกที่ปุ่มแทรกเลเยอร์เพื่อสร้างเลเยอร์ 2 เปลี่ยนชื่อของเลเยอร์ใหม่นี้จาก Layer2 เป็น Label


เลเยอร์เลเบล

ไอคอนเครื่องมือข้อความ
ขั้นตอน 4. เพิ่มชื่อลงในปุ่ม เรายังคงทำงานบนเลเยอร์ฉลาก คลิกที่เฟรมขึ้นในเลเยอร์เลเบลและคุณพร้อมที่จะเพิ่มเลเบลสำหรับปุ่มนี้ นี่จะเป็นปุ่มหน้าแรกซึ่งจะนำผู้อ่านของคุณกลับไปที่หน้าแรกของเว็บไซต์ของคุณ ดังนั้นเราจะติดป้ายชื่อไว้ที่บ้าน คลิกที่ไอคอนเครื่องมือข้อความและคลิกที่เครื่องหมายบวกขนาดเล็กที่อยู่ตรงกลางของพื้นที่ทำงาน สิ่งนี้จะเปิดตัวตรวจสอบคุณสมบัติสำหรับเครื่องมือข้อความ ตั้งค่าคุณสมบัติสำหรับเครื่องมือข้อความเป็นสิ่งที่คุณต้องการ คุณได้เรียนรู้วิธีการทำสิ่งนี้ในบทช่วยสอนก่อนหน้า ฉันได้ตั้งค่าคุณสมบัติของฉันเป็นดังต่อไปนี้

ประเภทข้อความ: ข้อความคงที่
ตัวอักษร: Arial
ขนาด: 36
สี: 000000 (สีดำ)
สไตล์: ตัวหนา
จัดตำแหน่ง: กึ่งกลาง

ตอนนี้พิมพ์ Home ลงในกล่องขนาดเล็กด้วยเคอร์เซอร์กะพริบ สุดท้ายให้คลิกไอคอนเครื่องมือการเลือก (ลูกศรสีดำ)


ป้ายกำกับหน้าแรก

ต่อ

คำแนะนำวิดีโอ: สอน Action Script 3 ทำปุ่ม Next & Back Adobe Flash CS6 (อาจ 2024).