นโยบายการจัดการความรู้ มหาวิทยาลัยสงขลานครินทร์ 1.ให้ใช้เครื่องมือการจัดการความรู้ผลักดัน คุณภาพคน และกระบวนทำงาน 2.ส่งเสริมการแลกเปลี่ยนประสบการณ์การทำงาน จากหน้างาน 3.ส่งเสริมให้มีเวทีเรียนรู้ร่วมกัน
อ่าน: 5515
ความเห็น: 9

ทำรูปดุ๊กดิ๊ก ฉบับเพิ่มเติมเทคนิคเล็กๆน้อยๆ

สืบเนื่องมาจากบันทึก "ทำรูปดุ๊กดิ๊กกันดีกว่า..มามะ ลองทำดู" ของหนูณิช จึงขออนุญาตเพิ่มเติมเทคนิคเล็กๆน้อยๆ เพื่อการแสดงผลที่นุ่มนวลขึ้น เอ๊ะ! นุ่มนวลยังไง? ลองติดตามดูครับ ^_^

สืบเนื่องมาจากบันทึก "ทำรูปดุ๊กดิ๊กกันดีกว่า..มามะ ลองทำดู" ของหนูณิช จึงขออนุญาตเพิ่มเติมเทคนิคเล็กๆน้อยๆ เพื่อการแสดงผลที่อ่อนนุ่มนุ่มนวลขึ้น เอ๊ะ! อ่อนนุ่มนุ่มนวลยังไง? ลองติดตามดูครับ ^_^

อ่อนนุ่มนุ่มนวลหยั่งงี้ไงครับ ตามภาพเลยครับ


จะเห็นว่า การเปลี่ยนภาพแต่ละภาพจะค่อยๆเปลี่ยนไปทีละน้อย ผมก็ขออนุญาตนำเสนอเพื่อเป็นทางเลือกนะครับ เผื่อท่านจะชอบเทคนิคนี้บ้าง ^_^

แล้วทำยังไงอ่ะ?


1.  เปิดไฟล์เดิมจากที่หนูณิชได้ทำมาจากบันทึกนี้ครับ (คลิก) จะเห็นว่ามี frame ทั้งหมด 4 frame ดังภาพที่ 1 ผมขอเรียกทั้ง 4 frame นี้ว่า "frame ต้นฉบับ" นะครับ

ภาพที่ 1

2. เลือก frame ต้นฉบับที่อยู่ติดกันสองเฟรม ดังภาพที่ 1 ผมจะเลือก frame 1 และ 2 นะครับ โดยกดปุ่ม Shift ค้างไว้ แล้วใช้เมาส์คลิกที่ frame 1 และ frame 2 (คลิกตรงกลางๆ frame เลยครับ) แล้วคลิกที่ปุ่ม Tween ตามภาพที่ 2 (ข้อ 1) มันก็จะโผล่หน้าต่างเซ็ตค่าดังภาพที่ 2 (ข้อ 2) ครับ ส่วนภาพที่ 2 (ข้อ 3) นั้น เป็นการเซ็ตค่าจำนวน frame ที่จะแทรกระหว่างสอง frame ที่เราเลือกไว้ตะกี๊ครับ โปรแกรมจะเซ็ตไว้ที่ 5 frame เราจะเซ็ตให้มากหรือน้อยกว่านี้ก็ได้ แต่ผมขอเลือก 5 frame ก็แล้วกันนะครับ

- ถ้าเซ็ตมากกว่า 5 frame ข้อดี การเปลี่ยนภาพจะนุ่มนวลมากยิ่งขึ้น แต่ขนาดไฟล์ (byte) ก็จะเพิ่มขึ้นตามด้วย ขนาดไฟล์มากจะทำให้โหลดภาพช้าครับ

- ถ้าเซ็ตน้อยกว่า 5 frame ข้อดี ขนาดไฟล์จะเล็กลงครับ แต่การเปลี่ยนภาพก็จะนุ่มนวลน้อยกว่าครับ 

อย่างอื่น ผมไม่ขอเปลี่ยนอะไรก็แล้วกันนะครับ 

ภาพที่ 2

3. หลังจากเซ็ตจำนวน frame เสร็จก็คลิกปุ่ม OK โปรแกรมก็จะเพิ่ม frame ระหว่างสอง frame แรกที่เราเลือกในข้อ 2 โดยชื่อ frame ทั้งห้าก็จะเป็น 2, 3, 4, 5, 6 ตามลำดับ ผมขอเรียก frame ที่เพิ่มมาใหม่นี้ว่า "frame แทรก" นะครับ ส่วน frame 2 เดิมนั้น จะถูกเปลี่ยนชื่อเป็น frame 7 ครับ ตรงนี้ขอให้ระวังให้ดีครับ อาจทำให้เราสับสนได้ ดังภาพที่ 3

ภาพที่ 3

 4. ให้คลิกเลือก frame แทรกทั้งห้า โดยกดปุ่ม Shift ค้างไว้ แล้วใช้เมาส์คลิกที่กลางๆ frame ที่ 2, 3, 4, 5, 6 แล้วคลิกที่ "เวลา" ใต้ frame จะปรากฏเมนูให้เซ็ตเวลาในการแสดงผลของ frame ดังภาพที่ 4 ให้เลือก "0.1 seconds" ครับ (กำลังดี ^_^)

ภาพที่ 4

5. จะเห็นว่า frame แทรกทั้งหมดจะถูกแสดงในเวลา frame ละ 0.1 วินาที ดังภาพที่ 5

ภาพที่ 5

6. ขอให้ทำตั้งแต่ข้อ 2 ถึง 5 กับ frame ต้นฉบับที่เหลือ โดยขอให้ระวังเรื่องหมายเลข frame ด้วยครับ หากกลัวสับสน ก็อ่านข้างล่างนี้ต่อครับ ^_^
- frame ต้นฉบับ 7 กับ 8 จะได้ frame แทรก 8, 9, 10, 11, 12
- ทีนี้ frame ต้นฉบับจะเป็น 13 กับ 14 ก็จะได้ frame แทรก 14, 15, 16, 17, 18

7. พอทำข้อ 6 เสร็จ เราก็จะเหลือ frame ต้นฉบับอันสุดท้ายคือ frame 19 ซึ่งจะต้องจับคู่กับ frame 1 เพื่อให้วกกลับมาแสดงเป็นลูป ก็ต้องมีเทคนิคนิดหน่อยครับ ติดตามอ่านข้อต่อไป...

ภาพที่ 6 

8. ให้เลือกคลิกเลือก frame 19 และคลิกที่ปุ่ม Duplicates current frame ดังภาพที่ 6 (ข้อ 1) ท่านจะได้ frame 20 ที่เหมือนกับ frame 19 ทุกอย่าง ดังภาพที่ 6 (ข้อ 2)

ภาพที่ 7 

9. คลิกเลือก frame 20 ดังภาพที่ 7 (ข้อ 1) แล้วให้คลิกที่ดวงตาของ Layer 4 ในหน้าต่าง Layer ดังภาพที่ 7 (ข้อ 2) เพื่อซ่อน Layer 4 (ภาพสุดท้าย) หลังจากนั้นให้คลิกให้ปรากฏดวงตาของ Layer 1 ดังภาพที่ 7 (ข้อ 3) เพื่อแสดง Layer 1 (ภาพแรก)

ภาพที่ 8 

10. จะเห็นว่าภาพใน frame 20 จะเปลี่ยนไปเหมือนกับ frame 1 ดังภาพที่ 8

11. ก็ให้ย้อนทำตั้งแต่ข้อ 2 ถึง 5 กับ frame 19 และ 20 ท่านก็จะได้ frame แทรกเป็น frame 20, 21, 22, 23, 24

ภาพที่ 9 

12. คลิกเลือก frame 25 แล้วคลิกปุ่ม Delete selected frames ดังภาพที่ 9 เพื่อลบ frame 25 ถ้าไม่ลบเกิดอะไรขึ้นครับ frame มันจะซ้ำกันกับ frame 1 ครับ เวลามันแสดง มันก็จะค้างที่ภาพนี้นานเกินไป ไม่สวยครับ ไม่สวย ^_^

13. จากนั้นก็ขอให้ Save Optimized As... ตามวิธีในบันทึกของหนูณิชได้เลยครับ เป็นอันเสร็จพิธี ผลที่ได้เป็นยังไง.. ก็ย้อนไปดูภาพบนสุดโน่นเลยครับ ^_^


หวังว่าเทคนิคนี้จะเป็นประโยชน์แก่ทุกท่านไม่มากก็น้อยนะครับ ^_^

 

หมวดหมู่บันทึก: เรื่องทั่วไป
สัญญาอนุญาต: สงวนสิทธิ์ทุกประการ Copyright
สร้าง: 07 มีนาคม 2551 11:02 แก้ไข: 13 มิถุนายน 2552 20:23 [ แจ้งไม่เหมาะสม ]
ดอกไม้
สมาชิกที่ให้กำลังใจ
 
Facebook
Twitter
Google

บันทึกอื่นๆ

ความเห็น

ดีค่ะๆ..ช่วยๆ กันสอนมาเรื่อยๆ นะคะ..ว่างๆ จะได้ลองลงมือหัดทำดูค่ะ..
อิ อิ ลองทำบ้าง
ดีจังเลยคร๊าบ....จะลองทำดูนะคะ

ตามมาเก็บความรู้ค่ะ ขอบคุณค่ะ

  • ตามมาดูชั้นตอนการทำด้วยคนค่ะ อิอิ
  • ขอบคุณนะคะ
  • ขอบคุณที่มานำเสนอขั้นตอนการทำอย่างละเอียดครับ
  • ลองทำลองเล่นกันดูครับ
Ico48
อิง [IP: 114.128.11.132]
17 มกราคม 2552 20:44
#40191

แล้วจาทำโค้ดไปลงไฮ55555ยังงัยอ่ะบอกหน่อยน๊า

ainggangza.hi5.com

ขอบคุณค่า...โดนใจจริงๆ วันก่อนมีคนแถวนี้สอนแล้ว แต่ตามไม่ทัน งานนี้จะได้ลองทำซะที.

^0^

Ico48
นู๋เมย์ [IP: 112.142.18.170]
07 พฤศจิกายน 2552 14:16
#50502
ขอบคุงค้าฟฟ เข้าใจง่ายดีจัง

ร่วมแสดงความเห็นในหน้านี้

ชื่อ:
อีเมล:
IP แอดเดรส: 18.206.194.161
ข้อความ:  
เรียกเครื่องมือจัดการข้อความ
   
ยกเลิก หรือ