ทำ Flash สำหรับโชว์สินค้าในหน้าเว็บ
ในการทำเว็บไซต์ บ้างครั้งเราต้องนำเสอนผลงานหรือสินค้า ผ่านบนเว็บไซต์ วันนี้ผมขอเสนอการทำ Flash สำหรับเสนอสินค้าผ่านหน้าเว็บเพจของเรา โดยเราจะมีหน้าของสินค้าไว้ แล้วให้ผู้เข้าชมเว็บไซต์กดเลือกดูผ่านคีย์บอร์ดว่าต้องการดูมุมไหน พูดแล้วจะงงลองมาดูตัวอย่างกันก่อนครับ
ตัวอย่าง การ ทำ Flash สำหรับโชว์สินค้าในหน้าเว็บ.ลองคลิกที่ Flash ดูก่อนครับ จากนั้นก็กดปุ่มที่คีย์บอร์ดเลยครับว่าต้องการดูมุมไหน โดยคลิกที่ปุ่มลูกศร ซ้าย – ขวา ที่คีย์บอร์ดได้เลยครับ
ใครสนใจวิธีการสร้าง Flash แบบนี้ลองมาทำดูครับไม่อยากเลย
1.อย่างแรกเราเตรียมภาพที่ต้องการนำเสนอผ่าน Flash นี้ก่อนเลยนะครับ จากตัวอย่างผมเตรียมไว้ รูปดังนี้ครับ
1.อย่างแรกเราเตรียมภาพที่ต้องการนำเสนอผ่าน Flash นี้ก่อนเลยนะครับ จากตัวอย่างผมเตรียมไว้ รูปดังนี้ครับ
2. เปิดโปรแกรม Flash ขึ้นมาเลยครับ แล้วเลือก ActionScript3.0 เลยครับ
3.จากนั้นเรามากำหนดพื้นที่การแสดงของ Flash เราเลยนะครับ จากตัวอย่างผมจะใช้ขนาด 500 x 195 นะครับ โดยไปที่เมนู Modify > Document Setting แล้วกำหนดขนาดตามต้องการได้เลยครับ จากนั้นกด OK ไปเลยครับ
4. จากนั้นเราไปส่วนของ Timeline นะครับไปสร้างเลเยอร์ ให้ได้ 2 เลเยอร์ วิธีการสร้างเลเยอร์ คือไปที่ New Layer คลิก 1 ครั้งเราก็จะได้ Layer ใหม่ หนึ่งเลเยอร์แล้ว และให้ดับเบิ้ลคลิก
ที่เลเยอร์นั้นๆ และเปลี่ยนชื่อ Layer ดังภาพ
ที่เลเยอร์นั้นๆ และเปลี่ยนชื่อ Layer ดังภาพ
5.ให้เราไปนำภาพที่เตรียมไว้เข้ามาใส่ LIBRARY ของเรา โดยไปที่เมนู File > Import > Import to Library.. แล้วเลือกรูปภาพที่ต้องการใช้มาทั้งหมด
6.เมื่อใน LIBRARY เรามีรูปภาพแล้วให้เรานำรูปภาพมาไว้ในเลเยอร์ที่ชื่อ img ครับ การนำเมาส์ไปคลิกที่เลเยอร์ img เฟรมที่ 1
จากนั้นก็ลากรูปจาก LIBRARY มาใส่ในเฟรม ดังรูป
9. เพิ่มเฟรมเหมือนขั้นตอนที่ 7 และใส่รูปลงไปเหมือนขั้นตอนที่ 8 อีกครั้งนะครับ ถ้าใครมีรูปมากกว่า 3 รูปก็ทำไปจนกว่าจะครบทุกรูปนะครับ
10.จากนั้นไปที่เลเยอร์ Action โดยไปที่เฟรมสุดท้ายที่เรานำรูปใส่เข้าไปจากตัวอย่างมีอย่าง 3 รูป จึงไปที่เฟรมที่ 4 แล้วเลือก Insert Keyframe
12 ใส่
gotoAndStop(1);
ลงไปใน Action จากนั้นก็ปิดหน้าต่างนี้ไป
13 ไปที่เลอเยอร์ action เฟรมที่ 1 แล้วคลิกขวาเลือก Action พร้อมทั้งใส่ Script นี้ลงไป
14 จากนั้นก็รันผลด้วยการกด CTRL+ENTER ได้เลยครับ
ผมทำ VDO แบบย่อมาให้ดูครับ