الجمعة مايو 26, 2023 12:43 am الخميس ديسمبر 08, 2022 10:54 am الخميس ديسمبر 08, 2022 10:54 am الخميس يوليو 30, 2015 11:43 pm الأربعاء يوليو 15, 2015 6:29 am الثلاثاء مايو 12, 2015 12:10 am الثلاثاء أبريل 07, 2015 6:26 pm الثلاثاء أبريل 07, 2015 12:28 pm الثلاثاء أبريل 07, 2015 4:43 am الثلاثاء أبريل 07, 2015 4:37 am
اقدم لكم درس لتصميم واجهة موقع احترافية و اتمنى ان يعجبكم و تستفيدون منه
فلنبدا الشرح:
اولاً نفتح الفوتوشوب ثم نختار المساحة كالتالى:
ثم نضغط على ctrl+shift+n فتظهر لنا الشاشة التالية و نضغط فيها على زر ok:
ثم نرسم مستطيل دائرى الاطراف باللون الازرق كما بالصورة:
اضغط على الصورة لمشاهدتا بالحجم الطبيعي
ثم نضغط مرتين متتاليتين فى النقطة الموضحة بالصورة:
ستظهر لنا الشاشة التالية:
اضغط على الصورة لمشاهدتا بالحجم الطبيعي
فنختار منها كما بالصورة:
اضغط على الصورة لمشاهدتا بالحجم الطبيعي
ثم نضغط على color overaly كما بالصورة:
اضغط على الصورة لمشاهدتا بالحجم الطبيعي
و تظهر النتيجة التالية كما بالصورة:
اضغط على الصورة لمشاهدتا بالحجم الطبيعي
ثم نضغط على filter و من القائمة التى ستظهر نضغط على distort و من القائمة التى ستظهر نختار wave كما بالصورة التالية:
اضغط على الصورة لمشاهدتا بالحجم الطبيعي
فتظهر النتيجة التالية و نختار كما يلى و نضغط على ok:
اضغط على الصورة لمشاهدتا بالحجم الطبيعي
فتظهر النتيجة التالية :
اضغط على الصورة لمشاهدتا بالحجم الطبيعي
ثم نحركها بالاداة التالية:
اضغط على الصورة لمشاهدتا بالحجم الطبيعي
الى ان تصبح على النحو التالى:
اضغط على الصورة لمشاهدتا بالحجم الطبيعي
ثم نرسم باداة المستطيل دائرى الاطراف و نطبق عليه كل ما طبقناه على الصور السابقة الى ان يصبح على النحو التالى:
اضغط على الصورة لمشاهدتا بالحجم الطبيعي
ثم نضغط على ctrl+shift+n فتظهر لنا الشاشة التالية و نضغط فيها على ok كما بالصورة: ثم نرسم باداة المستطيل الدائرى الاطراف مستطيل على يسار التصميم و نطبق عليه كل ما فعلناه من قبل فتكون النتيجة كالتالى:
اضغط على الصورة لمشاهدتا بالحجم الطبيعي
ثم نضغط على filter و من القائمة التى ستظهر نختار distort و من القائمة التى ستظهر نضغط على shear كما بالصورة:
اضغط على الصورة لمشاهدتا بالحجم الطبيعي
فتظهر لنا الشاشة التالية و نختار منها كما بالصورة:
اضغط على الصورة لمشاهدتا بالحجم الطبيعي
فيصبح التصميم على هذا النحو:
اضغط على الصورة لمشاهدتا بالحجم الطبيعي
ثم نرسم مستطيل دائرى الاطراف و نطبق عليه ايضاً كل ما طبقناه على المستطيل السابق فتصبح النتيجة كالتالى:
اضغط على الصورة لمشاهدتا بالحجم الطبيعي
ثم نرسم مستطيل اخر و نطبق عليه كل شىء فعلناه باستثناء استخدام shear فتظهر لنا النتيجة التالية:
اضغط على الصورة لمشاهدتا بالحجم الطبيعي
ثم نضغط على filter و من القائمة التى ستظهر لنا نختار distort و من القائمة التى ستظهر نختار zigzag كما بالصورة:
اضغط على الصورة لمشاهدتا بالحجم الطبيعي
ثم تكون النتيجة النهائية كالتالى:
اضغط على الصورة لمشاهدتا بالحجم الطبيعي
ثم نكتب ما نشاء على التصميم و بهذا ينتهى الدرس و اتمنى ان ارى تطبيقاتكم
الرئيسية
الجمعة مايو 26, 2023 12:43 am
موضوع: درس تصميم واجهة موقع احترافية 
اضغط على الصورة لمشاهدتا بالحجم الطبيعي 
موضوع: رد: درس تصميم واجهة موقع احترافية 
