السلام عليكم و رحمة الله و بركاته
اقدم لكم درس لتصميم واجهة موقع احترافية و اتمنى ان يعجبكم و تستفيدون منه و اتمنى عند النقل وضع هذا الرابط فى بداية او نهاية الموضوع
شبكة و منتديات الديناصور web design تصميم المواقع science computer و اتمنى عدم نزع الحقوق
فلنبدا الشرح:
اولاً نفتح الفوتوشوب ثم نختار المساحة كالتالى:
![](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)
ثم نكتب ما نشاء على التصميم
و بهذا ينتهى الدرس و اتمنى ان ارى تطبيقاتكم
شبكة و منتديات الديناصور web design تصميم المواقع science computer[/quote]