هل ترغب في الجمع بين إعدادات قناع الخلفية وخيارات تحويل النمط Divi لإنشاء خلفيات فريدة؟
تصميمات الخلفية هي طريقة رائعة لمنح صورك موقع انترنت الذوق البصري وتبرز من بين الحشود. قناع الخلفية وإعدادات تحويل النقش الجديدة من Divi يمكن دمجها بعدة طرق لإنشاء أنماط الخلفية هذه.
في هذه المقالة ، سنرى كيفية استخدام قناع الخلفية وإعدادات تحويل النمط من Divi لإنشاء خلفيات مثيرة للاهتمام لتخطيطاتك Divi.
دعونا نبدأ.
مسح
أولاً ، إليك معاينة لكل مثال على أحجام مختلفة للشاشة (الهاتف وسطح المكتب).
اقرأ أيضا: Divi: كيفية استخدام تأثيرات الظل والتمرير لإنشاء محتوى تفاعلي
مثال 1
الإصدار 1 على سطح المكتب
الإصدار 1 على الهاتف
تحميل DIVI Now !!!
الإصدار 2 على سطح المكتب
الإصدار 2 على الهاتف
مثال 2
الإصدار 1 على سطح المكتب
الإصدار 1 على الهاتف
تحميل DIVI Now !!!
الإصدار 2 على سطح المكتب
الإصدار 2 على الهاتف
مثال 3
الإصدار 1 على سطح المكتب
الإصدار 1 على الهاتف
تحميل DIVI Now !!!
الإصدار 2 على سطح المكتب
الإصدار 2 على الهاتف
قناع خلفية Divi وخيارات تحويل النمط
تتضمن ميزات قناع Divi الجديدة ونمط الخلفية عدة خيارات لتعديلها. تشمل التعديلات التقليب الأفقي والرأسي والدوران والانعكاس. لرؤية الخيارات ، انتقل إلى إعدادات الخلفية لقسم أو خط وحدد علامة التبويب نمط الخلفية أو قناع الخلفية.
بمجرد إضافة نمط أو قناع ، تظهر إعدادات التحويل. ببساطة انقر فوق الخيارات التي تريد استخدامها. يمكننا استخدامها معًا وفي أي تركيبة نريدها.
كيف تعمل إعدادات تحويل نمط وقناع Divi
النمط أدناه هو Zig Zag بالإعدادات الافتراضية.
نضيف قناع طبقة مدونة في الصورة أدناه. دعنا نستخدمها لشرح كيفية عمل إعدادات قناع الخلفية وتحويل النمط.
انعكاس أفقي
إنه الانعكاس الأفقي. طبقنا إعدادات التحويل على كل من النمط والقناع.
انعكاس عمودي
هذا هو الوجه العمودي للنمط والقناع.
تناوب
هذا يظهر دوران للنمط والقناع.
يعكس
يوضح هذا المثال العكس للنمط والقناع.
قناع الخلفية ومجموعات تحويل النمط
بالطبع ، يمكننا أيضًا استخدام معلمات التحويل في مجموعات مختلفة. هذه بعض الأمثلة.
يؤدي هذا إلى تدوير النمط وعكس القناع.
يستخدم هذا المثال التقليب الرأسي والدوران والانعكاس لنمط الخلفية. يستخدم قناع الخلفية الوجه الأفقي والوجه العمودي والدوران.
في هذا المثال ، استخدمنا قلبًا وتدويرًا أفقيًا لنمط الخلفية ، والوجه الرأسي والدوران لقناع الخلفية.
أمثلة على قناع الخلفية وإعدادات تحويل النمط
بعد ذلك ، دعنا نرى كيف يمكن استخدام هذه الإعدادات مع تخطيطات Divi. سنستخدم قسمًا واحدًا كنقطة بداية وننشئ ثلاثة أمثلة. سنقوم بتخصيصه ثم استخدام إعدادات التحويل لتعديله لكل مثال.
لأمثلة لدينا ، نحن نستخدم نسخة معدلة من قسم Hero من تخطيط الصفحة المقصودة التخطيط العقاري متوفر في Divi.
هنا نظرة عامة على القسم المعني. يستخدم لون الخلفية: # 92a5ab.
- الخلفية: # 92a5ab
مثال 1 لقناع الخلفية ومعلمات تحويل النمط
يعطينا مثالنا الأول قوسًا يقع عموديًا في وسط الشاشة. جانب واحد من الشاشة له نمط معنقدة. بعد ذلك ، سننشئ نسخة بديلة بحيث يواجه القوس الاتجاه الآخر.
نمط الخلفية
افتح إعدادات القسم ، وانتقل لأسفل إلى خلفيّة وحدد علامة التبويب نمط الخلفية. اختر Tufted لنمط الخلفية و Inverting for Pattern Transform.
- نمط الخلفية: معنقدة
- تحويل النمط: عكسي
قناع الخلفية
حدد علامة التبويب قناع الخلفية واختيار قوس لقناع الخلفية. قم بتغيير لون القناع إلى # 616d72 واضبط تحويل القناع على Invert. هذا يكمل نسختنا الأولى من القوس بخصلات.
- قناع الخلفية: القوس
- لون القناع: # 616d72
- تحويل القناع: عكس
مثال 1 الإصدار 2
بعد ذلك ، دعنا ننشئ شكلًا مختلفًا من تصميمنا. فقط قم بتعديل ملف قناع التحويل لنمط الخلفية في الوجه الأفقي والوجه العمودي. يؤدي هذا إلى تغيير القوس لمواجهة الاتجاه الآخر وإزاحة النمط ، لذلك لا يبدو مجرد صورة معكوسة.
- تحويل القناع: اقلب أفقيًا ، اقلب رأسيًا
مثال 2 لقناع الخلفية ومعلمات تحويل النمط
في المثال الثاني ، سننشئ شكلًا بيضاويًا في وسط الشاشة بنمط داخل الشكل البيضاوي. بعد ذلك ، سنقوم بتغيير موضع النمط. سنقوم أيضًا بتعديل هذا الحجم لأحجام مختلفة للشاشة.
نمط الخلفية
في إعدادات الخلفية ، حدد علامة التبويب نمط الخلفية واختيار shippo و من أجل الدافع. اضبط تحويل النمط على Invert.
- خلفية النمط: Shippo
- تحويل النمط: عكسي
قناع الخلفية
ثم حدد علامة التبويب قناع الخلفية وقم بتغيير الإعدادات التالية.
- قناع الخلفية: قطع ناقص
- اللون: # 758489
- تحويل القناع: قلب أفقي ، دوران
الجهاز اللوحي والهاتف
سيستخدم كل من الجهاز اللوحي والهاتف نفس الإعدادات ، لذلك سيتعين علينا فقط تغيير إعدادات الجهاز اللوحي. حدد ملف علامة تبويب الجهاز اللوحي وتعديل قناع التحول في انعكاس أفقي.
- تحويل القناع: الوجه الأفقي ، الانعكاس
مثال 2 الإصدار 2
بعد ذلك ، سننشئ التباين لمثالنا الثاني. أولاً ، حدد علامة التبويب نمط الخلفية وقم بتعيين لون النمط إلى rgba (0,0,0,0.06،XNUMX،XNUMX،XNUMX).
- لون النمط: rgba (0,0,0,0.06،XNUMX،XNUMX،XNUMX)
ثم حدد علامة التبويب قناع الخلفية واختر Flip Horizontal و Rotate و Invert لتحويل القناع.
- تحويل القناع: قلب أفقي ، دوران ، انعكاس
الجهاز اللوحي والهاتف
بالنسبة لخيارات الجهاز اللوحي والهاتف ، حدد رمز ملف لوح . تعديل قناع التحول في الانعكاس والانعكاس الأفقي. اكتمل الآن الإصدار البديل للمثال الثاني.
- تحويل القناع: الوجه الأفقي ، الانعكاس
مثال 3 لقناع الخلفية ومعلمات تحويل النمط
في مثالنا الثالث لإعدادات تحويل القناع والنمط ، سنستخدم نمط قرص العسل مع قناع الطلاء. سننشئ أيضًا نسخة محمولة لهذا الإصدار.
نمط الخلفية
أولاً ، اختر علامة التبويب "إعدادات الجهاز" وحدد رمز الجهاز. مكتب. حدد علامة التبويب نمط الخلفية واختر قرص العسل لنمط الخلفية. قم بتغيير اللون إلى rgba (0,0,0,0.42،XNUMX،XNUMX،XNUMX). لهذا سنترك الخيارات تحويل النمط معطل. سنضيفهم للنسخة البديلة.
- نمط الخلفية: قرص العسل
- لون النمط: rgba (0,0,0,0.42،XNUMX،XNUMX،XNUMX)
- تحويل النمط: لا شيء
قناع الخلفية
ثم حدد علامة التبويب الخلفية قناع. اختار مستلزمات الرسم لقناع الخلفية. قم بتغيير اللون إلى # 697b82. اختر Flip Vertical لتحول القناع.
- قناع الخلفية: الطلاء
- لون القناع: # 697b82
- تحويل القناع: الوجه العمودي
ثم حدد غطاء، يغطي للحجم. هذا يفتح المزيد من الخيارات. يختار أسفل اليمين عن الموقع. هذا كل شيء لنسخة سطح المكتب. بعد ذلك ، سننشئ نسخة الهاتف المحمول.
- حجم القناع: الغطاء
- وضع القناع: أسفل اليمين
الجهاز اللوحي والهاتف
ثم حدد علامة التبويب قرص وتعديل تحول قناع الخلفية في الوجه الرأسي والتناوب. هذا يكمل أسلوب مثالنا الثالث. بعد ذلك ، سننشئ النسخة البديلة.
- تحويل القناع: قلب رأسي ، دوران
مثال 3 الإصدار 2
بالنسبة للإصدار البديل من هذا المثال ، سنقوم بضبط كل من نمط الخلفية وقناع الخلفية.
نمط الخلفية
بالنسبة إلى نمط الخلفية ، قم بتغيير لون النمط إلى rgba (0,0,0,0.11،XNUMX،XNUMX،XNUMX). قم بتغيير تحويل النمط إلى الوجه الأفقي والوجه الرأسي والتدوير.
- لون القناع: rgba (0,0,0,0.11،XNUMX،XNUMX،XNUMX)
- تحويل القناع: الوجه الأفقي ، الوجه العمودي ، الدوران
قناع الخلفية
ثم حدد علامة التبويب الخلفية قناع. قم بتغيير اللون إلى الأبيض وتحويل القناع إلى الوجه الأفقي والوجه الرأسي والانعكاس.
- لون القناع: #ffffff
- تحويل القناع: قلب أفقي ، قلب رأسي ، انعكاس
بعد ذلك ، قم بتغيير حجم القناع المراد تغطيته ، ثم اختر توسيطًا لموضع القناع.
- حجم القناع: الغطاء
- موقف القناع: المركز
الجهاز اللوحي والهاتف
أخيرًا اختر علامة التبويب قرص لإنشاء النسخة المحمولة. اختر علامة التبويب قناع الخلفية وحدد خيارات تحويل القناع الأربعة. هذا يكمل النسخة البديلة للمثال الثالث.
- تحويل القناع: الوجه الأفقي ، الوجه العمودي ، الدوران ، الانقلاب
النتائج النهائية
فيما يلي نظرة عامة على كل مثال بأحجام مختلفة للشاشة (سطح المكتب والهاتف)
مثال 1
الإصدار 1 على سطح المكتب
الإصدار 1 على الهاتف
الإصدار 2 على سطح المكتب
الإصدار 2 على الهاتف
مثال 2
الإصدار 1 على سطح المكتب
الإصدار 1 على الهاتف
الإصدار 2 على سطح المكتب
الإصدار 2 على الهاتف
مثال 3
الإصدار 1 على سطح المكتب
الإصدار 1 على الهاتف
الإصدار 2 على سطح المكتب
الإصدار 2 على الهاتف
تحميل DIVI Now !!!
وفي الختام
هذه هي نظرتنا إلى كيفية استخدام قناع خلفية Divi وإعدادات تحويل النمط لإنشاء العديد من أنماط الخلفية المثيرة للاهتمام.
نظرًا لأنه يمكن استخدام الأنماط والأقنعة معًا ، يمكن أيضًا استخدام إعدادات التحويل معًا. هذا يفتح العديد من خيارات التصميم ، مما يمنحك المزيدأدوات لإضافة الأناقة إلى خلفيات Divi الخاصة بك.
أفضل طريقة لمعرفة كيفية استخدامها هي التلاعب بالتعديلات ومعرفة ما يمكنك إنشاؤه.
نأمل أن يلهمك هذا البرنامج التعليمي لمشاريع Divi التالية. إذا كانت لديك أية مخاوف أو اقتراحات ، فابحث عنا قسم التعليقات لمناقشته.
يمكنك أيضا استشارة مواردنا، إذا كنت بحاجة إلى مزيد من العناصر لتنفيذ مشاريعك الخاصة بإنشاء مواقع الإنترنت ، من خلال الرجوع إلى دليلنا على وورد خلق بلوق أو واحد على ديفي: أفضل موضوع وورد في كل العصور.
ولكن في هذه الأثناء ، شارك هذا المقال على الشبكات الاجتماعية المختلفة.
...
