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

فلنبدا الشرح:
اولاً نفتح الفوتوشوب ثم نختار المساحة كالتالى:

ثم نضغط على ctrl+shift+n فتظهر لنا الشاشة التالية و نضغط فيها على زر ok:

ثم نرسم مستطيل دائرى الاطراف باللون الازرق كما بالصورة:

اضغط على الصورة لمشاهدتا بالحجم
الطبيعي

ثم نضغط مرتين متتاليتين فى النقطة الموضحة بالصورة:

ستظهر لنا الشاشة التالية:

اضغط على الصورة لمشاهدتا بالحجم
الطبيعي

فنختار منها كما بالصورة:

اضغط على الصورة لمشاهدتا بالحجم
الطبيعي

ثم نضغط على color overaly كما بالصورة:

اضغط على الصورة لمشاهدتا بالحجم
الطبيعي

و تظهر النتيجة التالية كما بالصورة:

اضغط على الصورة لمشاهدتا بالحجم
الطبيعي

ثم نضغط على filter و من القائمة التى ستظهر نضغط على distort و من القائمة
التى ستظهر نختار wave كما بالصورة التالية:

اضغط على الصورة لمشاهدتا بالحجم
الطبيعي

فتظهر النتيجة التالية و نختار كما يلى و نضغط على ok:

اضغط على الصورة لمشاهدتا بالحجم
الطبيعي

فتظهر النتيجة التالية :

اضغط على الصورة لمشاهدتا بالحجم
الطبيعي

ثم نحركها بالاداة التالية:

اضغط على الصورة لمشاهدتا بالحجم
الطبيعي

الى ان تصبح على النحو التالى:

اضغط على الصورة لمشاهدتا بالحجم
الطبيعي

ثم نرسم باداة المستطيل دائرى الاطراف و نطبق عليه كل ما طبقناه على الصور
السابقة الى ان يصبح على النحو التالى:

اضغط على الصورة لمشاهدتا بالحجم
الطبيعي

ثم نضغط على ctrl+shift+n فتظهر لنا الشاشة التالية و نضغط فيها على ok
كما بالصورة:

ثم نرسم باداة المستطيل الدائرى الاطراف مستطيل على يسار التصميم و نطبق
عليه كل ما فعلناه من قبل فتكون النتيجة كالتالى:

اضغط على الصورة لمشاهدتا بالحجم
الطبيعي

ثم نضغط على filter و من القائمة التى ستظهر نختار distort و من القائمة
التى ستظهر نضغط على shear كما بالصورة:

اضغط على الصورة لمشاهدتا بالحجم
الطبيعي

فتظهر لنا الشاشة التالية و نختار منها كما بالصورة:

اضغط على الصورة لمشاهدتا بالحجم
الطبيعي

فيصبح التصميم على هذا النحو:

اضغط على الصورة لمشاهدتا بالحجم
الطبيعي

ثم نرسم مستطيل دائرى الاطراف و نطبق عليه ايضاً كل ما طبقناه على المستطيل
السابق فتصبح النتيجة كالتالى:

اضغط على الصورة لمشاهدتا بالحجم
الطبيعي

ثم نرسم مستطيل اخر و نطبق عليه كل شىء فعلناه باستثناء استخدام shear
فتظهر لنا النتيجة التالية:

اضغط على الصورة لمشاهدتا بالحجم
الطبيعي

ثم نضغط على filter و من القائمة التى ستظهر لنا نختار distort و من
القائمة التى ستظهر نختار zigzag كما بالصورة:

اضغط على الصورة لمشاهدتا بالحجم
الطبيعي

ثم تكون النتيجة النهائية كالتالى:

اضغط على الصورة لمشاهدتا بالحجم
الطبيعي

ثم نكتب ما نشاء على التصميم
و بهذا ينتهى الدرس و اتمنى ان ارى تطبيقاتكم