الموضوع: تصميم زر أحمر احترافي

السلام عليكم ورحمة الله وبركاته

اخواني الافاضل

درس بسيط جدا وهو عمل زر احمر احترافي رائع حتي يكون موقعك بشكل جمال

الموضوع الأصلي هنا

و هذه هي نتيجة الدرس



نبدأ على بركة الله

اولا قل بسم الله الرحمن الرحيم ....

افتح الفوتو شوب Photo Shop

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



نطبق مع بعض الاختيارات التالية علي الشكل

أولا Drop shadow(الظل) بتكون بنفس الاحداثيات المذكورة في الشكل



ثانيا Inner glow(التوهج) وبتكون بنفس الاحداثيات المذكورة في الشكل



ثالثا Gradient overlay (التدريجات) وبتكون بنفس الاحداثيات المذكورة في الشكل



رابعا Stroke (الحواف) وبتكون بنفس الاحداثيات المذكورة في الشكل



الزر الخاص بنا وصل للشكل التالي:



نخنار مع بضع اداه التحديد بشكل المستطيل



ثم نحدد مع بعض مثل ما موضح بالصورة في الجهة اليسرى له.



ثم نملئ الشكل بنفس الاحداثيات للون #E1CA57



نطبق مع بعض الاختيارات التالية علي الشكل

Inner glow (توهج) وبتكون بنفس الاحداثيات المذكورة في الشكل



Gradient overlay (التدريجات) وبتكون بنفس الاحداثيات المذكورة في الشكل



نحدد مع بعض المستطيل الذي تم عمله ونكبر الصورة إلي زوم كبير قووي يصل إلي 1600% ثم نختاج أداه “القلم” ونعمل شكل بيكسل بنفس ما هو موضح بالصورة



ثم تكون النتيجة مثل ما هو واضح بالصورة



ثم نكتب النص اللي تحب ان يوظف به الزر مع بعض الامكانيات للحواف يكون الشكل كالتالي



وهكذا نكون انتهينا من تصميم زر احترافي بمعني الكلمة

الموضوع الأصلي هنا
“ارجو عند نقل الدرس ذكر مصدر المترجم له والمصدر الاساسي للدرس لحفظ الحقوق”

مع تحياتي

اخوكم في الله

عبد الحفيظ

شرح رائع بارك الله فيك

درس رائع ونتيجه
اروع يسلمو
عالطرح