درس مفصل تصميم واجهة interface متقدمة

[salima]

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

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

اولا قم بفتح عمل جديد على الفوتوشوب (طبعا http://sho3a.com/vb/images/smilies/haha.gif) بالمقاسات التالية 800 × 850
ثانيا قم بملأ ساحة العمل بخامة او خلفية ... او مايناسبك http://sho3a.com/vb/images/smilies/shiny.gif

http://img241.imageshack.us/img241/2193/22223811ik1.gif

الان قم برسم مستطيل كما في الصورة يبعد عن الراس ب 10 او 15 بكسل

http://img261.imageshack.us/img261/5395/66913796pe3.gif

طبق الاعدادت التالية :

http://img161.imageshack.us/img161/8601/40925278gg3.gif

http://img261.imageshack.us/img261/285/64900059rw0.gif

http://img261.imageshack.us/img261/6500/37994956lq5.gif

الناتج ...

http://img161.imageshack.us/img161/8607/72061247gy5.gif

الان قم برسم مستطيل اخر واملاه باللون #199ad1

http://img161.imageshack.us/img161/750/7199ad1af1.gif

اضف بعد اللمسات الشخصية ... كتاثير الزجاج و كتابة اسم الموقع .. الخ

الناتج

http://img241.imageshack.us/img241/7936/35147904nx0.gif

الان قم برسم هذا الشكل طبق عليه الاعدادات التالية

http://img161.imageshack.us/img161/5645/12jf5.gif

http://img241.imageshack.us/img241/9248/13cc5.gif

http://img241.imageshack.us/img241/2176/14zo4.gif


http://img241.imageshack.us/img241/1096/15lk6.gif

الناتج بعد اضافة عناوين الصفحات الفرعية

http://img161.imageshack.us/img161/3335/16hj0.gif

الان قم برسم مربع كجسد للموقع

http://img241.imageshack.us/img241/6554/17qt9.gif

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

http://img241.imageshack.us/img241/1825/19po1.gif

قم بوضع ظل للشكل و اعدادات الالوان التالية
http://img161.imageshack.us/img161/3410/21gi9.gif

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

والنتيجة النهائية

http://img261.imageshack.us/img261/1171/23mb0.gif




انتهي الدرس مفصل و الحمد لله http://www.dzbatna.com/images/smilies/crazy.gif





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