download font

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

download icon

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

download template

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

Download Vector

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

ของเสริม photoshop

brush style patterns

Home » เทคนิค flash cs

flash ทำหิมะตก แบบง่ายๆ

Submitted by แมวสะดุ้ง on วันพฤหัส, 29 กรกฎาคม 20102 Comments


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

flash ทำหิมะตก แบบง่ายๆ

flash ทำหิมะตก แบบง่ายๆ

เป็นการสร้าง หิมะให้ตกใน แฟลช โดยไม่ใช่ Code ActionScript โดยวิธีอาจจะมีขั้นตอนที่ทำยาวกว่าแบบ ActionScript แต่จะง่ายกว่าแบบใส่ ActionScript โดยการวาดหิมะแล้วทำให้มันตกลงไป ถ้าอยากให้หิมะตกช้าๆก็กำหนดเฟรมเยอะๆไว้ครับถ้าให้หิมะตกเร็วก็กำหนดเฟรมน้อยๆครับ

1 เปิดโปรแกรม flash ขึ้นมาแล้วก็กำหนดขนาด จากตัวอย่างใช่ 400 x 250 นะครับ
2 import รูปภาพเข้ามา โดยเราจะนำมาเป็นฉากหลังครับ โดยไปที่ File > import > import to stage.. ครับแล้วจัดรูปให้อยู่ตรงกับ stage ครับ

flash ทำหิมะตก แบบง่ายๆ โดยไม่ใช่ code actionscript

flash ทำหิมะตก แบบง่ายๆ โดยไม่ใช่ code actionscript

3 สร้างเลเยอร์ใหม่อีหนึ่งเลเยอร์ครับ โดยเลเยอร์นี่เราจะเอาไปทำลูกหิมะ

flash ทำหิมะตก แบบง่ายๆ โดยไม่ใช่ code actionscript

flash ทำหิมะตก แบบง่ายๆ โดยไม่ใช่ code actionscript

4 ใช้เครื่องมือ brush แล้วก็เลือกสีขาว และก็ปรับหัวแปรงให้ขนาดพอเหมาะครับ

flash ทำหิมะตก แบบง่ายๆ โดยไม่ใช่ code actionscript

flash ทำหิมะตก แบบง่ายๆ โดยไม่ใช่ code actionscript

5 วาดหิมะลงไปในเลเยอร์ที่เราสร้างไปครับ

flash ทำหิมะตก แบบง่ายๆ โดยไม่ใช่ code actionscript

flash ทำหิมะตก แบบง่ายๆ โดยไม่ใช่ code actionscript

6 นำเมาส์ไปคลิกที่เลเยอร์ 2 และก็กด F8 เพื่อ convert to symbol และตั้งค่าตามรูปเลยครับ

flash ทำหิมะตก แบบง่ายๆ โดยไม่ใช่ code actionscript

flash ทำหิมะตก แบบง่ายๆ โดยไม่ใช่ code actionscript

7 ไปดูที่ส่วนของ Property > Blur > และก็ปรับค่าเบอล เลยครับจากตัวอย่างปรับเป็น 7 px Quality  low

flash ทำหิมะตก แบบง่ายๆ โดยไม่ใช่ code actionscript

flash ทำหิมะตก แบบง่ายๆ โดยไม่ใช่ code actionscript

8 สร้างเลเยอร์ใหม่แล้วก็ วาดหิมะลงไป และก็ไป convert to symbol จากนั้นก็ปรับให้เป็น blur เหมือนขั้นที่ 5-7 นะครับ
โดยหิมะที่วาดพยยามอย่าวาดซ้ำที่เดิม ครับ โดยเราจะสร้างหิมะซัก 3 เลเยอร์ หรือจะเอามากกว่านั้นก็ได้ครับ
9 จะได้พื้นหลัง 1 เลเยอร์ และก็หิมะอีก 3 เลเยอร์
แล้วก็นำเลเยอร์หิมะทั้ง3 ลากไปไว้ข้างบน stage ครับ
10 กด F6 ที่ฟรม 60 ของเลเยอร์1
11 กด F6 ที่ฟรม 60 ของเลเยอร์2

flash ทำหิมะตก แบบง่ายๆ โดยไม่ใช่ code actionscript

flash ทำหิมะตก แบบง่ายๆ โดยไม่ใช่ code actionscript

12 นำเมาส์ไปคลิกที่เฟรม 60 ในเลเยอร์ 2 และก็ ลากหิมะลงไปด้านล่าง
13 นำเมาส์ไปคลิกขวาระหว่างเฟรม 1-60 และก็คลิกขวาเลือก Create Motion Tween
14 ทำในเลเยอร์ 3 วิธีเหมือนขั้นที่ 11-12 ตรงขั้นที่ 11 เราสามารถเปลี่ยนเฟรมได้ถ้าต้องการให้หิมะหล่นเร็วขึ้นก็ไปกด F6 ที่เฟรมก่อนหน้านี้ จากตัวอย่างในเฟรมที่ 40
15 ทำในเลเยอร์ที่ 4 ให้หิมะตกเหมือนขั้นที่ 14 นะครับ จากนั้นก็รันผลได้เลยครับ ctrl+enter ครับ

ตัวอย่างหิมะตกจะเป็นแบบนี้ครับ

หากไม่เข้าใจดาวน์โหลดตัวอย่างได้ที่นนี่คร้บ

DOWNLOAD FLASH ตัวอย่าง FLA

Related Posts

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


2 Comments »

  • dukdik said:

    หิมะเคลื่อนไปข้างบนง่า

  • แมวสะดุ้ง (author) said:

    ในเลเยอร์ที่สร้าง หิมะนะครับ ในเฟรมแรกรูปหิมะต้องอยุ่ด้านบน และ ก็เฟรมสุดท้ายของหิมะต้องอยู่ด้านล่างเลยครับ ผมคิดว่าของคุณต้องทำสลับกันแหง่ๆเลย ลองเช็คดูนะครับ และก็ปรับตามที่บอกข้างต้นหิมะก็จะไปวิ่งขึ้นไปด้านบนแล้วครับ

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.