هذا الدرس يصلح لكافة الاصدارات السابقة ومثل الدرس الذى فى الدورة السابقة

هذا الدرس الهدف منه الشرح وليس الهدف منه الوصول للاحترافيه الكاملة



قم بفتح برنامج الفوتوشوب
نقره لتكبير أو تصغير الصورة ونقرتين لعرض الصورة في صفحة مستقلة بحجمها الطبيعي
1- افتح عمل جديد

2- تسمية العمل وضعت اسم هيدر
3- طول وعرض التصميم

نعم قمت بتصغير العرض لاننا بحاجه الى شعار وتمدد فقط
الان نقوم بفتح لير جديد في التصميم طبقه جديده
نقره لتكبير أو تصغير الصورة ونقرتين لعرض الصورة في صفحة مستقلة بحجمها الطبيعي
نقوم بصبغها باي لون علشان نعمل عليها تاثير ستايل
نقره لتكبير أو تصغير الصورة ونقرتين لعرض الصورة في صفحة مستقلة بحجمها الطبيعي
الان نقوم بتاثير نبي نسوي خلفيه للهيدر الخاص بنا
نجعل الماوس على الطبقه الجديده

ثم نضعط كما هو موضح بالصوره
نقره لتكبير أو تصغير الصورة ونقرتين لعرض الصورة في صفحة مستقلة بحجمها الطبيعي
نقره لتكبير أو تصغير الصورة ونقرتين لعرض الصورة في صفحة مستقلة بحجمها الطبيعي
نقره لتكبير أو تصغير الصورة ونقرتين لعرض الصورة في صفحة مستقلة بحجمها الطبيعي
نقوم الان باضافة بعض الصور في التصميم


نقوم بوضع
اي صورة او شعار
او ايقونات
سوف اقوم بقص بعض الصور واضافة بعض الفرش والايقونات
اولا شي قمت باضافة فرش للهيدر
نقره لتكبير أو تصغير الصورة ونقرتين لعرض الصورة في صفحة مستقلة بحجمها الطبيعي
الان اقوم بقص اي صوره ووضعها في التصميم
نقره لتكبير أو تصغير الصورة ونقرتين لعرض الصورة في صفحة مستقلة بحجمها الطبيعي
اضيف بعض الايقونات على الصورة لتكون بشكل جميل ومميز
نقره لتكبير أو تصغير الصورة ونقرتين لعرض الصورة في صفحة مستقلة بحجمها الطبيعي
الان نقوم بفتح طبقه جديده ونقوم بوضع مستطيل في اعلى الهيدر
و نصبغة بلون الاسود
كخلفيه للكلام الموجود في اعلى الهيدر
لا تنسى ان تخفف نسبة شفافية الطبقه
كما هو موضح في الصوره
نقره لتكبير أو تصغير الصورة ونقرتين لعرض الصورة في صفحة مستقلة بحجمها الطبيعي
الان نقوم بقص شعار الموقع + الخلفية
نقره لتكبير أو تصغير الصورة ونقرتين لعرض الصورة في صفحة مستقلة بحجمها الطبيعي
قم بقص الصوره الى جزئين شعار الموقع + خلفيه للهيدر
يفضل تكبير الصوره لكي تقوم بالقص بطريقة صحيحه
كما في الصوره التاليه
نقره لتكبير أو تصغير الصورة ونقرتين لعرض الصورة في صفحة مستقلة بحجمها الطبيعي
الان نقوم بحقظ الصور بعد القص
نقره لتكبير أو تصغير الصورة ونقرتين لعرض الصورة في صفحة مستقلة بحجمها الطبيعي
نقره لتكبير أو تصغير الصورة ونقرتين لعرض الصورة في صفحة مستقلة بحجمها الطبيعي
احفظ التصميم
نقوم برفع الصور الى المجلد الخاص بالستايل
/new-style-vb4-1-2/
نقوم باعادة تسمية الصور حتى نتمكن من معرفتها اثناء التركيب

انتظرونا ف الدرس القادم مع تركيب الهيدر ومتغيرات الهيدر


عند النقل يرجى ذكر المصدر

3: تصميم الهيدر ببرنامج الفوتوشوب