درس تصميم واجهة موقع بسيطة

12:00 ص | | | 0تعليقات




تصميم واجهة موقع بخلفية ملونة جذابة
في هذا الدرس التعليمي سوف أريك كيف تنشئ تصميم آخر لموقع بتقنيات إبداعية ورائعة.
يمكنك بسهولة تحويل هذه التصميم إلى واجهة لمدونة WordPress لأن التصميم من أحدث الموديلات في تصميم المواقع.
قم بإنشاء مستند جديد بالحجم 960 × 900 بكسل
سأستخدم لون غامق للخلفية #0a0a0a
سأنشئ مستند آخر بالحجم 270 × 270 بكسل وأنشئ شكل بسيط باستخدام أداة الأشكال البيضاوية Ellipse Tool
سأقوم بإضافة الأنماط التالية
لإضافة أنماط إلى الطبقة : قم باختيار الطبقة ثم توجه إلى
Layer > Layer Style > Blending Option
أو قم بالضغط على الطبقة بالزر الأيمن للفأرة واختر Blending Option
هذه هي نتيجتي
الآن سأقوم بالذهاب إلى Edit > Define Brush Preset
سأختار اسماً للفراشة، ثم سأضغط على زر موافق ok.
الآن سأختار أداة الفرشاة Brush Tool، وأقوم بإنشاء بضع نقاط على تصميمي
سوف أغير طريقة المزج blending mode لهذه الطبقة إلى Hard Light، وأقوم بخفض قيمة الشفافية opacity لهذه الطبقة إلى 65%
الآن سأقوم باختيار الفرشاة التي قمنا بإنشائها في الخطوات السابقة، سوف أقوم بإظهار لوحة خيارات الفرش (Windows > Brushes) وأقوم بتطبيق الخيارات التالية
سأقوم بإنشاء طبقة جديدة وأجعلها تعلو جميع الطبقات، ثم أستخدم الفرشاة التي قمنا بإنشائها سابقاً لإنشاء بعض الرسومات على رأس الصفحة.
الرجاء ملاحظة أنك بحاجة إلى تعيين حجم الفرشاة إلى 40-50
ثم سأقوم بإنشاء رسومات على رأس الصفحة

سأقوم بالذهاب إلى Filter > Blur > Gaussian Blur وأستخدم القيم التالية
ثم سأقوم بتغيير طريقة المزج لهذه الطبقة إلى Soft Light، والشافية إلى 50%
سأقوم بإنشاء طبقة جديدة (بالضغط على Ctrl+Shift+Alt+N) وسأقوم بتغيير طريقة المزج لهذه الطبقة إلى Overlay، والشفافية إلى القيمة 50%، ثم سأستخدم أداو الفرشاة وأقوم بإنشاء نفس الدوائر
الآن سنقوم بإنشاء بضع أشكال باستخدام أداة المستطيل ذو الحواف الدائرية Rounded Rectangle Tool
لأجل شريط الإبحار سأقوم بإضافة الأنماط التالية
هذه هي الطريقة التي سيبدو عليها شريط الإبحار
لأجل الزر سأقوم بخفض الشفافية إلى 20%. لن أظهر لك هذه الخطوة بعد الآن لأنها تعتبر خطوة في غاية البساطة.
سأقوم الآن بإضافة بعض النصوص إلى التصميم باستخدام أداة النص Horizontal Type Tool
سأقوم بإنشاء طبقة جديدة، وباستخدام أداة قلم الرصاص سأقوم بإضافة بعض التفاصيل إلى شريط الإبحار.
إذا قمت باستخدام فرشاة صغيرة 1 بكسل ستكون قادراً على إنشاء الخط المنقط والسهم بسهولة
سأقوم بإضافة بعض الصورة إلى للتصميم. هذه هي نتيجتي النهائية
سوف أريك شكلاً آخر. باستبدال الدوائر بالمثلثات
ونتيجة أخرى باستخدام فرشاة المضلع السداسي hexagonal brush
و إلى درس آخر إن شاء الله



هل أعجبك الموضوع ؟

مواضيع مشابهة :

ليست هناك تعليقات:

إرسال تعليق

جميع الحقوق محفوظة ©2013