Thursday, August 9, 2012

วิธีใส่กรอบรูปเคลื่อนไหว ด้วย Photoshop CS2

วันนี้จะมาแนะนำ การใส่กรอบรูปเคลื่อนไหว แบบง่ายๆ โดยใช้ Adobe ImageReady CS2  ใหม่ๆจะใช้รูปเคลื่อนไหวแค่ 2 เฟรมก่อน จะได้เข้าใจง่าย ถ้าเข้าใจแล้วค่อยเพิ่มเองเป็นแบบหลายๆเฟรม (ไม่ว่าจะเป็นกี่ เฟรม ก็ใช้ขั้นตอนเดียวกันน่ะ จะต่างกันก็ตรงที่ความรู้สึกเรา ถ้าเฟรมน้อยๆ เราก็จะรู้สึกว่าง่ายน่ะ
    นายแบบของเราวันนี้ ก็พระเอกตัวน้อยๆคนเดิมของ"บล็อกใบผัก"หนูน้อยน่ารักน่าชัง ตอนนี้ก็ ขวบกว่าแล้ว "น้ำลายยังไหลเหมือนเดิม 5555"


(08/07/2012 แก้ไขใหม่ หวังว่าคงจะเข้าใจได้ง่ายขึ้น ไม่รู้ว่าว่ายิ่งแก้ยิ่งเละ หรือป่าวนะ)
         
            รูปที่1. เปิดโปรแกรม                                               รูปที่2. คลิก File (ลูกศร A)
           Adobe ImageReady CS2 ขึ้นมา                                   คลิก Open (ลูกศร B)



1.จะมีหน้าต่างใหม่ขึ้นมา
2."เลือกกรอบที่เราจะเอามาใส่รูป"
(ลูกศร A)
3.คลิก Open (ลูกศร B)

 <นี่คือหน้าตากรอบที่เราจะเอามาใส่รูป
วิธีเลือกรูปที่จะเอามาใส่กรอบ  มี 2 วิธี
วิธีที่ 1. ดับเบิ้ลคลิกที่ว่างๆ(บริเวณที่อักษร A) ก็จะมีหน้าต่างใหม่ขึ้นมา ให้เราเลือกหารูปที่เราจะเอามาใส่กรอบ
วิธีที่ 2. ทำแบบเดียวกับ ที่เอากรอบรูปมา

เมื่อได้รูปที่จะเอามาใส่กรอบแล้ว คลิก Image >คลิก  Image Size เพื่อปรับขนาดภาพ เมื่อปรับขนาดเสร็จแล้ว
1. คลิกที่กรอบรูป เพื่อเราจะได้กลับมาที่หน้าต่าง กรอบรูป
2. คลิก เฟรมที่ 1 และ เลเยอร์ 1 ตามลูกศร  A-B
3. คลิก Move Tool (ลูกศรสีน้ำเงิน)
4. คลิกเม้าส์ซ้ายจิกเอารูปมาใส่กรอบ



รูปมาอยู่ในกรอบแระ แต่ดูที่เฟรมที่ 1 ซิ จะเห็นว่า รูปจะอยู่บนกรอบ(เฟรมที่ 2 รูปจะอยู่ในกรอบ)
วิธีแก้
1. ใช้เม้าส์ลาก Layer (ลูกศรสีน้ำเงิน)
ลงมา ตามที่ลูกศรสีแดงชี้ รูปก็จะเข้าไปอยู่ในกรอบ
**ถ้าไม่ต้องการจัดตำแหน่งรูป ก็ไปที่"ขั้นตอนสุดท้าย"คือบันทึกภาพได้เลย**

วิธีจัดภาพให้ได้อยู่ในตำแหน่งที่ต้องการ
1. ใช้เม้าส์จิกรูปจัดตำแหน่งตามชอบ
2. Copy Layer ขึ้นมาอีก 1  Layer
(ลูกศรสีน้ำเงิน)
วิธี Copy Layer
1.ใช้เม้าส์ลาก Layer ที่ลูกศรสีน้ำเงินชี้ ลงมาที่จุดลูกศรสีแดงชี้ พอปล่อยเม้าส์ก็จะมี Layer เพิ่มขึ้นมา(Copy Layer)
2. ใช้เม้าส์จิกลาก Layer เดิม(Layer ที่ลูกศรสีน้ำเงินชี้)ลงมาที่รูปถังขยะ(อยู่ขวามือลูกศรสีแดง)


ขั้นตอนสุดท้าย บันทึกภาพ
1. ตั้งค่า(หน้าต่างรอยปรุสีแดง) ตามรูปเลย
2. คลิก File
3. คลิก Save Optimized As
4. เลือกไดร์(ที่เก็บรูป)ในคอมที่เราจะ Save รูป


เสร็จแล้วรูปที่ใส่กรอบเคลื่อนไหว .gif

4 comments :

Anonymous said...

หาเฟรมไม่เจอค่ะ

Tookta Modify said...

ถ้าใส่เป็นข้อความใน กรอบที่เคลื่อนไหวได้ทำยังไงอะคะ
ขอบคุณล่วงหน้าจ้า

baipak said...

ตรงแถบเครื่องมือข้างขวา Adobe ImageReady จะมีตัว T อยู่ในแถบเครื่องมือ คลิกที่ตัว T แล้วเอาเมาส์ลากสร้างกรอบที่เราจะโพสข้อความ จากนั้นก็โพสข้อความได้เลย ทำได้ทั้งแบบข้อความอย่างเดียว และ ข้อความพร้อมใส่รูปด้วยจ๊ะ

baipak said...

หาเฟรมไม่เจอค่ะ > หมายถึงกรอบรูปที่ save ไว้ในเครื่องหรือป่าว หรือว่าหาเฟรมตัวอย่างไม่เจอ ถ้าจะหาเฟรมตัวอย่างก็ที่นี่จ๊ะ http://baipak.blogspot.com/2011/09/blog-post_02.html