หน้าแรก
  • user warning: Table 'cache_filter' is marked as crashed and should be repaired query: SELECT data, created, headers, expire, serialized FROM cache_filter WHERE cid = '3:7aaed1a79fc882724d619975094c156f' in /home/tgv/htdocs/includes/cache.inc on line 27.
  • user warning: Table 'cache_filter' is marked as crashed and should be repaired query: UPDATE cache_filter SET data = '<!--paging_filter--><p><span style=\"color: #800000\"><strong>เทคนิคการทำ Expaning_text<br />\n</strong></span><span style=\"color: #000000\">     เป็นการทำภาพเคลื่อนไหวอีกแบบหนึ่งที่เกี่ยวข้องกับการเคลื่อนไหวของตัวอักษร (Text) เปรียบเสมือนการขยายตัวอักษรโดยให้มีสไตล์ที่น่าสนใจ แต่ลักษณะเดิมยังคงค้างไว้เหมือนเดิม เพื่อให้เกิดความเข้าใจมากขึ้น ลองศึกษาขั้นตอนและวิธีการทำงาน ดังต่อไปนี้</span></p>\n<p>\n1. หลังจาก เขียนข้อความที่ต้องการทำ <strong><span style=\"color: #ff8800\">Expaning_text</span></strong> แล้วให้คุณ <span style=\"color: #ff8800\">กด F8</span> เพื่อ  <span style=\"color: #ff8800\">Convert to Symbol</span>  โดย <span style=\"color: #ff8800\">เลือก Type เป็น Graphic</span>\n</p>\n<p>\n<strong></strong></p>\n<div style=\"text-align: center\">\n<img height=\"126\" width=\"293\" src=\"http://www.webthaidd.com/flash/file_flash/flash69/00001.gif\" />\n</div>\n<p>\n</p>\n<p>\n&nbsp;\n</p>\n<div style=\"text-align: center\">\n<img height=\"137\" width=\"408\" src=\"http://www.webthaidd.com/flash/file_flash/flash69/00002.gif\" />\n</div>\n<p>\n2. จากนั้น <span style=\"color: #ff8800\">คลิ๊กขวาที่ Frame 1</span> ใน Layer 1 เลือก <span style=\"color: #ff8800\">Copy Frames</span> </p>\n<div style=\"text-align: center\">\n<img height=\"267\" width=\"352\" src=\"http://www.webthaidd.com/flash/file_flash/flash69/00003.gif\" />\n</div>\n<p>\n3. กดเพิ่ม Layer ขึ้นมา จากนั้น <span style=\"color: #ff8800\">คลิ๊กขวาที่ Frameที่ 1</span> ของ Layer 2 <span style=\"color: #ff8800\">กด Paste Frames</span>\n</p>\n<div style=\"text-align: center\">\n<img height=\"182\" width=\"275\" src=\"http://www.webthaidd.com/flash/file_flash/flash69/00004.gif\" />\n</div>\n<p>\n&gt;&gt;&gt;\n</p>\n<div style=\"text-align: center\">\n<img height=\"305\" width=\"366\" src=\"http://www.webthaidd.com/flash/file_flash/flash69/00005.gif\" />\n</div>\n<p>\n4. จากนั้น <span style=\"color: #ff8800\">คลิ๊กขวาที่ Frame ที่ 30</span> ของ Layer 2 <span style=\"color: #ff8800\">เลือก Insert Keyframe </span>\n</p>\n<div style=\"text-align: center\">\n<img height=\"135\" width=\"490\" src=\"http://www.webthaidd.com/flash/file_flash/flash69/00006.gif\" />\n</div>\n<p>\n&gt;&gt;&gt;\n</p>\n<div style=\"text-align: center\">\n<img height=\"135\" width=\"490\" src=\"http://www.webthaidd.com/flash/file_flash/flash69/00007.gif\" />\n</div>\n<p>\n5. จากนั้นคลิกเลือก Frame 30 ของ Layer 2 แล้วมา<span style=\"color: #ff8800\">เลือก Free Tansform Tool</span> แล้วมาขยาย ตัวอักษรให้ใหญ่ขึ้น เฉพาะ ใน Frame 30 ของ Layer 2 เท่านั้นนะครับ\n</p>\n<div style=\"text-align: center\">\n<img height=\"152\" width=\"328\" src=\"http://www.webthaidd.com/flash/file_flash/flash69/00008.gif\" />\n</div>\n<p>\n6. จากนั้น ลงมา ที่ <span style=\"color: #ff8800\">Properties</span> เลือก Color เป็น <span style=\"color: #ff8800\">Alpha เลือก 0%</span> ใน Frame 30 ของ Layer 2\n</p>\n<div style=\"text-align: center\">\n<img height=\"80\" width=\"272\" src=\"http://www.webthaidd.com/flash/file_flash/flash69/00009.gif\" />\n</div>\n<p>\n7. จากนั้นคลิ๊กที่ Layer 2 แล้วลงมาที่ <span style=\"color: #ff8800\">Properties</span> เลือก <span style=\"color: #ff8800\">Tween เป็น Motion</span>\n</p>\n<div style=\"text-align: center\">\n<img height=\"149\" width=\"442\" src=\"http://www.webthaidd.com/flash/file_flash/flash69/00010.gif\" />\n</div>\n<p>\n&gt;&gt;&gt;\n</p>\n<div style=\"text-align: center\">\n<img height=\"95\" width=\"162\" src=\"http://www.webthaidd.com/flash/file_flash/flash69/00011.gif\" />\n</div>\n<p>\n&gt;&gt;&gt;\n</p>\n<div style=\"text-align: center\">\n<img height=\"101\" width=\"417\" src=\"http://www.webthaidd.com/flash/file_flash/flash69/00012.gif\" />\n</div>\n<p>\n8. จากนั้นกลับมาที่ Layer 1 คลิ๊กขวา ที่ Frame ที่ 30 <span style=\"color: #ff8800\">เลือก Insert Frame</span>\n</p>\n<div style=\"text-align: center\">\n<img height=\"168\" width=\"347\" src=\"http://www.webthaidd.com/flash/file_flash/flash69/00013.gif\" />\n</div>\n<p>\n&gt;&gt;&gt;\n</p>\n<div style=\"text-align: center\">\n<img height=\"86\" width=\"433\" src=\"http://www.webthaidd.com/flash/file_flash/flash69/00014.gif\" />\n</div>\n<p>\n9. กด <span style=\"color: #ff8800\">Ctrl + Enter</span> เำพื่อทำการแสดงผล จะได้ผลลัพธ์ดังนี้\n</p>\n<div style=\"text-align: center\">\n<img height=\"180\" width=\"300\" src=\"/files/u21018/ex30.gif\" border=\"0\" />\n<p>                                                                                                                                      <a href=\"/node/45996?page=0%2C0\"><strong>&lt;&lt; กลับหน้าหลัก</strong><br />\n</a> \n</p></div>\n<p></p>\n', created = 1715632536, expire = 1715718936, headers = '', serialized = 0 WHERE cid = '3:7aaed1a79fc882724d619975094c156f' in /home/tgv/htdocs/includes/cache.inc on line 112.

การสร้างภาพเคลื่อนไหวโดยโปรแกรม flash

เมื่อ จันทร์, 23/11/2009 - 15:03 | แก้ไขล่าสุด พุธ, 22/09/2010 - 11:05| โดย sp2520

เทคนิคการทำ Expaning_text
     เป็นการทำภาพเคลื่อนไหวอีกแบบหนึ่งที่เกี่ยวข้องกับการเคลื่อนไหวของตัวอักษร (Text) เปรียบเสมือนการขยายตัวอักษรโดยให้มีสไตล์ที่น่าสนใจ แต่ลักษณะเดิมยังคงค้างไว้เหมือนเดิม เพื่อให้เกิดความเข้าใจมากขึ้น ลองศึกษาขั้นตอนและวิธีการทำงาน ดังต่อไปนี้

1. หลังจาก เขียนข้อความที่ต้องการทำ Expaning_text แล้วให้คุณ กด F8 เพื่อ  Convert to Symbol  โดย เลือก Type เป็น Graphic

 

2. จากนั้น คลิ๊กขวาที่ Frame 1 ใน Layer 1 เลือก Copy Frames

3. กดเพิ่ม Layer ขึ้นมา จากนั้น คลิ๊กขวาที่ Frameที่ 1 ของ Layer 2 กด Paste Frames

>>>

4. จากนั้น คลิ๊กขวาที่ Frame ที่ 30 ของ Layer 2 เลือก Insert Keyframe

>>>

5. จากนั้นคลิกเลือก Frame 30 ของ Layer 2 แล้วมาเลือก Free Tansform Tool แล้วมาขยาย ตัวอักษรให้ใหญ่ขึ้น เฉพาะ ใน Frame 30 ของ Layer 2 เท่านั้นนะครับ

6. จากนั้น ลงมา ที่ Properties เลือก Color เป็น Alpha เลือก 0% ใน Frame 30 ของ Layer 2

7. จากนั้นคลิ๊กที่ Layer 2 แล้วลงมาที่ Properties เลือก Tween เป็น Motion

>>>

>>>

8. จากนั้นกลับมาที่ Layer 1 คลิ๊กขวา ที่ Frame ที่ 30 เลือก Insert Frame

>>>

9. กด Ctrl + Enter เำพื่อทำการแสดงผล จะได้ผลลัพธ์ดังนี้

                                                                                                                                      << กลับหน้าหลัก
 

สร้างโดย: 
สถาพร เป็งปัน
แหล่งอ้างอิง: 
http://www.hellomyweb.com,http://school.phutti.net/flash/chap1/topic1/index.html,http://www.fhappy.com/training.asp,http://it.northbkk.ac.th/elearning/FlashMX/courseflashmx.htm,http://www.kruprawit.com/caiFlash/FlashAnt.swf,http://www.webthaidd.com/flash/webthaidd_article_772_1.html
ล็อกอิน เพื่อแสดงความคิดเห็น |  อ่าน 192094 ครั้ง |  Tags: ช่วงชั้น 2 (ป.4-6), ช่วงชั้น 3 (ม.1-3), ช่วงชั้น 4 (ม.4-6), การงานอาชีพ เทคโนโลยี, เนื้อหาแนะนำ

มหาวิทยาลัยศรีปทุม ผู้ใหญ่ใจดี
 

Thaigoodview

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

ช่วยกันนะครับ 
ไทยกู๊ดวิวจะได้อยู่นานๆ 
ไม่ถูกปิดเสียก่อน
ขอขอบคุณในความร่วมมือครับ

อ่านรายละเอียด

ด่วน...... ขณะนี้
พระราชบัญญัติลิขสิทธิ์ (ฉบับที่ 2) พ.ศ. 2558 
มีผลบังคับใช้แล้ว 
ขอให้นักเรียนและคุณครูที่ใช้งาน
เว็บ thaigoodview ในการส่งการบ้าน
ระมัดระวังการละเมิดลิขสิทธิ์ด้วย
อ่านรายละเอียดที่นี่ครับ

 

สมาชิกที่ออนไลน์

ขณะนี้มี สมาชิก 0 คน และ ผู้เยี่ยมชม 461 คน กำลังออนไลน์

Creative Commons License

Copyright © 2000-2024 thaigoodview.com | ออกแบบและพัฒนาระบบโดย ไทยกู๊ดวิวดอทคอม
สงวนสิทธิ์ภายใต้สัญญาอนุญาต Creative Commons Attribution-Noncommercial-Share Alike 3.0 Unported License.
ท่านสามารถนำเนื้อหาไปใช้ แสดง ดัดแปลง เผยแพร่ โดยต้องอ้างอิงที่มา ห้ามใช้เพื่อการค้า และต้องใช้สัญญาอนุญาตชนิดเดียวกันนี้ไปกับงานดัดแปลงต่อยอดที่เผยเผยแพร่ต่อ