تسليط الضوء على البرنامج المساعد Divi: نصوص Divi التالية

Divi Next Texts هو مكون إضافي تابع لجهة خارجية لـ Divi يضيف الكثير من الوحدات النمطية مع ميزات تصميم الطباعة. تضيف الوحدات النمطية الرسوم المتحركة ، والتمييز ، والتدرجات اللونية ، والأقنعة ، وتأثيرات الألوان ، وحتى مواطن الخلل لمساعدتك في إنشاء تأثيرات النص. تجعل الوحدات النمطية من السهل استخدام الطباعة بطريقة فريدة في تصميمات Divi الخاصة بك. في هذه المقالة ، سنلقي نظرة على نصوص Divi Next ، ونرى ما يمكن أن تفعله ونرى مدى سهولة استخدامها.

وحدات Divi Next Texts

تمت إضافة 12 وحدة جديدة إلى Divi Builder. تتضمن كل وحدة نمطية محتوى وحدة Divi المتوقعة والتصميم وعلامات التبويب المتقدمة حتى تتمكن من تصميمها مثل أي وحدة Divi. دعونا نلقي نظرة على كل وحدة. أنا أستخدم حزمة تخطيط Divi Tutor في الأمثلة الخاصة بي.

Divi Next Texts Text الرسوم المتحركة

تعمل حركة النص مثل شريط التمرير لنص معين داخل جملة. أضف نصًا قبل وبعد ، ثم أضف نص الحركة داخل الوحدات الفرعية.

اختر من بين 10 رسوم متحركة. يوضح هذا المثال الرسم المتحرك أثناء الكتابة.

يحتوي شريط التحميل على خيارات للون والارتفاع. مثل العديد من هذه الوحدات ، يمكنك تحديد علامة h من علامة التبويب "المحتوى". يمكنك أيضًا تكديس النص. يؤدي تكديس النص إلى وضع النص السابق في الأعلى ، والنص المتحرك في المنتصف ، والنص التالي في الأسفل. لقد قمت بتكديس النص في هذا المثال.

وإليك نظرة على الرسوم المتحركة اللولبية.

حركة لون نصوص ديفي التالية

تغير حركة لون النص لون النص ببطء.

تحتوي علامة التبويب "تصميم" على نمطين للحركة ويمكنك تعيين مدة الحركة.

اختر أربعة ألوان مختلفة لإنشاء تدرج.

اضبط التدرج على أنه خطي أو شعاعي. شعاعي يشمل 8 اتجاهات. لقد اخترت نصف قطري ومركز. يمكنك أيضًا تعيين موضع البداية لكل لون من الألوان الأربعة.

هذا هو المثال الخاص بي في الحركة. لقد حددت النمط 2 ، وقمت بتعيين المدة على 4 ثوانٍ ، وقمت بتغيير أحد الألوان ، وقمت بتعيينه على الخطي.

مقسم نصوص Divi Next Texts

يضع Text Divider خطًا فاصلًا على جانبي النص. يوضح هذا المثال تحديدات العلامة h.

تتضمن علامة التبويب Design إعدادات Divider ، حيث يمكنك اختيار نمط الحاجز. اختر من بين 8 أنماط أو حدد عدم إظهار الحاجز.

يمكنك أيضًا اختيار لون الحاجز ووزنه وفجوة النص.

تتيح لك خيارات النص تغيير محاذاة النص واختيار ظل النص. لقد وضعت النص على يمين الحاجز.

يتحكم إعداد الخط في نمط النص ، بحيث يكون لديك تحكم كامل في عائلة الخط ، واللون ، والحجم ، وما إلى ذلك.

خلل نصوص ديفي التالية

خلل في النص يعيق النص بالرسوم المتحركة.

تتضمن علامة التبويب "تصميم" إعدادات نمط الخلل والألوان والموضع. هناك 7 أنماط خلل للاختيار من بينها. بعضها متحرك أكثر من البعض الآخر.

حدد لون النص ولونين خلل مختلفين.

اضبط موضع الخطأ باستخدام إعدادات منفصلة لليسار واليمين والأعلى.

هذا هو خلل 4. إنها واحدة من أكثر مواطن الخلل المتحركة.

نصوص Divi Next Text Gradient

يُلون النص المتدرج النص الخاص بك بتدرج لوني.

تتضمن علامة التبويب تصميم إعدادات الألوان المتدرجة. اختر لونين ، نوع التدرج (خطي أو نصف قطري) ، واضبط الاتجاه وموضع البداية والنهاية.

تأثير الكشف هو شريط يتحرك بسرعة عبر الشاشة. يمكنك تمكين التأثير واختيار اللون.

يتضمن أيضًا تأثير التحويم. اختر من بين 29 صورة متحركة.

فيما يلي نظرة على الرسوم المتحركة لـ Text Gradient. لقد قمت بتضمين تأثير Reveal وتأثير Wobble Bottom hover.

تسليط الضوء على نصوص ديفي التالية

يضع تمييز النص تمييزًا على النص. يتضمن أيضًا نصًا قبل وبعد ، مما يسمح لك بتمييز جزء فقط من العبارة. يمكنك أيضًا عرض النص كمكدس.

حدد نمط الإبراز من بين 14 خيارًا. يتم رسم نمط الإبراز على النص. يتكرر الرسم المتحرك بعد فترة زمنية محددة. يستخدم هذا المثال Double.

تتضمن علامة التبويب تصميم إعدادات التمييز حيث يمكنك اختيار اللون وعرض الحد وتأخير الرسوم المتحركة. يستخدم هذا المثال Zig Zag.

هذا واحد يستخدم حذف. لقد قمت بضبط عرض الحد إلى الحد الأقصى للإعداد وخفضت التعتيم بحيث يظهر النص من خلاله.

يمكنك ضبط الخطوط لنص العنوان وتمييز النص بشكل منفصل. لقد تركت نص العنوان افتراضيًا وجعلت النص المميز غامقًا وزاد الحجم.

يمكنك أيضًا تمكين تأثير التمرير. هذا يؤثر على كل النص.

يستخدم هذا المثال نمط تمييز الموجة. لقد قمت بضبط العرض على 26 بكسل ، واخترت اللون الأحمر وقللت التعتيم بحيث تبدو وكأنها أداة تمييز ، واخترت Wobble Skew لتأثير التمرير.

نصوص Divi Next Text Hover Highlight

يتضمن Text Hover Highlight فقط التمييز عند التمرير. هذا يسمح لك بتعطيل ما قبل النص وبعده.

لديها 59 تأثير تحوم للاختيار من بينها.

يمكنك ضبط ارتفاع التظليل. الافتراضي هو 3 بكسل. في هذا المثال ، قمت بتحديد تأثير Overline Left hover وقمت بتعيين ارتفاع التمييز على 10px.

تتضمن إعدادات الإبراز اللون والتدرج اللوني. لقد قمت بتمكين النص قبل وبعد ، حددت تسطير لليمين للتمييز ، واضبط الارتفاع على 16 بكسل. لون الإبراز أحمر مع عتامة منخفضة.

يتضمن هذا التدرج. حدد لونين ، نوع التدرج ، والاتجاه ، وموضع البداية ، وموضع النهاية.

تحتوي الخطوط على تحكم مستقل في النص وتمييز النص. لقد أجريت تعديلات على كليهما.

ها هي الرسوم المتحركة. لقد حددت Double Underling Right لتأثير التمرير ، وقم بتعيين الارتفاع على 24 بكسل ، واستخدمت التدرج لتأثير التمرير.

قناع نصوص ديفي التالي

يحتوي Text Mask على العديد من الإعدادات والخيارات ، بما في ذلك التدوير الرأسي وخيارات الوجه العمودي. لقد قمت بتمكين كلا الخيارين.

يتيح لك Image Mask تحديد صورة يتم عرضها كلون للنص. حدد حجم الخلفية والموضع وتكرار الصورة.

يعمل هذا التأثير بشكل جيد بشكل خاص مع الخطوط الكبيرة والجريئة للغاية.

كما أنها تبدو رائعة مع اللون فوق صورة الخلفية.

يتضمن Text Mask أيضًا حركات التمرير.

يوضح هذا المثال تأثير التمرير المنبثق. لقد قمت بتضمين تان تراكب وقمت بتعيين الخط إلى الخط المائل والأحرف الكبيرة.

نصوص ديفي التالية نص متعدد العناوين

يضيف Text Multi Heading ثلاث مجموعات من نص العنوان ويتضمن خلفية مختلفة لكل عنوان.

تتضمن الخلفيات ألوانًا وتدرجات. يضع هذا المثال خلفية زرقاء خلف العنوان الأول.

التدرج له لونان. اختر نوع التدرج (خطي أو نصف قطري) والاتجاه وموضع البداية وموضع النهاية. لقد أضفت تدرجًا إلى العنوان الثاني.

يمكن تعديل العناوين الثلاثة بشكل مستقل. لقد قمت بتعديل الألوان والأحجام ووزن العناوين. لقد قمت أيضًا بزيادة حجم الخطوط. كل عنوان بحجم مختلف.

يمكن أن يكون لكل عنوان تدرج. لقد أضفت تدرجًا إلى العنوان الثاني.

تتضمن العناوين تأثير كشف منفصل حيث يمكنك اختيار لون مختلف لكل عنوان.

يشمل تأثير التمرير جميع العناوين الثلاثة.

يحتوي كل عنوان على إعدادات تباعد منفصلة. لقد أضفت 30 بكسل إلى يمين ويسار العنوان الثاني.

للعناوين أيضًا حدود مستقلة. لقد أضفت حدًا إلى العنوان الثاني.

نصوص ديفي التالية نص السكتة الدماغية

ينشئ Text Stroke رسمًا متحركًا ونصًا كبيرًا محددًا.

تتضمن إعدادات Stroke اللون وتأثيرات التمرير واتجاه التمرير ومدة الحركة. لقد قمت بضبط اللون وضبط عرض الحد على 6 بكسل. هذا يغير سمك خطوط الخط. تتضمن الرسوم المتحركة Stroke to Fill و Fill to Stroke. لديها 6 اتجاهات للاختيار من بينها.

يغير لون التمرير اللون داخل الخط. لها لون صلب وتدرج. هذا هو اللون الصلب.

هذا هو التدرج اللوني. لقد قمت بضبط الألوان ، وضبطها على نصف قطري ، وضبط الاتجاه على المركز.

نصوص Divi Next Text Stroke Motion

يضيف Text Stroke Motion تأثير ضربة فرشاة مع الرسوم المتحركة.

تشمل عمليات ضبط الألوان مفردة ومتعددة وتعبئة. هذا واحد ، والذي يظهر لون واحد فقط.

متعدد يتيح لك اختيار 5 ألوان مختلفة. الألوان متحركة.

يتيح لك Fill اختيار لون داخل النص.

تتضمن إعدادات Stroke عرض الخطوط وطول الشرطة وحجم الفجوة وإزاحة الشرطة. تعمل هذه معًا لإنشاء بعض التصميمات المثيرة للاهتمام.

ها هي الرسوم المتحركة. لقد قمت بتغيير الألوان والعرض وحجم الشرطة.

إمالة نصوص ديفي التالية

يوفر Text Tilt بطاقة بها عنوان ومنطقة محتوى. أضف المحتوى الخاص بك مع المحرر. تميل البطاقة في اتجاه مختلف حسب المكان الذي تحوم فيه.

يتضمن محتوى الخلفية ألوانًا وتدرجات صلبة. هذا مثال على إمالة البطاقة.

يضيف الوهج تأثير الوهج الذي يبدو مختلفًا اعتمادًا على كيفية إمالة البطاقة.

يجعل 3D Tilt النص يبرز بعيدًا عن البطاقة.

تجعل الإمالة العكسية البطاقة تميل في الاتجاه المعاكس. تشمل الإعدادات أيضًا المنظور ، والحد الأقصى ، والسرعة ، والبدء من أجل x و y ، والمقياس.

يتضمن أيضًا إعدادات Content Spacing و Content Border و Content Box Shadow.

هذا هو تأثير الميل باستخدام الوهج. لقد قمت بتضمين الحدود وظل الصندوق.

سعر نصوص Divi Next والدعم

نصوص Divi Next متاحة من موقع المطور. هناك 3 خيارات للترخيص:

• ترخيص واحد - 29.00 دولارًا
• ترخيص غير محدود - 49.00 دولار
• ترخيص مدى الحياة - 129.00 دولارًا

يتم توفير الدعم من خلال نظام التذاكر. تتضمن صفحة الدعم روابط للأسئلة الشائعة. يتضمن العديد منها مقاطع فيديو وإرشادات مفصلة.

خواطر ختامية

Divi Next Texts هو مكون إضافي ممتاز يضيف الكثير من الميزات المطبعية إلى Divi. أنا أحب الرسوم المتحركة ، وتأثيرات التمرير ، والقناع ، والسكتة الدماغية ، وفي الواقع ، أحبهم جميعًا.

الوحدات بديهية للغاية. يبدو أن بعض الإعدادات ، مثل علامات h ، يجب أن تكون في علامة التبويب "تصميم". بعض الرسوم المتحركة تبدو متشابهة. هذه ليست شكاوى بأي حال من الأحوال ، لكني أردت أن أذكرها.

إذا كنت مهتمًا بإضافة الكثير من ميزات الرسوم المتحركة المطبعية إلى مواقع Divi الخاصة بك ، فإن Divi Next Texts يعد خيارًا رائعًا.

نريد أن نسمع منك. هل جربت نصوص Divi Next؟ أخبرنا برأيك في التعليقات.

صورة مميزة عبر Mascha Tace / shutterstock.com