Good Drawing Books Photoshop พี่ชาย ImageReady

Good Drawing Books Photoshop พี่ชาย ImageReady

 

หากคุณติดตั้ง Photoshop 5.5 ขึ้นไปบนคอมพิวเตอร์ของคุณ คุณจะพบกับโปรแกรมอื่นชื่อ ImageReady ติดตั้งบนคอมพิวเตอร์ของคุณพร้อมกับ Photoshop อย่างไม่ต้องสงสัย คุณรู้ไหมว่ามันใช้ทำอะไร?

 

ImageReady เป็นซอฟต์แวร์พิเศษสำหรับการแก้ไขภาพเคลื่อนไหว ซึ่งชดเชยข้อบกพร่องของ Photoshop ในการแก้ไขภาพเคลื่อนไหวและวัสดุบนเว็บ ImageReady มีเครื่องมือจำนวนมากสำหรับการสร้างภาพบนเว็บและภาพเคลื่อนไหว และยังสามารถสร้างส่วนหนึ่งของโค้ด html ซึ่งอาจกล่าวได้ว่ามีประสิทธิภาพมาก มาดูฟังก์ชั่นแอนิเมชั่นพื้นฐานสองอย่างกัน

 

1. สร้าง GIF แบบเคลื่อนไหว

จริงๆ แล้วแอนิเมชันคือชุดของภาพนิ่งที่ต่อเนื่องกัน รูปภาพแต่ละภาพเรียกว่าเฟรม เมื่อเฟรมเหล่านี้แสดงอย่างต่อเนื่องและรวดเร็ว ก็จะทำให้เกิดเอฟเฟ็กต์ภาพเคลื่อนไหว การแก้ไขภาพเคลื่อนไหวด้วย ImageReady เป็นเรื่องเกี่ยวกับการจัดการเฟรม

 

1. สร้างเฟรมใหม่

เปิด ImageReady สร้างไฟล์ 244×277 พิกเซลใหม่ชื่อ "Finger Magic" ในเมนู "หน้าต่าง" คลิกคำสั่ง "แสดงเลเยอร์" และ "แสดงภาพเคลื่อนไหว" เพื่อทำให้แผงเลเยอร์และแผงภาพเคลื่อนไหวปรากฏในอินเทอร์เฟซซอฟต์แวร์ เปิด t1.jpg กด Ctrl+A เพื่อเลือกเนื้อหาทั้งหมดของรูปภาพ คัดลอกและวางลงในรูปภาพใหม่ นี่คือเฟรมแรกของภาพเคลื่อนไหว และเป็นสถานะปกติเริ่มต้นของรูปภาพในโปรแกรม

 

คลิกปุ่ม "คัดลอกเฟรมปัจจุบัน" ใต้แผงภาพเคลื่อนไหวเพื่อสร้างเฟรมที่สอง คัดลอกเนื้อหาทั้งหมดของ t2.jpg ไปยังไฟล์ใหม่ "Quick Finger Magic"

 

จากนั้นใช้วิธีการด้านบนเพื่อวาง t3.jpg, t4.jpg, t5.jpg, t6.jpg ลงในเฟรมใหม่ของตัวเอง โดยสร้างทั้งหมด 6 เฟรม

 

2. จับคู่ระหว่างเลเยอร์และเฟรม

เลือกเลเยอร์ "พื้นหลัง" ในแผงเลเยอร์แล้วกดปุ่ม "ลบเลเยอร์" (สัญลักษณ์ถังขยะขนาดเล็ก) ที่มุมขวาล่างของแผงเลเยอร์เพื่อลบเลเยอร์พื้นหลัง

 

คลิกเพื่อเลือกเฟรม 1 ในแผงภาพเคลื่อนไหว และซ่อนเลเยอร์ 2, 3, 4, 5 และ 6 ในแผงเลเยอร์ (โดยการลบ "ตาเล็กๆ" ทางด้านซ้ายของเลเยอร์เหล่านี้)

 

จากนั้นคลิกที่ Frame 2 ในแผง Animation และซ่อน Layers 1, 3, 4, 5, 6 ในแผง Layers เพื่อให้แสดงเฉพาะเนื้อหาของเลเยอร์ 2

 

ในทำนองเดียวกัน เลเยอร์อื่นๆ ในเฟรมที่ 3 ถึง 6 จะถูกซ่อนแยกกัน เพื่อให้แต่ละเฟรมแสดงเฉพาะเนื้อหาเลเยอร์ที่เกี่ยวข้องเท่านั้น ผลลัพธ์จะแสดงในรูปที่ 2

 

3. ดูตัวอย่างและจัดเก็บข้อมูล

ที่ด้านล่างของแต่ละเฟรมในแผงภาพเคลื่อนไหว คลิกสามเหลี่ยมกลับหัวเล็กๆ ทางด้านขวาของคำว่า "วินาที" และเลือกระยะเวลาที่คุณต้องการให้แต่ละเฟรมแสดง (0240 วินาที คุณสามารถปรับได้ ด้วยตัวคุณเอง) สุดท้าย คุณสามารถทดสอบภาพเคลื่อนไหวได้โดยตรงโดยคลิกปุ่มเล่นในแผงภาพเคลื่อนไหว หากคุณยังคงพอใจ คุณสามารถเลือก "บันทึกผลลัพธ์การเพิ่มประสิทธิภาพ" ในเมนู "ไฟล์" บันทึกผลลัพธ์ของเราเป็น "finger magic.gif" และเสร็จสิ้นการผลิต

 

นอกจากนี้ คุณยังสามารถเปิด GIF แบบเคลื่อนไหวด้วย ImageReady และแก้ไขแต่ละเฟรมได้ ฉันพบว่าอินเทอร์เฟซของ ImageReady นั้นใช้งานง่ายกว่าและใช้งานง่ายกว่า FireWork ซึ่งเป็นโปรแกรมแก้ไขแอนิเมชั่นอีกตัวที่รู้จักกันดี

 

ประการที่สอง ทำภาพพลิก

ในหน้าเว็บ เป็นเรื่องปกติที่จะพบกับเอฟเฟกต์ไดนามิกต่างๆ ที่เกิดจากกิจกรรมของเมาส์ เช่น การเลื่อนเมาส์ไปเหนือรูปภาพ การคลิก และการย้ายออกไป เนื้อหารูปภาพจะเปลี่ยนไป แม้ว่าการแก้ไขเอฟเฟกต์นี้ด้วยโค้ด html ของเว็บจะยุ่งยาก แต่ ImageReady ก็ง่ายกว่ามาก

 

วิธีการสร้างเอฟเฟ็กต์การพลิกภาพโดยพื้นฐานแล้วจะเหมือนกับวิธีสร้างแอนิเมชั่นด้านบน ข้อแตกต่างเพียงอย่างเดียวคือ แทนที่จะเปิดแผงแอนิเมชันเพื่อแก้ไขแต่ละเฟรม เราจะเปิดแผงพลิกเพื่อแก้ไขสถานะของเมาส์ที่แตกต่างกัน

 

ใช้คำสั่ง "หน้าต่าง → การแสดงผลการพลิก" เพื่อเปิดแผงการพลิก และคลิกปุ่ม "สร้างสถานะการพลิกใหม่" ที่ด้านล่างของแผงเพื่อสร้างสถานะการพลิกที่แตกต่างกัน ที่นี่มีทั้งหมด 6 สถานะ ได้แก่ ปกติ, สูง, ลง, คลิก, ออกและขึ้น ขั้นตอนอื่นๆ ไม่ต้องพูดอะไรมาก เช่นเดียวกับการสร้างความสัมพันธ์ที่สอดคล้องกันระหว่างแต่ละสถานะและแต่ละเลเยอร์ และสุดท้ายเลือก "บันทึกผลการปรับให้เหมาะสมเป็น..." บันทึกเป็นรูปแบบ HTML