درس مفصل تصميم واجهة interface موقع احترافية
السلام عليكم و رحمة الله و بركاته
اقدم لكم درس مفصل لتصميم واجهة interface موقع احترافية و اتمنى ان يعجبكم و تستفيدون منه و اتمنى عند النقل وضع هذا الرابط فى بداية او نهاية الموضوع www.albasha.info و اتمنى عدم نزع الحقوق
فلنبدا الشرح طريقة:
اولاً نفتح الفوتوشوب ثم نختار المساحة كالتالى:
http://www.albasha.info/up/uploads/24a144e22a.gif
ثم نضغط على ctrl+shift+n فتظهر لنا الشاشة التالية و نضغط فيها على زر ok:
http://www.albasha.info/up/uploads/e2fd83da4c.gif
ثم نرسم مستطيل دائرى الاطراف باللون الازرق كما بالصورة:
http://www.albasha.info/up/uploads/7a3f50986d.gif
ثم نضغط مرتين متتاليتين فى النقطة الموضحة بالصورة:
http://www.albasha.info/up/uploads/5b36193ddd.gif
ستظهر لنا الشاشة التالية:
http://www.albasha.info/up/uploads/b509acaea1.gif
فنختار منها كما بالصورة:
http://www.albasha.info/up/uploads/4715739dac.gif
ثم نضغط على color overaly كما بالصورة:
http://www.albasha.info/up/uploads/6d59d2c4c5.gif
و تظهر النتيجة التالية كما بالصورة:
http://www.albasha.info/up/uploads/7f170b7758.gif
ثم نضغط على filter و من القائمة التى ستظهر نضغط على distort و من القائمة التى ستظهر نختار wave كما بالصورة التالية:
http://www.albasha.info/up/uploads/957419cf21.gif
فتظهر النتيجة التالية و نختار كما يلى و نضغط على ok:
http://www.albasha.info/up/uploads/86902db40e.gif
فتظهر النتيجة التالية :
http://www.albasha.info/up/uploads/9c3612e132.gif
ثم نحركها بالاداة التالية:
http://www.albasha.info/up/uploads/3989469118.gif
الى ان تصبح على النحو التالى:
http://www.albasha.info/up/uploads/c7ada9337b.gif
ثم نرسم باداة المستطيل دائرى الاطراف و نطبق عليه كل ما طبقناه على الصور السابقة الى ان يصبح على النحو التالى:
http://www.albasha.info/up/uploads/14e293ae0f.gif
ثم نضغط على ctrl+shift+n فتظهر لنا الشاشة التالية و نضغط فيها على ok كما بالصورة:
http://www.albasha.info/up/uploads/c1a82b43ff.gif
ثم نرسم باداة المستطيل الدائرى الاطراف مستطيل على يسار التصميم و نطبق عليه كل ما فعلناه من قبل فتكون النتيجة كالتالى:
http://www.albasha.info/up/uploads/56ffdf59fb.gif
ثم نضغط على filter و من القائمة التى ستظهر نختار distort و من القائمة التى ستظهر نضغط على shear كما بالصورة:
http://www.albasha.info/up/uploads/c4457a39bc.gif
فتظهر لنا الشاشة التالية و نختار منها كما بالصورة:
http://www.albasha.info/up/uploads/6f61abc67c.gif
فيصبح التصميم على هذا النحو:
http://www.albasha.info/up/uploads/1b51e93b5c.gif
ثم نرسم مستطيل دائرى الاطراف و نطبق عليه ايضاً كل ما طبقناه على المستطيل السابق فتصبح النتيجة كالتالى:
http://www.albasha.info/up/uploads/3d28b6fa6b.gif
ثم نرسم مستطيل اخر و نطبق عليه كل شىء فعلناه باستثناء استخدام shear فتظهر لنا النتيجة التالية:
http://www.albasha.info/up/uploads/e2dc1af11e.gif
ثم نضغط على filter و من القائمة التى ستظهر لنا نختار distort و من القائمة التى ستظهر نختار zigzag كما بالصورة:
http://www.albasha.info/up/uploads/3ae099e30c.gif
ثم تكون النتيجة النهائية كالتالى:
http://www.albasha.info/up/uploads/f9c3d9762d.gif
ثم نكتب ما نشاء على التصميم
و بهذا ينتهى الدرس مفصل و اتمنى ان ارى تطبيقاتكم
www.albasha.info
https://fbcdn-sphotos-d-a.akamaihd.n...93518507_n.png
©المشاركات المنشورة تعبر عن وجهة نظر صاحبها فقط، ولا تُعبّر بأي شكل من الأشكال عن وجهة نظر إدارة المنتدى©
