ข้อมูลองค์ความรู้โดย
วิทวัส ทิมจ้อย
ตำแหน่ง content

การสร้าง animation จาก Image Ready

ประเภททางด้าน IT หลัก :   Graphics
ประเภททางด้าน IT ย่อย :   Animation
  ลงข้อมูลเมื่อ 11:57:04 04/04/2011
  Page View (2120) แบ่งปัน

1. การใช้งาน Image ready เราจะใช้คู่กับโปรแกรม Photoshop ขั้นแรกให้เราเตรียมภาพใน Photoshopเพื่อไปประกอบเนื้อเรื่องใน animation ก่อน ว่าต้องการกี่ภาพและจะให้ภาพเคลื่อนไหวอย่างไรบ้างในทีนี้เตรียมไว้ สองภาพ

2.> อย่าลืมที่จะจัดตำแหน่งของเรื่องราวต่างๆ ที่เราต้องการใช้ ให้ตรงตำแหน่ง เสียตั้งแต่ตอนนี้ไว้ด้วย เวลาที่เรานำไปทำภาพเคลื่อนไหว จะได้ไม่ยุ่งยาก เมื่อได้ภาพแล้วให้คลิ๊กที่ Jump to ImageReady เราจะเข้าสู่โปรแกรม Image Ready


3.> เราจะเจอ หน้าต่างๆ เล็กๆ 3 หน้าต่าง หน้าต่างที่ A คือไฟล์ภาพการแสดงผล ที่เราจะนำไปใช้ หน้าต่างที่ B คือหน้าต่าง Layer ที่เราใช้เก็บภาพต่างๆื ที่เราจะนำมาทำเรื่องราว หน้าต่างที่ C คือหน้าต่างanimation เราจะเอาภาพมาเรียงต่อกันที่นี่เพื่อทำภาพเคลื่อนไหว

4.> ในที่นี้ เราจะทำภาพแบบง่ายๆ ให้กระพริบไปมาระหว่างสองภาพ โดยขั้นแรก ที่หน้าต่าง C เรามีเฟรมภาพรอไว้แล้ว หนึ่งเฟรม ให้เราเพิ่มเฟรมภาพที่สอง ที่เราจะใช้ได้เลยโดยคลิ๊กที่ Duplicates current frame เพื่อเพิ่ม frame ขึ้นมา 1 เฟรม ดังรูป 

จะได้

5.> จากนั้นให้เรากลับไปเปิดตา layer หน้าต่างที่ B เลือกเปิดตา layer 1 (หลักการง่ายๆ ของ animationคือ ในหน้าต่าง C ถ้าต้องการให้เฟรมใดๆ มีรูป ใดๆ ให้เปิดตาหรือปิดตาที่ layer ของ หน้าต่าง B)

รูปเปิดตา Layer 1 เพื่อให้เฟรมที่ 2 แสดงผลรูปนี้

6 .> ต่อจากนั้นให้เรามาดูภาพเคลื่อนไหวของเรา คลิ๊ก Plays ที่หน้าต่าง C จะเห็นว่า ที่หน้าต่าง ภาพจะกระพริบ

7.> ที่หน้าต่าง ภาพจะกระพริบเร็วมาก เราก็จะมาตั้งค่าให้เฟรมแต่ละเฟรมมีความหน่วงเวลา ในการแสดงผล ให้เรา Stop animation ก่อนแล้วเลือก Selects frame delay time ให้เป็น 0.5 แล้วจึง Plays อีกครั้งดูว่าการแสดงผลเป็นที่พอใจหรือเปล่า ถ้าพอใจก็นำภาพไปใช้ได้เลย

8 .> วิธีที่เราจะนำภาพไปใช้นั้นให้ ไปที่ File > Save Optimized As.. ไฟล์ภาพที่เซฟให้ เซฟ เป็น .gifเท่านั้น ภาพจึงจะเคลื่อนไหวได้ ดังรูป

ภาพที่เซฟออกมาใช้งาน

9 .> เคล็ดลับการเซฟงานให้ภาพออกมาสวยงาม ให้ปรับค่า Colors ที่หน้าต่าง Optimize เป็น 256 ก่อนที่จะทำการเซฟ แต่ไฟล์เราก็จะใหญ่ขึ้นด้วย

เปรียบเทียบภาพความละเอียดสีที่แตกต่างกัน



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

โดย... วิทวัส ทิมจ้อย

ปีแห่งนวัตกรรมไร้สายครองเมือง
ปีแห่งนวัตกรรมไร้สายครองเมือง

โดย... วิทวัส ทิมจ้อย

เปิดได้หมด!!! หนัง เพลง ดูได้แม้ไม่รู้จักไฟล์
เปิดได้หมด!!! หนัง เพลง ดูได้แม้ไม่รู้จักไฟล์

โดย... วิทวัส ทิมจ้อย

ความแตกต่างของ CPU Intel i3, i5 และ i7
ความแตกต่างของ CPU Intel i3, i5 และ i7

โดย... วิทวัส ทิมจ้อย

ระบบเครือข่ายท้องถิ่น (Local Area Network, LAN)
ระบบเครือข่ายท้องถิ่น (Local Area Network, LAN)

โดย... วิทวัส ทิมจ้อย

ตั้งค่าระบบเครือข่ายแบบง่ายๆ บนวินโดวส์ 7
ในที่สุดไมโครซอฟท์ก็ทำให้วินโดวส์สามารถตั้งค่าระบบเครือข่ายภายในบ้านได้ในขั้นตอนแบบง่ายๆ .. และนี่คือสิ่งที่คุณจำเป็นต้องทราบ

โดย... วิทวัส ทิมจ้อย

ไขปัญหาในเรื่องทั่วไปบนวินโดวส์ (3)
ไขปัญหาในเรื่องทั่วไปบนวินโดวส์ (3)

โดย... วิทวัส ทิมจ้อย

ความรู้เกี่ยวกับ ADSL เบื้องต้น (1)
ความรู้เกี่ยวกับ ADSL เบื้องต้น (1)

โดย... วิทวัส ทิมจ้อย

ไขปัญหาในเรื่องทั่วไปบนวินโดวส์ (1)
ไขปัญหาในเรื่องทั่วไปบนวินโดวส์ (1)

โดย... วิทวัส ทิมจ้อย

Google Book Search ถึงทางตัน ?
ไม่รู้จะลงเอยท่าไหนสำหรับบริการห้องสมุดดิจิตอลของกูเกิล Google Book Search เมื่อศาลสหรัฐฯปฏิเสธไม่อนุมัติการยอมความระหว่างสำนักพิมพ์อเมริกันและกูเกิล ซึ่งฝ่ายหลังยอมจ่ายเงินมูลค่า 125 ล้านเหรียญเป็นค่าไกล่เกลี่ยเพื่อให้ได้สิทธิสแกนหนังสืออีกหลายล้านเล่มช่วงปี 2009 โดยศาลให้เหตุผลว่าการพยายามสร้างความสัมพันธ์กับเหล่าสำนักพิมพ์เช่นนี้ เป็นความเสี่ยงทำให้เกิดการผูกขาดการค้าในตลาดหนังสือออนไลน์ รวมถึงขัดต่อกฏหมายลิขสิทธิ์ระหว่างประเทศ แม้จะยอมรับว่าโครงการสแกนหนังสือสามารถเป็นประโยชน์ต่อประชากรโลกได้จริง

โดย... วิทวัส ทิมจ้อย