المساعد الشخصي الرقمي

مشاهدة النسخة كاملة : طريقة انشاء واجهة سهلة لموقعك



الاغف
26-08-2006, 12:26 AM
السلام عليكم

راح نأخذ اليوم درس من الممكن يكون طويل أشوي لكن وش نسوي لازم نحقق لك رغباتك ونطور مهاراتك وتكون أفضل المصممين أن شاء الله ( يداً بيد لنصعد http://www.qudaih.net/images/smilies/brows.gif )

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

مجلة رحِمي الثقافية (http://ro7ome.jeeran.com/index.htm)


Start


1- نفتح صفحة جديدة بالمقاس 900×750 بيكسل أو بالمقاس الذي تريد ( حسب الرغبة بس كل ما كان مساحة العمل كبيرة كل ما كان ذو جودة أفضل )

http://members.lycos.co.uk/a7la85/w1.jpg

2- الآن نقوم باختيار الآلوان المناسبة للواجهة لنفرض مثلاً الأبيض والأسود ( نملئ الخلفية باللون الأسود ونستخدم الأبيض لعمل الواجهة ) كما في الصورة التالية :

لنجعل

foreground E8E8C8

background FDFDEA

http://members.lycos.co.uk/a7la85/w2.jpg
3- نقوم بإضافة لير جديد بالضغط على Shieft + Ctrl + N ولنجعل له أسم ( الخلفية )

4- نلون الآن لير الخلفية وذلك بواسطة أختيار أداة التعبئة http://members.lycos.co.uk/a7la85/w3.jpg كما توضح الصورة التالية :.

http://members.lycos.co.uk/a7la85/w4.jpg

5- الآن نقوم بأختيار الأداة التالية Rectangular Marquee Tool كما في الصورة :

http://members.lycos.co.uk/a7la85/w5.gif

6- نذهب الآن لمساحة العمل ونقوم برسم مستطيل طويل في وسط المساحة كما توضح الصورة التالية :
( قبل الرسم أضغط على حرف X ) لتبديل اللون
http://members.lycos.co.uk/a7la85/w6.jpg

7- نقوم الآن بالضغط بالماوس على لير المستطيل بزر الفأرة الأيمن ونختار Blending Options

http://members.lycos.co.uk/a7la85/w7.gif

ونطبق التالي :

http://members.lycos.co.uk/a7la85/w8.jpg

http://members.lycos.co.uk/a7la85/w9.jpg

http://members.lycos.co.uk/a7la85/w10.jpg

8- الآن نقوم بإضافة بعض التأثيرات أو الزخرفة وراح نخليها تكون خلف المستطيل إلي عملناه في وسط مساحة العمل نسوي لير جديد Shieft+ Ctrl + N ونسميه ( زخرفة )
وذلك بواسطة أختيار أداة القلم Pencil tool أو بأختيار Line tool وتجدها

http://members.lycos.co.uk/a7la85/w11.gif

ونرسم بهالطريقة هذه ( وانت ترسم الخط اضغط على Shieft علشان يكون الخط مستقيم بدون تعرجات )

http://members.lycos.co.uk/a7la85/w12.jpg

9- الحين نقوم بإضافة مربعات داخل المستطيل حسب الرغبة كما توضح الصورة التالية:.
( قبل الرسم أضغط على حرف X ) لتبديل اللون

وراح يكون

http://members.lycos.co.uk/a7la85/w13.jpg

وطبعاً كل مربع ترسمه راح يكون في لير جديد كما في الصورة :

http://members.lycos.co.uk/a7la85/w14.jpg

10- الآن نحاول نضيف في المربعات بعض الإضافات وذلك بأستخدام الفرش لتزيد من جمال الواجهة
وطريقة الإضافة بتكون كالتالي :

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

http://members.lycos.co.uk/a7la85/w15.jpg

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

http://members.lycos.co.uk/a7la85/w-final.jpg


مجلة رحِمي الثقافية (http://ro7ome.jeeran.com/index.htm)


أعذروني عاد لو ماكان الشرح غير مفهوم
وأي خطوة ما فهمتوهاش أعيد اشرحها لكم أن شاء الله

النسر الابيض
28-08-2006, 05:10 PM
مشكور اخي الاغف على الدرس



وان شاء الله نحاول نفهمه



تحياتي