هل تريد التفاعل مع هذه المساهمة؟ كل ما عليك هو إنشاء حساب جديد ببضع خطوات أو تسجيل الدخول للمتابعة.



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

 

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

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

المدير العام
أبوسعد


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

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

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


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

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

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



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

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

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

اختار حجم 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%



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



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



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


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

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

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