درس عمل ستايل رباعي الاطراف.

[B!G-BurrewoOo]

بسم الله الرحمن الرحيم

أهلا و سهلا بالجميع

سوف نبدأ أول درس في تصميم الاستايلات و هو تصميم الاستايل رباعي الأطراف

معنى رباعي الأطرف أي أنه يوجد بانر في الأعلى (صورة علوية) و صورة سفلية للحقوق (الفوتر) و عامودان يمين و يسار لتجميل الاستايل

معاني هامة للتصميم :

الهيدر Header : البانر و هي صورة في أعلى الاستايل
الفوتر Footer : صورة في أسفل الاستايل لكتابة الحقوق عليها و ماشابه

سنستخدم في جميع الدروس الفوتوشوب 7 و الفرونت بيج 2003 فقط و أنصح ببرنامج الفوتوشوب 7 أفضل شيء بنظري و لتحميل أي من البرنامجين اذهب إلى مجلس البرامج العامة المشروحة

المهم أحبائي نبدأ باسم الله :

أولا : افتح عمل جديد New كما في الصورة:

http://absba3.absba.org/teamwork8/Members/allulu/a001.gif

ثانيا : اختر العرض كما في الصورة و الخلفية بيضاء و اختر الطول على حسب رغبتك و لكن أفضل أن يكون 400 حتى ترى عملك كاملا أمامك: (أنا شغال على شاشة 800 × 600 لكن كمل كله نافع مش مشكلة) :


http://absba3.absba.org/teamwork8/Members/allulu/a002.gif

بعدها راح يطلع لنا مسرح العمل (الصورة) و نبدأ الآن في التصميم :

سوف نقوم بتصميم استايل خفيف و لكن اتبعوا الشرح خطوة خطوة لكي تتعلموا بشكل متقن :

نقوم بتلوين الصفحة التي أنشأناها و هي الصفحة البيضاء بلون على كيف كيفك بهذه الأداة كما في الصورة :


http://absba3.absba.org/teamwork8/Members/allulu/a003.gif

و عند اختيار اللون نقوم بالضغط بواسطة الأداة مرة واحدة لملئ الصفحة باللون الذي اخترناه

و بعدها نقوم بإنشاء لير Layer جديد من منطقة الليرات كما في الصورة و هذا اللير خاص للبانر (الصورة العلوية) :

http://absba3.absba.org/teamwork8/Members/allulu/a004.gif


بعدها طبعا لازم يكون اللير Layer فوق اللير الأصلي (فوق لير الخلفية Background ) و بعدين نختار هذه الأداة من الأدوات كما في الصورة :


http://absba3.absba.org/teamwork8/Members/allulu/a005.gif

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

http://absba3.absba.org/teamwork8/Members/allulu/a006.gif


بعدها نختار أداة التلوين التي اخترناها لتوين الخلفية في أول العمل كما في الصورة :


http://absba3.absba.org/teamwork8/Members/allulu/a007.gif

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


http://absba3.absba.org/teamwork8/Members/allulu/a008.gif

بعدها ما راح يكون البانر حلو يعني بس لون على الفاضي بس بتعرفوا ليش قمنا بلتوين التحديد ؟؟؟ حتى نستطيع أن نغير في خصائص التحديد أو اللير يعني و نقوم بعمل بعض التجميل على التحديد بعد تلوينه بالضغط بالزر الأيمن للماوس على اللير الخاص بالبانر كما في الصورة و اختيار الخاصية Blending Options :

http://absba3.absba.org/teamwork8/Members/allulu/a009.gif


سوف يخرج لنا صندوق التجميل و التعديل كما في الصورة :

http://absba3.absba.org/teamwork8/Members/allulu/a010.gif


نقوم مثلا باختيار الخيار Bevel and Emboss كما في الصورة و بنفس الخصائص المبينة :

http://absba3.absba.org/teamwork8/Members/allulu/a011.gif


و بعدها نقوم باختيار الخيار Gradient Overlay كما في الصورة و بنفس الخصائص المبينة :

http://absba3.absba.org/teamwork8/Members/allulu/a012.gif


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

http://absba3.absba.org/teamwork8/Members/allulu/a013.gif


يمكنك التغيير على الألوان و إنشاء مثلثات و إضافة بعض التعديلات على البانر من هذا المكان (طبعا المحترفين يمكنهم دمج صور و عمل خصائص للصور و تعديل على البانر لإنشاءه باحتراف) و لكن نحن نبدأ بالأبسط و بعدها بنوصل بإذن الله لدرجة الاحتراف .. المهم وين وصلنا؟؟؟ اهااا صحيح تذكرت الآن نختار الخيار الأخير Stroke كما في الصورة و بنفس الخصائص المبينة :

http://absba3.absba.org/teamwork8/Members/allulu/a014.gif


الآن انتهينا من البانر و لله الحمد .. طيب نروح للفوتر (الصورة السفلية) و نقوم بتطبيق نفس التطبيقات التي طبقناها فوق يعني إنشاء لير جديد للفوتر و بعدها رسم مستطيل و اختيار أداة التلوين (التعبئة) و تعبئته و من ثم إضافة خصائص عليه

بعدين راح نسوي الأعمدة و طريقتها سهلة :

إنشاء لير جديد (طبعا معروف كل خطوة أو صورة لها لير خاص) و من ثم نقوم برسم مستطيل عامودي على اليمين بالخطوات التالية :

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

وروني تطبقاتكم يا أعضاء برامج نت.

[الغناي]

تسلم يالطيب على هذا الإبداع
تحياتي

[B!G-BurrewoOo]

امممممممم فين الناس
وشكر ليك يا الغناي عل مرور