الرئيسيةالبوابةالتسجيلدخول
تم انشاء منتدى آخر بديل للمنتدى أرجو التغاعل منكم ... المنتدى: http://zs212.7olm.org/

شاطر | 
 

 درس: عمل زر لماع كلاسيكي

استعرض الموضوع السابق استعرض الموضوع التالي اذهب الى الأسفل 
كاتب الموضوعرسالة
أبوسعد
المدير العام

المدير العام
avatar








ذكر
الــــــــدولــة : السعودية
عدد المساهمات : 156
السٌّمعَة : 10
تاريخ التسجيل : 03/06/2011
العمر : 23
الموقع : منتدى الضائع المضيع

مُساهمةموضوع: درس: عمل زر لماع كلاسيكي   السبت مارس 10, 2012 6:43 pm





[درس] عمل زر كلاسيكي لماع

أولا سنقوم بإنشاء عمل جديد

اذهاب الملف> جديد

اختار حجم 600 * 420 بكسل

كما نلاحظ أن الوضوح 72 بكسل / بوصة
وهذا هو الافتراضي لتصميمات الويب.


[ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذا الرابط]


بعد فتح العمل الجديد نقوم بوضع خلفية غامقة للعمل نختار اللون الاسود و نتوجه الي

Edit > Fill

و نقدر نعمل هالحركة عن طريق تحديد اللون المطلوب و الضغط علي

Ctrl + Backspace

نحصل علي النتيجة التالية


[ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذا الرابط]


نجي الان لعمل القاعدة الخاصة بالزر ( الشكل الاساسي )

نسخدم اداة لعمل المستطيل و تكون بالمقاسات

500*75 بكسل

تابع الشرح


[ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذا الرابط]


انقر في اي مكان في العمل و ستتم اضافة المستطيل بأحد اللونين الابيض او الاسود قم بتغيره باللون الي يناسبك


[ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذا الرابط]


الان سنقوم بتلوين الزر بتدريج لوني بالتوجه الي خصائص الطبقة بالنقر مرتين علي الطبقة ثم التوجه الي

gradient overlay

و تحديد الالوان المطلوبة


[ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذا الرابط]

النتيجة

[ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذا الرابط]

الخطوة التالية هي وضع ضل للزر و يمكنك عمل ذلك عن طريق خصائص الطبقة ايضا بالتوجه الي

Drop shadow

ووضع الاعدادات التي تناسبك


[ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذا الرابط]



الان جعل الزر اكثر واقعية نقوم بتحديد الجزء العلوي من الزر



[ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذا الرابط]



الان نقوم بملئ التحديد بالون الابيض بستخدام اداة التحديد بالون الابيض و الشفاف


[ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذا الرابط]


نقوم بنخفيف وضوح الطبقة الي نسبة 27%


[ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذا الرابط]

نقوم بتكرار الخطوه السابقة و لكن نزيد المساحة الي منتصف الزر تقريبا
و نقوم بملئ المساحة بالون الابيض عن طريق
Edit > Fill

[ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذا الرابط]


الان نقوم بوضع مود خاص للطبقة و هو Soft Light و تقليل نسبة الوضوح الي 17%
لنحصل علي الشكل

[ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذا الرابط]


الان سنقوم بوضع ضوء اعلى الزر .

قم بعمل طبقة جديدة و اختر مجال الزر من الطبقة الاولى بستمرار الضغط علي مفتاح Ctrl و النقر علي الطبقة الخاصة بالزر و اذهب الي

Select > Modify > Contract

و حدد القيمة 1 pixel

ثم نقوم بختيار

Select > Modify > Border

و نحدد نفس القيمة 1 pixel

و نقوم بتعبأته بالتدريج الابيض و الشفاف


[ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذا الرابط]


و لجعل الضوء اكثر واقعية نقوم بتحديد وضوح الطبقة الي 70%



[ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذا الرابط]



الخطوة الاخيرة نقوم بوضع نص علي الزر ليتناسب مع احتياجاتنا و بالون المناسب للتصميم



[ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذا الرابط]


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

[ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذا الرابط]


[ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذا الرابط]
الرجوع الى أعلى الصفحة اذهب الى الأسفل
http://zaia.hooxs.com
 
درس: عمل زر لماع كلاسيكي
استعرض الموضوع السابق استعرض الموضوع التالي الرجوع الى أعلى الصفحة 
صفحة 1 من اصل 1

صلاحيات هذا المنتدى:لاتستطيع الرد على المواضيع في هذا المنتدى
 :: 
التصميم والجرافيكس
 :: فوتوشوب وملحقاته
-
انتقل الى: