درس طريقة عمل زر الكروم مع بعض اللمسات

تصميم المواقع


درس طريقة عمل زر الكروم مع بعض اللمسات

Translated Title: chrome button tutorial






GA_googleFillSlot("insideTutorial");



GA_googleCreateDomIframe('google_ads_div_insideTutorial' ,'insideTutorial');




السلام عليكم

هذا الدرس لعمل أو تصميم زر الكروم

مثال على الدرس :

بسم الله الرحمن الرحيم

نبدأ الدرس

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 خليه بالخيارات الأفتراضية

و طبعا سبق و شفتو المثال و لكن هذا مثال ثاني



لأي استفسار أو سؤال انا جاهز

بالتوفيق

مشكوررررررررررررررر يا رود