วันอาทิตย์ที่ 25 สิงหาคม พ.ศ. 2556

การสร้าง banner

เตรียมรูป ที่จะทำ background ในงาน flash banner ของเราก่อน และรูปภาพประกอบด้วยนะครับจากตัวอย่างใช้ 2 รูปนี่ครับ
flashbanner tip background สอนทำ flash banner
background flash banner
flashbanner car สอนทำ flash banner
car flash banner
1.สร้างเอกสารในโปรแกรมแฟลชขึ้นมาโดยกำหนดขนาดเป็น 400 * 350 ครับ
flashbanner tip background 1 สอนทำ flash banner
สอนทำ flash banner
2.ไปที่ file > Import > Import to stage (Shortcut key: Ctrl+R)เพื่อจะนำรูปเข้ามา โดยนำมารูปพื้นหลังมากก่อน
3.นำรูปรถเข้ามา file > Import > Import to libraly.. นำรูปรถมาเก็บไว้ที่ libraly ก่อน
flashbanner tip background 3 สอนทำ flash banner
สอนทำ flash banner
4.สร้างเลเยอร์ใหม่ตั้งชื่อ เลเยอร์ว่า car
flashbanner tip background 4 สอนทำ flash banner
สอนทำ flash banner
5.นำรูปรถมาวาง(ลากมาจาก libraly)ที่มุม ซ้ายของพื้นหลัง
flashbanner tip background 5 สอนทำ flash banner
สอนทำ flash banner
6.นำเมาส์ไปคลิกเลือกที่รูปรถก่อน แล้วกด F8 ที่คีย์บอรด์ เพื่อ Convert to Symbo
flashbanner tip background 6 สอนทำ flash banner
สอนทำ flash banner
7.ไปที่เลเยอร์ layer1 แล้วไปที่เฟรม 20 คลิกขวาเลือก  Inset Keyframe
flashbanner tip background 7 สอนทำ flash banner
สอนทำ flash banner
8.ไปที่เลเยอร์ car แล้วไปที่เฟรม 5 คลิกขวาเลือก  Inset Keyframe
flashbanner tip background 8 สอนทำ flash banner
สอนทำ flash banner
9.นำเมาส์ไปลากรูปรถมาข้าหน้า
flashbanner tip background 9 สอนทำ flash banner
สอนทำ flash banner
10.ไปที่เลเยอร์ car แล้วไปที่เฟรม 7 คลิกขวาเลือก  Inset Keyframe
flashbanner tip background 10 สอนทำ flash banner
สอนทำ flash banner
11.นำเมาส์ไปลากรูปรถมาข้าหน้าอีกนิด ครับ
flashbanner tip background 11 สอนทำ flash banner
สอนทำ flash banner
12.นำเมาส์ไปคลิกที่เลเยอร์ car เฟรมที่ 5
flashbanner tip background 12 สอนทำ flash banner
สอนทำ flash banner
13.นำเมาส์ไปคลิกที่รถ 1 ทีแล้วดูในส่วนด้านล่างของโปรแกรมแฟลช จะเห็น แท็บ filters ให้คลิกที่เครื่องหมาย + ตามรูปภาพเลยครับ แล้วเลือก Blur
flashbanner tip background 13 สอนทำ flash banner
สอนทำ flash banner
14.กำหนดค่า Blur X: 51  Blur Y:0 หากของใครกำหนดไม่ได้เพราะว่า x กับ y มาเปลี่ยนอัตโนมัติให้ไปคลิกที่รูปแม่กุญแจออก
flashbanner tip background 14 สอนทำ flash banner
สอนทำ flash banner
15.ไปที่เลเยอร์ car แล้วไปที่เฟรม 20 คลิกขวาเลือก  Inset Keyframe
flashbanner tip background 15 สอนทำ flash banner
สอนทำ flash banner
16.นำเมาส์ไววางระหว่างเฟรม 1 – 5 คลิกขวาเลือก Create Motion Tween
flashbanner tip background 16 สอนทำ flash banner
สอนทำ flash banner
17.นำเมาส์ไววางที่เฟรม 6 คลิกขวาเลือก Create Motion Tween
เสร็จแล้วครับ ดูผลงานได้เลยครับ ctrl+enter
อ้างอิง :  http://www.sadung.com/?p=4099

ไม่มีความคิดเห็น:

แสดงความคิดเห็น