فكرة درس تصميم موقع او واجهة بالفوتوشوب, دروس فوتوشوب بالصور عربي, دروس فوتوشوب بالصور عربي للمبتدئين,
دروس فوتوشوب احترافية, دروس فوتوشوب بالصور, دروس فوتوشوب بالفيديو, دروس فوتوشوب بالصور عربي للمبتدئين, فكرة درس تصميم موقع او واجهة بالفوتوشوب

نبدأ "فكرة درس تصميم موقع او واجهة بالفوتوشوب" جديد وسهل وحصري


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

يمكنك بسهولة تحويل هذه التصميم إلى واجهة لمدونة 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
فكرة درس تصميم موقع او واجهة بالفوتوشوب
انتهى الدرس كلمه شكر او استفسارم بالتعليق تحت




شـــاهـــد ايـضـــا:

درس فوتوشوب وضع الخامة على الوجة

الطريقة الصحيحة لتشغيل برنامج الكلك 2010 على وندوز 8 و طريقة الحفظ و الإدخال للفوتشوب

درس تبييض الاسنان بالفوتوشوب

درس فوتوشوب تصميم فاكهة اجاص (نجاص)

درس تصميم دعايه بالفوتوشوب بطريقة احترافية

فكرة درس تصميم موقع او واجهة بالفوتوشوب

درس تصميم مكبر صوت سماعات بالفوتوشوب

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

درس تصميم شاشة lcd بالفوتوشوب

درس فوتوشوب عمل نص جليدي داخل البحر

درس فوتوشوب عمل تاثير Old Dreamy Effect

درس تصميم قلم رصاص بالفوتوشوب

درس فوتوشوب قص الصور بطريقة احترافية

درس احترافي تصميم زهور بالفوتوشوب

درس فوتوشوب عمل طريق الى الاعلى ملون

درس عمل كتابة بالكهرباء

درس عمل نص لامع بالفوتوشوب

درس فوتوشوب دمج احترافي

درس فوتوشوب عمل خلفية مربعات منقوشة

درس فوتوشوب الكتابة بالخط الحر

درس تعلم تاثير جميل للصور

درس فوتوشوب تصميم سهم ثلاثي الابعاد

درس فوتوشوب عمل خلفية فكتور

درس عمل اضائة على شيئ معين ( الاضائة بشكل اخر )

درس عمل مصباح الإضاءة المتحرك بالفوتوشوب

درس فوتوشوب عمل تاثير الوان جميل على الصور

درس فوتوشوب تحويل الصور الى شرائط متشابكة

درس تصميم مانيبليشن إسلامي إحترافي ..

درس تصميم خلفية إسلامية رمضانية ..

درس تصميم كوفر إسلامي للفايس بووك .. إحترافي