การสร้าง animation จาก Image Ready จัดทำโดย : ดินสอ พิมพ์
 การสร้าง animation จาก Image Ready

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 จะเห็นว่า ที่หน้าต่าง A ภาพจะกระพริบ


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







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

 


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


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

 

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


คุณอาจสนใจ
ทำปุ่มเคลื่อนไหวใส่เว็บด้วย Flash MX (ตอนที่ 2)
มรกต อุ่นเสรี (33,108 - 29 ก.ย. 50)
การใช้คำสั่ง แบบ Nested if
Mr.POP (27,378 - 05 พ.ย. 49)
การใช้ this
Mr.POP (37,872 - 05 พ.ย. 49)
ประวัติและที่มาของภาษาซี
Mr.POP (64,501 - 26 พ.ย. 50)
วิธีดูแลหน้าจอ LCD ให้ใสปิ๊งอยู่เสมอ
เว็บไทยดีดี (20,337 - 01 มี.ค. 51)
วิธีการเปลี่ยนแป้นพิมพ์ตัวเลขอาราบิกให้เป็นเลขไทย XP
เว็บไทยดีดี (18,379 - 08 ก.ย. 50)
สร้างตาราง : Table
อ้อม (26,248 - 07 เม.ย. 50)
ลบข้อมูลสำคัญที่กรอกลงในเว็บเพจใน Opera 7
เว็บไทยดีดี (13,538 - 01 ก.ย. 50)