بحث مخصص
بحث مخصص
بسم الله الرحمن الرحيم
تصميم المواقع
تصميم المواقع
درس طريقة عمل زر الكروم مع بعض اللمسات
السلام عليكم
هذا الدرس لعمل أو تصميم زر الكروم
مثال على الدرس :
بسم الله الرحمن الرحيم
نبدأ الدرس
1- قم بفتح عمل جديد بخلفية بلون ابيض بالمقاسات العرض 175 × الطول 70
2- اجعل هذا اللون (#D4D4D4) هو اللون الأفتراضي و اذهب الى Edit>Fill>Foreground Color
3- قم بعمل طبقة جديده عن طريق Layer>New>Layer
4- قم بإختيار اداة التحديد و خليها بالخيارات التالية (علما انك تستطيع وضع المقاس المناسب)
اضغط على الصورة لمشاهدتا بالحجم الطبيعي
مثال التصميم حتى هذه الخطوة
-طبعا قم بملأ التحديد بإي لون ليس بالضروره لون محدد عن طريق استخداد اداة
- أذهب الى Layer > Layer Style > Blending Options
الحين راح نحط صح على الخيارات التاليه
drop shadow و gradient overlay و stroke
نبدأ بتطبيق الخيارات التالية
drop shadow
gradient overlay
و اخيرا
stroke
و هذا مثال للدرس حتى هذه الخطوة
اختر اداه التحديد الدائرية تجدها لو ضغطت بيمين الماوس على الأداة المذكورة بالأعلة و هي المربعه
و اختر الخيارات التالية من الأعلى
اضغط على الصورة لمشاهدتا بالحجم الطبيعي
قم بسحب دائرة على آخر التصميم كما في المثال (ملاحظه اضغط shift اثناء السحب لتكون دائيرية 100%)
هذا هو شكل العمل
و افعل نفس الشيء و لكن من الطرف الآخر للتصميم
مثال
الآن قم بإختيار أداة التحديد المربعة و اوصل الديائرتين ببعض
مثال
الحين أضغط Ctrl+Shift+I راح تلاحظ انه التحديد انع** اضغط حذف Delete و سيبقى التصميم أو الزر بالأصح
المثال
طبعا الكثير راح يسألني عن النقطة الحمراء و لكن راح اشرحها دون حاجه للسؤال
قم بعمل طبقه جديد و لن اشرح طريقة عمل الطبقه الجديده لأني وضحتها بالأعلى و حابب انك تتعلموا
اختر اداة التحديد الدائرية و الي أيضا موضحه في الأعلى و قم بتحديد دائرة صغيرة مع الضغط على shift لكي تكون دائرية 100%
املأها باللون الي تحب انا اخترت احمر طبعا اداة التعبئيه موضحه بالأعلى هذي هيه
الحين روح ل Layer > Layer Style > Blending Options و طبق هذه الخيارات
و drop shadow خليه بالخيارات الأفتراضية
و طبعا سبق و شفتو المثال و لكن هذا مثال ثاني
لأي استفسار أو سؤال انا جاهز
بالتوفيق
