How to Ps : ตัวหนังสือ เลื่อนจากซ้ายไปขวา ด้วย photoshop

วันนี้เราจะมาสอนวิธีการทำแบบเนอร์ ตัวหนังสือเลื่อนจากขวา ไปซ้าย โดยการใช้งาน Animation ใน photoshop ง่ายมากๆ สามารถนำไปประยุกต์ใช้งานได้หลายรูปแบบ เช่น การทำแบบเนอร์โฆษณา การประชาสัมพันธ์ต่างๆ เพียงแค่ไม่กี่ขึ้นตอน

ตัวอย่างผลงานที่เสร็จเรียบร้อยแล้ว

ขั้นตอนที่ 1. สร้างงานใหม่ให้มีขนาด 200×200 px แล้วก็จัดการแต่งนำภาพที่ต้องการมาใส่ ต่อจากนั้นให้สร้างแถบสียาวๆ ขึ้นมาอันนึง เลือกสีตามต้องการ

ขั้นตอนที่ 2. สร้าง text ขึ้นมา พิมพ์ข้อความตามที่ต้องการลงไป วิธีการพิมพ์ ให้แบ่ง ตัวหนังสือออกเป็น 3 ชุดโดยในพื้นที่งานให้โชว์เฉพาะ 2 ชุดแรกดังภาพด้านบน

ขั้นตอนที่ 3. เปิด animation ขึ้นมา หรือไปที่ window>animation
ขั้นตอนที่ 4. ทำการ duplicate frame โดยคลิ๊กที่ ไอคอนตามภาพด้านล่าง

ขั้นตอนที่ 5. คลิ๊กเลือกที่เฟรมที่ 2 จากนั้นให้เลื่อนตัวหนังสือ จากขวาไปซ้าย (แนะนำให้ใช้ลูกศรเลื่อนในคีย์บอร์เพื่อที่จะให้แนวของตัวอักษรอยู่ในระนาบเดียวกัน) ในพื้นที่การทำงานให้เห็นเฉพาะตัวหนังสือ ชุดที่ 2 กับ 3 เท่านั้น

ขั้นตอนที่ 6. เลือกทั้ง 2 เฟรม โดยกด shift ค้างไว้ แล้วเลือกทั้งสองเฟรม หลังจากนั้นคลิ๊ก tween ดังภาพด้านล่าง

ขั้นตอนที่ 7. ทำการตั้งค่าตามภาพด้านล่างนี้

ขึ้นตอนที่ 8. ทำการลบเฟรมที่ 101 ทิ้งไปซะ หลังจากนั้นก็ลอง play ก็จะได้ แบบเนอร์ตัวหนังสือเลื่อนตามต้องการแล้ว ^^

ผลงานที่ได้ก็จะมีหน้าตาเป็นอย่างนี้

ได้ผลงานเป็นยังไง ก็นำมาโชว์กันบ้างนะจ๊ะ

ที่มา : webdesign.tutsplus.com

 

 

sanyaindy

เป็นเว็บบล็อกเล็กๆ ที่สอนกราฟิก และงานออกแบบพื้นฐาน และนำเสนอผลงานสร้างแรงบันดาลใจในการออกแบบ รวมไปถึงงาน DIY ซึ่ง Blogger เพียงแค่นักศึกษาไอที ที่มีใจรักในงานออกแบบ รักการเป็นบล็อกเกอร์และ ฝันว่าสักวัน จะเป็นเป็นเจ้าของเว็บไซต์ที่ทุกคนรู้จัก

You may also like...