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

السلام عليكم

اليكم شرح لتصميم واجهة موقع شبه احترافية و اتمنى عند النقل ان يتم ذكر اسم موقعى www.albasha.info
المهم فلنبدأ:
اولاً نفتح برنامج الفوتوشوب و نختار المقاسات التالية او اى مقاسات تريدها كما بالصورة:

ثم نرسم باداة rounded rectankle tool مستطيل دائرى الاطراف فى الاعلى كما بالصورة:

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

ثم تظهر لنا الشاشة التالية:

ثم نختار منها ما يلى بالصورة:

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

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

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

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

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

ثم نضغط ok كما بالصورة:

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

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

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

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

ثم نرسم قلوباً بتنفيذ ما يلى اولاً اضغط على اداة المستطيل الدائرى الاطراف و نختار منه الاداة التالية:

فنضغط على الاشكال و نختار شكل القلب كما بالصورة:

ثم نرسم قلوباً كما فى الصورة:

و قم انت برسم اى شىء اخر تريده من ابتكارك
كما اتمنى عدم النقد فانا لم اضعه لمعرفة ارائكم فى الفوتوشوب بل لتعليم من لا يجيد الفوتوشوب و ترقبواً دروس اقوى بكثير
و بهذا ينتهى الدرس و اتمنى التوفيق للجميع كما اريد ان ارى التطبيقات
و قبل كل ذلك توكل على الله كى يوفقك فيما تفعل

www.albasha.info

تسلم يا عمر على الموضوع الاكثر من رائع

عاشت ايدك اخوية عمر على الدرس الرائع سلمت اناملك والله لايحرمنا من ابداعاتك

تسلم ايدك يا عمر علي اعداد الدرس الرائع وربنا ما يحرمنا منك ولا من ابداعاتك الدائمة

اطيب تحية