Divi: كيفية استخدام نمط مزج على صور الخلفية

هل ترغب في إنشاء صور خلفية فريدة باستخدام نمط مزج الوضع Divi ?

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

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

دعونا نبدأ!

مسح

إليك معاينة لما سنصممه في هذا البرنامج التعليمي.

التخطيط الأول

التخطيط الثاني

التخطيط الثالث

كيفية استخدام أنماط مزج الأنماط على صور خلفية Divi الخاصة بك

قم بإنشاء صفحة جديدة بتخطيط محدد مسبقًا

سنبدأ باستخدام تخطيط محدد مسبقًا من المكتبة Divi. لهذا التصميم سوف نستخدم «الصفحة المقصودة مارينا "من حزمة تخطيط مارينا .

أضف صفحة جديدة إلى ملف موقع انترنت ومنحه عنوانًا ، ثم حدد خيار استخدام Divi Builder.

سنستخدم تخطيطًا معد مسبقًا من مكتبة Divi لهذا المثال ، لذا حدد تصفح التخطيطات.

ابحث عن التخطيط وحدده صفحة مارينا المقصودة.

اختر استخدم هذا التخطيط لإضافة التنسيق إلى صفحتك.

نحن الآن جاهزون للتصميم.

التخطيط الأول

بالنسبة لتصميمنا الأول ، سنضيف نمط شيفرون إلى صورة الرأس الأولى. سيضيف هذا بعض الاهتمام البصري إلى العنوان. 

اقرأ أيضا: Divi: كيفية تخصيص وحدة "Countdown Timer" باستخدام GIF

نظرًا لوضع المزج الذي سنطبقه ، سيكون النمط أكثر دقة وسيظل يسمح بظهور صورة الخلفية.

أولاً ، افتح إعدادات القسم وانتقل إلى القسم خلفيّة. انقر فوق علامة التبويب نمط الخلفية وحدد إضافة نمط الخلفية.

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

• نوع النمط: متعرجة مقلوبة 2

تمت إضافة وضع "Pattern Blend"

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

• وضع مزيج النمط: ضوء خفيف

نتيجة

هذا هو التصميم النهائي لمثالنا الأول.

ها هي النسخة المحمولة.

التخطيط الثاني

بالنسبة للتخطيط الثاني ، سنستخدم نمط موجة متراكب على صورة الخلفية والتدرج اللوني ، والذي يتناسب بشكل جيد مع المظهر البحري للصفحة.

أولاً ، انتقل إلى القسم "كيف تعمل" وافتح إعدادات القسم. 

أفتح الإعدادات خلفيّة، ثم حدد علامة التبويب نمط الخلفيةوانقر إضافة نمط الخلفية.

لهذا التصميم سوف نستخدم نوع النمط أمواج.

• نوع النمط: أمواج

ثم قم بتغيير لون النمط إلى الأبيض.

• لون النمط: #FFFFFF

وضع مزج النمط المضافة

يمكننا الآن إضافة وضع المزج إلى نمطنا. اضبط وضع مزج النمط على غطاء. 

اكتشف أيضًا: Divi: كيفية تخصيص السلة والبحث عن أيقونات وحدة "Fullwidth Menu"

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

• وضع مزيج النمط: تراكب

نتيجة

ها هي النتيجة النهائية للمثال الثاني المطبق على القسم "كيف تعمل".

وها هي النسخة المحمولة.

التخطيط الثالث

لنبدأ تخطيطنا الثالث. 

بالنسبة إلى هذا التنسيق ، سنضيف خطوطًا قطرية معتمة إلى خلفية " دعوة إلى العمل".

ابدأ بفتح إعدادات القسم وانتقل إلى القسم خلفيّة. انقر فوق علامة التبويب نمط الخلفية، ثم حدد إضافة نمط الخلفية.

حدد النمط خطوط قطرية.

بعد ذلك ، اضبط لون النمط.

• لون النمط: rgba (255,255,255,0.25،XNUMX،XNUMX،XNUMX)

اقلب النمط أفقيًا باستخدام إعدادات Transform Pattern. هذه معلمة أخرى يمكن أن تساعدك في ضبط النمط حسب رغبتك.

• تحويل النمط: أفقي

وضع مزج النمط المضافة

أخيرًا ، اضبط وضع المزج للنمط. بالنسبة لهذا التصميم ، سنستخدم وضع المزج لمعان. 

اقرأ أيضًا دليلنا على: Divi: كيفية استخدام "Gradient Builder" لتجميل صورك

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

• وضع مزيج النمط: اللمعان

نتيجة

هذا هو التصميم النهائي لهذا القسم.

وهنا نسخته المحمولة.

نتيجة نهائية

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

تحميل DIVI Now !!!

وفي الختام

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

نأمل أن يلهمك هذا البرنامج التعليمي لمشاريع Divi التالية. إذا كانت لديك أية مخاوف أو اقتراحات ، فابحث عنا قسم التعليقات لمناقشته.

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

لا تتردد في الرجوع إلى دليلنا على وورد خلق بلوق أو واحد على ديفي: أفضل موضوع وورد في كل العصور.

ولكن في هذه الأثناء ، شارك هذا المقال على الشبكات الاجتماعية المختلفة.

...