วันศุกร์ที่ 22 ตุลาคม พ.ศ. 2553
วันจันทร์ที่ 11 ตุลาคม พ.ศ. 2553
Rewat: F e 3 l i n 9: การสร้างFrame by Frame
Rewat: F e 3 l i n 9: การสร้างFrame by Frame: "F e 3 l i n 9: การสร้างFrame by Frame: 'ภาพเคลื่อนไหว แบบ Frame by frame ในบทนี้จะเป็นการเรียนเกี่ยวกับการสร้างภาพเคลื่อนไหวแบบ Frame by Fra..."
Rewat: Mods3llerd: Motion Tween
Rewat: Mods3llerd: Motion Tween: "Mods3llerd: Motion Tween: 'Motion Tween เป็นการเคลื่อนที่ของภาพจากจุดหนึ่งไปยังอีกจุดหนึ่ง หรือเปลี่ยนคุณสมบัติจากแบบหนึ่งเป็นอีกแบบหนึ่ง St..."
Rewat: Font and Color 16/09/53
Rewat: Font and Color 16/09/53: "Font หลัก Jokerman Font รอง SR Rojce NP ชุดสี Color"
Rewat: Nuttapon-MMD: ไลท์เพลงโดยใช้NeroและโหลดเพลงจากWebS...
Rewat: Nuttapon-MMD: ไลท์เพลงโดยใช้NeroและโหลดเพลงจากWebS...: "Nuttapon-MMD: ไลท์เพลงโดยใช้NeroและโหลดเพลงจากWebSile: 'โครงการ Down load และ Upload เพลงจากWebSite ข้อมูลลักษณะโครงการ เพื่อupdate เพลงใหม่..."
Layer Mask
Layer Mask
เรียกได้ว่าเป็นการ Selection อย่างหนึ่งก็ว่าได้ ซึ่งการ Selection ก็หมายการเลือกส่วนๆนึงของภาพ เพื่อนำมาตกแต่งหรือแก้ไข โดยสามารถทำได้หลายวิธี ไม่ว่าจะเป็นการ Crop , การลากสี่เหลี่ยมธรรมดา , Magic Wand , Lasso Tool และ Layer Mask ซึ่งตรงนี้ ควรเลือกใช้ Selection ให้เหมาะสมกับที่ๆต้องการตกแต่งหรือแก้ไขด้วย ^^
Layer Mask แปลความได้ตรงตามตัวเลย ก็คือการบังส่วนที่ไม่ต้องการแก้ไขไว้ ให้เหลือแต่ส่วนที่ต้องการแก้ไข
เรียกได้ว่าเป็นการ Selection อย่างหนึ่งก็ว่าได้ ซึ่งการ Selection ก็หมายการเลือกส่วนๆนึงของภาพ เพื่อนำมาตกแต่งหรือแก้ไข โดยสามารถทำได้หลายวิธี ไม่ว่าจะเป็นการ Crop , การลากสี่เหลี่ยมธรรมดา , Magic Wand , Lasso Tool และ Layer Mask ซึ่งตรงนี้ ควรเลือกใช้ Selection ให้เหมาะสมกับที่ๆต้องการตกแต่งหรือแก้ไขด้วย ^^
Layer Mask แปลความได้ตรงตามตัวเลย ก็คือการบังส่วนที่ไม่ต้องการแก้ไขไว้ ให้เหลือแต่ส่วนที่ต้องการแก้ไข
Shape Tweening
Shape Tween คือการเปลี่ยนรูปทรงของ ภาพจากภาพหนึ่งเปลี่ยน ไปเป็นอีกภาพหนึ่ง เช่น ภาพวงกลมค่อย ๆ เปลี่ยนไปเป็นภาพ สี่เหลี่ยม เป็นต้น จะมีกฏอยู่ว่าคุณไม่สามารถใช้คำสั่ง Shape Tween กับ Symbols, Instance หรือข้อความได้ คุณจะใช้คำสั่งนี้ได้ เฉพาะกับภาพแบบ Plain Draw (ภาพลายเส้นที่วาดด้วยเครื่องมือของ Flash เช่นสามเหลี่ยม สี่เหลี่ยม วงกลม หรือลายเส้น) เท่านั้น และภาพนั้นต้องไม่ถูก Group อยู่ นอกจากนี้ยังสามารถใช้ Shape Tween เปลี่ยนรูปทรงของภาพได้หลาย ๆ ภาพพร้อมกัน แม้ว่า ภาพทุกภาพนั้นจะอยู่ในเลเยอร์เดียวกัน ทั้งหมดก็ตาม
การทำ motion guide
1. วาดรูปวงกลมขึ้นมา 1 รูป ตั้งชื่อ layer ว่า "graphic"
![](https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjorjZJ1DAGVbWdAH5wLLjEuGihGrMX90yY7ClwAWPrRlYo8muTyy8yOqz9YRBpx59ozTofdQHOK17OXHTwGnHU8f9BSmWI49-4UZvzm1H70nuyV_IRy_gi-B9-BqoRmrerfg-Y9o6p4Yo/s320/01.gif)
2. คลิกขวาที่ Layer "graphic" แล้วเลือก "Add Motion Guide"![](https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgnMLaszHjiZjgr6qMowlGsIZAcSYB2cQPElBenewBHz49Wjq9B5OuL66QKjlOiz-v_0AojN-UhlXHKwwytGwD4Y_eg4AMus2kD3nXELfLCgKVBTmFluocpVZlTpqayQoxuMRC-0Mmb1bs/s320/02.gif)
3. จะมี layer ใหม่ขึ้นมาข้างบน layer "graphic" ชื่อว่า "Guide:graphic"
5. เลือกเฟรมที่ 50 ของ layer guide และกด "F5" เพื่อ insert frames.
![](https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhFvx2GBbwrMVDiH19oozXgapCp594ksexTcI_-4EI5XWq7Wv6nOq7Pt9R_MMXYw_NJ04APIQNFlDj_xxmOSCNOjLlChBbiwC7Wbo8iSVHowlMMbIPkcUOjetjdnuhrSeyU31klvwb4Rm4/s320/05.gif)
6. หลังจากนั้น ไปที่ "Frame 1" ของ "graphic" layer และลาก symbol ไปยังจุดสุดท้ายของ path ที่เราวาดไว้ โดยขณะที่ลากนั้น คุณจะเห็น วงกลมเล็กๆ อยู่บน symbol ซึ่ง ต้องลากให้วงกลมเล็กๆนั้น อยู่ทับเส้น path
![](https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgSXjvMwim8110-kew3d295gpKA8ievt1EYg3J3o-A3d2h12PVcBzifhzUtPc5VOo2qj2m-ieD6Zx0Df9prMGBnCDkQCr8PtlwYcYAI0-nJY1H2XQUhYaV7Uq9l8fNNYb3t-q9CJYWKR2E/s320/06.gif)
7. หลังจากนั้น ไปที่ "Frame 50" ของ "graphic" layer และกด F6 เพื่อ สร้าง keyframe ขึ้นมาใหม่
![](https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh_bALcPol3xFWGgYGQbW8Kd3QacE5vMZNi3MR10Z9QbVImkUDyQLALfLML8zGm4mwf60glVV3AU58xJOqRb8YKPb4UfpK6k-YDj85XsDQvwz1QRy_TWCpL7DMb9uNF4s-C_pSraNAHGOs/s320/07.gif)
8. ต่อจากนั้น ลาก symbol ไปยัง อีกฝั่งหนึ่งของ path และ ต้องให้ วงกลมเล็กๆ อยู่บนเส้น path.
![](https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgrq3XoH7FJrKp-smsAxZ8aUku6XZEPolDokkJC6Qn4n_UUp0ErdylX3eC-z9NycS0QiPdUgA46k4sZqKOPYJTESzBOjJuM-RJLYNDgs97pdNNsZShTaebkX7D07opwKFzlHVWO2cQrRyA/s320/08.gif)
9. เลือกที่ เฟรม ระหว่าง เฟรม 1 ถึง 50 ของ "graphic" layer คลิกขวาแล้วเลือก Create motion tween
![](https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg5IQXVTBbChZQ_62WdoYDj6Kd-aBcuTUPC6z3eMIGqwUhwdTCH7ycg1jKOHVjVG7ONIw3w1DCzoFkRar4_2qbHBh_vK5uHzXgmX3U25Qo2TdTFm_WGgKfj3Ep9QRQ0EC4YYkI5FzCWueA/s320/09.gif)
10. กด ctrl + enter เพื่อดูผลลัพธ์ เราจะได้ วงกลมวิ่งตามเส้น path ที่เราวาดไว้
![](https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjorjZJ1DAGVbWdAH5wLLjEuGihGrMX90yY7ClwAWPrRlYo8muTyy8yOqz9YRBpx59ozTofdQHOK17OXHTwGnHU8f9BSmWI49-4UZvzm1H70nuyV_IRy_gi-B9-BqoRmrerfg-Y9o6p4Yo/s320/01.gif)
2. คลิกขวาที่ Layer "graphic" แล้วเลือก "Add Motion Guide"
![](https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgnMLaszHjiZjgr6qMowlGsIZAcSYB2cQPElBenewBHz49Wjq9B5OuL66QKjlOiz-v_0AojN-UhlXHKwwytGwD4Y_eg4AMus2kD3nXELfLCgKVBTmFluocpVZlTpqayQoxuMRC-0Mmb1bs/s320/02.gif)
3. จะมี layer ใหม่ขึ้นมาข้างบน layer "graphic" ชื่อว่า "Guide:graphic"
4. วาดเส้น path สำหรับ symbol ใน layer ใหม่ โดยใช้ pencil หรือ line tool
5. เลือกเฟรมที่ 50 ของ layer guide และกด "F5" เพื่อ insert frames.
![](https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhFvx2GBbwrMVDiH19oozXgapCp594ksexTcI_-4EI5XWq7Wv6nOq7Pt9R_MMXYw_NJ04APIQNFlDj_xxmOSCNOjLlChBbiwC7Wbo8iSVHowlMMbIPkcUOjetjdnuhrSeyU31klvwb4Rm4/s320/05.gif)
6. หลังจากนั้น ไปที่ "Frame 1" ของ "graphic" layer และลาก symbol ไปยังจุดสุดท้ายของ path ที่เราวาดไว้ โดยขณะที่ลากนั้น คุณจะเห็น วงกลมเล็กๆ อยู่บน symbol ซึ่ง ต้องลากให้วงกลมเล็กๆนั้น อยู่ทับเส้น path
![](https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgSXjvMwim8110-kew3d295gpKA8ievt1EYg3J3o-A3d2h12PVcBzifhzUtPc5VOo2qj2m-ieD6Zx0Df9prMGBnCDkQCr8PtlwYcYAI0-nJY1H2XQUhYaV7Uq9l8fNNYb3t-q9CJYWKR2E/s320/06.gif)
7. หลังจากนั้น ไปที่ "Frame 50" ของ "graphic" layer และกด F6 เพื่อ สร้าง keyframe ขึ้นมาใหม่
![](https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh_bALcPol3xFWGgYGQbW8Kd3QacE5vMZNi3MR10Z9QbVImkUDyQLALfLML8zGm4mwf60glVV3AU58xJOqRb8YKPb4UfpK6k-YDj85XsDQvwz1QRy_TWCpL7DMb9uNF4s-C_pSraNAHGOs/s320/07.gif)
8. ต่อจากนั้น ลาก symbol ไปยัง อีกฝั่งหนึ่งของ path และ ต้องให้ วงกลมเล็กๆ อยู่บนเส้น path.
![](https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgrq3XoH7FJrKp-smsAxZ8aUku6XZEPolDokkJC6Qn4n_UUp0ErdylX3eC-z9NycS0QiPdUgA46k4sZqKOPYJTESzBOjJuM-RJLYNDgs97pdNNsZShTaebkX7D07opwKFzlHVWO2cQrRyA/s320/08.gif)
9. เลือกที่ เฟรม ระหว่าง เฟรม 1 ถึง 50 ของ "graphic" layer คลิกขวาแล้วเลือก Create motion tween
![](https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg5IQXVTBbChZQ_62WdoYDj6Kd-aBcuTUPC6z3eMIGqwUhwdTCH7ycg1jKOHVjVG7ONIw3w1DCzoFkRar4_2qbHBh_vK5uHzXgmX3U25Qo2TdTFm_WGgKfj3Ep9QRQ0EC4YYkI5FzCWueA/s320/09.gif)
10. กด ctrl + enter เพื่อดูผลลัพธ์ เราจะได้ วงกลมวิ่งตามเส้น path ที่เราวาดไว้
ความแตกต่างระหว่าง 2D&3D
ความแตกต่างของ2Dและ3D
2มิติ คือ ภาพที่รูปร่างรูปทรง แต่ไม่มีความลึก จะพูดง่ายๆ คือมีแค่ความยาวกับความกว้าง แค่สองด้านเท่านั้น
3มิติ คือ ภาพที่มีปราณ หรือ ภาพที่มีความลึก โดยดวงตาคนเราจะรับรู้เป็น 2มิติ ทั้งสองข้างแล้วเอามารวมประมวลผลกันในสมองให้เห็นความลึก
ข้อดี-จุดเด่น
2D การเปลียนแปรงตัวละครไม่ว่าหน้าตาหรือรูปร่างจะง่ายกว่า
3D สร้างตัวละครและพื้นผิวของตัวละครขึ้นมาเพียงครั้งเดียว
ข้อเสีย-จุดด้อย
2D รายละเอียดตัวละครน้อย
3D ได้เปรียบกว่ามากเพราะทำพื้นผิวเพียงครั้งเดียว
สมัครสมาชิก:
บทความ (Atom)