salima
10-30-2013, بتوقيت غرينيتش 06:36 AM
باسم الله الرحمان الرحيم
والسلام عليكم و رحمة الله وبركاته
سوف نتعلم في هذا الدرس مفصل تصميم واجهة 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)©
والسلام عليكم و رحمة الله وبركاته
سوف نتعلم في هذا الدرس مفصل تصميم واجهة 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)©