ذوالجناح
31-10-2009, 05:23 PM
بسم الله الرحمن الرحيم
السلام عليكم ورحمة الله وبركاته
في هذا الدرس السريع سنتعلم كيفية تصميم زر ملون وجميل. وخطوات الدرس سهلة جدا ولن تواجهوا أي صعوبة بإذن الله.
أولاً: نفتح مساحة عمل جديدة وأبعادها 180 × 80 بكسل ونملؤها بإحدى درجات اللون الأسود ذات الكود 212121
ثانياً: نضيف طبقة جديدة ونرسم مستطيلاً باستخدام أداة "Rectangular Marque Tool" http://img101.imageshack.us/img101/756/marquetool.gif وبعد رسم المستطيل نذهب للقائمة:
Select > Modify > Smooth ونضبط القيمة على 3 px بكسل وذلك لنطي زوايا المستقيم حوافا دائرية فتصبح الصورة بهذا الشكل
http://img249.imageshack.us/img249/4413/55157933.gif
ثالثاً: باستخدام أداة "Paint Bucket Tool" http://img213.imageshack.us/img213/3981/paintbucket.gif نملأ المستطيل باللون الأحمر القاني ورمزه b00000 فتصبح الصورة هكذا:
http://img406.imageshack.us/img406/7693/78993410.gif
رابعاً: من قائمة Layer > Layer Style > Blending Options نضبط القيم حسب الصور:
Inner Shadow
http://img519.imageshack.us/img519/9098/43203876.gif
Outer Glow
http://img245.imageshack.us/img245/3599/45151620.gif
Gradient Overlay
http://img300.imageshack.us/img300/3713/42881879.gif
http://img141.imageshack.us/img141/3370/47008688.gif
Stroke
http://img519.imageshack.us/img519/7501/78626381.gif
وهذه النتيجة النهائية:
http://img405.imageshack.us/img405/4250/result1.gif
ويمكن تغيير اللون من قائمة Blending Options ثم تغيير اللون في Color Overlay بأي لون تريد. وفي الصورة أدناه نلاحظ ثلاثة ألوان تم تغييرها من Color Overlay مع الحفاظ على بقية القيم الأخرى.
http://img88.imageshack.us/img88/4078/result2.gif
انتهى الشرح أسأل الله أن ينفع به.
تحياتي: ذوالجنـــــــاح
السلام عليكم ورحمة الله وبركاته
في هذا الدرس السريع سنتعلم كيفية تصميم زر ملون وجميل. وخطوات الدرس سهلة جدا ولن تواجهوا أي صعوبة بإذن الله.
أولاً: نفتح مساحة عمل جديدة وأبعادها 180 × 80 بكسل ونملؤها بإحدى درجات اللون الأسود ذات الكود 212121
ثانياً: نضيف طبقة جديدة ونرسم مستطيلاً باستخدام أداة "Rectangular Marque Tool" http://img101.imageshack.us/img101/756/marquetool.gif وبعد رسم المستطيل نذهب للقائمة:
Select > Modify > Smooth ونضبط القيمة على 3 px بكسل وذلك لنطي زوايا المستقيم حوافا دائرية فتصبح الصورة بهذا الشكل
http://img249.imageshack.us/img249/4413/55157933.gif
ثالثاً: باستخدام أداة "Paint Bucket Tool" http://img213.imageshack.us/img213/3981/paintbucket.gif نملأ المستطيل باللون الأحمر القاني ورمزه b00000 فتصبح الصورة هكذا:
http://img406.imageshack.us/img406/7693/78993410.gif
رابعاً: من قائمة Layer > Layer Style > Blending Options نضبط القيم حسب الصور:
Inner Shadow
http://img519.imageshack.us/img519/9098/43203876.gif
Outer Glow
http://img245.imageshack.us/img245/3599/45151620.gif
Gradient Overlay
http://img300.imageshack.us/img300/3713/42881879.gif
http://img141.imageshack.us/img141/3370/47008688.gif
Stroke
http://img519.imageshack.us/img519/7501/78626381.gif
وهذه النتيجة النهائية:
http://img405.imageshack.us/img405/4250/result1.gif
ويمكن تغيير اللون من قائمة Blending Options ثم تغيير اللون في Color Overlay بأي لون تريد. وفي الصورة أدناه نلاحظ ثلاثة ألوان تم تغييرها من Color Overlay مع الحفاظ على بقية القيم الأخرى.
http://img88.imageshack.us/img88/4078/result2.gif
انتهى الشرح أسأل الله أن ينفع به.
تحياتي: ذوالجنـــــــاح