تصميم واجهة موقع بالفوتوشوب :درس

[العطاء]

من خلال هذا الدرس بنتعلم كيف نصمم واجهة موقع بسيطه و مرتبه

في البدايه : نفتح صفحه جديده بمقاس 778×584
و بخلفية بيضاء كهذه

http://www.almushahed.net/up/files/ward-1102416952.gif


لتحري الدقه و ترتيب العمل , سنقوم باضافة grid للعمل

و هذا سيساعدنا لتحديد المساحه التي نريدها من خلال المربعات التي ستظهر في ساحة العمل

http://www.almushahed.net/up/files/ward-1102417111.gif

سنضيف طبقة جديدة و سنحدد ثلاث مربعات من اسفل التصميم و سنصبغة باللون الازرق

استخدمنا هذا الكود : 356AC8

http://www.almushahed.net/up/files/ward-1102417155.gif


سنقوم باضافة طبقة جديده للعمل و سنحدد 9 مربعات من اعلى الصفحه
و نقوم باستخدام اداة التدرج بصبغ هذه القسم

http://www.almushahed.net/up/files/ward-1102417212.gif
مره اخرى نضيف طبقة جديده للعمل و نحدد مربع و نصف فقط

ثم نصبغة بنفس الكود السابق

356AC8

: , ثم نضيف له ظل من خلال blending options

http://www.almushahed.net/up/files/ward-1102417265.gif



single row marquee tool سنختار اداة
و سنضع له stroke ابيض
بمقدار ( 1 بيكسل )

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



http://www.almushahed.net/up/files/ward-1102417547.gif

[ابن روق]

يعطيك العافيه اخوي العطاء
مشكور كل الشكر على هالشرح الجميل

بس ياخوك الفوتو عندي عربي
ممكن تذكر الاسم المعرب للاداوت المذكوره

تقبل تحياتي

[العطاء]

مشكور اخوي ابن روق على المرور

ارجو الإيضاح اخوي ..........

[فتاة سورية]

موضوع رائع الف شكر على المجهود

[العطاء]

اشكرك اختي فتاة سوريه على المرور

تحياتي