tag:blogger.com,1999:blog-21330473360822872862024-09-02T12:37:54.121+07:00Unknownnoreply@blogger.comBlogger12125tag:blogger.com,1999:blog-2133047336082287286.post-38463227171172068952010-10-18T21:15:00.001+07:002010-10-18T21:18:16.298+07:00<div class="separator" style="clear: both; text-align: center;"><object data="http://www.swfcabin.com/swf-files/1287408344.swf" height="500" type="application/x-shockwave-flash" width="400"> <param name="movie" value="http://www.swfcabin.com/swf-files/1287408344.swf"/><param name="FlashVars" value="playerMode=embedded" /></object></div><div class="separator" style="clear: both; text-align: center;"><br /> </div><div class="separator" style="clear: both; text-align: left;">กลับมาอีกครั้งกับการลองเอาโคดจากที่อื่นมาลองทำดู มันออกจะลวกๆหน่อยขออภัยไว้ ณ ที่นี้ ยังไงก็ขอคำแนะนำหน่อยจะขอบคุณอย่างมาก </div>Unknownnoreply@blogger.com1tag:blogger.com,1999:blog-2133047336082287286.post-32730331466520312522010-09-22T11:05:00.000+07:002010-09-22T11:05:40.641+07:00<div class="separator" style="clear: both; text-align: center;"><object data="http://www.swfcabin.com/swf-files/1282797954.swf" height="550" type="application/x-shockwave-flash" width="400"> <param name="movie" value="http://www.swfcabin.com/swf-files/1285125051.swf"/><param name="FlashVars" value="playerMode=embedded" /></object></div><div class="separator" style="clear: both; text-align: center;"><br /> </div><div class="separator" style="clear: both; text-align: left;">ห่างหายไปนาน ที่หายไปคือไปทำงานแฟลชอันแรกโดยได้ความคิดจากการดูพวกทีวีโชว์ 24 ชั่วโมง อยากให้มาวิจารณ์มือใหม่คนนี้หน่อยเผื่อว่าจะได้นำไปปรับปรุง</div>Unknownnoreply@blogger.com1tag:blogger.com,1999:blog-2133047336082287286.post-65880142329049534562010-08-26T12:31:00.000+07:002010-08-26T12:31:33.066+07:00<div style="text-align: justify;"></div><div style="text-align: justify;">การสร้างแอนิเมชั่นแบบทวีนต่างจากการสร้างแอนิเมชั่นแบบเฟรมต่อเฟรม ตรงที่เราไม่ต้องกำหนดการเคลื่อนไหวทุกคีย์เฟรม แต่จะต้องระบุอย่างน้อยสองคีย์เฟรม( เฟรมเริ่มต้นและเฟรมสิ้นสุดการเคลื่อนไหว) เพื่อให้โปรแกรม Flash คำนวณและสร้างเฟรมแทรกระหว่างคีย์เฟรมเท่านั้นให้โดยอัตโนมัติ</div><div style="text-align: justify;"><br /> </div><div style="text-align: justify;">การเคลื่อนไหวชนิดทวีนแบ่งเป็น 2 ลักษณะด้วยกัน</div><div style="text-align: justify;">1. การเคลื่อนไหวแบบเคลื่อนที่ออบเจ็กต์ หรือโมชั่นทวีน(Mtion Tween)</div><div style="text-align: justify;">2. การเคลื่อนไหวแบบเปลี่ยนแปลงรูปทรงออบเจ็กต์ หรือเชฟทวีน(Shape Tween)</div><div style="text-align: justify;"><a name='more'></a><br /> </div><div style="text-align: justify;">สำหรับในบทความนี้เราจะกล่าวถึงโมชั่นทวีนก่อน และในบทความสต่อไปจะกล่าวถึงเชฟทวีน และเพื่อให้เห็นความแตกต่างชัดระหว่างการสร้างแอนิเมชั่นแบบทวีนและแบบเฟรมต่อเฟรม เราจะนำตัวอย่างจากบทความที่แล้วมาทำใหม่โดยใช้วิธีแอนิเมชั่นแบบทวีน โดยจะสร้างเพียงสองคีย์เฟรม</div><div style="text-align: justify;"><br /> </div><div style="text-align: justify;">โดยการสร้างแอนิเมชั่นด้วยโมชั่นทวีน มีขั้นตอนการทำงานดังนี้</div><div style="text-align: justify;"><br /> </div><div style="text-align: justify;"><strong>โดยขั้นตอนที่ 1 และ 2</strong> จะทำเหมือนกับขั้นตอนการสร้างงานแอนิเมชั่นแบบเฟรมต่อเฟรม</div><div style="text-align: justify;"><br /> </div><div style="text-align: justify;"><strong>ขั้นตอนที่ 3 กำหนดคีย์เฟรมหลักที่ใช้ในการเคลื่อนที่</strong></div><div style="text-align: justify;">กำหนดคีย์เฟรมหลักที่เราต้องกำหนด ในการเคลื่อนที่ของดาว ได้แก่ จุดเริ่มต้น (เฟรมที่1) และ จุดที่ดาวหยุดการเคลื่อนที่(เฟรมที่10) ดังนี้</div><div style="text-align: justify;"><br /> </div><div class="separator" style="clear: both; text-align: center;"><br /> </div><div class="separator" style="clear: both; text-align: justify;"><span style="color: purple;">1. ให้คลิกขวาเลือกเฟรมสุดท้าย(เฟรมที่ 10) บนไทมไลน์ และเลือกคำสั่ง Insert Keyframe</span></div><div class="separator" style="clear: both; text-align: justify;"><br /> </div><div class="separator" style="border-bottom: medium none; border-left: medium none; border-right: medium none; border-top: medium none; clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiuRVPAyV1qvHa7VtcUUf1VjjQHC0t-MA6TnwfSjIRQ7YkeHZfobs4qVPRih9wcJLWREsvoOx4PSHfY3fjvl-ulDOQHsaH1p8V1ePxq6XRNmr697NAreo5HWxoCPRkh13K6u-nJS7zDvQ/s1600/flash50.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="177" ox="true" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiuRVPAyV1qvHa7VtcUUf1VjjQHC0t-MA6TnwfSjIRQ7YkeHZfobs4qVPRih9wcJLWREsvoOx4PSHfY3fjvl-ulDOQHsaH1p8V1ePxq6XRNmr697NAreo5HWxoCPRkh13K6u-nJS7zDvQ/s400/flash50.jpg" width="400" /></a></div><div class="separator" style="border-bottom: medium none; border-left: medium none; border-right: medium none; border-top: medium none; clear: both; text-align: center;"><br /> </div><div class="" style="border-bottom: medium none; border-left: medium none; border-right: medium none; border-top: medium none; clear: both; text-align: justify;"><span style="color: purple;">2. เฟรมที่ 10 จะกลายเป็นคีย์เฟรม จากนั้นปรับตำแหน่งภาพให้เลื่อนลงมา ในจุดสุดท้ายพร้อมทั้งขยายภาพให้ใหญ่ขึ้นด้วย Transform Tool</span></div><div class="" style="border-bottom: medium none; border-left: medium none; border-right: medium none; border-top: medium none; clear: both; text-align: justify;"><br /> </div><div class="separator" style="border-bottom: medium none; border-left: medium none; border-right: medium none; border-top: medium none; clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh2gokyPV0n2bCznQKXsxx1xBh450k0W_O5XMT2nGpd0JzM4mlVZZDAn-qeA0Urffpq0cLnWslzHu99qFr1UD89yKuqNo8NnGqibDzMpAApSESoVtnO9jYXsUj6Gt1RDD8mJ3KNWKIRxw/s1600/flash51.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="242" ox="true" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh2gokyPV0n2bCznQKXsxx1xBh450k0W_O5XMT2nGpd0JzM4mlVZZDAn-qeA0Urffpq0cLnWslzHu99qFr1UD89yKuqNo8NnGqibDzMpAApSESoVtnO9jYXsUj6Gt1RDD8mJ3KNWKIRxw/s400/flash51.jpg" width="400" /></a></div><div class="separator" style="border-bottom: medium none; border-left: medium none; border-right: medium none; border-top: medium none; clear: both; text-align: center;"><br /> </div><div style="border-bottom: medium none; border-left: medium none; border-right: medium none; border-top: medium none; text-align: justify;"><strong>ขั้นตอนที่ 4 ให้โปรแกรม flash ทำการคำนวณการเคลื่อนที่</strong></div><div style="text-align: justify;">ต่อไปเราจะกำหนดการเคลื่อนไหวแบบทวีน โดยโปรแกรม Flash เพื่อแสดงการเคลื่อนที่ของภาพ ให้เรากำหนดทวีนระหว่างระหว่างคีย์เฟรมที่ 1 ถึง 10 ดังวิธีต่อไปนี้</div><div style="text-align: justify;"><br /> </div><div style="text-align: justify;"><span style="color: purple;">1.คลิกขวาที่ในช่วงของเฟรมที่ต้องการสร้างการเคลื่อนไหวแล้วเลือกคำสั่ง Create Motion Tween</span></div><div style="text-align: justify;"><br /> </div><div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj60lP-bs_NS5ujs9VwKwqq7YpU4Oux4QnmNKrvdy_icmyEPECsOruzmX1tk4TpIK-veglBR4hy0F2Rjbmlh1u3knNC_vFGbGc18Y4rXr07sfFDBMwz8qjsrSjkqpZeftR10fUbv-CWEg/s1600/flash52.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="160" ox="true" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj60lP-bs_NS5ujs9VwKwqq7YpU4Oux4QnmNKrvdy_icmyEPECsOruzmX1tk4TpIK-veglBR4hy0F2Rjbmlh1u3knNC_vFGbGc18Y4rXr07sfFDBMwz8qjsrSjkqpZeftR10fUbv-CWEg/s400/flash52.jpg" width="400" /></a></div><div style="text-align: justify;"><br /> </div><div style="text-align: justify;"><span style="color: purple;">2. หลังจากเลือกคำสั่ง Create Motion Tween จะพบว่าเกิดช่วงเฟรมเป็นสีม่วงและมีลูกศรลากจากซ้ายไปขวา</span></div><div style="text-align: justify;"><br /> </div><div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhhDhSt2Jws5AjihsX3dwOFhrZMPDA1R161UD10G_JlR-rwN8-DGqbYfqG4tQpoJbabO0f8YVLVw6XLcgnn0yHnHD4NyG0_-C518Q4ngBVFlG_9pQfejHHc30CNlzknpCsfZHL3smokGQ/s1600/flash53.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" ox="true" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhhDhSt2Jws5AjihsX3dwOFhrZMPDA1R161UD10G_JlR-rwN8-DGqbYfqG4tQpoJbabO0f8YVLVw6XLcgnn0yHnHD4NyG0_-C518Q4ngBVFlG_9pQfejHHc30CNlzknpCsfZHL3smokGQ/s320/flash53.jpg" /></a></div><div style="text-align: justify;"><br /> </div><div style="text-align: justify;"><strong>ขั้นตอนที่&nbsp;5 ทดสอบผลที่ได้</strong></div><div style="border-bottom: medium none; border-left: medium none; border-right: medium none; border-top: medium none; text-align: justify;">กด Enter เพื่อให้โปรแกรม Flash แสดงภาพเคลื่อนไหวที่เราสร้าง นอกจากนั้นเราสามารถคลิกลาก Playhead เพื่อแสดงภาพทีละเฟรมได้<br /> </div><div class="separator" style="clear: both; text-align: center;"><object data="http://www.swfcabin.com/swf-files/1282797954.swf" height="300" type="application/x-shockwave-flash" width="450"> <param name="movie" value="http://www.swfcabin.com/swf-files/1282797954.swf"/><param name="FlashVars" value="playerMode=embedded" /></object></div><div style="border-bottom: medium none; border-left: medium none; border-right: medium none; border-top: medium none;"></div><br /> <div style="border-bottom: medium none; border-left: medium none; border-right: medium none; border-top: medium none;"><br /> </div>Unknownnoreply@blogger.com0tag:blogger.com,1999:blog-2133047336082287286.post-54407517699238572772010-08-23T12:44:00.000+07:002010-08-23T12:44:34.223+07:00<div style="text-align: justify;">การสร้างอะนิเมชั่นวิธีนี้เราจะต้องกำหนดให้แต่ละเฟรมเป็นคีย์เฟรม และใส่เนื้อหาทีละเฟรมเพื่อนำมาประกอบกันเป็นภาพเคลื่อนไหว โดยในตัวอย่างเราจะสร้างภาพเคลื่อนไหวที่เคลื่อนที่จากมุมบนซ้ายของเสตจลงมาด้านล่างกลางเสตจและไล่ขนาดจากเล็กไปใหญ่ โดยจะสร้างคีย์เฟรมทั้งหมด 10 เฟรมแล้ววางภาพบนคีย์เฟรม ในแต่ละแหน่งที่ต่างกัน</div><br /> <div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjLwXEgF6UILgQMMuKzwMKdzZDZT6y1uf3CjI9XIK_BNg3DJRv8Cqts4CRiXkc2Og50PzO0fXD9ETuF3u4A0TCiG2iDETIfxeEONjnIsF4HdXtMWLJkeeVqqPNVUGT7iX9Kg3YjK1yWWw/s1600/flash43.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" ox="true" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjLwXEgF6UILgQMMuKzwMKdzZDZT6y1uf3CjI9XIK_BNg3DJRv8Cqts4CRiXkc2Og50PzO0fXD9ETuF3u4A0TCiG2iDETIfxeEONjnIsF4HdXtMWLJkeeVqqPNVUGT7iX9Kg3YjK1yWWw/s320/flash43.jpg" /></a></div><div class="separator" style="clear: both; text-align: center;"><span style="color: purple;">ซิมบอลสำหรับใช้สร้างแอนิเมชั่น</span></div><a name='more'></a><div class="separator" style="clear: both; text-align: center;"><br /> </div><div class="separator" style="clear: both; text-align: justify;"><span style="color: black;">โดยขั้นตอนการสร้างงานอะนิ่เมชั่นแบบเฟรมต่เฟรมมีดังนี้</span></div><div class="separator" style="clear: both; text-align: justify;"><br /> </div><div class="separator" style="clear: both; text-align: justify;"><strong>ขั้นตอนที่ 1 กำหนดเลเยอร์ของฉากหลัง</strong></div><div class="separator" style="clear: both; text-align: justify;">เริ่มต้นเราจะกำหนดขนาดของเสตจเท่ากับ 550x300 พิกเซลและเปลี่ยนสีเสตจเป็นสีส้ม</div><div class="separator" style="clear: both; text-align: justify;"><br /> </div><div class="separator" style="clear: both; text-align: justify;"><strong>ขั้นตอนที่ 2 กำหนดเลเยอร์ของภาพสำหรับการเคลื่อนไหว</strong></div><div class="separator" style="clear: both; text-align: justify;">ต่อไปเราเปลี่ยนชื่อเลเยอร์แรกโดยตั้งชื่อว่า Chujai ดังภาพ</div><div class="separator" style="clear: both; text-align: justify;"><br /> </div><div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhTBi_g8QJ_-qeeWOsgwzM73dUX23mQwvsrO1pAWiiTnss4C6Tds5zwG5Qw9PIp5-VW7ff8nKyxzFa5MgWEOT67AmtJYiXPOw6hj9v-4vQBzMKEL58_RI2GYYwkaam9mfAK4_2vBiuNmw/s1600/flash44.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" ox="true" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhTBi_g8QJ_-qeeWOsgwzM73dUX23mQwvsrO1pAWiiTnss4C6Tds5zwG5Qw9PIp5-VW7ff8nKyxzFa5MgWEOT67AmtJYiXPOw6hj9v-4vQBzMKEL58_RI2GYYwkaam9mfAK4_2vBiuNmw/s320/flash44.jpg" /></a></div><div class="separator" style="clear: both; text-align: center;"><br /> </div><div class="separator" style="clear: both; text-align: justify;">สังเกตว่าเลเยอร์ Chujai จะมีความยาว 10 เฟรมและจะเห็นว่าลักษณะของเฟรมจะเป็นสีขาวแทนที่จะเป็นสีเทาเนื่องจากคีย์เฟรมยังว่างอยู่</div><div class="separator" style="clear: both; text-align: justify;"><br /> </div><div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiSVa6DNrMpnKqWxATNEHYElZDZ6tHMgmWHVPZCPVjPymlEv1qIEBl-ptanha950or7H4QUCC6WCUwE8DiIpPEF_T3Uv2aZUu8v6HLqHgwQGZsjxdeo0vU4xkNcICo-ddLyfCxR5npWVg/s1600/flash45.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="335" ox="true" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiSVa6DNrMpnKqWxATNEHYElZDZ6tHMgmWHVPZCPVjPymlEv1qIEBl-ptanha950or7H4QUCC6WCUwE8DiIpPEF_T3Uv2aZUu8v6HLqHgwQGZsjxdeo0vU4xkNcICo-ddLyfCxR5npWVg/s400/flash45.jpg" width="400" /></a></div><div class="separator" style="clear: both; text-align: center;"><br /> </div><div class="separator" style="clear: both; text-align: justify;">สังเกตว่ามีอินสแตนซ์บนเสตจแล้ว คีย์เฟรมจะกลายเป็นสีเทา เนื่องจากมีออบเจ็กต์อยู่ในคีย์เฟรมนั้นแล้ว</div><div class="separator" style="clear: both; text-align: justify;"><br /> </div><div class="separator" style="clear: both; text-align: justify;"><strong>ขั้นที่ 3 กำหนดให้ภาพเคลื่อนไหวทีละเฟรม</strong></div><div class="separator" style="clear: both; text-align: justify;">การส้างภาพเคลื่อนไหวแบบเฟรมต่อเฟรม เราจะต้องกำหนดการเคลื่อนไหวของดาวทีละเฟรม ให้ทำตาขั้นตอนดังนี้</div><div class="separator" style="clear: both; text-align: justify;"><br /> </div><div class="separator" style="clear: both; text-align: justify;">1.ให้คลิกขวาเลือกเฟรมต่อมา(เฟรมที่ 2 )บนไทมไลน์และเลือกคำสั่ง Insert KeyFrame</div><div class="separator" style="clear: both; text-align: center;"><br /> </div><div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjT2p2jLTucG-H-yhRGSvoEImC4ZcHa8NPYKWiaAqan2ZXR34PubFZJNBqUleBiWMTPlnopmnMFQ92ngaNPiz-5lrqyoaq0WQQiZo56rq4_uWxpj6zong2ews8dOpV4orvfIu_vatTRHQ/s1600/flash46.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="237" ox="true" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjT2p2jLTucG-H-yhRGSvoEImC4ZcHa8NPYKWiaAqan2ZXR34PubFZJNBqUleBiWMTPlnopmnMFQ92ngaNPiz-5lrqyoaq0WQQiZo56rq4_uWxpj6zong2ews8dOpV4orvfIu_vatTRHQ/s400/flash46.jpg" width="400" /></a></div><div class="" style="border-bottom: medium none; border-left: medium none; border-right: medium none; border-top: medium none; clear: both; text-align: justify;">2. เฟรมที่ 2 จะกลายเป็นคีย์เฟรม จากนั้นปรับภาพให้ตำแหน่งเลื่อนลงมาพร้อมขยายภาพให้ใหญ่ขึ้นด้วย Transform Tool</div><div class="separator" style="border-bottom: medium none; border-left: medium none; border-right: medium none; border-top: medium none; clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhWWG5qQ8grqF51lpaD0HLivYnGtioTu1rY23mHlbWSq4YowWVcjdRiEmpgUBufGC49ENAQTrTAEyD20PG2UwYJuDBRv4t_mQVogADtQUPRvmoEQ8swj0VhS_3SBv7I__M03Zcd-yFD5A/s1600/flash47.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="265" ox="true" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhWWG5qQ8grqF51lpaD0HLivYnGtioTu1rY23mHlbWSq4YowWVcjdRiEmpgUBufGC49ENAQTrTAEyD20PG2UwYJuDBRv4t_mQVogADtQUPRvmoEQ8swj0VhS_3SBv7I__M03Zcd-yFD5A/s400/flash47.jpg" width="400" /></a></div><div style="border-bottom: medium none; border-left: medium none; border-right: medium none; border-top: medium none;"><br /> </div><div style="border-bottom: medium none; border-left: medium none; border-right: medium none; border-top: medium none;">3.สร้างคีย์เฟรมใหม่และขยับตำแหน่งดาวไปจนกระทั่งครบ 10 เฟรม</div><div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhzqKTOsItpaDr58Td6Hbkpp6mQIGwDtzuQxuer27vXH4s31OU8UGbJncuZtO9j6eweY6uoStaUM2SjIlC_pLXB_RKmN7-HfgGNNhivKl365UijKpeupAcCh9wlvDp_BebwQ96995t5CQ/s1600/flash48.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" ox="true" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhzqKTOsItpaDr58Td6Hbkpp6mQIGwDtzuQxuer27vXH4s31OU8UGbJncuZtO9j6eweY6uoStaUM2SjIlC_pLXB_RKmN7-HfgGNNhivKl365UijKpeupAcCh9wlvDp_BebwQ96995t5CQ/s320/flash48.jpg" /></a></div><div class="separator" style="clear: both; text-align: center;"><br /> </div><div class="separator" style="clear: both; text-align: justify;"><strong>ขั้นตอนที่ 4 ทดสอบผลงานที่ได้</strong></div><div class="" style="border-bottom: medium none; border-left: medium none; border-right: medium none; border-top: medium none; clear: both; text-align: justify;">กด Enter เพื่อให้โปรแกรม Flash แสดงภาพเคลื่อนไหวที่เราสร้าง นอกจากนั้นเราสามารถคลิกลาก Playhead เพื่อแสดงภาพทีละเฟรมได้</div><div style="border-bottom: medium none; border-left: medium none; border-right: medium none; border-top: medium none;"></div><div style="border-bottom: medium none; border-left: medium none; border-right: medium none; border-top: medium none;"><object data="http://www.swfcabin.com/swf-files/1282539504.swf" height="300" style="clear: left; float: left;" type="application/x-shockwave-flash" width="550"> <param name="movie" value="http://www.swfcabin.com/swf-files/1282539504.swf"/><param name="FlashVars" value="playerMode=embedded" /></object></div>Unknownnoreply@blogger.com0tag:blogger.com,1999:blog-2133047336082287286.post-23926746990760536922010-08-20T13:38:00.001+07:002010-08-20T13:40:45.162+07:00<div style="text-align: justify;">ก่อนเริ่มสร้างงานแอนิเมชั่น เราควรที่จะต้องทำการกำหนดคุณสมบัติภาพรวมของมูฟวี่ก่อนโดยเลือก Modify&gt;Document...&nbsp; หรือ กดคีย์ลัด Ctrl+J </div><div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhqp2TydJRaIp6GIdDxW-QL0GnoAbHX_3ITJXLbeqFWihkslb58FpngGFEK8V_b0ZAzA0mT8Af2uln_MRQ8hDBdClNisP9JNs44y6bSu5BQ5vc8uJ4sq4ZZmOSV_TfcveqDRoL3sIKJmA/s1600/flash42.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="210" ox="true" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhqp2TydJRaIp6GIdDxW-QL0GnoAbHX_3ITJXLbeqFWihkslb58FpngGFEK8V_b0ZAzA0mT8Af2uln_MRQ8hDBdClNisP9JNs44y6bSu5BQ5vc8uJ4sq4ZZmOSV_TfcveqDRoL3sIKJmA/s400/flash42.jpg" width="400" /></a></div><div style="border-bottom: medium none; border-left: medium none; border-right: medium none; border-top: medium none;"><br /> </div><a name='more'></a><div style="border-bottom: medium none; border-left: medium none; border-right: medium none; border-top: medium none;">&nbsp;<strong>คำอธิบายส่วนประกอบต่างๆ</strong></div><div style="border-bottom: medium none; border-left: medium none; border-right: medium none; border-top: medium none;"><br /> </div><div style="text-align: justify;"><div style="border-bottom: medium none; border-left: medium none; border-right: medium none; border-top: medium none;"><strong>Dimension</strong> กำหนดขนาดของเสตจ โดยระบุค่าความกว้างและสูงในช่อง width และ height ซึ่งค่มาตรฐานที่ถูกกำหนดไว้คือ 550x400 พิกเซลเหมาะสำหรับการแสดงผลความระเอียด 640x480 แต่ในกรณีที่เราต้องการสร้างมูฟวี่เพื่อนำไปประกอบหน้าเว็บ ก็ไม่ต้องให้ชิ้นงานที่สร้างมีขนาดใหญ่เต็มจอภาพ แต่จะต้องระบุขนาดที่ต้องการอย่างแจะจงแทน</div></div><div style="text-align: justify;"><br /> </div><div style="text-align: justify;"><div style="border-bottom: medium none; border-left: medium none; border-right: medium none; border-top: medium none;"><strong>Frame rate</strong> กำหนดอัตราเร็วในการแสดงภาพเคลื่อนไหว วัดเป็นจำนวนเฟรมต่อวินาที (frame per second) โดยปกติถ้าเป็นภาพเคลื่อนไหวเราควรกำหนดให้ไม่ตำกว่า 12 เฟรมต่อวินาที ถ้าเราพบว่าอัตรา 12 เฟรมต่อวินาทียังทำให้ภาพที่แสดงสะดุด อาจจะต้องเพิ่มให้เป็น 15-20 เฟรมตอวินาที แต่การกำหนดค่า Frame rate ที่มีค่าสูงจะทำให้ คอมพิวเตอร์ที่แสดงชิ้นงานต้องประมวลผลหนักขึ้น ค่าที่กำหนดนี้ สัมพันธ์กับเฟรมในไทมไลน์ เช่นถ้าเรากำหนด Frame rate เป็น 15 เฟรมต่อวินาที หมยความว่าช่องเฟรมหนึ่งช่องจะใช้เวลา 1/15 ของวินาที</div></div><div style="text-align: justify;"><br /> </div><div style="text-align: justify;"><strong>Background color</strong> กำหนดสีพื้นเสตจ</div><div style="text-align: justify;"><br /> </div><div style="text-align: justify;"><br /> </div><div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiuzpoPMbGLzFXrf0C0jb9OaW_09x3W1jJDaQrAq32WmrHkby8fLRwGxefsIuBQCPGnkLjiIRCjLRJ1tuy-iJN-QwQ296mvMyHGC4nYHcCykz5uWi8zfDzVtdvb3hqntyPrFHYk_dv7PA/s1600/kanghoe_reborn00.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="600" ox="true" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiuzpoPMbGLzFXrf0C0jb9OaW_09x3W1jJDaQrAq32WmrHkby8fLRwGxefsIuBQCPGnkLjiIRCjLRJ1tuy-iJN-QwQ296mvMyHGC4nYHcCykz5uWi8zfDzVtdvb3hqntyPrFHYk_dv7PA/s640/kanghoe_reborn00.jpg" width="450" /></a></div><div style="text-align: justify;"><br /> </div>Unknownnoreply@blogger.com1tag:blogger.com,1999:blog-2133047336082287286.post-51396068024854333552010-08-13T13:00:00.002+07:002010-08-13T19:28:21.279+07:00<strong>การเลือกเฟรม</strong> ถ้าเราต้องการเลือกหลายเฟรมพร้อมกัน ให้เลือกคลิกเฟรมแรก และกดคีย์ Shift ค้างไว้ในขณะที่คลิกเลือกเฟรมต่อไป แต่ถ้าเฟรมที่ต้องการเลือกไม่ได้อยู่ติดกันให้กดคีย์ Ctrl ค้างไว้ในขณะที่คลิกเลือกแต่ละเฟรม<br /> <br /> <br /> <div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgDsiL7zTZZpXyLxzCTqEhgGFjmOjLQJ8C5wfMrYj3bCX7X1nzMJlgmo1mt6Bcymc201GyXTfuh_Vcxv6uO9wO9ikZpKwJW94h1ZgO4lIq9P8CaVqdwRcBat99lhTFe4qSAnSx6FoOXoA/s1600/flash30.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" ox="true" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgDsiL7zTZZpXyLxzCTqEhgGFjmOjLQJ8C5wfMrYj3bCX7X1nzMJlgmo1mt6Bcymc201GyXTfuh_Vcxv6uO9wO9ikZpKwJW94h1ZgO4lIq9P8CaVqdwRcBat99lhTFe4qSAnSx6FoOXoA/s320/flash30.jpg" /></a></div><div class="separator" style="clear: both; text-align: center;"><span style="color: purple;">จากภาพเป็นการเลือกเฟรมหลายๆ เฟรม ติดต่อกัน</span></div><div class="separator" style="clear: both; text-align: center;"><br /> </div><div class="separator" style="clear: both; text-align: center;"><br /> </div><div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg2HOjwz6wMIAAN8eCKmp0w_8rz5qsoNSjTHMpLJ9q0YaV-8h0ACttJUemPEkD9-Jp00hccolcjCkOTnj4izQGrYB_PdddOt8K2761rsGjxL210fdMW6lq7C2J7KekdVSgYXxWOKmFTfg/s1600/flash31.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" ox="true" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg2HOjwz6wMIAAN8eCKmp0w_8rz5qsoNSjTHMpLJ9q0YaV-8h0ACttJUemPEkD9-Jp00hccolcjCkOTnj4izQGrYB_PdddOt8K2761rsGjxL210fdMW6lq7C2J7KekdVSgYXxWOKmFTfg/s320/flash31.jpg" /></a></div><div class="separator" style="clear: both; text-align: center;"><span style="color: purple;">จากภาพเป็นการเลือกเฟรมหลายๆ เฟรมอิสระ</span></div><a name='more'></a><br /> <strong>การแทรกเฟรม</strong> ถ้าเราต้องการเพิ่มเฟรมแทรกระหว่างกลางหลังจากไดมีการกำหนดคีย์เฟรมแล้ว ทำได้ดังนี้<br /> <br /> <br /> <div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh0D584Kt1Y0f2s6t6F4kim5mgY66oR0aFCpax89kGGwm7y1-7a3eSvxBdhpF1drmqHQ9YwyJKPrqPtcPe-oEDl7YGgdZdGDbx5cYMKhFZc3w4fDRJlRKR3xchgTFAnK7cxSRciXJbuRQ/s1600/flash32.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="217" ox="true" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh0D584Kt1Y0f2s6t6F4kim5mgY66oR0aFCpax89kGGwm7y1-7a3eSvxBdhpF1drmqHQ9YwyJKPrqPtcPe-oEDl7YGgdZdGDbx5cYMKhFZc3w4fDRJlRKR3xchgTFAnK7cxSRciXJbuRQ/s400/flash32.jpg" width="400" /></a></div><br /> <strong>การลบเฟรม</strong> คลิกขวาเลือกคีย์เฟรม/เฟรมแทรกระหว่างกลางที่ต้องการลบ(เลือกหลายเฟรมก็ได้) เลือกคำสั่ง Remove Frames<br /> <br /> <br /> <div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj_u0FK822C7CfTJ37BLah2iqJJsHXi1JnPr4mAGiiaiFJLH-vJLwzJptEEE8GsI_kPS9Hxcl2WD1EqoWC7hyphenhyphentXIslzxNE0eh6-0Ja0Lvn-27zj53vLW3RxSWtJ98nHcnc62bkoUWV7jw/s1600/flash33.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="242" ox="true" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj_u0FK822C7CfTJ37BLah2iqJJsHXi1JnPr4mAGiiaiFJLH-vJLwzJptEEE8GsI_kPS9Hxcl2WD1EqoWC7hyphenhyphentXIslzxNE0eh6-0Ja0Lvn-27zj53vLW3RxSWtJ98nHcnc62bkoUWV7jw/s400/flash33.jpg" width="400" /></a></div><br /> <strong>การย้ายตำแหน่งและการก็อปปี้เฟรม</strong> คลิกลากเฟรมไปยังตำแหน่งที่ต้องการบนไทมไลน์ได้เลย ซึ่งอยู่บนเลเยอร์เดิม หรือต่างเลเยอร์ก็ได้ ถ้าที่ตำแหน่งปลายทางมีเฟรมอยู่แล้ว เฟรมนี้จะไปทับข้อมูลเดิม<br /> <br /> <br /> <div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg6PpQvOIRPkeYobMuzSeCtelZMJQlhptIhfChRoRMtOmw7YkvW3z_R0arJPVQROR5dyN_W10UkdmVJ0LRebd-BFQ7vd5waNFLwXsA_6OxPGy1h-VI3DfdWfHgWcHJuonxIwJP5YUoBbQ/s1600/flash34.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="272" ox="true" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg6PpQvOIRPkeYobMuzSeCtelZMJQlhptIhfChRoRMtOmw7YkvW3z_R0arJPVQROR5dyN_W10UkdmVJ0LRebd-BFQ7vd5waNFLwXsA_6OxPGy1h-VI3DfdWfHgWcHJuonxIwJP5YUoBbQ/s320/flash34.jpg" width="320" /></a><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiqiHwN9JXjd84bzkhjFb8TDBGJ-uoYZriuRJVo2Fd6VglYIAWQ2VVczaia1E35mS_tAMh1vpfzPTaaxN8wjsK5EY-9KMKb_zUkG53kXZng1ohA7PSoZ2RIfIRs7Jvvcw8zf0L3qFplXA/s1600/flash35.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" ox="true" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiqiHwN9JXjd84bzkhjFb8TDBGJ-uoYZriuRJVo2Fd6VglYIAWQ2VVczaia1E35mS_tAMh1vpfzPTaaxN8wjsK5EY-9KMKb_zUkG53kXZng1ohA7PSoZ2RIfIRs7Jvvcw8zf0L3qFplXA/s320/flash35.jpg" /></a></div><div class="separator" style="clear: both; text-align: center;"><span style="color: purple;">จากภาพเป็นผลจากการย้ายเฟรม</span></div><div class="separator" style="clear: both; text-align: center;"><br /> </div><div class="separator" style="clear: both; text-align: center;"><br /> </div><div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhMpeN3Um99uiAiAeKy4auoZ9HP9lwZRElYJXZ8q8wBs16MXOxKKnQ7i8AIoLyrdkk7ycuS5zU0viZNHtPLSXugpSLu2eFyvz-oPVX8aaa0wslcmHRUqi8NcVMygogmfocLccJVN-BtSQ/s1600/flash36.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" ox="true" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhMpeN3Um99uiAiAeKy4auoZ9HP9lwZRElYJXZ8q8wBs16MXOxKKnQ7i8AIoLyrdkk7ycuS5zU0viZNHtPLSXugpSLu2eFyvz-oPVX8aaa0wslcmHRUqi8NcVMygogmfocLccJVN-BtSQ/s320/flash36.jpg" /></a></div><div class="separator" style="clear: both; text-align: center;"><br /> </div><div class="separator" style="clear: both; text-align: center;"><br /> </div><div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhRcggFa4iXdf2RzUoB1L3-rRgAfwTve3YPr7XLWWAVuSKR071vyUSlLNGrthbyvgWq21z6m-FoW-B1nrESvB8EJiUFiy5s6okvpWkEUtHbVIz_1mZRrWYT4a921mF8eCTi9p300cM_-A/s1600/flash37.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" ox="true" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhRcggFa4iXdf2RzUoB1L3-rRgAfwTve3YPr7XLWWAVuSKR071vyUSlLNGrthbyvgWq21z6m-FoW-B1nrESvB8EJiUFiy5s6okvpWkEUtHbVIz_1mZRrWYT4a921mF8eCTi9p300cM_-A/s320/flash37.jpg" /></a></div><div class="separator" style="clear: both; text-align: center;"><span style="color: purple;">จากภาพเป็นผลจากการ copy เฟรม</span></div><br /> <strong>การเปลี่ยนคีย์เฟรมเป็นคีย์แทรกระหว่างกลาง</strong> ถ้าเราต้องการเปลี่ยนคีย์เฟรม เป็นคีย์แทรกระหว่างกลางให้ทำดังนี้<br /> <br /> <br /> <div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiXP8kRZhixdZc8DgV8dFOTfNDhEew6ApnbVBVYYfTUqNtsiJsvkdjwg4v5_bFrUqk8oReOpex6IWpjMyy9ammQrdjaQ41FBTmo5j9QBWwgukPU5-9VXGEONQTyKuHrbNtlvbbOsZ30Qw/s1600/flash38.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="242" ox="true" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiXP8kRZhixdZc8DgV8dFOTfNDhEew6ApnbVBVYYfTUqNtsiJsvkdjwg4v5_bFrUqk8oReOpex6IWpjMyy9ammQrdjaQ41FBTmo5j9QBWwgukPU5-9VXGEONQTyKuHrbNtlvbbOsZ30Qw/s400/flash38.jpg" width="400" /></a></div><div class="separator" style="clear: both; text-align: center;"><br /> </div><div class="separator" style="clear: both; text-align: center;"><br /> </div><div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjIh1On54xqxakuAh9C2nFp1OTKC1jYN1D_O_at4fsgQGHwCLMJuPLkbiZID9rMnKlNZd0h7Bf03F-dLy2gNgUh_uxZd1I7RXHHfa8PjyRu4wNapo-u6lagL8lqBNH-3Zu5hLO6iBdZqQ/s1600/flash39.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="172" ox="true" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjIh1On54xqxakuAh9C2nFp1OTKC1jYN1D_O_at4fsgQGHwCLMJuPLkbiZID9rMnKlNZd0h7Bf03F-dLy2gNgUh_uxZd1I7RXHHfa8PjyRu4wNapo-u6lagL8lqBNH-3Zu5hLO6iBdZqQ/s320/flash39.jpg" width="320" /></a></div><div class="separator" style="clear: both; text-align: center;"><span style="color: purple;">จากภาพ คีย์เฟรมจะกลายเป็นคีย์แทรกระหว่างกลาง</span></div><br /> <strong>การเปลี่ยนคีย์แทรกระหว่างกลางเป็นคีย์เฟรม</strong> ถ้าเราต้องการเปลี่ยนคีย์แทรกระหว่างกลางเป็นคีย์เฟรมทำได้ดังนี้<br /> <br /> <div class="separator" style="clear: both; text-align: center;"><img border="0" height="261" ox="true" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiTDPGheYULYOOkRKoQETxzfPaudBWTxBdMwrqurl7oUxjwA_cgSjWXi3KsywqKlLyD_UAoqEPxPixCjqkLFa7NNGLS7KI0nXgNSo7AUPnmu3RISAa6fVt5Ql_5yhtlKQ_C6wCdDVBchQ/s400/flash40.jpg" width="400" /></div><div class="separator" style="clear: both; text-align: center;"><br /> </div><div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEisgWgOvQfrkOKW2ZfYDSSw6RcboKsk1ylhIqFxLJ8M2mL9O45e54LZ8oK5Zga0Y3A5PP4hM_5Ha3iYbZegTDvAgJwi_DEsqzIgSt_8c4IkqwgIuJu_Ps6BsJg1XxMjgCojYUu2atlzWQ/s1600/flash41.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" ox="true" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEisgWgOvQfrkOKW2ZfYDSSw6RcboKsk1ylhIqFxLJ8M2mL9O45e54LZ8oK5Zga0Y3A5PP4hM_5Ha3iYbZegTDvAgJwi_DEsqzIgSt_8c4IkqwgIuJu_Ps6BsJg1XxMjgCojYUu2atlzWQ/s320/flash41.jpg" /></a></div><div class="separator" style="clear: both; text-align: center;"><span style="color: purple;">จากภาพ คีย์แทรกระหว่างกลางจะกลายเป็นคีย์เฟรม</span></div>Unknownnoreply@blogger.com0tag:blogger.com,1999:blog-2133047336082287286.post-10581039871630829272010-08-10T12:35:00.008+07:002010-08-10T15:46:19.648+07:00<div style="text-align: justify;">ตัวอย่างต่อไปนี้เราจะสร้างเฟรมภาพนิ่ง สำหรับแสดงออบเจ็กต์ที่ไม่มีการเคลื่อนไหว เช่น ภาพฉากหลัง เราสามารถวาดออบเจ็กต์ที่ต้องการลงไปในเฟรมแรกได้ทันที เพราะเฟรมแรกของเลเยอร์จะเป็นคีย์เฟรมว่าง และหากชิ้นงานของเรามีความยาวเฟรม 10 เฟรม แทนที่เราเราต้องสร้างภาพนิ่งนี้ในทุกเฟรมตั้งแต่เฟรม 1 ถึงเฟรม 10 ก็ให้ไปคลิกที่เฟรม 10 แล้วเลือก Insert Frame ได้เลย</div><a name='more'></a><div style="text-align: justify;"></div><br /> <br /> <div class="separator" style="clear: both; text-align: center;"></div><div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhNidHrhv1ev0RkRoZ_Jy5PSgXsHI696B1yksNV97iS9r7YB0vgr8ThOgnWt19dux8Y1-iIccGVZGqHNd5wdkbmgqjPn7_GwgDyg_Iri9Cp47BQ05cyCks3dOrclJCHtgL7TjG0LZkn8Q/s1600/flash28.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" bx="true" height="400" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhNidHrhv1ev0RkRoZ_Jy5PSgXsHI696B1yksNV97iS9r7YB0vgr8ThOgnWt19dux8Y1-iIccGVZGqHNd5wdkbmgqjPn7_GwgDyg_Iri9Cp47BQ05cyCks3dOrclJCHtgL7TjG0LZkn8Q/s400/flash28.jpg" width="368" /></a></div><div class="separator" style="clear: both; text-align: center;"><br /> </div><div class="separator" style="clear: both; text-align: justify;"><span style="color: #0b5394;">จากภาพคลิกขวาในเฟรมที 10 เลือก Insert Frame เนื้อหาในเฟรมจะถูกแสดงในทุกเฟรมเหมือนกันหมด ตั้งแต่เฟรม 2 ถึงเฟรม 10</span></div><br /> โปรแกรม Flash จะนำเนื้อหาในเฟรม 1 มาแสดงในทุกเฟรมเหมือนกันหมดเป็นเฟรมนิ่งตั้งแต่เฟรม 2 ถึงเฟรม 10<br /> <br /> <div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj0R6VF7ctM33JGeCEZ5WQpuWCRUBOlxM9Vt9JF8mHIMryGOE1hU7M8v3hVxj_we90EaJxvXG3UA6me-cvlNWCnIPy9cugmsn_eWYQIGh5Hlr97nytdvZZhXYcPenK-4pI_ba794LZ0aQ/s1600/flash29.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" bx="true" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj0R6VF7ctM33JGeCEZ5WQpuWCRUBOlxM9Vt9JF8mHIMryGOE1hU7M8v3hVxj_we90EaJxvXG3UA6me-cvlNWCnIPy9cugmsn_eWYQIGh5Hlr97nytdvZZhXYcPenK-4pI_ba794LZ0aQ/s320/flash29.jpg" /></a></div><br /> เมื่อเรากด Enter หัวอ่านจะวิ่งตั้งแต่เฟรมแรกจนถึงเฟรมสุดท้าย (เฟรมที่ 10) แสดงภาพบนเสตจซึ่งไม่มีการเปลี่ยนแปลงใดๆ เพราะเป็นภาพนิ่ง<br /> <span class="fullpost"></span><br /> <div align="center"><br /> <object data="http://www.swfcabin.com/swf-files/1281418045.swf" height="206" type="application/x-shockwave-flash" width="155"> <param name="movie" value="http://www.swfcabin.com/swf-files/1281418045.swf"/><param name="FlashVars" value="playerMode=embedded" /></object></div>Unknownnoreply@blogger.com0tag:blogger.com,1999:blog-2133047336082287286.post-4877210188796557772010-08-06T13:01:00.002+07:002010-08-06T13:05:56.751+07:00<div style="text-align: justify;"><strong>เฟรม (Frame)</strong> คือช่องที่แสดงภาพแต่ละจังหวะ ที่เมื่อนำมาแสดงตามลำดับอย่างรวดเร็วจะทำให้เกิดภาพเคลื่อนไหว ซึ่งเฟรมที่ถูกแสดงบนเสตจคือเฟรมที่ตัวเลื่อนหรือ Playhead ชี้อยู่</div><br /> สำหรับการสร้างภาพเคลื่อนไหวใน Flash นั้นทำได้อยู่ 2 วิธีคือ<br /> <ul><li><br /> <div style="text-align: justify;"><strong>การเคลื่อนไหวแบบเฟรมต่อเฟรม (Keyframe)</strong> เป็นการระบุข้อมูลการเปลี่ยนแปลงของทุกเฟรมด้วยตัวเองเพื่อให้เกิดการเคลื่อนไหว เช่น รูปแบบและรายละเอียดต่างๆ ของออบเจ็กต์บนสเตจ ได้แก่ ตำแหน่ง ขนาด โทนสี การสร้างภาพเคลื่อนไหวด้วยวิธีนี้ใช้เวลาค่อนข้างมาก เพราะเราต้องมากำหนดองค์ประกอบของออบเจ็กต์ต่างๆ ทีละเฟรม</div></li> <li><br /> <div style="text-align: justify;"><strong>การสร้างภาพเคลื่อนไหวแบบทวีน (In-between frame)</strong> เป็นวิธีหลักในการสร้างภาพเคลื่อนไหวด้วยโปรแกรม Flash ซึ่งต่างจากการสร้างภาพเคลื่อนไหวแบบแรกตรงที่เราไม่ต้องมาทำการกำหนดข้อมูลทุกเฟรมด้วยตนเอง เพียงแค่กำหนดบางเฟรมที่สำคัญเท่านั้น และให้โปรแกรม Flash คำนวณและสร้างเฟรมอื่นๆให้เองโดยอัตโนมัติ ซึ่งวิธีนี้รวดเร็วกว่าวิธีแรกมาก<br /> <a name='more'></a><br /> </div></li> </ul><div style="text-align: justify;">โดยเราจะกล่าวถึงการสร้างภาพเเคลื่อนไหวแบบเฟรมต่อเฟรม และการสร้างภาพเคลื่อนไหวแบบทวีนในครั้งหน้า</div><div style="text-align: justify;"><br /> </div><div style="text-align: justify;"><strong>ความหมายของเฟรมแต่ละประเภทบนไทมไลน์</strong></div><div style="text-align: justify;"><div style="border-bottom: medium none; border-left: medium none; border-right: medium none; border-top: medium none;"><div style="border-bottom: medium none; border-left: medium none; border-right: medium none; border-top: medium none;">ช่องเฟรมบนไทมไลน์จะบ่งบอกถึงประเภทของเนื้อหาในเฟรมนั้น โดยแสดงลักษณะ</div><div style="border-bottom: medium none; border-left: medium none; border-right: medium none; border-top: medium none;">&nbsp;ที่แตกต่างกัน ดังนี้</div><ul><li><br /> <div style="border-bottom: medium none; border-left: medium none; border-right: medium none; border-top: medium none;"><strong>คีย์เฟรมเปล่าและเฟรมเปล่า</strong> คือเฟรมที่ยังไม่มีการใส่ออบเจ็กต่างๆ ลงไปในเฟรม</div></li> </ul><div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjoODNNXGuc-wSuGocscD2dBI9v6jTvLUZpK-7vZpk3PJ16okDv2n_5FcrGJaZGubI2Q3tvzlcjkIOOTX-qzeLxUxFmO6nnbRUTRPUZ8Ce6JCBhDgubKB3eX6JXxe0jTzs-dj0XBxfloA/s1600/flash18.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" bx="true" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjoODNNXGuc-wSuGocscD2dBI9v6jTvLUZpK-7vZpk3PJ16okDv2n_5FcrGJaZGubI2Q3tvzlcjkIOOTX-qzeLxUxFmO6nnbRUTRPUZ8Ce6JCBhDgubKB3eX6JXxe0jTzs-dj0XBxfloA/s320/flash18.jpg" /></a></div><div style="border-bottom: medium none; border-left: medium none; border-right: medium none; border-top: medium none;"><br /> </div></div></div><div style="border-bottom: medium none; border-left: medium none; border-right: medium none; border-top: medium none; text-align: justify;"><ul><li><br /> <div style="border-bottom: medium none; border-left: medium none; border-right: medium none; border-top: medium none;"><strong>คีย์เฟรม</strong> คือเฟรมที่มีการใส่ออบเจ็กไว้ในเฟรม</div></li> </ul><div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhq7421pcyI0a2WEEcxDiOB_60oASL6e1Ig3Nyp-FQ7EmCGzd9JAUVrmyCZZxUIKcvlUxhLFpgpguQsOTuafh0uzFS863MS481O-7qJxAi8Y8zwrV_sKz3GW56BAohfA11VxpqD1may2A/s1600/flash20.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" bx="true" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhq7421pcyI0a2WEEcxDiOB_60oASL6e1Ig3Nyp-FQ7EmCGzd9JAUVrmyCZZxUIKcvlUxhLFpgpguQsOTuafh0uzFS863MS481O-7qJxAi8Y8zwrV_sKz3GW56BAohfA11VxpqD1may2A/s320/flash20.jpg" /></a></div><div style="border-bottom: medium none; border-left: medium none; border-right: medium none; border-top: medium none;"><br /> </div><div style="border-bottom: medium none; border-left: medium none; border-right: medium none; border-top: medium none;"></div></div><ul><li><br /> <div style="border-bottom: medium none; border-left: medium none; border-right: medium none; border-top: medium none; text-align: justify;"><strong>โมชั่นทวีน</strong> คือกลุ่มเฟรมที่มีการสร้างการเคลื่อนไหวแบบทวีนจะแสดงจุดและลูกศรบนพื้นที่สีม่วง</div></li> </ul><div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhIfdxrWOdawVc1DY5mWZQLnTdJrZbhWdvgQYftw2eaf3UseHxM5GhM0NjsXyLUCy6gxGjvK7Sxb3Nr8Flr0tNmKdJ-GlaE7gNdOPwawS9om3HpTjZbCtHknGjGN2r2AZReKs-q6p-UhQ/s1600/flash21.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" bx="true" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhIfdxrWOdawVc1DY5mWZQLnTdJrZbhWdvgQYftw2eaf3UseHxM5GhM0NjsXyLUCy6gxGjvK7Sxb3Nr8Flr0tNmKdJ-GlaE7gNdOPwawS9om3HpTjZbCtHknGjGN2r2AZReKs-q6p-UhQ/s320/flash21.jpg" /></a></div><div style="border-bottom: medium none; border-left: medium none; border-right: medium none; border-top: medium none; text-align: justify;"><br /> </div><ul><li><br /> <div style="border-bottom: medium none; border-left: medium none; border-right: medium none; border-top: medium none; text-align: justify;"><strong>เชฟทวีน</strong> คือกลุมเฟรมที่สร้างการเปลี่ยนแปลงรูปร่างของออบเจ็กต์แบบทวีน จะแสดงจุดและลูกศรสีดำบนพื้นสีเขียว</div></li> </ul><div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEga-Z-lQOs6DX2cP4kThXqCsKgYQ859RR1ODPPNOaQxvxeneJQoxHk8c-BtW4y9Xbcij-bldy7vk3HR2n02tWtOUjIRn5G07uRVwmXa0F9ijDCcCwW45_vy4RAjXSJKRGukD3A0LWRLuw/s1600/flash22.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" bx="true" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEga-Z-lQOs6DX2cP4kThXqCsKgYQ859RR1ODPPNOaQxvxeneJQoxHk8c-BtW4y9Xbcij-bldy7vk3HR2n02tWtOUjIRn5G07uRVwmXa0F9ijDCcCwW45_vy4RAjXSJKRGukD3A0LWRLuw/s320/flash22.jpg" /></a></div><div class="separator" style="clear: both; text-align: center;"></div><div style="border-bottom: medium none; border-left: medium none; border-right: medium none; border-top: medium none; text-align: justify;"><br /> </div><ul><li><br /> <div style="border-bottom: medium none; border-left: medium none; border-right: medium none; border-top: medium none; text-align: justify;"><strong>แสดงการเคลื่อนไหวที่ยังไม่สมบูรณ์</strong> จะต้องกำหนดรายละเอียดบางอย่างเพิ่มเติมจึงจะเป็นการเคลื่อนไหวได้</div></li> </ul><div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgvF-7UpF7qU8ike5AvLl5xJDbgA_AmKnI9_XZE8sAKwcRQu1yxY5_cHQqqIyiU77Qe67sIHizu0DNFsV0TAfzlOQ_xlJtArjQf75PPXkzeLK6JzWbbLs7C9K7gO2TI-9JGt47bb32cEA/s1600/flash23.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" bx="true" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgvF-7UpF7qU8ike5AvLl5xJDbgA_AmKnI9_XZE8sAKwcRQu1yxY5_cHQqqIyiU77Qe67sIHizu0DNFsV0TAfzlOQ_xlJtArjQf75PPXkzeLK6JzWbbLs7C9K7gO2TI-9JGt47bb32cEA/s320/flash23.jpg" /></a></div><div style="border-bottom: medium none; border-left: medium none; border-right: medium none; border-top: medium none; text-align: justify;"><br /> </div><div style="border-bottom: medium none; border-left: medium none; border-right: medium none; border-top: medium none; text-align: justify;"><ul><li style="border-bottom: medium none; border-left: medium none; border-right: medium none; border-top: medium none;"><strong>คีย์เฟรมเดี่ยว</strong> แสดงภาพนิ่งที่แสดงเหมือนกับคีย์เฟรมแรกด้านซ้ายสุด และมีกรอบสี่เหลี่ยมคือเฟรมสุดท้ายที่จะแสดงภาพนิ่ง</li> </ul><div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjpPgqsCJifWdIF9vCFhqZxrpXMSPgYD_R-p7_Va-kEscN_GAAyVcdXMrq_ldBTPcwWDTXKga1fm3Gb69s7X0Ge40T83GUEn8RRAzeyD6u8xpbL7yg0ckdl4o9vubOnNHqigAfINWaE5g/s1600/flash24.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" bx="true" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjpPgqsCJifWdIF9vCFhqZxrpXMSPgYD_R-p7_Va-kEscN_GAAyVcdXMrq_ldBTPcwWDTXKga1fm3Gb69s7X0Ge40T83GUEn8RRAzeyD6u8xpbL7yg0ckdl4o9vubOnNHqigAfINWaE5g/s320/flash24.jpg" /></a></div><div style="border-bottom: medium none; border-left: medium none; border-right: medium none; border-top: medium none;"></div><div style="border-bottom: medium none; border-left: medium none; border-right: medium none; border-top: medium none;"><strong>การทำงานกับเฟรม</strong></div><div style="border-bottom: medium none; border-left: medium none; border-right: medium none; border-top: medium none;">สำหรับในส่วนนี้เราจะกล่าวถึงการเพิ่มและจัดการเฟรมทั้งแบบคีย์เฟรม และเฟรมระหว่างกลางในไทมไลนน์</div><div style="border-bottom: medium none; border-left: medium none; border-right: medium none; border-top: medium none;"><br /> </div><div style="border-bottom: medium none; border-left: medium none; border-right: medium none; border-top: medium none;"><strong>การเพิ่มเฟรม</strong> เป็นการเพิ่มจำนวนเฟรมสำหรับรองรับการสร้างการเคลื่อนไหวซึ่งการสร้างการเคลื่อนไหวในชิ้นงานหนึ่งๆ จะประกอบด้วยเฟรมจำนวนหลายเฟรมเรียงต่อกัน เพื่อแสดงภาพหรือออบเจ็กต์ที่แสดงบนเสตจ</div><div style="border-bottom: medium none; border-left: medium none; border-right: medium none; border-top: medium none;"></div><div style="border-bottom: medium none; border-left: medium none; border-right: medium none; border-top: medium none;"><br /> </div><div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjhdXaf9Y7wCJCN1Z7xQDI9ekiZ1_vsS13uiRv6c8EmCFDRSvbv95nDEeQe5H3wrlFt1C0BrzznOPG_Lj1iwhyTIYnKSLKoAQs75boOrotNkWhT1ticFl_LR3129LRnQSuVfShPo2wkkg/s1600/flash25.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" bx="true" height="261" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjhdXaf9Y7wCJCN1Z7xQDI9ekiZ1_vsS13uiRv6c8EmCFDRSvbv95nDEeQe5H3wrlFt1C0BrzznOPG_Lj1iwhyTIYnKSLKoAQs75boOrotNkWhT1ticFl_LR3129LRnQSuVfShPo2wkkg/s400/flash25.jpg" width="400" /></a></div><div class="separator" style="clear: both; text-align: center;"></div><div class="separator" style="clear: both; text-align: center;"><br /> </div><div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhhRj2NoaW4OCVqecCgrs7v-xv0jCJ3weTL4Yzj2Lku7bCDWSjTajjoMcEENjaEpIhZdFe66V5bZRurSFTzAbtILEmayBoNBEi1KYiopWqENSjusp90GLx0XfR3uhzSrRvbe4iXxXgvbg/s1600/flash26.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" bx="true" height="290" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhhRj2NoaW4OCVqecCgrs7v-xv0jCJ3weTL4Yzj2Lku7bCDWSjTajjoMcEENjaEpIhZdFe66V5bZRurSFTzAbtILEmayBoNBEi1KYiopWqENSjusp90GLx0XfR3uhzSrRvbe4iXxXgvbg/s400/flash26.jpg" width="400" /></a><strong>&nbsp;</strong></div><div class="separator" style="clear: both; text-align: center;"><br /> </div><div class="separator" style="clear: both; text-align: justify;"><strong>ทางเลือกอื่นๆ ในการเพิ่มเฟรม</strong></div><strong></strong><br /> <div class="separator" style="clear: both; text-align: justify;"></div><div class="separator" style="clear: both; text-align: justify;"><br /> </div><div align="center" class="separator" style="clear: both; text-align: justify;"><br /> </div><div class="separator" style="clear: both; text-align: justify;"></div><div class="separator" style="clear: both; text-align: justify;"><br /> </div><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjNeoQEha-ccYQgAMDFdpH10dKrVpZMVS3kTLXpqNqdBus5TIH9iOSMfgWnW6CwB1tmbFxmt02GJXKmOxtidJhIxZfsc5-HFg0qfwpd0IaM6DV6xc4Q6cVQiQZvhq7yfgeHa8wbsr7GuQ/s1600/flash27.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" bx="true" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjNeoQEha-ccYQgAMDFdpH10dKrVpZMVS3kTLXpqNqdBus5TIH9iOSMfgWnW6CwB1tmbFxmt02GJXKmOxtidJhIxZfsc5-HFg0qfwpd0IaM6DV6xc4Q6cVQiQZvhq7yfgeHa8wbsr7GuQ/s320/flash27.jpg" /></a><br /> <div class="separator" style="clear: both; text-align: justify;"><br /> </div><div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiEJyUbvUv8eJU8xGaUptSFNd2pS5kDwUpO_IQqrWfJixn__E2y6l1F87_L84sGHoCo16HzCluoVO9xaOHgLfunTK-fap795hGC7q9EMlxVRcxIla91cfeSioNA0Ah3K4uqj_vBM0pnVQ/s1600/adel.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" bx="true" height="640" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiEJyUbvUv8eJU8xGaUptSFNd2pS5kDwUpO_IQqrWfJixn__E2y6l1F87_L84sGHoCo16HzCluoVO9xaOHgLfunTK-fap795hGC7q9EMlxVRcxIla91cfeSioNA0Ah3K4uqj_vBM0pnVQ/s640/adel.jpg" width="364" /></a></div><div style="border-bottom: medium none; border-left: medium none; border-right: medium none; border-top: medium none;"><br /> </div></div><div class="separator" style="border-bottom: medium none; border-left: medium none; border-right: medium none; border-top: medium none; clear: both; text-align: center;"></div>Unknownnoreply@blogger.com3tag:blogger.com,1999:blog-2133047336082287286.post-69307273700482138242010-08-03T12:22:00.002+07:002010-08-03T15:36:25.679+07:00<div style="text-align: justify;"><strong>ไทมไลน์(Timeline)</strong> เป็นส่วนที่ใช้ในการควบคุมการแสดงภาพเคลื่อนไหวซึ่งประกอบด้วย 2 ส่วนสำคัญคือ เลเยอร์และเฟรม</div><br /> <div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg2Z5rJnq1IYNUTOqDOY2zjCijSw740wfvOfgZufmL76Mcd3qd_KraVEqi8p3uazXC2LwoC713nhtQdHmjJtS53LfmzlVxy-xvLI8Vp3Tfl63pUNXyZBbMeE8IQBaMe4gzOaCfDydnB7g/s1600/flash01.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" bx="true" height="141" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg2Z5rJnq1IYNUTOqDOY2zjCijSw740wfvOfgZufmL76Mcd3qd_KraVEqi8p3uazXC2LwoC713nhtQdHmjJtS53LfmzlVxy-xvLI8Vp3Tfl63pUNXyZBbMeE8IQBaMe4gzOaCfDydnB7g/s400/flash01.png" width="400" /></a></div><a name='more'></a><div class="separator" style="clear: both; text-align: center;"></div><br /> <strong>Playhead คืออะไร?</strong><br /> <div style="text-align: justify;">ในการแสดงภาพเคลื่อนไหว โปรแกรมflash จะแสดงภาพในแต่ละเฟรมอย่างรวดเร็วโดย Playhead จะชี้เฟรมที่กำลังแสดงอยู่บนเสตจ เราสามารถคลิกเลื่อนPlayhead เพื่อดูเฟรมที่ต้องการแก้ไขได้เอง</div><br /> <span style="background-color: white;"><span style="background-color: white;"><span style="color: purple;"><span style="font-size: large;"><strong><span style="color: black;">เลเยอร์</span></strong>&nbsp;</span></span>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</span>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; </span><br /> <div style="text-align: justify;"><span style="color: #cc0000;"><span style="color: black;">เลเยอร์</span><strong> </strong></span>เป็นเหมือนการวางแผ่นใสซ้อนทับกันเป็นลำดับขั้นขึ้นมาเรื่อยๆ โดยบริเวณของเลเยอร์ที่ไม่มีรูปจะเห็นทะลุถึงเลเยอร์ที่อยู่ข้างล่าง การใช้เลเยอร์ทำให้เราสามารถวาด แก้ไขและปรับแต่งออบเจ็กต์บนแต่ละเลเยอร์ได้อย่างเป็นอิสระต่อกัน แต่ละเลเยอร์จะมีคุณสมบัติต่างๆ เป็นของตัวเอง และการแก้ไขที่เกิดขึ้นในแต่ละเลเยอร์นั้นไม่ส่งผลต่อเลเยอร์อื่นๆ<br /> <br /> <div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgddsPayaFkW35ENELpymcTGl29JPXhFuSZfiRu_14lpMQr4BZYCtnwIqrARgKpOJMIxX082SA2LIfgJaKiT8ulRgi-rD-S8a2xiinBZHUiwDA4F4GqsNPEEBQA6cgNq_C3-FUefkRUkQ/s1600/flash04.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" bx="true" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgddsPayaFkW35ENELpymcTGl29JPXhFuSZfiRu_14lpMQr4BZYCtnwIqrARgKpOJMIxX082SA2LIfgJaKiT8ulRgi-rD-S8a2xiinBZHUiwDA4F4GqsNPEEBQA6cgNq_C3-FUefkRUkQ/s320/flash04.jpg" /></a></div><div class="separator" style="clear: both; text-align: center;"><br /> </div></div><strong>สร้างเลเยอร์ใหม่</strong><br /> <div style="text-align: justify;">เมื่อเราเรื่มต้นทำงานกับ Flash นั้น โปรแกรมจะสร้างเลเยอร์แรกมาให้ไว้แล้วชื่อว่า Layer1 แต่ถ้าเราต้องการสร้างเลเยอร์เพิ่มอีกให้ทำดังนี้</div><br /> <br /> <div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiHniOZ23f3olz6fQtiS9ReCcPQykNfB_bD161raw1cGOygWAaDvMxWWe-RZT6IkGciyIhtP88YDubFFmzYbx3FD8w6Jub5TUnpjtRFj7DSpm7psMosNpWHdhNNAt6KfuWX_otH1YsFSA/s1600/flash05.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" bx="true" height="168" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiHniOZ23f3olz6fQtiS9ReCcPQykNfB_bD161raw1cGOygWAaDvMxWWe-RZT6IkGciyIhtP88YDubFFmzYbx3FD8w6Jub5TUnpjtRFj7DSpm7psMosNpWHdhNNAt6KfuWX_otH1YsFSA/s400/flash05.jpg" width="400" /></a></div><br /> <div style="text-align: justify;"><strong>ทางเลือกอื่นๆในการสร้างเลเยอร์</strong></div><div style="text-align: justify;">คลิกขวาบนเลเยอร์ แล้วเลือกคำสั่ง Inset Layer</div><div style="text-align: justify;">เลือกเมนู Insert &gt;Timeline&gt;Layer</div><div style="text-align: justify;"><br /> </div><br /> <div style="text-align: justify;">ในตัวอย่างนี้ให้เราฝึกการสร้างเลเยอร์ โดยทดลองวาดรูป 3 รูปวางไว้ในแต่ละเลเยอร์แยกจากกันดังรูป</div><br /> <br /> <div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhQdLnCVKTvNiQBtR1ka_2SreOZ6gVtm_K0kaMiw97xB5BdCnw7zvOMfYoYWDTPTm8d37y4cT6S_tbbxVeMdNC0bn-8WoKWXeLcfMNvIW2Y6MDVlIio5vbFeb0DOvVb39jGzpQW7UZAIA/s1600/flash06.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" bx="true" height="200" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhQdLnCVKTvNiQBtR1ka_2SreOZ6gVtm_K0kaMiw97xB5BdCnw7zvOMfYoYWDTPTm8d37y4cT6S_tbbxVeMdNC0bn-8WoKWXeLcfMNvIW2Y6MDVlIio5vbFeb0DOvVb39jGzpQW7UZAIA/s400/flash06.jpg" width="400" /></a></div><div class="separator" style="clear: both; text-align: center;"><br /> </div><br /> <div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgyjxZG1qtVBi0cmLd1QX-ePpTT7ZEQf-MQ32fW29lxyEHHPQtuv9Gkowf4AB6xiBZPUECGsvDM5adYuRILXj2rRlc59FgvLHtcJrk7qUW6TvB2TOgkfEjSa8z399MnSgHfL34zH-1dmQ/s1600/flash07.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" bx="true" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgyjxZG1qtVBi0cmLd1QX-ePpTT7ZEQf-MQ32fW29lxyEHHPQtuv9Gkowf4AB6xiBZPUECGsvDM5adYuRILXj2rRlc59FgvLHtcJrk7qUW6TvB2TOgkfEjSa8z399MnSgHfL34zH-1dmQ/s320/flash07.jpg" /></a></div><br /> <div style="text-align: justify;"><strong>เปลี่ยนชื่อเลเยอร์</strong></div><div style="text-align: justify;">เราควรตั้งชื่อเลเยอร์ที่สื่อความหมายตรงกับเนื้อหาในเลเยอร์นั้นเพื่อจะจดจำและแก้ไขได้ง่าย โดยเฉพาะชิ้นงานที่ประกอบด้วยเลเยอร์จำนวนมาก<br /> <br /> <div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhivN5G_BAhgST8mJppE9o8luWuATto0e9vP1qQh_Jj7TCruC1fvIo3ppKgFrTJYlPHIJGMa0NY9tUQOz29e-M6Ss11L-jJtDVpMtFlRIQyaihFp0jBhhjZaeD_YjdPNSpsIjN1UGtLaQ/s1600/flash08.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" bx="true" height="152" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhivN5G_BAhgST8mJppE9o8luWuATto0e9vP1qQh_Jj7TCruC1fvIo3ppKgFrTJYlPHIJGMa0NY9tUQOz29e-M6Ss11L-jJtDVpMtFlRIQyaihFp0jBhhjZaeD_YjdPNSpsIjN1UGtLaQ/s400/flash08.jpg" width="400" /></a></div><div class="separator" style="clear: both; text-align: center;"><br /> </div></div><div style="text-align: justify;"><strong>จัดการเลเยอร์</strong></div><div style="text-align: justify;">ก่อนที่จะทำงานกับเลเยอร์เราต้องเลือกเลเยอร์นั้นก่อน โดยคลิกชื่อเลเยอร์หรือช่องเฟรมใดก็ได้ในเลเยอร์นั้น เลเยอร์ที่เลือกจะมีรูปดินสอข้างชื่อ แสดงว่าเป็นเลเยอร์ที่เราทำการแก้ไขอยู่&nbsp; เราเรียกเลเยอร์นี้ว่า <strong>"Active Layer"</strong></div><div style="text-align: justify;"><div style="border-bottom: medium none; border-left: medium none; border-right: medium none; border-top: medium none;"><strong>เปลี่ยนลำดับเลเยอร์</strong> ในตัวอย่างเมื่อเราเลื่อนรูปทรงที่วาดในแต่ละเลเยอร์มาเรียงซ้อนกัน จะเห็นว่ารูปทรงในเลเยอร์ที่สูงกว่าจะซ้อนทับเลเยอร์ล่าง หากเราต้องการเปลี่ยนลำดับของเลเยอร์ให้คลิกลากเลเยอร์ไปไว้ในตำแหน่งที่ต้องการได้</div></div><div style="border-bottom: medium none; border-left: medium none; border-right: medium none; border-top: medium none;"><br /> </div><div class="separator" style="border-bottom: medium none; border-left: medium none; border-right: medium none; border-top: medium none; clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhRz5ddPlV_Ti50QUPCpzgbY0XzjpsBL80n0OoDD146hDVmzHNte_rVK-hjDynXk1XPHq6WMGs5t8paD9mehJpErk29-2Sf6vROpbpBxMe5s8EKFwVtjYDhobNvi0jBjTGdTwNnzd4S9Q/s1600/flash09.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" bx="true" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhRz5ddPlV_Ti50QUPCpzgbY0XzjpsBL80n0OoDD146hDVmzHNte_rVK-hjDynXk1XPHq6WMGs5t8paD9mehJpErk29-2Sf6vROpbpBxMe5s8EKFwVtjYDhobNvi0jBjTGdTwNnzd4S9Q/s320/flash09.jpg" /></a></div><div class="separator" style="border-bottom: medium none; border-left: medium none; border-right: medium none; border-top: medium none; clear: both; text-align: center;"><br /> </div><div class="separator" style="border-bottom: medium none; border-left: medium none; border-right: medium none; border-top: medium none; clear: both; text-align: center;"><br /> </div><div class="separator" style="border-bottom: medium none; border-left: medium none; border-right: medium none; border-top: medium none; clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgCTYhqCymhQKPmzPmbhWzElsq9TnzVbgGKDwatyPr_BlzmuLd-QpEEEmKXqK-1qJueeb7N7nH0WzpJjpytL3xFrM-yIYoByTa2QmlriTpn4M1c5st2Hz7gIWQMOdTZVGg3jJZWkqGeEw/s1600/flash10.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" bx="true" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgCTYhqCymhQKPmzPmbhWzElsq9TnzVbgGKDwatyPr_BlzmuLd-QpEEEmKXqK-1qJueeb7N7nH0WzpJjpytL3xFrM-yIYoByTa2QmlriTpn4M1c5st2Hz7gIWQMOdTZVGg3jJZWkqGeEw/s320/flash10.jpg" /></a></div><div align="left" class="separator" style="border-bottom: medium none; border-left: medium none; border-right: medium none; border-top: medium none; clear: both; text-align: center;"><em><span style="color: red;">จะเห็นได้ว่าเสื้อได้ออกมาอยู่นอกกางเกง</span></em></div><div style="border-bottom: medium none; border-left: medium none; border-right: medium none; border-top: medium none;"><br /> </div><div style="border-bottom: medium none; border-left: medium none; border-right: medium none; border-top: medium none;"><strong>ลบเลเยอร์</strong> เมื่อไม่ต้องการใช้งานเลเยอร์บางเลเยอร์ในชิ้นงาน เราสามารถลบเลเยอร์ได้ดังนี้</div><br /> <br /> <div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiy73BCacwouALyfTjOeZg5ekyJzCddf43TKtNixCRYDfA6fJKN7c7I3Geh2iSOyM_b1QgSF_PFEx_z0gxyzgphpTcmH1p4VNy8uI_j0lO0QghunXCNNPdbOQS0aMAulaw7HhvBxWC3VA/s1600/flash11.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" bx="true" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiy73BCacwouALyfTjOeZg5ekyJzCddf43TKtNixCRYDfA6fJKN7c7I3Geh2iSOyM_b1QgSF_PFEx_z0gxyzgphpTcmH1p4VNy8uI_j0lO0QghunXCNNPdbOQS0aMAulaw7HhvBxWC3VA/s320/flash11.jpg" /></a></div><br /> <div style="text-align: justify;"><div style="border-bottom: medium none; border-left: medium none; border-right: medium none; border-top: medium none;"><strong>ซ่อน/แสดงเลเยอร์</strong> การซ่อนเลเยอร์มีประโยชน์ในกรณีที่ชิ้นงานมีเลเยอร์จำนวนมาก และเราต้องการซ่อนเนื้อหาในเลเยอร์นี้ชั่วคราวเพื่อจะได้แก้ไขเนื้อหาส่วนอื่นได้สะดวกขึ้นดังนี้<br /> <br /> <div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg8K-gIW4CEnq-NsqzQu4gXzuKeUcNCVoM53a_7O-IGrD4Mlkos6mVY6z-rQ06FX-9yihJMCrssDbZy6C0Rcu8EvOwhy6FkSR0BZYMCBHJ7MNqhebQNy9CAxgFHv0CHdCxNizrNhCJROg/s1600/flash12.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" bx="true" height="216" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg8K-gIW4CEnq-NsqzQu4gXzuKeUcNCVoM53a_7O-IGrD4Mlkos6mVY6z-rQ06FX-9yihJMCrssDbZy6C0Rcu8EvOwhy6FkSR0BZYMCBHJ7MNqhebQNy9CAxgFHv0CHdCxNizrNhCJROg/s400/flash12.jpg" width="400" /></a></div><div class="separator" style="clear: both; text-align: center;"><br /> </div><div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhklNm1BQLnUwEhNhKXRkbjoJyzFj3KV9CjTRy_YeaXNNjrWVxu6yDTRgtQTxmEiVvss7Y9JPdf_NEGywts07DsuvEeqMHSDsuM7nblLvz1_1tU55bRC44Pceq_kSuydE7bAY1o8TyO2A/s1600/flash13.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" bx="true" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhklNm1BQLnUwEhNhKXRkbjoJyzFj3KV9CjTRy_YeaXNNjrWVxu6yDTRgtQTxmEiVvss7Y9JPdf_NEGywts07DsuvEeqMHSDsuM7nblLvz1_1tU55bRC44Pceq_kSuydE7bAY1o8TyO2A/s320/flash13.jpg" /></a></div><div class="separator" style="clear: both; text-align: center;"><br /> </div></div></div>คลิกที่จุดในคอลัมน์(สังเกตว่าจุดจะกลายเป็นเครื่องหมายกากบาท) แล้วเนื้อหาในเลเยอร์จะหายไปจากในเสตจ เมื่อต้องการให้แสดงเลเยอร์นี้ ก็ให้คลิกที่เครื่องหมายกากบาท จะเปลิ่ยนเป็นจุดและเลเยอร์นั้นจะแสดงบนเสตจอีกครั้ง<br /> <br /> <div style="text-align: justify;"><strong>ล็อกเลเยอร์</strong> เมื่อเราสร้างภาพในเลเยอร์หนึ่งเสร็จแล้ว และไม่ต้องการให้มีการเปลี่ยนแปลงหรือแก้ไขภาพโดยบังเอิญ เราสามารถทำได้โดยคลิกที่ จุด ในคอลัม์รูปล็อก สังเกตว่า จุดจะเปลี่ยนเป็นรูปล็อก และเลเยอร์นั้นจะแก้ไขไม่ได้<br /> <br /> <div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiJRJZDIkVgzzH3mz15u73nP5eyqLjpW_KYuK8hNXJ0s_GepQD_IBz4-mATuGlduLvR9tH44SLHj1bD1C9a-kkxepp0BhAAkmAK7LuRvdetISaoFGLWq3N8u4IIQnGg2E2PpfP9wVHeRQ/s1600/flash14.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" bx="true" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiJRJZDIkVgzzH3mz15u73nP5eyqLjpW_KYuK8hNXJ0s_GepQD_IBz4-mATuGlduLvR9tH44SLHj1bD1C9a-kkxepp0BhAAkmAK7LuRvdetISaoFGLWq3N8u4IIQnGg2E2PpfP9wVHeRQ/s320/flash14.jpg" /></a></div><div class="separator" style="clear: both; text-align: center;"><br /> </div></div><div style="text-align: justify;"><strong>แสดงโครงร่างอ๊อบเจ๊กต์ที่อยู่ในเลเยอร์</strong> ในกรณีที่ภาพที่ภาพในเลเยอร์ที่อยู่ด้านบนบังภาพที่เราต้องการแก้ไข เราสามารถกำหนดให้เลเยอร์นี้แสดงเฉพาะโครงสร้างของภาพเพื่อเราจะได้แก้ไขหือเลือกภาพที่อยู่ใต้เลเยอร์นั้นได้<br /> <br /> <div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi5pmYvfXfOI0ZwE1RA6NmZBQSRBmM31l_vywF4e4qCtj49Fj_2l74y1GFGYWp9PupXJjsepslYI_jhq-y0KE8l2i0DMjEoshGbg-YJJ1hO0-pua-dq1TSe2SCT0npp-BrPFjsi8js8GQ/s1600/flash15.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" bx="true" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi5pmYvfXfOI0ZwE1RA6NmZBQSRBmM31l_vywF4e4qCtj49Fj_2l74y1GFGYWp9PupXJjsepslYI_jhq-y0KE8l2i0DMjEoshGbg-YJJ1hO0-pua-dq1TSe2SCT0npp-BrPFjsi8js8GQ/s320/flash15.jpg" /></a></div></div><div style="text-align: justify;">คลิกที่ สี่เหลี่ยมทึบในคอลัมน์รูปสี่เหลี่ยม (สังเกตว่า สี่เหลี่ยมทึบจะกลายเป็นสี่เหลี่ยมว่าง) และอ๊อบเจ็กต์ในเลเยอร์นั้นจะแสดงเป็เส้นโครงร่างบนเสตจเมื่อต้องการให้แสดงรายละเอียดเหมือนเดิมก็ให้คลิกที่สี่เหลี่ยมว่าง ก็จะเป็นทึบและอ๊อบเจ็กก็จะแสดงเหมือนปกติ</div><div style="text-align: justify;"></div><div style="text-align: justify;"><br /> </div><div style="text-align: justify;"><strong>ใช้โฟลเดอร์จัดการเลเยอร์จำนวนมาก</strong></div><div style="text-align: justify;">ถ้าในชิ้นงานมีเลเยอร์จำนวนมาก เราจสร้างเลเยอร์พิเศษที่เป็นโฟลเดอร์สำหรับเก็บเลเยอร์ให้เป็นหมวดหมู่ เช่นเราอาจรวมเลเยอร์เป็นส่วนประกอบต่างๆของอาหารเช้า(ไข่ดาวกับจาน) และชุดกาแฟไว้ในโฟลเดอร์แต่ชุดกัน<br /> <br /> <div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgRIrEssVL5-QpH4_Sp36WrCqTvxSQfpyyVhKJScs-sVeCi4htcmVSBWRzVFIO8jcSicGbQyCuvAAX_gfL29ALfdRbVL3bbIJFAvNCbb0qVcU7shFU2-ycNA8H-ELlbs16iQwHsaDKdAg/s1600/flash16.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" bx="true" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgRIrEssVL5-QpH4_Sp36WrCqTvxSQfpyyVhKJScs-sVeCi4htcmVSBWRzVFIO8jcSicGbQyCuvAAX_gfL29ALfdRbVL3bbIJFAvNCbb0qVcU7shFU2-ycNA8H-ELlbs16iQwHsaDKdAg/s320/flash16.jpg" /></a></div><div class="separator" style="clear: both; text-align: center;"><br /> </div><div class="separator" style="clear: both; text-align: center;"><br /> </div><div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg4V_1UDEmP6jM9G6DDn0Cw939UoxCKYRbZU8i_pkT2ZU-KcXQfC2V6XDlON2jKj2SBkMyxWSSdH1YESJ6PR29CAvW-aGojyDgBl09bJe7nLNsS8wdnd8CYBEHaIzDZ0GZr-_I0NegGrw/s1600/flash17.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" bx="true" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg4V_1UDEmP6jM9G6DDn0Cw939UoxCKYRbZU8i_pkT2ZU-KcXQfC2V6XDlON2jKj2SBkMyxWSSdH1YESJ6PR29CAvW-aGojyDgBl09bJe7nLNsS8wdnd8CYBEHaIzDZ0GZr-_I0NegGrw/s320/flash17.jpg" /></a></div></div><div style="text-align: justify;"></div><div style="text-align: justify;"><br /> </div><div style="text-align: justify;">เมื่อใดที่เราไม่ได้ใช้เลเยอร์ในโฟลเดอร์ ก็ให้คลิกที่เครื่องหมายลงเพื่อปิดโฟลเดอร์นั้นเมื่อต้องการแสดงเลเยอร์ในโฟลเดอร์นั้นให้คลิกเครื่องหมายที่ชี้ไปทางขวาเพื่อเปิดโฟลเดอร์ออกมา<br /> <br /> <div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjqKTMaKMW9SQM1WgfXxFufVAic3z9syGkGeyoQ_Xg1q7PMQ7UVy4gH9xe5uMVc4HsOpVmGT8DboQ3T7BArmbp068p_-H8iQ_FL1RP5ihbllPRQ63nTVc80AjbguUaQGgVdLbSs123SIg/s1600/Kyoko.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" bx="true" height="640" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjqKTMaKMW9SQM1WgfXxFufVAic3z9syGkGeyoQ_Xg1q7PMQ7UVy4gH9xe5uMVc4HsOpVmGT8DboQ3T7BArmbp068p_-H8iQ_FL1RP5ihbllPRQ63nTVc80AjbguUaQGgVdLbSs123SIg/s640/Kyoko.jpg" width="480" /></a></div></div><div style="text-align: justify;"></div>Unknownnoreply@blogger.com0tag:blogger.com,1999:blog-2133047336082287286.post-14722824228578625402010-07-16T15:13:00.002+07:002010-07-16T15:41:46.576+07:00<div style="border-bottom: medium none; border-left: medium none; border-right: medium none; border-top: medium none; text-align: justify;">ในที่สุดก็ถึงเวลาที่จะลองทำ Flash แต่ก่อนอื่นขอบอกว่า Flash ที่ใช้เป็น Flash cs5 (รู้สึกว่าตัวเองสะเออะยังไงไม่รู้) มาดูหน้าตาหลังจากเปิดตัวโปรแกรมกัน</div><div style="border-bottom: medium none; border-left: medium none; border-right: medium none; border-top: medium none;"><br /> </div><div class="separator" style="border-bottom: medium none; border-left: medium none; border-right: medium none; border-top: medium none; clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhBgHirwJv_aeczOUqumjZ4fAOFnTOaI0kdwhkua_3S_gPaxfax-KJxjHt44UnVDJS6d7Kcoka1tntzJLsu0KVrRq-UbxMIieal7DhoIs_tGEKme6IURVB8tEPBxl0GcyXwnp1jI1ZxZQ/s1600/flash01.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="217" hw="true" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhBgHirwJv_aeczOUqumjZ4fAOFnTOaI0kdwhkua_3S_gPaxfax-KJxjHt44UnVDJS6d7Kcoka1tntzJLsu0KVrRq-UbxMIieal7DhoIs_tGEKme6IURVB8tEPBxl0GcyXwnp1jI1ZxZQ/s400/flash01.jpg" width="400" /></a></div><div class="separator" style="border-bottom: medium none; border-left: medium none; border-right: medium none; border-top: medium none; clear: both; text-align: center;">หน้าตาของโปรแกรมFlash cs5</div><a name='more'></a><div class="separator" style="border-bottom: medium none; border-left: medium none; border-right: medium none; border-top: medium none; clear: both; text-align: center;"><br /> </div><div class="separator" style="border-bottom: medium none; border-left: medium none; border-right: medium none; border-top: medium none; clear: both; text-align: justify;">พอเปิดตัวโปรแกรมมาต้องมีการอุทานเกิดขึ้นเป็นแน่สำหรับคนที่ไม่รู้เรื่อง Flash คิดในใจเราจะไปเริ่มมันตรงไหนดีเนี่ย พอดีเหลือบตาไปเห็นข้อความด้านล่างว่า " Getting Started " ลองกดดู OH ! ภาษาอังกฤษเต็มเลยบอกสรรพคุณขายของกันเห็นๆ แล้วพอกดดูอันที่เหลือก็เหมือนกันหมด ก็เลยคิดในใจไม่เป็นไรการเริ่มต้นมันยากเสมอ ในที่สุดก็ตัดสินใจลองลงมือทำ แต่ว่า.......แล้วจะสร้างงานเขากดกันตรงไหนล่ะ เลยไปที่คำสั่ง File ----&gt; New มันก็มีอะไรม่รู้ปรากฏขึ้นมามีแทบอยู่สองแถบคือ General กับ Templates</div><div class="separator" style="border-bottom: medium none; border-left: medium none; border-right: medium none; border-top: medium none; clear: both; text-align: justify;"><br /> </div><div class="separator" style="border-bottom: medium none; border-left: medium none; border-right: medium none; border-top: medium none; clear: both; text-align: left;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEis47vjjetE6i1hKJ3exn0C_5Gz9IGv_nhlA-wPRp6PSjdIodPy9io7CN23fSYGz87Pb1V4bL2xtu4zazASLon9u3E4UmS4N4M2Cr6OoFtuVSDVE_BJbDMvz1s87bR3y5UE2vxlDO1BGQ/s1600/flash02.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" hw="true" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEis47vjjetE6i1hKJ3exn0C_5Gz9IGv_nhlA-wPRp6PSjdIodPy9io7CN23fSYGz87Pb1V4bL2xtu4zazASLon9u3E4UmS4N4M2Cr6OoFtuVSDVE_BJbDMvz1s87bR3y5UE2vxlDO1BGQ/s320/flash02.jpg" /></a><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhHqJmheoH2wHN7Sgc63qnLcRhTzx_KEqCOrZ-8ZaD_eH0wpLiP5Md-bhP2yI5kPBIQdX9CNXnxeT2mQtFMp_xYu6fDAC1hKTFcFuT6KoMDEMtYVocUJLO3fLHKsqY0WeI6KKbc6wQl7w/s1600/flash03.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" hw="true" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhHqJmheoH2wHN7Sgc63qnLcRhTzx_KEqCOrZ-8ZaD_eH0wpLiP5Md-bhP2yI5kPBIQdX9CNXnxeT2mQtFMp_xYu6fDAC1hKTFcFuT6KoMDEMtYVocUJLO3fLHKsqY0WeI6KKbc6wQl7w/s320/flash03.jpg" /></a></div><div class="separator" style="border-bottom: medium none; border-left: medium none; border-right: medium none; border-top: medium none; clear: both; text-align: left;"><br /> </div><div class="separator" style="border-bottom: medium none; border-left: medium none; border-right: medium none; border-top: medium none; clear: both; text-align: center;">General tab&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; Templates tab</div><div class="separator" style="border-bottom: medium none; border-left: medium none; border-right: medium none; border-top: medium none; clear: both; text-align: center;"><br /> </div><div class="separator" style="border-bottom: medium none; border-left: medium none; border-right: medium none; border-top: medium none; clear: both; text-align: left;">ซึ่งจากการลองกดเข้าใช้งานในส่วนของ General จะเป็นหน้าเปล่าโดยต้องทำการกำหนดค่าต่างๆเอง ส่วน Templates จะเป็นในส่วนที่มีการตั้งค่ามาให้แล้วและมีตัวอย่างงานให้ดู ยังไงก็ลองกันดูก่อนขั้นต้นตามปะสาไม่รู้เรื่องอะนะ...........Faith of Fable</div>Unknownnoreply@blogger.com0tag:blogger.com,1999:blog-2133047336082287286.post-63790644682222150042010-07-14T13:35:00.001+07:002010-07-14T13:38:03.022+07:00<div style="text-align: justify;"></div><div class="separator" style="border-bottom: medium none; border-left: medium none; border-right: medium none; border-top: medium none; clear: both; text-align: center;"></div><div style="text-align: justify;"><div class="separator" style="border-bottom: medium none; border-left: medium none; border-right: medium none; border-top: medium none; clear: both; text-align: center;"><a href="http://www.e-tech.ac.th/itcamping/images/adobe_flash_8~s600x600.jpg" imageanchor="1" style="clear: left; cssfloat: left; float: left; margin-bottom: 1em; margin-right: 1em;"><img border="0" height="200" rw="true" src="http://www.e-tech.ac.th/itcamping/images/adobe_flash_8~s600x600.jpg" width="200" /></a></div>ในบทความนี้จะขอกล่าวถึงเป้าหมายในการทำ blog โดยเนื้อหาภายใน<strong> </strong>blogจะเป็นข้อมูลหรือวิธีการในการเรียนรู้ที่ทำ flashขึ้นมาโดยเริ่มต้นจากการไม่มีความรู้มาก่อนเลยหวังว่าการเรียนรู้ด้วยตัวเองในครั้งนี้จะประสบผลสำเร็จ...........Faith of Fable</div>Unknownnoreply@blogger.com1tag:blogger.com,1999:blog-2133047336082287286.post-25713012803353489392010-07-10T15:59:00.000+07:002010-07-12T15:02:57.059+07:00สวัสดีทุกท่านที่อาจจะหลงเข้ามาชม KangHoe blog อยากจะบอกว่าในขณะที่กำลังพิมพ์บทความนี้ ผู้จัดทำกำลังศึกษาวิธีการทำ blogหากมีสิ่งใดขัดอกขัดใจกับรูปแบบอยากติติง หรืออยากให้ข้อแนะนำอะไรสามารถบอกกับผู้จัดทำได้ โดยผู้จัดทำจะนำไปศึกษาและปรับปรุงให้ดีขึ้นUnknownnoreply@blogger.com0