ไม่มีหมวดหมู่

download font

ดาวน์โหลดฟอนต์ download font

download icon

ดาวน์โหลด ไอค่อน จากสะดุ้ง

download template

ดาวน์โหลด เทมเพลตเว็บต่างๆ

Download Vector

ดาวน์โหลดภาพเว็กเตอร์ จากสะดุ้ง

ของเสริม photoshop

brush style patterns

Home » เทคนิค flash cs

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

Submitted by on วันอาทิตย์, 12 ตุลาคม 200814 Comments


คำค้นหา: , , , ,

 

เทคนิค flash cs พื้นฐานคับ เป็นการ ทำให้รูปเคลื่อนไหวตามเส้นที่เราวางไว้ แบบเนียน ขั้นตอนการทำอธิบายไว้ละเอียดแล้วคับของทำดูคับ หากไม่เข้าใจสามารถ ดาวน์โหลดตัวอย่างไฟล์ fla ได้คับ

มาดูขั้นตอนการทำเลยคับ

1. ขั้นแรกเราต้องเตรียมรูป ไว้ก่อน

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

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

tree เทคนิค 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
flash6 121008 เทคนิค flash พื้นฐาน เคลื่อนที่ตามเส้นแบบเนียนๆ

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

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

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

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

 

8.จากนั้นก็ใช้เครื่องมือ pencil หรือ line,pen ก็ได้จากตัวอย่างนี้ใช้ pencilคับ วาดทิศทางในการเคลื่อนที่
flash8 121008 เทคนิค flash พื้นฐาน เคลื่อนที่ตามเส้นแบบเนียนๆ

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

 9.จากนั้นก็กลับมาที่ เลเยอร์ leave เฟรม 1และนำเมาส์ไปล่าง รูปใบไม้ให้มาติดกับเส้นด้านบนที่เราวาดไว้

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

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

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

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

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

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

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

เทคนิค flashพื้นฐาน12 เพื่อให้การเคลื่อนไหวที่เนียนเรามาเลือก orient to path ตรง properties เทคนิค flash พื้นฐาน

สุดท้ายดูผลเลยคับ ctrl+enter 
ผมได้นำไฟล์ตัวอย่างเป็น file fla ไว้เผื่อต้องการดูเป็นตัวอย่างประกอบ ดาวน์โหลดไฟล์ fla >>

DOWNLAOD FLA

<<< google Plus (กูเกิ้ล พลัส)ซัดที่นี่


Related Posts

คุณอาจจะสนใจ บทความต่อไปนี้(มั้ง)

  สามารถนำบทความไปเผยแพร่ต่อได้ แต่ต้องทำ ลิงค์กับมาที่บทความนั้นๆด้วยนะครับ หากไม่ทำตามจะมีความผิดทางกฏหมายตาม พรบ. เกี่ยวกับลิขสิทธิ์ นะครับ


14 Comments »

  • วิธีการสร้างตัว Preload ใน flash พร้อมไฟล์ตัวอย่าง fla และภาพประกอบ ที่ละขั้นตอน | สะดุ้ง.คอม said:

    [...] จากตัวอย่างเลือกใช้ตัวนี้  http://www.sadung.com/?p=311 2. สร้าง scene ขึ้นมาใหม่ โดยกด(shift+F2) [...]

    Reply to this commentตอบกลับความเห็นนี้
  • moa said:

    ทำได้แล้วจ้าขอบคุณคร๊าบบบบ

    Reply to this commentตอบกลับความเห็นนี้
  • pligg.com said:

    การทำ flash ให้เคลื่อนไหวตามเส้น พร้อมไฟล์ fla ประกอบ | สะดุ้ง.คอม…

    เทคนิค flash cs พื้นฐานคับ เป็นการ ทำให้รูปเคลื่อนไหวตามเส้นที่เราวางไว้ แบบเนียน ขั้นตอนการทำอธิบายไว้ละเอียดแล้วคับของทำดูคับ หากไม่เข้าใจสามารถ ดาวน์โหลดตัวอย่างไฟล์ fla ได้คับ…

    Reply to this commentตอบกลับความเห็นนี้
  • oom said:

    อยากทราบวิธีการทำตัวหนังสือ เหมือนว่า เราค่อยๆ เขียนเส้นตัวหนังสือจนเป็นคำอ่ะค่ะ ใครทราบ บอกกันนิดนึง

    ขอบคุณค่ะ

    Reply to this commentตอบกลับความเห็นนี้
  • แมวสะดุ้ง (author) said:

    ตามไปอ่านต่อ ที่นี่เลยครับ
    http://www.sadung.com/?p=19&cpage=1#comment-6404

    Reply to this commentตอบกลับความเห็นนี้
  • oom said:

    ขอบคุณมากเลยค่ะ เว็บนี้ดีจิงๆ มีน้ำใจด้วย . . อิอิ ขอชม ^__^

    Reply to this commentตอบกลับความเห็นนี้
  • oom said:

    งั้นขออีกอันจิ ^__^

    อยากทราบวิธีทำ flash นกบิน อ่ะค่ะ พอทราบมั้ยคะ

    ขอบคุณล่วงหน้าค่ะ

    Reply to this commentตอบกลับความเห็นนี้
  • Kapaopae said:

    เวลาที่เราเอารูปมาใส่ อ่ะ แล้วเราไปตัดแต่งใน PS.

    แล้ว Save ให้พื้นหลังโปร่งแสง

    แต่พอเอามา ใส่ใน Flash แล้วทำไมมันเป็น BG สีขาว อ่าาา

    O_____o”

    Reply to this commentตอบกลับความเห็นนี้
  • แมวสะดุ้ง (author) said:

    save file ” .PNG “

    Reply to this commentตอบกลับความเห็นนี้
  • ยุ said:

    7af73b77dbbc5cc576171e7c8190e2fa.gif

    Reply to this commentตอบกลับความเห็นนี้
  • ยุ said:

    ยังไงก็โพสรูปไม่ได้ แงๆๆๆ

    Reply to this commentตอบกลับความเห็นนี้
  • ยุ said:

    เวลาเราจะทำใบไม้เคลือนที หลายๆอันทำไงค่ะ

    Reply to this commentตอบกลับความเห็นนี้
  • Bow said:

    ทำแล้วมันไม่วิ่งตามเส้นอะค่ะ มันวิ่งตรงอย่างเดียว แก้ไงคะ รบกวนตอบทางเมลที

    Reply to this commentตอบกลับความเห็นนี้
  • Bow said:

    ^
    ^
    ^
    ลืมให้เมล นี่ค่ะเมล

    Modernlykorean@hotmail.com

    Reply to this commentตอบกลับความเห็นนี้

Leave your response!

Add your comment below, or trackback from your own site. You can also subscribe to these comments via RSS.

Be nice. Keep it clean. Stay on topic. No spam.

You can add images to your comment by clicking here.