สอนทำภาพเคลื่อนไหว Animation ง่ายๆด้วย Image ready ตอนที่2 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 เท่านั้น ภาพจึงจะเคลื่อนไหวได้ ดังรูป v V v ภาพที่เซฟออกมาใช้งาน เลยจ้า 9 .> เคล็ดลับการเซฟงานให้ภาพออกมาสวยงาม ให้ปรับค่า Colors ที่หน้าต่าง Optimize เป็น 256 ก่อนที่จะทำการเซฟ แต่ไฟล์เราก็จะใหญ่ขึ้นด้วย **แล้วจะเอามา ให้ดูใหม่นะคะ**   Create Date : 12 กันยายน 2550 11 comments Last Update : 1 ตุลาคม 2550 19:53:28 น. Counter : 1856 Pageviews. Share Tweet

รำคาญนกอ่ะ..นิสัยเหมือนเจ้า กีวี่ นกที่บ้านเลย ไปไหนคอยตามตลอด..แงๆๆ   โดย: นู๋ญ่า (kayook ) 13 กันยายน 2550 0:14:44 น.

เยี่ยมไปเลยครับ เดี๋ยวจะไปหัดทำบ้าง ถ้าทำไม่ได้ จะมาถามนะครับ   โดย: wack 13 กันยายน 2550 0:16:20 น.

พี่นู๋ญ่าเก่งจังค่ะ เคยมีเพื่อนทำให้น้องจัสมินนานมากแล้ว แต่มะมี๊ก็ไม่มีเวลาเรียนทำซักที ทำออกมาแล้วสาวน้อยในรูปน่ารักมากๆค่ะ   โดย: แม่น้องKevin and Jasmin 13 กันยายน 2550 3:00:48 น.

ยากอ่ะนู๋ญ่า แบบอยากได้รูปไหนให้นู๋ญ่าทำได้มะ อ่อๆๆ ได้หรอ แหม .. ใจดีจังเลย เราหา msn ตะเองไม่เจอ ทำไงดี เค้าก้อจาแอดตะเองนะ   โดย: i can't do it !! 13 กันยายน 2550 11:00:53 น.

ไม่ได้เข้ามานาน บ้านนี้แปลกตาขึ้นเยอะ ดูสบายตาจัง อยากดูอะไรก็หาง่าย ... ชอบ ๆ จะลองทำดูนะ ไม่รู้จะออกมาเป็นภาพเคลื่อนไหวป่าว   โดย: เดี๋ยวขอนึกก่อนนะ 13 กันยายน 2550 11:44:14 น.

แอบมาลงชื่อเรียน   โดย: I@mSocOoL 13 กันยายน 2550 14:37:48 น.

อย่าลบหลักสูตรนะครับ เผื่อเมื่อไหร่ขยันจะมาเรียนครับ ^_^   โดย: ฮิโระ (ordinary_hero ) 14 กันยายน 2550 22:13:23 น.

มาอีกแร้วคร่า คราวนี้มีปันหากะ Imageready แร่ะ มันไม่สามารถเซฟไฟล์ .gif ได้ทำไงอ่ะ คือในช่อง type มันมีแต่ .jpeg , *.html อ่ะคร่ะ แนะนำหน่อยนะพระอาจารย์ หุหุ   โดย: pae_bahh (SpiCy^^Pae ) 29 กันยายน 2550 23:37:27 น.

หน้าเด็กหลอนมากๆ ขยับแต่หน้าอ่ะ หัวไม่กระดิกไปไหนเลย   โดย: lordoflife 3 ตุลาคม 2550 21:24:58 น.

แว๊ก แม่ลองทำแล้วมันไมได้อ่า   โดย: โสมรัศมี 5 ตุลาคม 2550 11:07:59 น.

หึ หึ หึ เราทำเป็นแล้ว 555ดีใจมาก ขอบคุณนะ แล้วมีเทคนิคอะไรมากกว่านี้รึเปล่า สอนอีกนะ นะ   โดย: จิบิมารุ 6 มีนาคม 2551 15:11:17 น.