ไฮไลท์ปลั๊กอิน Divi: ข้อความถัดไปของ Divi

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

โมดูลข้อความถัดไป Divi

เพิ่มโมดูลใหม่ 12 โมดูลใน Divi Builder แต่ละโมดูลมีแท็บเนื้อหา การออกแบบ และขั้นสูงของโมดูล Divi ที่คาดไว้ เพื่อให้คุณสามารถจัดรูปแบบได้เหมือนกับโมดูล Divi ใดๆ มาดูแต่ละโมดูลกัน ฉันใช้ชุดรูปแบบ Divi Tutor ในตัวอย่างของฉัน

นิเมชั่นข้อความข้อความถัดไป Divi

แอนิเมชั่นข้อความทำงานเหมือนตัวเลื่อนสำหรับข้อความเฉพาะภายในประโยค เพิ่มข้อความก่อนและหลัง จากนั้นเพิ่มข้อความภาพเคลื่อนไหวภายในโมดูลย่อย

เลือกจาก 10 ภาพเคลื่อนไหว ตัวอย่างนี้แสดงภาพเคลื่อนไหวขณะพิมพ์

แถบโหลดมีตัวเลือกสำหรับสีและความสูง เช่นเดียวกับโมดูลเหล่านี้ คุณสามารถเลือกแท็ก h จากแท็บเนื้อหาได้ คุณยังสามารถซ้อนข้อความได้ การซ้อนข้อความจะวางข้อความก่อนหน้าไว้ด้านบน ข้อความเคลื่อนไหวอยู่ตรงกลาง และข้อความหลังจะอยู่ด้านล่าง ฉันได้ซ้อนข้อความในตัวอย่างนี้

มาดูแอนิเมชั่น Spiral

Divi ข้อความถัดไป Text Color Motion

Text Color Motion เปลี่ยนสีของข้อความอย่างช้าๆ

แท็บออกแบบมีสไตล์การเคลื่อนไหวสองแบบ และคุณสามารถกำหนดระยะเวลาการเคลื่อนไหวได้

เลือกสี่สีที่แตกต่างกันเพื่อสร้างการไล่ระดับสี

ตั้งค่าการไล่ระดับสีเป็นเส้นตรงหรือแนวรัศมี Radial รวม 8 ทิศทาง ฉันเลือกเรเดียลและศูนย์กลาง คุณยังสามารถกำหนดตำแหน่งเริ่มต้นของแต่ละสีจากสี่สีได้

นี่คือตัวอย่างการเคลื่อนไหวของฉัน ฉันเลือกรูปแบบ 2 ตั้งระยะเวลาเป็น 4 วินาที เปลี่ยนสีหนึ่งสี และตั้งค่าเป็นเส้นตรง

Divi ตัวแบ่งข้อความข้อความถัดไป

ตัวแบ่งข้อความจะวางเส้นแบ่งไว้ทั้งสองด้านของข้อความ ตัวอย่างนี้แสดงการเลือกแท็ก h

แท็บออกแบบมีการตั้งค่าตัวแบ่ง ซึ่งคุณสามารถเลือกลักษณะตัวแบ่งได้ เลือกจาก 8 รูปแบบหรือเลือกที่จะไม่แสดงตัวแบ่ง

คุณยังสามารถเลือกสี น้ำหนัก และช่องว่างข้อความของตัวแบ่งได้

ตัวเลือกข้อความช่วยให้คุณเปลี่ยนการจัดแนวข้อความและเลือกเงาข้อความได้ ฉันวางข้อความไว้ทางด้านขวาของตัวแบ่ง

การตั้งค่าแบบอักษรจะควบคุมการจัดรูปแบบข้อความ ดังนั้นคุณจึงสามารถควบคุมตระกูลแบบอักษร สี ขนาด ฯลฯ ได้อย่างเต็มที่

Divi ข้อความถัดไป Text Glitch

Text Glitch ทำให้ข้อความมีภาพเคลื่อนไหวผิดพลาด

แท็บออกแบบประกอบด้วยการตั้งค่าสำหรับรูปแบบ สี และตำแหน่งที่ผิดพลาด มี 7 รูปแบบความผิดพลาดให้เลือก บางตัวมีการเคลื่อนไหวมากกว่าตัวอื่นๆ

เลือกสีข้อความและสีผิดพลาดสองสี

ตั้งค่าตำแหน่งความผิดพลาดด้วยการตั้งค่าแยกสำหรับด้านซ้าย ด้านขวา และด้านบน

นี่คือความผิดพลาด 4 มันเป็นหนึ่งในข้อบกพร่องที่เคลื่อนไหวได้มากกว่านี้

Divi ถัดไป Texts Text Gradient

Text Gradient ให้สีข้อความของคุณด้วยการไล่ระดับสี

แท็บออกแบบมีการตั้งค่าการไล่ระดับสี เลือกสองสี ประเภทการไล่ระดับสี (เชิงเส้นหรือรัศมี) และกำหนดทิศทางและตำแหน่งเริ่มต้นและสิ้นสุด

เอฟเฟกต์การเปิดเผยคือแถบที่เคลื่อนผ่านหน้าจออย่างรวดเร็ว คุณสามารถเปิดใช้งานเอฟเฟกต์และเลือกสีได้

นอกจากนี้ยังมีเอฟเฟกต์โฮเวอร์ เลือกจาก 29 แอนิเมชั่น

มาดูแอนิเมชั่นการไล่สีข้อความ ฉันได้รวมเอฟเฟกต์เปิดเผยและเอฟเฟกต์โฮเวอร์ Wobble Bottom ไว้ด้วย

Divi ข้อความถัดไปไฮไลท์ข้อความ

Text Highlight จะเน้นที่ข้อความ นอกจากนี้ยังมีข้อความก่อนและหลัง ซึ่งช่วยให้คุณสามารถเน้นเพียงบางส่วนของวลี คุณยังสามารถแสดงข้อความเป็นกองได้

เลือกรูปแบบไฮไลท์จาก 14 ตัวเลือก ลักษณะไฮไลท์จะถูกวาดลงบนข้อความ ภาพเคลื่อนไหวจะเล่นซ้ำหลังจากผ่านไประยะหนึ่ง ตัวอย่างนี้ใช้ Double

แท็บออกแบบมีการตั้งค่าไฮไลต์ซึ่งคุณสามารถเลือกสี ความกว้างของเส้นขีด และความล่าช้าของภาพเคลื่อนไหวได้ ตัวอย่างนี้ใช้ซิกแซก

อันนี้ใช้ Delete ฉันได้ปรับความกว้างของเส้นขีดเป็นการตั้งค่าสูงสุดและลดความทึบเพื่อให้ข้อความแสดงผ่าน

คุณสามารถปรับแบบอักษรสำหรับข้อความหัวเรื่องและไฮไลต์ข้อความแยกกันได้ ฉันปล่อยให้ข้อความหัวเรื่องเป็นค่าเริ่มต้น และทำให้ข้อความที่ไฮไลต์เป็นตัวหนาและเพิ่มขนาด

คุณยังสามารถเปิดใช้งานเอฟเฟกต์โฮเวอร์ได้ สิ่งนี้มีผลกับข้อความทั้งหมด

ตัวอย่างนี้ใช้ลักษณะไฮไลท์ของเวฟ ฉันได้ตั้งค่าความกว้างเป็น 26px เลือกสีแดงและลดความทึบเพื่อให้ดูเหมือนปากกาเน้นข้อความ และเลือก Wobble Skew สำหรับเอฟเฟกต์โฮเวอร์

Divi ข้อความถัดไป Text Hover Highlight

Text Hover Highlight รวมเฉพาะไฮไลต์เมื่อวางเมาส์ไว้ อันนี้ให้คุณปิดการใช้งานก่อนและหลังข้อความ

มีเอฟเฟกต์โฮเวอร์ 59 แบบให้เลือก

คุณสามารถปรับความสูงของไฮไลท์ได้ ค่าเริ่มต้นคือ 3px ในตัวอย่างนี้ ฉันได้เลือกเอฟเฟกต์โฮเวอร์ Overline Left และตั้งค่าความสูงของไฮไลท์เป็น 10px

การตั้งค่าไฮไลท์ประกอบด้วยสีและการไล่ระดับสี ฉันได้เปิดใช้งานข้อความก่อนและหลัง เลือกขีดเส้นใต้ด้านขวาสำหรับไฮไลต์ และตั้งค่าความสูงเป็น 16px สีไฮไลท์เป็นสีแดงที่มีความทึบลดลง

อันนี้รวมถึงการไล่ระดับสี เลือกสองสี ประเภทการไล่ระดับสี ทิศทาง ตำแหน่งเริ่มต้น และตำแหน่งสิ้นสุด

แบบอักษรมีการควบคุมที่เป็นอิสระสำหรับข้อความและเน้นข้อความ ฉันได้ปรับทั้งสองอย่างแล้ว

นี่คือแอนิเมชั่น ฉันได้เลือก Double Underling Right สำหรับเอฟเฟกต์โฮเวอร์ ตั้งค่าความสูงเป็น 24px และใช้การไล่ระดับสีสำหรับเอฟเฟกต์โฮเวอร์

Divi ข้อความถัดไปหน้ากากข้อความ

มาสก์ข้อความมีการตั้งค่าและตัวเลือกมากมาย รวมถึงตัวเลือกการหมุนในแนวตั้งและการพลิกแนวตั้ง ฉันได้เปิดใช้งานทั้งสองตัวเลือก

Image Mask ให้คุณเลือกภาพที่จะแสดงเป็นสีของข้อความ เลือกขนาดพื้นหลัง ตำแหน่ง และภาพซ้ำ

เอฟเฟกต์นี้ใช้งานได้ดีกับฟอนต์ขนาดใหญ่ ตัวหนาพิเศษ

พวกเขายังดูดีด้วยสีบนภาพพื้นหลัง

มาสก์ข้อความยังมีแอนิเมชั่นโฮเวอร์

ตัวอย่างนี้แสดงเอฟเฟกต์โฮเวอร์ป๊อป ฉันได้รวมการซ้อนทับสีแทนและตั้งค่าแบบอักษรเป็นตัวเอียงและตัวพิมพ์ใหญ่ทั้งหมด

Divi ข้อความถัดไปข้อความหลายหัวเรื่อง

Text Multi Heading เพิ่มข้อความหัวเรื่องสามชุดและรวมพื้นหลังที่แตกต่างกันสำหรับแต่ละหัวเรื่อง

พื้นหลังประกอบด้วยสีและการไล่ระดับสี ตัวอย่างนี้วางพื้นหลังสีน้ำเงินไว้ด้านหลังหัวเรื่องแรก

การไล่ระดับสีมีสองสี เลือกประเภทการไล่ระดับสี (เชิงเส้นหรือแนวรัศมี) ทิศทาง ตำแหน่งเริ่มต้น และตำแหน่งสิ้นสุด ฉันได้เพิ่มการไล่ระดับสีในส่วนหัวที่สอง

สามหัวเรื่องสามารถปรับได้อย่างอิสระ ฉันได้ปรับสี ขนาด และน้ำหนักของส่วนหัวแล้ว ฉันยังเพิ่มขนาดของแบบอักษร แต่ละหัวเรื่องมีขนาดแตกต่างกัน

แต่ละหัวเรื่องสามารถมีการไล่ระดับสีได้ ฉันได้เพิ่มการไล่ระดับสีในส่วนหัวที่สอง

หัวเรื่องมีเอฟเฟกต์การเปิดเผยแยกต่างหาก ซึ่งคุณสามารถเลือกสีที่แตกต่างกันสำหรับแต่ละหัวข้อได้

เอฟเฟกต์โฮเวอร์ประกอบด้วยส่วนหัวทั้งสาม

แต่ละหัวเรื่องมีการตั้งค่าระยะห่างแยกต่างหาก ฉันได้เพิ่ม 30px ทางด้านขวาและด้านซ้ายของส่วนหัวที่สอง

หัวเรื่องยังมีพรมแดนที่เป็นอิสระ ฉันได้เพิ่มเส้นขอบให้กับหัวเรื่องที่สอง

Divi ข้อความถัดไป Text Stroke

Text Stroke สร้างแอนิเมชั่นการลากเส้นและข้อความที่มีโครงร่างขนาดใหญ่

การตั้งค่าสโตรกประกอบด้วยสี เอฟเฟกต์โฮเวอร์ ทิศทางโฮเวอร์ และระยะเวลาการเคลื่อนไหว ฉันได้ปรับสีและตั้งค่าความกว้างของเส้นขีดเป็น 6px ซึ่งจะเปลี่ยนความหนาของเส้นแบบอักษร แอนิเมชั่นรวมถึง Stroke to Fill และ Fill to Stroke มี 6 ทิศทางให้เลือก

สีโฮเวอร์จะเปลี่ยนสีภายในฟอนต์ มีสีทึบและการไล่ระดับสี นี่คือสีทึบ

นี่คือการไล่ระดับสี ฉันได้ปรับสี ตั้งค่าเป็นรัศมี และตั้งทิศทางให้อยู่ตรงกลาง

Divi ข้อความถัดไป Text Stroke Motion

Text Stroke Motion เพิ่มเอฟเฟกต์จังหวะด้วยภาพเคลื่อนไหว

การปรับสีมีทั้งแบบเดี่ยว แบบหลายสี และแบบเติม นี่คือ Single ซึ่งแสดงเพียงสีเดียว

Multi ให้คุณเลือก 5 สีที่แตกต่างกัน สีเป็นภาพเคลื่อนไหว

การเติมช่วยให้คุณสามารถเลือกสีภายในข้อความได้

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

นี่คือแอนิเมชั่น ฉันได้เปลี่ยนสี ความกว้าง และขนาดเส้นประแล้ว

Divi ข้อความถัดไป Text Tilt

Text Tilt จัดเตรียมการ์ดที่มีชื่อเรื่องและพื้นที่เนื้อหา เพิ่มเนื้อหาของคุณด้วยตัวแก้ไข การ์ดเอียงไปในทิศทางที่แตกต่างกันขึ้นอยู่กับตำแหน่งที่คุณวางเมาส์ไว้

เนื้อหาพื้นหลังประกอบด้วยสีทึบและการไล่ระดับสี นี่คือตัวอย่างการเอียงการ์ด

แสงจ้าจะเพิ่มเอฟเฟกต์แสงสะท้อนที่ดูแตกต่างออกไปขึ้นอยู่กับว่าเอียงการ์ดอย่างไร

3D Tilt ทำให้ข้อความโผล่ออกมาจากการ์ด

Tilt Reverse ทำให้การ์ดเอียงไปในทิศทางตรงกันข้าม การตั้งค่ายังรวมถึงเปอร์สเปคทีฟ สูงสุด ความเร็ว เริ่มสำหรับ x และ y และมาตราส่วน

นอกจากนี้ยังมีการตั้งค่าสำหรับ Content Spacing, Content Border และ Content Box Shadow

นี่คือเอฟเฟกต์การเอียงโดยใช้แสงสะท้อน ฉันได้รวมเส้นขอบและเงาของกล่อง

Divi Next Texts ราคาและการสนับสนุน

Divi Next Texts พร้อมใช้งานจากเว็บไซต์ของผู้พัฒนา มี 3 ตัวเลือกใบอนุญาต:

• ใบอนุญาตเดียว – $29.00
• ใบอนุญาตไม่ จำกัด – $49.00
• ใบอนุญาตตลอดชีพ – $129.00

รองรับระบบตั๋ว หน้าสนับสนุนมีลิงก์ไปยังคำถามที่พบบ่อย หลายรายการมีวิดีโอและคำแนะนำโดยละเอียด

จบความคิด

Divi Next Texts เป็นปลั๊กอินที่ยอดเยี่ยมที่เพิ่มคุณสมบัติการพิมพ์จำนวนมากให้กับ Divi ฉันชอบแอนิเมชั่น เอฟเฟกต์โฮเวอร์ มาสก์ สโตรก และที่จริงแล้ว ฉันชอบทั้งหมดเลย

โมดูลนี้ใช้งานง่ายมาก การตั้งค่าบางอย่าง เช่น แท็ก h ดูเหมือนว่าควรอยู่ในแท็บออกแบบ แอนิเมชั่นบางอันดูคล้ายกัน นี่ไม่ใช่การร้องเรียน แต่อย่างใด แต่ฉันอยากจะพูดถึงพวกเขา

หากคุณสนใจที่จะเพิ่มคุณสมบัติแอนิเมชั่นการพิมพ์จำนวนมากลงในเว็บไซต์ Divi ของคุณ Divi Next Texts เป็นตัวเลือกที่ยอดเยี่ยม

เราต้องการได้ยินจากคุณ คุณลอง Divi Next Texts แล้วหรือยัง? แจ้งให้เราทราบว่าคุณคิดอย่างไรเกี่ยวกับเรื่องนี้ในความคิดเห็น

ภาพเด่นผ่าน Mascha Tace / shutterstock.com