2006/Feb/09

Triangle Press

1.สร้าง Symbol ขึ้นมาใน Library ตั้งชื่อว่า button เลือกเป็น button จากนั้นสร้างรูปสี่เหลี่ยมเป็นปุ่มขึ้นมา (เอาแบบไม่มีขอบ) ปรับให้อยู่กึ่งกลาง แต่งสีตามต้องการ


edit @ 2006/02/09 12:23:10

2.ดูที่ Timeline กด F6 ให้มีจุดดำๆ จนถึง Hit


3.ไปที่ scene1 เอา button มาวางแล้วเขียนข้อความลงในปุ่ม
เอาปุ่มไปวางทั้ง 4 มุม แยกให้เป็น 4 อันเปลี่ยนข้อความตามสะดวก
สร้างสี่เหลี่ยมขึ้นมาอีก 1 อัน ตรงกลาง (ใหญ่ๆ)ปรับสีตามใจชอบ

4.คลิกที่พื้นปุ่มที่ 1 ไปที่ action แล้วพิมพ์ว่า on (rollOver) {gotoAndStop(1);}
ไปที่ปุ่มต่อไปพิมพ์เหมือนเดิมแต่เปลี่ยนตัวเลขดังนี้ 6 11 16


5.คลิกที่ Timeline ที่ 1 ของเลเยอร์ 1 จะเลือกทั้งหมด จากนั้นไปที่ action แล้วพิมพ์ว่า Stop();



6.กด F6 ให้มีคีย์เฟรมอีกครั้งหนึ่ง จากนั้นกด Esc ที่คีย์บอร์ด (เพื่อคลายการเลือกวัตถุ) จากนั้นเขียนข้อความ (หรือใส่รูปภาพ)ลงในสี่เหลี่ยมใหญ่

คลิกที่ Timeline เฟรมที่ 2 ดูที่ Properties ดูทางซ้ายที่เขียนว่า Frame (ข้างในเขียนว่า Frame Lable) ใส่เป็น 1 จากนั้นคลิกที่พื้นว่าง แล้วไปคลิกที่พื้นปุ่ม 1 ดูที่ action เปลี่ยนโค้ดเป็น
On (rollOut) {
gotoAndPlay(1);}

7.เอาเมาส์คลิกที่ Timeline เฟรมที่ 4 แล้วกด F6 แล้วเปลี่ยนรูปภาพในช่องใหญ่อีก จากนั้นเอาเมาส์ไปคลิกที่เฟรม 4 แล้วไปที่ Properties เปลี่ยนเฟรมเลเบิลเป็น 6 จากนั้นไปที่ action ของปุ่ม 2 ก๊อปของปุ่มแรกมา คือ
On (rollOut) {
gotoAndPlay(1);
}
ส่วน action ของปุ่มที่ 1 ของ Timeline4 นี้ ให้แก้เป็นชุด gotoAndStop

8.ไปที่ Timeline เฟรม 6 กด F6 เปลี่ยนรูปภาพในช่องใหญ่อีก แล้วไปที่ Properties เปลี่ยนเฟรมเลเบิลเป็น 11 จากนั้นไปที่ action ของปุ่ม 3 ก๊อปของปุ่มแรกมา คือ
On (rollOut) {
gotoAndPlay(1);
}
ส่วน action ของปุ่มที่ 2 ของ Timeline6 นี้ ให้แก้เป็นชุด gotoAndStop



9.ไปที่ Timeline เฟรม 8 กด F6 เปลี่ยนรูปภาพในช่องใหญ่อีก แล้วไปที่ Properties เปลี่ยนเฟรมเลเบิลเป็น 16 จากนั้นไปที่ action ของปุ่ม 4 ก๊อปของปุ่มแรกมา คือ
On (rollOut) {
gotoAndPlay(1);
}

ส่วน action ของปุ่มที่ 3 ของ Timeline8 นี้ ให้แก้เป็นชุด gotoAndStop



10.ลองทดสอบด้วยการกดปุ่ม ctrl + enter เมื่อเอาเมาส์ไปวางที่ปุ่มใดก็จะเปลี่ยนรูปภาพได้ ก็เป็นอันเสร็จสมบูรณ์

2006/Feb/08

วิธีทำ

  1. กด F11 เลือก library จากนั้นสร้าง symbol ขึ้นมาใหม่ ตั้งชื่อว่า symbol1 เลือก กราฟิก จากนั้นไปที่สร้างรูป เลือกสีตามต้องการ จากนั้นก็ปรับให้อยู่กึ่งกลางจากนั้นดูที่ color mixer ทางมุมขวาตั้งให้เป็น Linear เลือกถังซ้ายและถังขวาเป็นสีใดก็ได้ตามต้องการดังรูป

2.ไปที่ timeline เลือกเฟรมที่ 5 กด F6 (Insert key frame) เปลี่ยนสีที่ color mixer เอาแบบ linear เปลี่ยนสีถังซ้ายและถังขวาตามต้องการ จากนั้นไปที่เฟรม 10, 15, 20 เปลี่ยนสีไปเรื่อยๆ จากนั้นคลิกค้างลากจากเฟรม 1 ไปถึงเฟรม 19 ไปที่ properties เลือก tween เป็น shape

3. สร้าง Symbol มาอีกตั้งชื่อว่าอะไรก็ได้ (สมมติว่า symbol2) เลือกเป็น button จากนั้นสร้างเลเยอร์ 2แล้ว คลิกที่เลเยอร์ 1 แล้วลาก symbol1มาวางตรงกลาง จากนั้นกด F6 สามครั้ง

4. ที่เลเยอร์ 1 คลิกที่ปุ่ม over แล้วคลิกที่ปุ่มที่ลากมา แล้วไปที่ properties เลือก color เลือก alpha 80% แล้วไปที่ปุ่ม down ปรับ color เป็น alpha 0%

5. คลิกที่เลเยอร์ 2 แล้วคลิกที่ up กด F6 1 ครั้ง แล้วไปที่ Text Tool ในเมนูทางซ้าย เขียนคำอะไรก็ได้ แล้วจัดให้อยู่ในปุ่ม

6.คลิกที่ scene 1 ลาก symbol2 มาวางตรงกลางแล้ว copy ให้อยู่ซ้ายขวาหน้าหลัง (รวม 4 อัน) ลองดูโดยการกดคอนโทรลค้าง + enter

7. คลิกที่ปุ่มบนสุดแล้วคลิก action พิมพ์ว่า on(press){getURL("http://www.sanook.com","_blank");} ส่วนปุ่มอื่นๆตั้ง action เป็นเวปอื่นๆ (ตั้งเวปได้ตามต้องการ)


2006/Feb/02

วิธีทำแผนที่

  1. สร้างแผนที่ขึ้นมา โดยกำหนดสีพื้นหลัง และกำหนดถนน ดังรูปจะสร้างใน scene หรือใน Library ก็ได้

2. สร้างเลเยอร์ใหม่ขึ้นมา แล้วทำคลองให้เป็นอีกสีหนึ่ง โดยให้เลเยอร์ของคลองอยู่ต่ำกว่าเลเยอร์ของถนน ดังรูป

3.สร้างเลเยอร์ใหม่ แล้วสร้างสิ่งปลูกสร้าง ดังรูป

4.สร้างเลเยอร์ใหม่ แล้วทำตัวอักษรประกอบในแผนที่ ดังรูป

5.เปิด Library สร้าง symbol ขึ้นมาใหม่ ตั้งให้เป็นกราฟิก แล้วสร้างรถขึ้นมา 1 คัน ดังรูป

6.กลับไปที่ scene1 สร้างเลเยอร์ขึ้นมาใหม่ แล้วนำรถมาวาง ปรับให้เลเยอร์นั้นอยู่สูงสุด จากนั้นสร้าง key frame ไว้ที่50 ในทุกเลเยอร์ คลิกขวาที่คีย์เฟรมของรถแล้วเลือก create motion tween จากนั้นสร้าง Guide Layer ที่เลเยอร์ของรถ ดังรูป

7.ไปที่เฟรมแรกของ Guide Layer จากนั้นใช้เครื่องมือ Pencil Tool (ดินสอ) ลากเส้นตามทางจากจุดเริ่มต้นของรถไปถึงทางที่เราต้องการให้รถหยุด จากนั้นไปที่คีย์เฟรมสุดท้ายของเลเยอร์รถ แล้วเลือกให้ตัวรถไปอยู่ที่จุดสิ้นสุดของเส้นดินสอ ดังรูป

8. ดูที่ Guide Layer คลิกจุดตรงแถวที่มีรูปดวงตา จะทำให้เส้นดินสอหายไป เป็นอันเสร็จสมบูรณ์