วันศุกร์ที่ 12 สิงหาคม พ.ศ. 2554

เทคนิค flash พื้นฐาน เคลื่อนที่ตามเส้นแบบเนียนๆ

มาดูขั้นตอนการทำเลยค่ะ
1. ขั้นแรกเราต้องเตรียมรูป ไว้ก่อน
 
รูปภาพพื้นหลัง ประกอบ เทคนิค flash พื้นฐาน

รูปภาพพื้นหลัง ประกอบ เทคนิค flash พื้นฐาน
รูปใบไม้ ที่หล่นลงมา
รูปใบไม้ ที่หล่นลงมา



2. จากนั้นเราก็เปิดโปรแกรม flash cs ขึ้นมา แล้วสร้างเอกสารขึ้นมาใหม่ กำหนดขนาด  size(properties ด้านล่าง ถ้าไม่เจอกด  ctrl+F3 ) ให้เท่ากับภาพเราากตัวอย่างใช้ 280*300 และกำหนด frame rate
12
3. import รูปทั้งสองเข้ามา Ctrl+ R หรือ file > import > > import to stage…  จากนั้นรูปจะเข้ามาอยู่ ใน stage เข้าในเฟรม1 เลเยอร์ 1 ลบมันออกก่อนค่ะ
4.เปลี่ยนชื่อ layer1 ให้เป็น bg และนำรูปพื้น bg มาใส่ในเลเยอร์  bg
5. สร้างเลเยอร์ข้นมาใหม่อีก1เลเยอร์ ชื่อว่า leave และนำรูปใบไม้ที่เตรียมไว้ นำไปใส่ไว้ในเลเยอร์นี้
6.ที่เลเยอร์ leave กด F8 เพื่อ convert to symbol ตั้งชื่อ leave_mc เลือกช่อง Graphic กดOK และไปกด F6 ที่เลเยอร์ leave เฟรม 35
 
เทคนิค flash พื้นฐาน
เทคนิค flash พื้นฐาน

 7. สร้าง guide โดยไปที่ปุ่ม ตามรูปด้านล่างนี้ค่ะ

เทคนิค flash พื้นฐาน
เทคนิค flash พื้นฐาน

8.จากนั้นก็ใช้เครื่องมือ pencil หรือ line,pen ก็ได้จากตัวอย่างนี้ใช้ pencilคับ วาดทิศทางในการเคลื่อนที่
 
เทคนิค flash พื้นฐาน
เทคนิค flash พื้นฐาน
 9.จากนั้นก็กลับมาที่ เลเยอร์ leave เฟรม 1และนำเมาส์ไปล่าง รูปใบไม้ให้มาติดกับเส้นด้านบนที่เราวาดไว้

เทคนิค flash พื้นฐาน
เทคนิค flash พื้นฐาน

10 มาที่เลเยอร์ 35 บ้างคับ ทำเหมือนกับขั้นตอนที่ 9 คับ แต่คราวนี้เราย้ายจากจุดเริ่มต้น มาไว้ยังจุดสุดท้ายของเส้นโดยให้จุดวงกลมมันติดกับเส้น guide

เทคนิค flash พื้นฐาน
เทคนิคflashพื้นฐาน

11. นำเมาส์มาวางที่เลเยอร์ leave แล้วคลิกขวาเลือก create motion tween

เทคนิค flashพื้นฐาน
เทคนิค flashพื้นฐาน

12 เพื่อให้การเคลื่อนไหวที่เนียนเรามาเลือก orient to path ตรง properties เทคนิค flash พื้นฐาน
สุดท้ายดูผลเลยค่ะ ctrl+enter



อ้างอิง :: http://www.sadung.com/?p=311

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

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