درس عمل زر ويب جميل وبسيط

<blockquote>بسم الله الرحمن الرحيم
السلام عليكم ورحمة الله وبركاته

في هذا الدرس السريع سنتعلم كيفية تصميم زر ملون وجميل. وخطوات الدرس سهلة جدا ولن تواجهوا أي صعوبة بإذن الله.

أولاً: نفتح مساحة عمل جديدة وأبعادها 180 × 80 بكسل ونملؤها بإحدى درجات اللون الأسود ذات الكود 212121
ثانياً: نضيف طبقة جديدة ونرسم مستطيلاً باستخدام أداة "Rectangular Marque Tool" درس عمل زر ويب جميل وبسيط Marquetool

وبعد رسم المستطيل نذهب للقائمة:

درس عمل زر ويب جميل وبسيط 55157933

ثالثاً: باستخدام أداة "Paint Bucket Tool" درس عمل زر ويب جميل وبسيط Paintbucket

نملأ المستطيل باللون الأحمر القاني ورمزه b00000 فتصبح الصورة هكذا:

درس عمل زر ويب جميل وبسيط 78993410

رابعاً: من قائمة Layer > Layer Style > Blending Options نضبط القيم حسب الصور:

Inner Shadow
درس عمل زر ويب جميل وبسيط 43203876

Outer Glow
درس عمل زر ويب جميل وبسيط 45151620

Gradient Overlay
درس عمل زر ويب جميل وبسيط 42881879

Stroke

وهذه النتيجة النهائية:

درس عمل زر ويب جميل وبسيط Result1

ويمكن تغيير اللون من قائمة Blending Options ثم تغيير اللون في Color
Overlay بأي لون تريد. وفي الصورة أدناه نلاحظ ثلاثة ألوان تم تغييرها من
Color Overlay مع الحفاظ على بقية القيم الأخرى.

درس عمل زر ويب جميل وبسيط Result2

انتهى الشرح أسأل الله أن ينفع به.

تحياتي: ذوالجنـــــــاح</blockquote>Select > Modify > Smooth ونضبط القيمة على 3 px بكسل وذلك لنطي زوايا المستقيم حوافا دائرية فتصبح الصورة بهذا الشكل

* عدد المساهمات : 688 تاريخ التسجيل : 23/06/2009

مشكور اخي الكريم

على هذة البرامج القيمة

بوركت جهودك

وتفاعلك الدائم

في هذا المنتدى

معا نرتقي بهذا الصرح

تحياتي

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

* عدد المساهمات : 688 تاريخ التسجيل : 23/06/2009

» ارجو الترحيب بي