การสร้าง Animation จาก image ready
- 1. การสร้าง animation จาก Image Ready 1.> การใช้งาน Image ready เราจะใช้คู่กับโปรแกรม Photoshop ขั้นแรกให้เราเตรียม ภาพใน Photoshop เพื่อไปประกอบเนื้อเรื่องใน animation ก่อน ว่าต้องการกี่ภาพและ จะให้ภาพเคลื่อนไหวอย่างไรบ้างในทีนี้เตรียมไว้ สองภาพ 2.> อย่าลืมทีจะจัดตำาแหน่งของเรื่องราวต่างๆ ที่เราต้องการใช้ ให้ตรงตำาแหน่ง เสีย ่ ตั้งแต่ตอนนี้ไว้ด้วย เวลาทีเรานำาไปทำาภาพเคลื่อนไหว จะได้ไม่ยุ่งยาก เมื่อได้ภาพแล้ว ่ ให้คลิ๊กที่ Jump to ImageReady เราจะเข้าสู่โปรแกรม Image Ready 3.> เราจะเจอ หน้าต่างๆ เล็กๆ 3 หน้าต่าง หน้าต่างที่ A คือไฟล์ภาพการแสดงผล ที่เรา จะนำาไปใช้ หน้าต่างที่ B คือหน้าต่าง Layer ที่เราใช้เก็บภาพต่างๆืื ที่เราจะนำามาทำา เรื่องราว หน้าต่างที่ C คือหน้าต่าง animation เราจะเอาภาพมาเรียงต่อกันที่นี่เพื่อทำา ภาพเคลื่อนไหว
- 2. 4.> ในที่นี้ เราจะทำาภาพแบบง่ายๆ ให้กระพริบไปมาระหว่างสองภาพ โดยขั้นแรก ที่ หน้าต่าง C เรามีเฟรมภาพรอไว้แล้ว หนึ่งเฟรม ให้เราเพิมเฟรมภาพที่สอง ที่เราจะใช้ได้ ่ เลยโดยคลิ๊กที่ Duplicates current frame เพื่อเพิ่ม frame ขึนมา 1 เฟรม ดังรูป ้ จะได้ 5.> จากนั้นให้เรากลับไปเปิดตา layer หน้าต่างที่ B เลือกเปิดตา layer 1 (หลักการ
- 3. ง่ายๆ ของ animation คือ ในหน้าต่าง C ถ้าต้องการให้เฟรมใดๆ มีรป ใดๆ ให้เปิดตา ู หรือปิดตาที่ layer ของ หน้าต่าง B) รูปเปิดตา Layer 1 เพื่อให้เฟรมที่ 2 แสดงผลรูปนี้ 6 .> ต่อจากนั้นให้เรามาดูภาพเคลื่อนไหวของเรา คลิ๊ก Plays ที่หน้าต่าง C จะเห็นว่า ที่ หน้าต่าง A ภาพจะกระพริบ 7.> ที่หน้าต่าง A ภาพจะกระพริบเร็วมาก เราก็จะมาตั้งค่าให้เฟรมแต่ละเฟรมมี ความหน่วงเวลา ในการแสดงผล ให้เรา Stop animation ก่อนแล้วเลือก Selects frame delay time ให้เป็น 0.5 แล้วจึง Plays อีกครั้งดูว่าการแสดงผลเป็นที่พอใจหรือ เปล่า ถ้าพอใจก็นำาภาพไปใช้ได้เลย
- 4. 8 .> วิธีที่เราจะนำาภาพไปใช้นั้นให้ ไปที่ File > Save Optimized As.. ไฟล์ภาพที่เซฟ ให้ เซฟ เป็น .gif เท่านั้น ภาพจึงจะเคลื่อนไหวได้ ดังรูป
- 5. ภาพที่เซฟออกมาใช้งาน 9 .> เคล็ดลับการเซฟงานให้ภาพออกมาสวยงาม ให้ปรับค่า Colors ที่หน้าต่าง Optimize เป็น 256 ก่อนที่จะทำาการเซฟ แต่ไฟล์เราก็จะใหญ่ขึ้นด้วย