สร้างอีโมติคอน QQ แบบไดนามิกในสามขั้นตอนง่ายๆ โดยใช้ Photoshop CS3

Adobe Photoshop CS3 สามารถช่วยคุณ DIY อีโมติคอน QQ แบบไดนามิก ที่สร้างสรรค์มากและแสดงมันต่อหน้าเพื่อนของคุณ

ด้วยฟังก์ชันอันทรงพลังและอินเทอร์เฟซการทำงานที่สะดวกสบายของ Photoshop CS3 เราสามารถสร้างอีโมติคอน QQ แบบไดนามิกในรูปแบบ GIF ได้ แม้แต่ผู้ใช้ที่ไม่มีประสบการณ์ในการประมวลผลกราฟิกก็สามารถทำให้เสร็จได้อย่างง่ายดายเพียงสามขั้นตอน ลองดูภาพตลก ๆ ที่เราสร้างขึ้น คุณจะรออะไรอยู่ (รูปที่ 1) มาลองกับเราสิ!

รูปที่ 1

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

ขั้นตอนแรก การผลิตกราฟิก

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

หลังจากปรับและตัดขนาดแล้ว ให้รันคำสั่ง "Window - Animation" เปิดจานสี "Animation" และเริ่มทำน้ำตาเกินจริง ขั้นแรก คลิกไอคอน "สร้างเลเยอร์ใหม่" ใต้แผงเลเยอร์เพื่อสร้างเลเยอร์ใหม่ ชื่อเริ่มต้นของมันคือ "เลเยอร์ 1" เราสามารถคลิกสองครั้งที่ข้อความ "เลเยอร์ 1" ด้านหลังภาพขนาดย่อในพาเล็ตเลเยอร์เพื่อเปลี่ยนให้เป็นสถานะที่แก้ไขได้ และเปลี่ยนชื่อเป็น "ฉีก 1" เพื่อไม่ให้เลเยอร์สับสน .

ต่อไป ดับเบิลคลิกไอคอน "ตั้งค่าสีพื้นหน้า" ในกล่องเครื่องมือ ตั้งค่าสีพื้นหน้าเป็นสีน้ำเงินอ่อนกว่า (R=232, G=250, B=255) ในกล่องโต้ตอบป๊อปอัป "ตัวเลือกสี" และยืนยัน จากนั้นเลือก "เครื่องมือสี่เหลี่ยมผืนผ้า" ในกล่องเครื่องมือและทำเครื่องหมายที่ไอคอน "เติมพิกเซล" ในแถบตัวเลือก "เครื่องมือสี่เหลี่ยมผืนผ้า" เพื่อให้คุณสามารถวาดสีฟ้าอ่อนได้โดยตรงใต้ดวงตาของตัวละครในเลเยอร์ "ฉีกขาด 1" สี่เหลี่ยมผืนผ้า (รูปที่ 2)

รูปที่ 2

จากนั้นเราเลือกเลเยอร์ "Tear 1" ดำเนินการคำสั่ง "FilterDistortWave" และตั้งค่าพารามิเตอร์ต่างๆ ในกล่องโต้ตอบ "Wave" ที่ปรากฏขึ้น กดปุ่ม "ตกลง" และรอยหยักที่เกินจริงจะปรากฏขึ้น จากนั้นเราเลือก "เครื่องมือปะรำสี่เหลี่ยม" เลือก "ฉีกขาด" จากนั้นเลือก "ย้ายเครื่องมือ" และกดปุ่ม "Alt" ค้างไว้เพื่อคัดลอกรอยฉีกขาดไปยังตำแหน่งใต้ตาขวา (รูปที่ 3)

รูปที่ 3

หลังจากคัดลอกเสร็จแล้วให้กดปุ่มทางลัด ยกเลิกการเลือกและลากไอคอน "สร้างเลเยอร์ใหม่" ใต้เลเยอร์ "Tear 1" ใน Layers Palette เปลี่ยนชื่อเริ่มต้น "Tear 1 Copy Layer" เป็น "Tear 2" แล้วกดปุ่มทางลัด กล่องควบคุมสำหรับคำสั่ง "Transform" จะปรากฏขึ้นบนหน้าจอ ลากที่จับขึ้นเพื่อยืดรอยฉีกขาด แล้วกดปุ่ม Enter ขณะนี้ได้ทรงขั้นพื้นฐานของน้ำตาเรียบร้อยแล้ว

ขั้นตอนต่อไปคือการใช้เครื่องมือข้อความแนวตั้งเพื่อเพิ่มข้อความตลกให้กับรูปภาพ (รูปที่ 4) เลือกเลเยอร์ข้อความ ดำเนินการคำสั่ง "LayerLayer StyleStroke" เปิดกล่องโต้ตอบ "Layer Style" และเพิ่มเอฟเฟกต์ลายเส้นที่โดดเด่นให้กับข้อความ กดปุ่ม "ตกลง" (รูปที่ 5)

รูปที่ 4

รูปที่ 5

ขั้นตอนที่สอง การผลิตแอนิเมชั่น

หากต้องการทำให้รูปภาพเคลื่อนไหว ขั้นตอนที่สำคัญที่สุดคือการตั้งค่าคีย์เฟรม เราคลิกไอคอนอย่างต่อเนื่องเพื่อสร้างคีย์เฟรมใต้แผงภาพเคลื่อนไหว (รูปที่ 6) และจำเป็นต้องมีคีย์เฟรมทั้งหมด 5 เฟรม

รูปที่ 6

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

เลือกคีย์เฟรมที่สอง ทำให้เลเยอร์พื้นหลังและเลเยอร์น้ำตา 2 มองเห็นได้ในจานสีเลเยอร์ และยกเลิกการแสดงเลเยอร์อื่นๆ และตั้งค่าความทึบของเลเยอร์ "น้ำตา 2" เป็น 80% โดยปล่อยให้คีย์แสดงเวลา ของเฟรมถูกตั้งค่าเป็น 0.2 วินาที

เลือกคีย์เฟรมที่สาม ทำให้เลเยอร์พื้นหลังและเลเยอร์ Tear 1 มองเห็นได้ในพาเล็ตเลเยอร์ และยกเลิกการแสดงเลเยอร์อื่นๆ และตั้งค่าความทึบของเลเยอร์ "Tear 1" เป็น 80% โดยปล่อยให้คีย์แสดงเวลาของ เฟรมถูกตั้งค่าเป็น 0.2 วินาที

เลือกคีย์เฟรมที่สี่ ให้เลเยอร์พื้นหลังและเลเยอร์น้ำตา 2 มองเห็นได้ในจานสีเลเยอร์ และยกเลิกการแสดงเลเยอร์อื่นๆ และตั้งค่าความทึบของเลเยอร์ "น้ำตา 2" เป็น 80% โดยปล่อยให้คีย์แสดงเวลา ของเฟรมถูกตั้งค่าเป็น 0.2 วินาที

เลือกคีย์เฟรมที่ห้า ทำให้เลเยอร์พื้นหลังและเลเยอร์ Tear 1 มองเห็นได้ในพาเล็ตเลเยอร์ และยกเลิกการแสดงเลเยอร์อื่นๆ และตั้งค่าความทึบของเลเยอร์ "Tear 1" เป็น 80% เวลาที่แสดงของเฟรมคือ ตั้งไว้ที่ 0.5 วินาที

ต่อไป เราจะบันทึกไฟล์เป็นไฟล์ psd เพื่อทำการสำรองข้อมูล จากนั้นดำเนินการคำสั่ง "FileSave สำหรับเว็บและอุปกรณ์" เลือกรูปแบบ GIF ในกล่องโต้ตอบที่เปิดขึ้น และปรับภาพเคลื่อนไหวให้เหมาะสมอย่างเหมาะสม เราต้องลดขนาดของภาพเคลื่อนไหวเพื่ออำนวยความสะดวกในการเผยแพร่ (รูปที่ 7) หลังจากการปรับให้เหมาะสมเสร็จสิ้น รูปภาพจะถูกจัดเก็บไว้ในดิสก์ภายในเครื่อง

รูปที่ 7

ขั้นตอนที่ 3: นำเข้าอีโมติคอน QQ

หลังจากเริ่มซอฟต์แวร์ QQ เราจะเลือกเพื่อนเพื่อเปิดหน้าต่างแชท คลิกปุ่ม "เลือกอิโมติคอน" ใต้หน้าต่างแชทเพื่อเปิดหน้าต่างอิโมติคอน คลิก "การจัดการอิโมติคอน" ใต้หน้าต่าง จากนั้นคลิกปุ่ม "เพิ่ม" คลิก "เรียกดู" ในหน้าต่างป๊อปอัป "เพิ่มอิโมติคอนแบบกำหนดเอง" เพื่อค้นหา GIF แบบเคลื่อนไหวที่เราบันทึกไว้ และเปลี่ยนชื่ออิโมติคอนหรือใช้ชื่อเริ่มต้น

รูปที่ 8

เมื่อเราเปิดหน้าต่างแชท QQ อีกครั้ง ให้ดูที่ไอคอนอิโมติคอน ฮ่าฮ่า เสร็จแล้ว! นิพจน์ใหม่ปรากฏในไลบรารีนิพจน์ หลังจากสร้างอิโมติคอน QQ ไดนามิกแบบง่ายๆ นี้เสร็จแล้ว เราก็มีความเข้าใจเบื้องต้นเกี่ยวกับหลักการและการผลิตแอนิเมชัน GIF ในกระบวนการผลิตในอนาคต เราสามารถตัดสินใจได้ว่ารูปภาพจะเปลี่ยนแปลงไปอย่างไรและมีการจัดโครงเรื่องอย่างไร ตราบใดที่เราอนุมานจากตัวอย่างหนึ่งและใช้ความคิดสร้างสรรค์ไม่จำกัด เราจะสามารถสร้างอีโมติคอน QQ แบบไดนามิกที่น่าสนใจยิ่งขึ้นได้อย่างแน่นอน

(บทความจากข่าวคอมพิวเตอร์ ฉบับที่ 2 ปี 2551 หน้า F)