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

[Chakira]

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

اقدم لكم درس مفصل لتصميم واجهة interface موقع احترافية و اتمنى ان يعجبكم و تستفيدون منه و اتمنى عند النقل وضع هذا الرابط فى بداية او نهاية الموضوع www.albasha.info (http://www.albasha.info) و اتمنى عدم نزع الحقوق

فلنبدا الشرح طريقة:
اولاً نفتح الفوتوشوب ثم نختار المساحة كالتالى:
http://www.albasha.info/up/uploads/24a144e22a.gif (http://www.albasha.info/up/)
ثم نضغط على ctrl+shift+n فتظهر لنا الشاشة التالية و نضغط فيها على زر ok:
http://www.albasha.info/up/uploads/e2fd83da4c.gif (http://www.albasha.info/up/)
ثم نرسم مستطيل دائرى الاطراف باللون الازرق كما بالصورة:
http://www.albasha.info/up/uploads/7a3f50986d.gif (http://www.albasha.info/up/)
ثم نضغط مرتين متتاليتين فى النقطة الموضحة بالصورة:
http://www.albasha.info/up/uploads/5b36193ddd.gif (http://www.albasha.info/up/)
ستظهر لنا الشاشة التالية:
http://www.albasha.info/up/uploads/b509acaea1.gif (http://www.albasha.info/up/)
فنختار منها كما بالصورة:
http://www.albasha.info/up/uploads/4715739dac.gif (http://www.albasha.info/up/)
ثم نضغط على color overaly كما بالصورة:
http://www.albasha.info/up/uploads/6d59d2c4c5.gif (http://www.albasha.info/up/)
و تظهر النتيجة التالية كما بالصورة:
http://www.albasha.info/up/uploads/7f170b7758.gif (http://www.albasha.info/up/)
ثم نضغط على filter و من القائمة التى ستظهر نضغط على distort و من القائمة التى ستظهر نختار wave كما بالصورة التالية:
http://www.albasha.info/up/uploads/957419cf21.gif (http://www.albasha.info/up/)
فتظهر النتيجة التالية و نختار كما يلى و نضغط على ok:
http://www.albasha.info/up/uploads/86902db40e.gif (http://www.albasha.info/up/)
فتظهر النتيجة التالية :
http://www.albasha.info/up/uploads/9c3612e132.gif (http://www.albasha.info/up/)
ثم نحركها بالاداة التالية:
http://www.albasha.info/up/uploads/3989469118.gif (http://www.albasha.info/up/)
الى ان تصبح على النحو التالى:
http://www.albasha.info/up/uploads/c7ada9337b.gif (http://www.albasha.info/up/)
ثم نرسم باداة المستطيل دائرى الاطراف و نطبق عليه كل ما طبقناه على الصور السابقة الى ان يصبح على النحو التالى:
http://www.albasha.info/up/uploads/14e293ae0f.gif (http://www.albasha.info/up/)
ثم نضغط على ctrl+shift+n فتظهر لنا الشاشة التالية و نضغط فيها على ok كما بالصورة:
http://www.albasha.info/up/uploads/c1a82b43ff.gif (http://www.albasha.info/up/)
ثم نرسم باداة المستطيل الدائرى الاطراف مستطيل على يسار التصميم و نطبق عليه كل ما فعلناه من قبل فتكون النتيجة كالتالى:
http://www.albasha.info/up/uploads/56ffdf59fb.gif (http://www.albasha.info/up/)
ثم نضغط على filter و من القائمة التى ستظهر نختار distort و من القائمة التى ستظهر نضغط على shear كما بالصورة:
http://www.albasha.info/up/uploads/c4457a39bc.gif (http://www.albasha.info/up/)
فتظهر لنا الشاشة التالية و نختار منها كما بالصورة:
http://www.albasha.info/up/uploads/6f61abc67c.gif (http://www.albasha.info/up/)
فيصبح التصميم على هذا النحو:
http://www.albasha.info/up/uploads/1b51e93b5c.gif (http://www.albasha.info/up/)



ثم نرسم مستطيل دائرى الاطراف و نطبق عليه ايضاً كل ما طبقناه على المستطيل السابق فتصبح النتيجة كالتالى:
http://www.albasha.info/up/uploads/3d28b6fa6b.gif (http://www.albasha.info/up/)
ثم نرسم مستطيل اخر و نطبق عليه كل شىء فعلناه باستثناء استخدام shear فتظهر لنا النتيجة التالية:
http://www.albasha.info/up/uploads/e2dc1af11e.gif (http://www.albasha.info/up/)
ثم نضغط على filter و من القائمة التى ستظهر لنا نختار distort و من القائمة التى ستظهر نختار zigzag كما بالصورة:
http://www.albasha.info/up/uploads/3ae099e30c.gif (http://www.albasha.info/up/)
ثم تكون النتيجة النهائية كالتالى:
http://www.albasha.info/up/uploads/f9c3d9762d.gif (http://www.albasha.info/up/)
ثم نكتب ما نشاء على التصميم
و بهذا ينتهى الدرس مفصل و اتمنى ان ارى تطبيقاتكم
www.albasha.info (http://www.albasha.info)



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