ในเว็บไซต์อินเทอร์เน็ต ฟอรัม และบล็อกส่วนตัวต่างๆ เอฟเฟกต์ข้อความสามารถทำให้พาดหัวข่าวที่สำคัญชัดเจนและชัดเจนยิ่งขึ้น หรือดึงดูดความสนใจของผู้อ่านไปยังข้อมูลที่สำคัญบางอย่างโดยเฉพาะ นอกจากนี้ ข้อความที่เป็นภาพเคลื่อนไหวยังทำให้พื้นที่ของเว็บไซต์มีชีวิตชีวาขึ้น และตกแต่งได้ในปริมาณที่เหมาะสม เราจะบอกวิธีสร้างข้อความเคลื่อนไหวอย่างง่ายใน Photoshop ในบทความนี้
คำแนะนำ
ขั้นตอนที่ 1
ขั้นแรก ให้สร้างไฟล์ใหม่ในขนาดที่ต้องการและใช้เครื่องมือเติม ระบายสีพื้นหลังด้วยสีที่ต้องการ บนพื้นหลังที่สร้างด้วยเครื่องมือข้อความ ให้เขียนวลีใดๆ ที่คุณต้องการให้เคลื่อนไหวโดยใช้สีที่เข้ากับพื้นหลัง
ขั้นตอนที่ 2
เลือกแบบอักษรตามดุลยพินิจของคุณเอง แต่ไม่ควรซับซ้อนเกินไปและมีหลายชั้น เลือกแบบอักษรที่อ่านง่ายและเรียบง่ายที่สุดเท่าที่จะเป็นไปได้ และตัวอักษรจะสังเกตเห็นได้ชัดเจนและมีปริมาณมาก เลือกข้อความที่สร้าง (เลือก) และคัดลอกส่วนที่เลือกไปยังเลเยอร์ใหม่ (เลเยอร์ผ่านการคัดลอก)
ขั้นตอนที่ 3
เติมพื้นที่ที่เลือกด้วยสีเข้มขึ้น ในส่วนการเลือก ให้เลือกตัวเลือก Modify และย่อส่วนที่เลือกโดยการตั้งค่า Feather เป็นจำนวนพิกเซลที่ต้องการ - เพื่อให้ได้ตัวอักษรสีอ่อน ซึ่งสีเข้มจะปรากฏตามเส้นขอบอย่างราบรื่น
ขั้นตอนที่ 4
ทำซ้ำเลเยอร์พื้นหลังแล้วลากไปที่แถวบนสุดของเลเยอร์เลเยอร์ เลือกตัวอักษรจากนั้นกด Delete บนเลเยอร์ที่ซ้ำกัน
ขั้นตอนที่ 5
สำหรับแอนิเมชั่น คุณสามารถตกแต่งตัวอักษรด้วยวัตถุใดก็ได้ เช่น ดวงดาว ในการวาดดาว ให้เลือกเครื่องมือรูปร่างจากแถบเครื่องมือและเลือกดาวจากกลุ่มรูปร่างทั้งหมดที่มีให้ สร้างเลเยอร์ใหม่และวาดดาวด้วยสีใดก็ได้บนพื้นหลังของตัวอักษร เลือกแล้วสร้างเลเยอร์อื่นแล้วทาสีทับส่วนที่เลือกด้วยแปรงสีขาว
ขั้นตอนที่ 6
เพิ่มพื้นที่เติมเล็กน้อยด้วย Free Transform Tool วางดาวสีน้ำเงินไว้เหนือดาวสีขาวเพื่อให้ได้ขอบสีขาวที่สวยงาม สร้างดาวเหล่านี้หลายๆ ดวงในขนาดต่างๆ แล้วรวมเลเยอร์เข้าด้วยกัน
ขั้นตอนที่ 7
ตอนนี้เปิดรูปภาพของคุณใน Image Ready แล้วเริ่มสร้างแอนิเมชั่นของคุณ ตั้งเวลาหน่วงสำหรับแต่ละเฟรม แล้วสร้างเฟรมใหม่ ทำให้เลเยอร์ต่างๆ มองไม่เห็นในแต่ละเฟรม เพื่อให้ดวงดาวเปลี่ยนตำแหน่ง ความอิ่มตัว และขนาด
ขั้นตอนที่ 8
หลังจากสร้างและตกแต่งเฟรมทั้งหมดแล้ว ให้คลิกที่ปุ่ม Optimize และลดจำนวนสีลงเหลือ 64 สี ตอนนี้ยังคงต้องบันทึกข้อความเคลื่อนไหวเป็นไฟล์ png