درس تصميم ازرار ملونة بالفوتوشوب – درس تصميم زرار بالفوتوشوب photoshop

فى هذا الدرس سوف نتعلم ان شاء الله كيفية تصميم ازرار بالفوتوشوب بطريقة سهلة وبسيطة وبخطوات قليلة
وهذا سيكون الشكل فى النهاية
[ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذه الصورة]
اولا قم بفتح عمل جديد بالمساحة التى تريد تصميم ازرار بها وفى هذا الدرس لتصميم الازرار سنجعل المساحة 180×80 ونجعل خلفية تصميم الزرار #212121
وهذا سيكون شكل خلفية تصميم الزرار

[ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذه الصورة]
بعد ذلك قم بعمل طبقة جديدة new layer ثم قم باختيار اداة التحديد Rectangular Marque Tool لتقوم بتحديد الزرار ثم قم بتحديد الزرار كما تريد ثم اذهب الى Select>Modify>Smooth واجعلها 3 px ثم اضغط ok
وهذا شكل تحديد تصميم الزرار
[ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذه الصورة]
الان قم بملئ التحديد باللون الذى تريد باستخدام اداة Paint Bucket Tool وهنا استخدمنا لون #b00000
وهذا شكل تصميم الزرار
[ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذه الصورة]
الان قم بالضغط على الطبقة التى قمت فيها بتحديد الزرار وملء اللون بالزرار الايمن للفأرة ثم اختار Blending Options وقم بضبط الاعدادات التالية
[ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذه الصورة]
وسيكون تصميم الزرار بهذا الشكل
[ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذه الصورة]
الان سنقوم باضافة نص الى الزرار
قم باختيار اداة الكتابة Horizontal Type Tool وقم بكتابة الكلمة الذى تريدها باللون الابيض #ffffff ونوع الخط Arial Narrow وحجم الخط 13 px و اجعل ثمك الخط Sharp
وهذا شكل تصميم الزرار حتى الان
[ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذه الصورة]
الان قم بالضغط على طبقة الزرار الزر الايمن للفأرة واختارة Bledning Options لاضافة بعض الظل من Drop Shadow اضبط كما فى الصورة
[ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذه الصورة]
وهذا سيكون تصميم الزرار حتى الان
[ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذه الصورة]
وبهذا نكون قد انتهينا من تصميم الزرار ويمكنك تغيير الوان طبقة الزرار كما تشاء لتقوم بتصميم ازرار بعدة الوان
[ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذه الصورة]