[الجزء الثاني]:+:تصميم قائمة احترافية للواجهات:+:[مثل تصاميم ديزاد باتنة]

[said]

السلام عليكم ورحمة الله وبركاته

:+:+:+:+:+:+:+:+:

من زمان ماقدمت دروووس لكم وذلك لاني كنت مسافر ... ويلا الحين جينا من السفر وراح تبدأ الدروس

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

نبدأ الشرح طريقة ... بسم الله
:+:+:+:+:+:+:

أولا نقوم بعمل لير جديد ... بعدين نقوم برسم مستطيل
http://www.dzbatna.org/up/pic.php?u=3810dQtL&i=7836

الأن نقوم بتلوين المستطيل... وبعدين نروح الى Eidt>>>stroke
http://www.dzbatna.org/up/pic.php?u=3810dQtL&i=7837

الأن نقوم بعمل لير جديد ...
http://www.dzbatna.org/up/pic.php?u=3810dQtL&i=7838

الان نقوم بعمل مستطيل صغير في الأعلى ...
http://www.dzbatna.org/up/pic.php?u=3810dQtL&i=7839

الان نقوم بالذهاب (كما موضح بالصورة)
http://www.dzbatna.org/up/pic.php?u=3810dQtL&i=7840

وبعدين نختار القيمة 4 ...
http://www.dzbatna.org/up/pic.php?u=3810dQtL&i=7841

الان نعمل تدرج لوني وبعدها نعمل له strook ..أعتقد أكثركم يعرف من وين نسوي تدرج لوني ..
http://www.dzbatna.org/up/pic.php?u=3810dQtL&i=7842

الأن نقوم بعمل دبل كليك الى اللير ...
http://www.dzbatna.org/up/pic.php?u=3810dQtL&i=7843

الان نقوم بسحب المستطيل الى اسفل ...
http://www.dzbatna.org/up/pic.php?u=3810dQtL&i=7844

الأن نقوم بالذهاب الى اللير الأول ونضغط عليه وبعدين نروح ونسوي لير جديد ..
http://www.dzbatna.org/up/pic.php?u=3810dQtL&i=7845

الأن نعمل مستطيل بالطول ...
http://www.dzbatna.org/up/pic.php?u=3810dQtL&i=7846

الأن نعمل تدرج لوني ونعمل له strook ...
http://www.dzbatna.org/up/pic.php?u=3810dQtL&i=7847

الأن نقوم بنسخ المستطيل الي سوينا بالطول ...
http://www.dzbatna.org/up/pic.php?u=3810dQtL&i=7848

الأن نقوم بسحبه الى جهة اليمين ...
http://www.dzbatna.org/up/pic.php?u=3810dQtL&i=7849

الأن نقوم بالذهاب الى اخر لير الي موضح عليه ونعمل لير جديد...
http://www.dzbatna.org/up/pic.php?u=3810dQtL&i=7850

الأن نقوم بعمل مستطيل ...
http://www.dzbatna.org/up/pic.php?u=3810dQtL&i=7851




الان نذهب الى التالي (كما موضح بالصورة)
http://www.dzbatna.org/up/pic.php?u=3810dQtL&i=7852
الأن راح يطلع لك مربع ضع فيه رقم 6

الان نقوم بتلوينه باللون الأبيض...
http://www.dzbatna.org/up/pic.php?u=3810dQtL&i=7854

الان نقوم بالضغط على اللير بالماوس يمين ونختار التالي...
http://www.dzbatna.org/up/pic.php?u=3810dQtL&i=7853

اختر كما هو موضح ...
http://www.dzbatna.org/up/pic.php?u=3810dQtL&i=7855

اختر كما هو موضح...
http://www.dzbatna.org/up/pic.php?u=3810dQtL&i=7856

الان ارفع المستطيل قليل (اختياري)....
http://www.dzbatna.org/up/pic.php?u=3810dQtL&i=7857

الأن نعمل لير جديد...
http://www.dzbatna.org/up/pic.php?u=3810dQtL&i=7858

الان نقوم برسم مستطيل في الوسط ونقوم بتلوينه ...
http://www.dzbatna.org/up/pic.php?u=3810dQtL&i=7859

الان نقوم بعمل stroke الى المستطيل ...
http://www.dzbatna.org/up/pic.php?u=3810dQtL&i=7860

الأن نقوم بعمل لير جديد...
http://www.dzbatna.org/up/pic.php?u=3810dQtL&i=7861

الأن نقوم برسم مستطيل وتلوينه وعمل stroke...
http://www.dzbatna.org/up/pic.php?u=3810dQtL&i=7862

والأن قوم بنسخ المستطيل ولصقه في باقي العمل

وهذا هو الناااااتج
http://www.dzbatna.org/up/pic.php?u=3810dQtL&i=7863


ملاحظة : ادا ماطلعت الصور عندك سوي تحديث update لان الصور مرفوعه على مركز تحميل ديزاد باتنة


الملفات المرفقة
http://www.traidnt.net/vb/images/attach/zip.gif ملف psd.zip (http://www.traidnt.net/vb/attachments/66531d1155494522-ملف-psd.zip) (39.7 كيلوبايت, عدد مرات المشاهدة 225 مرة)


https://fbcdn-sphotos-d-a.akamaihd.net/hphotos-ak-ash4/482113_236967293114455_1193518507_n.png (http://www.dzbatna.com)
©المشاركات المنشورة تعبر عن وجهة نظر صاحبها فقط، ولا تُعبّر بأي شكل من الأشكال عن وجهة نظر إدارة المنتدى (http://www.dzbatna.com)©