ฟรีเว็บบอร์ด | สร้างเว็บบอร์ดฟรี | บันทึกหน้านี้ | 44277 เข้าชม | 455 คะแนน | ให้คะแนน
::: ผู้สนับสนุน :::
>>> หมวดหมู่หลัก : พูดคุยภายในห้อง : : : หมวดหมู่ย่อย : ห้อง ม.3/4 <<<
หัวข้อกระทู้ วิธีการทำฝนตกใน flash cs3 ( อ่าน 2842 ครั้ง ) บันทึกหน้านี้

Post By : Kulthida0426

รูปของสมาชิก Kulthida0426
ระดับ : ทหารยาม
IP : 223.204.51.xxx
กระทู้ : 11 โพส
พลังน้ำใจ : 2
ออฟไลน์ ออฟไลน์
ค่าพลังชีวิต : 0.28%
HP member status
ค่าประสบการณ์ : 22.00%
member status

ข้อมูลสมาชิกของ
::: เมื่อ : อังคาร 16 เดือน สิงหาคม ..2554 22:30:48 ::: กระทู้ : คะแนน ::: อ่านแล้ว : 2842 ครั้ง :::
Quote Topic Save Topic No Use Topic

  • ตัวอย่างการทำฝนตก ด้วย flash

    1. สร้างเอกสารขึ้นมาใหม่ แล้วกำหนดให้ กว้าง 400 สูง 200 และกำหนดสีพื้นหลัง #0e84a5 frame rate 19

    flash tip flash rainfall

    flash tip flash rainfall

    2.สร้างเลเยอร์ขึ้นมาใหม่แล้วตั้งชื่อว่า raindrop

    tip flash tip flash rainfall

    tip flash tip flash rainfall

    3.ใช้เครื่องมือ line tool (หรือกด N คียลัด) แล้วตั้งค่าตรง properties  กำหนดค่าตามรูปตัวอย่างประกอบและ สี เป็น #252525

    tip flash tip flash rainfall

    tip flash tip flash rainfall

    4.ลากเส้นบนรูปแบล็กกราวด์ ตามรูปตัวอย่างเลยครับ

    ทำฝนตกในงาน flash

    ทำฝนตกในงาน flash

    5.ไปเลือกคลิกเส้นที่เราวาดไว้ในขั้นตอนที่ 3แล้ว กด F8 เพื่อน Convert to Symbol แล้วตั้งชื่อ  ว่า raindrop

    สอนทำฝนตกในงาน flash

    สอนทำฝนตกในงาน flash

    6. ดับเบิ้ลคลิก movie clip(เส้นที่เราวาดลงไปเมื่อกี้)จะได้รูปแบบนี้

    สอนทำฝนตกในงาน flash

    สอนทำฝนตกในงาน flash

    7.คลิกเลือกเส้นที่เราวาดไว้ทีนึง แล้วกด F8 อีกครั้ง แล้วตั้ง ชื่อว่า raindrop_gr แล้วเลือกเป็น Graphic และเปลี่ยนชื่อเลเยอร์ เป็น  raindrop

    สอนทำฝนตกในงาน flash

    สอนทำฝนตกในงาน flash

    8. ที่เลเยอร์ raindrop กด F6 ที่เฟรม 10แล้วนำเมาส์ไปลากเส้นออกมาเหมือนตามรูป

    สอนทำฝนตกในงาน flash

    สอนทำฝนตกในงาน flash

    9. นำเมาส์ไปวางระหว่างเฟรม1 – 10 แล้วคลิกขวาเลือก Create MotionTween

    สอนทำฝนตกในงาน flash

    สอนทำฝนตกในงาน flash

    10 .สร้างเลเยอร์ใหม่ แล้วไปที่เครื่องมือ OVALหรือกด O จากนั้นตั้งค่าเส้นและสีตามรูป สี  #252525 แล้วเลือกตรงถังสีด้านล่างตามรูป

    สอนทำฝนตกในงาน flash

    สอนทำฝนตกในงาน flash

    ครับ แล้วกด F6 ที่เฟรม 1

    สอนทำฝนตกในงาน flash

    สอนทำฝนตกในงาน flash


    11.วาดวงกลมลงไปในเส้นฝน ตามรูปครับ

    สอนทำฝนตกในงาน flash

    สอนทำฝนตกในงาน flash

    12.คลิกวงกลมที่วาดไปหนึ่งที แล้วกด F8 และตั้งค่าตามรูป ชื่อ rainywave

    สอนทำฝนตกในงาน flash

    สอนทำฝนตกในงาน flash

    13.แล้วดับเบิ้ลคลิกที่วงกลมที่เราวาดลงจะได้หน้าตาแบบนี้

    สอนทำฝนตกในงาน flash

    สอนทำฝนตกในงาน flash

    14. กด F8 แล้วตั้งชื่อ rainywave_gr แล้วเซ็ตค่าตามรูปเลย

    สอนทำฝนตกในงาน flash

    สอนทำฝนตกในงาน flash

    15. กด F6 ที่เฟรมที่25 แล้วขยายรูปวงกลมออกมา

    สอนทำฝนตกในงาน flash

    สอนทำฝนตกในงาน flash

    16. มาดูในส่วนของ properties ตรง color เลือก Alpha และกำหนดค่าตามรูป

    สอนทำฝนตกในงาน flash

    สอนทำฝนตกในงาน flash

    17. นำเมาส์มาวางระหว่างเลเยอร? 1-25 แล้วคลิกขวาเลือก create motion tween

    สอนทำฝนตกในงาน flash

    สอนทำฝนตกในงาน flash

    18 คลิกที่เลเยอร์ เพื่อให้คลุมดำทั้งเลเยอร์ แล้วคลิกขวาเลือก copy Frames

    สอนทำฝนตกในงาน flash

    สอนทำฝนตกในงาน flash

    19 สร้างเลเยอร์ใหม่แล้วก็ไปกด F6 ที่เลเยอร์ 5 แล้วคลิกขวาเลือก paste frames

    สอนทำฝนตกในงาน flash

    สอนทำฝนตกในงาน flash

    20 สร้างเลเลอย์ใหม่แล้วทำเหมือนขั้นตอนที่ 19 แต่ให้กด F6 ที่ เลเยอร์ 10 แทนเลเยอร์ 5

    สอนทำฝนตกในงาน flash

    สอนทำฝนตกในงาน flash

    21 ไปคลิกที่ raindrop หนึ่งที

    สอนทำฝนตกในงาน flash

    สอนทำฝนตกในงาน flash

    22 กด F5 ที่เลเยอร์ 35

    สอนทำฝนตกในงาน flash

    สอนทำฝนตกในงาน flash

    แค่นี้เราก็จะได้ผนตก จากงาน flash แล้ว
    ขั้นสุงหน่อย ต่อไปเราต้องการสร้างฝน แต่มันมีแค่เม็ดเดียวฝนที่ไหนจะตกเม็ดเดียวจริงไหม
    หากเราต้องการทำหลายๆเม็ดก็ดัดแปลงอีกนิดหน่อย ก๊อบปี้แล้วแก้นิ๊ด..เดียวเอง อย่างเพิ่งถอดใจ

    23 ไปที่ scene raindrop คลิกที่ตรงชื่อเลเยอร์ แล้วนำเมาส์เลื่อนมาหน่อยแล้วคลิกขวากดก๊อบปี้เฟรม

    สอนทำฝนตกในงาน flash

    สอนทำฝนตกในงาน flash

    24 สร้างเลเยอร์ใหม่ แล้วไปที่เฟรม 5 กด Ctrl+Shift+V  เพื่อวางจากนั้นก็จัดที่ เฟรม 5 เอาเมาส์ไว้ย้ายเม็ดฝนไว้คนละที่กับตำแหน่งเดิมและ เฟรมสุดท้ายที่ฝนตกให้เอาไปเป็นตำแหน่งฝนตกให้ตรงกันด้วย
    25 สร้างอีกเลเยอร์แล้ว ก๊อบปี้อีกเลเยอร์ 1 ที่อยู่บนเลเยอร์เมื่อกี้ แล้วไปวางไว้ในเฟรมต่อจาก ขั้นตอนที่ 24
    จะเอาก็เม็ดก็ เพิ่มเอาเลยครับตามขั้น ที่ 23-25

    สอนทำฝนตกในงาน flash

    สอนทำฝนตกในงาน flash

Post By : Thinatcha0457

ระดับ : ทหารยาม
IP : 223.204.51.xxx
กระทู้ : 25 โพส
พลังน้ำใจ : 3
ออฟไลน์ ออฟไลน์
ค่าพลังชีวิต : 0.64%
HP member status
ค่าประสบการณ์ : 50.00%
member status

ข้อมูลสมาชิกของ
Re : วิธีการทำฝนตกใน flash cs3 # ความคิดเห็นที่ 1
[ เมื่อ : อังคาร 16 เดือน สิงหาคม ..2554 22:36:17]
แสดงความคิดเห็น Quote Topic
  • ขอบคุณมากค้า

    ความรู้ใหม่ๆ


Post By : Kulthida0426

Kulthida0426
ระดับ : ทหารยาม
IP : 223.204.51.xxx
กระทู้ : 11 โพส
พลังน้ำใจ : 2
ออฟไลน์ ออฟไลน์
ค่าพลังชีวิต : 0.28%
HP member status
ค่าประสบการณ์ : 22.00%
member status

ข้อมูลสมาชิกของ
Re : วิธีการทำฝนตกใน flash cs3 # ความคิดเห็นที่ 2
[ เมื่อ : อังคาร 16 เดือน สิงหาคม ..2554 22:40:02]
แสดงความคิดเห็น Quote Topic
  • เอามาแบ่งกัน นะ :'D 

Post By : Dennis0421

ระดับ : ทหารยาม
IP : 223.204.51.xxx
กระทู้ : 20 โพส
พลังน้ำใจ : 4
ออฟไลน์ ออฟไลน์
ค่าพลังชีวิต : 0.51%
HP member status
ค่าประสบการณ์ : 40.00%
member status

ข้อมูลสมาชิกของ
Re : วิธีการทำฝนตกใน flash cs3 # ความคิดเห็นที่ 3
[ เมื่อ : อังคาร 16 เดือน สิงหาคม ..2554 22:50:56]
แสดงความคิดเห็น Quote Topic
  • โฮะๆๆ  ทำฝนตกงั้นหรอ =w=   น่าสนใจดีแฮะ เดี๋ยวเอาไปประยุคใช้ เผื่อทำเป็นเลือด *** ได้ 55555 (มาแนวเถื่อนแฮะ)

Post By : Medfai0446

ระดับ : ทหารยาม
IP : 223.204.51.xxx
กระทู้ : 15 โพส
พลังน้ำใจ : 0
ออฟไลน์ ออฟไลน์
ค่าพลังชีวิต : 0.38%
HP member status
ค่าประสบการณ์ : 30.00%
member status

ข้อมูลสมาชิกของ
Re : วิธีการทำฝนตกใน flash cs3 # ความคิดเห็นที่ 4
[ เมื่อ : พุธ 17 เดือน สิงหาคม ..2554 17:19:19]
แสดงความคิดเห็น Quote Topic
  • ดีมากๆเลย

Post By : suvichan0409

ระดับ : ทหารยาม
IP : 223.204.51.xxx
กระทู้ : 45 โพส
พลังน้ำใจ : 4
ออฟไลน์ ออฟไลน์
ค่าพลังชีวิต : 1.15%
HP member status
ค่าประสบการณ์ : 90.00%
member status

ข้อมูลสมาชิกของ
Re : วิธีการทำฝนตกใน flash cs3 # ความคิดเห็นที่ 5
[ เมื่อ : พุธ 17 เดือน สิงหาคม ..2554 19:15:29]
แสดงความคิดเห็น Quote Topic
  • ขอบคุณครับชอบมากเลย

Post By : pamza0434

ระดับ : ทหารยาม
IP : 223.204.51.xxx
กระทู้ : 35 โพส
พลังน้ำใจ : 1
ออฟไลน์ ออฟไลน์
ค่าพลังชีวิต : 0.90%
HP member status
ค่าประสบการณ์ : 70.00%
member status

ข้อมูลสมาชิกของ
Re : วิธีการทำฝนตกใน flash cs3 # ความคิดเห็นที่ 6
[ เมื่อ : พุธ 17 เดือน สิงหาคม ..2554 20:43:09]
แสดงความคิดเห็น Quote Topic
  • ขอบคุณค่ะ


Post By : frank0418

ระดับ : ทหารยาม
IP : 223.204.51.xxx
กระทู้ : 12 โพส
พลังน้ำใจ : 1
ออฟไลน์ ออฟไลน์
ค่าพลังชีวิต : 0.31%
HP member status
ค่าประสบการณ์ : 24.00%
member status

ข้อมูลสมาชิกของ
Re : วิธีการทำฝนตกใน flash cs3 # ความคิดเห็นที่ 7
[ เมื่อ : พุธ 17 เดือน สิงหาคม ..2554 21:03:27]
แสดงความคิดเห็น Quote Topic
  • เก่งนะครับๆ

Post By : plaifon0435

ระดับ : ทหารยาม
IP : 223.204.51.xxx
กระทู้ : 31 โพส
พลังน้ำใจ : 2
ออฟไลน์ ออฟไลน์
ค่าพลังชีวิต : 0.79%
HP member status
ค่าประสบการณ์ : 62.00%
member status

ข้อมูลสมาชิกของ
Re : วิธีการทำฝนตกใน flash cs3 # ความคิดเห็นที่ 8
[ เมื่อ : พุธ 17 เดือน สิงหาคม ..2554 21:20:49] แก้ไขล่าสุดเมื่อ : พุธ 17 เดือน สิงหาคม ..2554 21:32:14
แสดงความคิดเห็น Quote Topic
  • ขอบคุณสำหรับวิธีการทำสายฝนในFlash CS3 ค่ะ ขอบคุณคะ 

Post By : Kulthida0426

Kulthida0426
ระดับ : ทหารยาม
IP : 223.204.51.xxx
กระทู้ : 11 โพส
พลังน้ำใจ : 2
ออฟไลน์ ออฟไลน์
ค่าพลังชีวิต : 0.28%
HP member status
ค่าประสบการณ์ : 22.00%
member status

ข้อมูลสมาชิกของ
Re : วิธีการทำฝนตกใน flash cs3 # ความคิดเห็นที่ 9
[ เมื่อ : พฤหัสบดี 18 เดือน สิงหาคม ..2554 17:33:18]
แสดงความคิดเห็น Quote Topic
  • ขอบคุณ ค่ะ =] 

Post By : Orrawan0443

ระดับ : ทหารยาม
IP : 223.204.51.xxx
กระทู้ : 11 โพส
พลังน้ำใจ : 1
ออฟไลน์ ออฟไลน์
ค่าพลังชีวิต : 0.28%
HP member status
ค่าประสบการณ์ : 22.00%
member status

ข้อมูลสมาชิกของ
Re : วิธีการทำฝนตกใน flash cs3 # ความคิดเห็นที่ 10
[ เมื่อ : ศุกร์ 19 เดือน สิงหาคม ..2554 15:25:20]
แสดงความคิดเห็น Quote Topic
  • เจ๋งงงง :D


CLOSE(X)
ฟรีเว็บบอร์ด โดย ICHAT เว็บไซต์ให้บริการสร้างเว็บบอร์ด ฟอรั่ม กระดานสนทนา กระดานถามตอบ กระดานบอร์ด เว็บไซต์รุ่น เว็บไซต์ส่วนตัว ที่เป็นมากกว่าคำว่า FREE !!
เวลาบน Server : อาทิตย์ 20 เดือน เมษายน 2557 05:06:51 ; โหลดหน้านี้ : 0.0485 วินาที แต่งรูปจีนโดยโปรแกรมจีน