كيفية إنشاء واستخدام الخلفيات المزخرفة مع خيارات تصميم Divi

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

الآن ، سنبدأ من خلال عرض نوعين من الزخارف التي سنقوم بإعادة إنشائها باستخدام Photoshop ؛ الزخارف المصنوعة من الأشكال والأنسجة المصنوعة من الفرش. بمجرد أن تعرف كيفية القيام بذلك ، يمكنك أن تكون مبدعًا كما تريد وإنشاء خلفيات مزخرفة أصلية. بعد ذلك ، سنوضح لك كيف يمكنك إنشاء نتائج مذهلة من خلال الجمع بين الخلفيات المنسوجة وخيارات تصميم Divi.

نتيجة الصورة مصنوعة من الأشكال

تبدو الصورة الأولى التي سنعرضها لك كيفية الإنشاء باستخدام Photoshop كما يلي:

النتيجة مع خيارات تصميم Divi

وبمجرد دمجها في Divi ، يمكنك الحصول على نتائج مذهلة مثل هذا:

نتيجة الصورة مصنوعة من الفرش

الصورة الثانية التي سنجعلها تبدو كالتالي:

النتيجة مع خيارات تصميم Divi

ويمكن أن تقدم النتيجة الجميلة التالية عند استخدامها على موقع الويب الخاص بك:

كيفية إنشاء واستخدام الخلفيات المزخرفة مع خيارات تصميم Divi

اشترك في قناتنا على اليوتيوب

قم بإنشاء خلفية مزخرفة باستخدام Photoshop

مصنوع من الأشكال

أول خلفية مزخرفة سوف نوضح لك كيفية إعادة إنشائها تحتوي في الغالب على أشكال تم إنشاؤها باستخدام أداة Polygonal Lasso Tool و Eraser Tool. سنوجهك خطوة بخطوة حول كيفية إنشاء النتيجة التالية:

ملف جديد

افتح Photoshop وابدأ بإضافة ملف جديد. سيحتاج هذا الملف إلى عرض 1920 بكسل وارتفاع 847 بكسل.

أضف لون الخلفية

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

أضف طبقة 2

استمر بإضافة طبقة جديدة فوق الطبقة الأولى مباشرة.

أضف الشكل الأول إلى الطبقة 2

ثم حدد أداة Polygonal Lasso وابدأ في تكوين شكل أثناء تحديد الطبقة الثانية.

بمجرد الانتهاء من ذلك ، حدد أداة Paint Bucket Tool واستخدم '# 747474' لتلوين الجزء المحدد.

أضف طبقة 3

ثم أضف طبقة أخرى فوق الطبقة 2 مباشرة.

أضف طبقة الشكل الثانية 3

استمر في عمل شكل آخر ، مثل الشكل الموجود في شاشة الطباعة أدناه ، باستخدام أداة Polygonal Lasso Tool.

حدد أداة دلو الطلاء واستخدم "# 6a6a6a" هذه المرة.

حتى الآن ، يجب أن تبدو صورتك كما يلي:

استخدم أداة الممحاة على الطبقة 3

الانتقال ، حدد أداة الممحاة أثناء تحديد الطبقة 3.

استخدم أداة الممحاة مع فرشاة ذات صلابة 0٪ وحجم 338 بكسل.

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

مضاعفة وتحويل وتدوير ووضع طبقات على الجانب الآخر

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

بمجرد التكرار ، ستراها تظهر في قائمة الطبقات الخاصة بك.

أثناء تحديد كلتا الطبقتين المضاعفتين ، انتقل إلى Edit> Transform> Rotate 180 ° واسحب الطبقات إلى الجانب الآخر من الصورة.

حفظ للويب

الشيء الوحيد المتبقي هو حفظ الصورة. للقيام بذلك ، انقر فوق ملف> تصدير> حفظ للويب .

أخيرًا ، تأكد من أن الملف هو ملف JPG أو PNG واحفظه.

مصنوع من الفرش

بعد ذلك ، سنوضح لك كيفية إنشاء خلفيات مزخرفة باستخدام الفرش. الخلفية المزخرفة التي سنوضح لك كيفية إعادة إنشائها تبدو في هذه الحالة كما يلي:

ملف جديد

ابدأ مرة أخرى بإنشاء مستند جديد بعرض 1920 بكسل وارتفاع 847 بكسل.

أضف لون الخلفية

بمجرد الانتهاء من ذلك ، أضف خلفية إلى الطبقة الأولى برمز اللون "# 8f8f8f".

ابحث عن فرشاة المطابقة على الإنترنت

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

تحميل الفرشاة

حدد موقع ملف ABR على جهاز الكمبيوتر الخاص بك وانتقل إلى Photoshop لتحميل الفرش. حدد تحرير> إعدادات مسبقة> مدير الإعداد المسبق> فرش> تحميل وحدد ملف ABR الذي قمت بحفظه على جهاز الكمبيوتر الخاص بك.

أضف طبقة 2

بمجرد الانتهاء من ذلك ، أضف طبقة أخرى أعلى الطبقة 1 مباشرةً.

استخدم الفرشاة ذات اللون الفاتح

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

اختر الفرشاة التي تريدها بحجم 600 بكسل واستخدم عتامة 60٪.

"

اللون الأول الذي سنستخدمه هو "# a0a0a0". انطلق وقم بعمل طبقة الفرشاة الأولى على صورتك.

استخدم نفس الفرشاة بلون أغمق

ثم استبدل اللون السابق بـ #ababab وافعل نفس الشيء.

استخدم نفس الفرشاة ذات اللون الأغمق

أخيرًا ، ستحتاج إلى استخدام اللون "# 686868" لإنهاء الخلفية المزخرفة.

حفظ للويب

الآن بعد أن تم الانتهاء من الخلفية المزخرفة ، فإن الشيء الوحيد المتبقي هو حفظ الصورة. للقيام بذلك ، حدد ملف> تصدير> حفظ للويب .

مرة أخرى ، اختر ما إذا كنت تريد حفظ صورتك كملف JPG أو PNG.

أضف خلفيات مزخرفة إلى الأقسام

خلفية مزخرفة مصنوعة من الأشكال

يمكنك التلاعب بإعدادات خلفية Divi لتحقيق النتيجة الدقيقة التي تريدها بمجرد إنشاء الصور. بالنسبة للخلفية المزخرفة المصنوعة من الأشكال ، سنختار نوع التدرج الشعاعي ليكون أحد ألوان التدرج في المنتصف والآخر متناسقًا مع صورة الخلفية لدينا.

خلفية متدرجة

استخدم خلفية التدرج التالية لقسمك:

• اللون الأول: # 474ab6
• اللون الثاني: # 9271f6
• نوع التدرج: شعاعي
• اتجاه شعاعي: المركز
• موقف البداية: 41٪
• موضع النهاية: 100٪

خيارات دمج الصور

ثم قم بتحميل الصورة واستخدم الإعدادات التالية:

• حجم صورة الخلفية: الغلاف
• موقف صورة الخلفية: المركز
• تكرار صورة الخلفية: لا يوجد تكرار
• مزيج صورة الخلفية: تراكب

خلفية محكم مصنوعة من فرش

الخلفية المتدرجة التي سنستخدمها للخلفية المزخرفة المصنوعة من الفرش هي خطية. سنجري انتقالًا دقيقًا سيظل يفصل قليلاً عن اللون الذي يتم استخدامه في انسجام مع صورة الخلفية.

خلفية متدرجة

افتح إعدادات القسم واستخدم الإعدادات التالية لفئة الخلفية الفرعية:

• اللون الأول: # 474ab6
• اللون الثاني: # 9271f6
• نوع التدرج: خطي
• اتجاه التدرج: 270 درجة
• موقف البداية: 70٪
• موضع النهاية: 100٪

خيارات دمج الصور

بعد ذلك ، قم بتحميل صورة الخلفية واستخدم الإعدادات التالية معها:

• موقف صورة الخلفية: المركز
• تكرار صورة الخلفية: لا يوجد تكرار
• مزيج صورة الخلفية: تراكب

نتيجة

الآن بعد أن انتهينا من جميع الخطوات ، دعنا ، مرة أخرى ، نلقي نظرة على النتيجة النهائية.

نتيجة الصورة مصنوعة من الأشكال

النتيجة مع خيارات تصميم Divi

نتيجة الصورة مصنوعة من الفرش

النتيجة مع خيارات تصميم Divi

افكار اخيرة

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

تأكد من الاشتراك في النشرة الإخبارية عبر البريد الإلكتروني وقناة YouTube حتى لا يفوتك إعلان كبير أو نصيحة مفيدة أو Divi freebie!

صورة مميزة بواسطة WEB-DESIGN / shutterstock.com