تصميم الهيدر ببرنامج الفوتوشوب
راح نصمم كل جزء بروحه علشان يكون القص سهل حتى على المبتدئين
وتكون الدروس مرتبه وسهله على الجميع
طبعا التصاميم الي في الشرح يمكن ما تعجبكم لكن الهدف منها هو الشرح وليس الابداع في
التصميم

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

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

نقوم بصبغها باي لون علشان نعمل عليها تاثير ستايل

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




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


الان اقوم بقص اي صوره ووضعها في التصميم


اضيف بعض الايقونات على الصورة لتكون بشكل جميل ومميز

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


الان نقوم بقص شعار الموقع + الخلفية


قم بقص الصوره الى جزئين شعار الموقع + خلفيه للهيدر
يفضل تكبير الصوره لكي تقوم بالقص بطريقة صحيحه
كما في الصوره التاليه


الان نقوم بحقظ الصور بعد القص


احفظ التصميم

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


نقوم باعادة تسمية الصور حتى نتمكن من معرفتها اثناء التركيب
ليست هناك تعليقات:
إرسال تعليق