عرب تايمز|ArabTimes
[img:]http://i17.servimg.com/u/f17/14/27/39/00/ezlb9t10.png[/img:]





 
اليوميةالمجموعاتدخولبحـثس .و .جالتسجيلالملفاتالرئيسيةالمجلةالأعضاء



شاطر | 
 

 درس عمل زر احتراقي

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

البلد :

عدد المساهمات : 1286
نقاط التميز نقاط التميز : 3660
تاريخ التسجيل : 21/03/2010
العمر : 20
[img:]http://i67.servimg.com/u/f67/14/27/39/00/8vuutv10.png[/img:]
[img:]http://i82.servimg.com/u/f82/14/12/18/29/1-1110.gif[/img:]

مُساهمةموضوع: درس عمل زر احتراقي   الإثنين فبراير 14, 2011 4:07 am

[center][img(409px,93px)][ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذا الرابط]

[table:2e6b border="0" cellpadding="5" cellspacing="0" width="30"][tr] [td]
[/td][/tr][/table] السلام عليكم و رحمة الله و بركاته

درسنا اليوم هو طريقة صنع زر بشكل احترافي و بارز

أولا : افتح الفوتوشوب على المقاس اللي يحبه قلبك :icon26: مثل : 200 ×
200 بكسل

ثانيا : باسم الله نبدأ :

1- نقوم باختيار اداة التعبئة و تعبئة الصورة بلون من الألوان الحلوة أقول
مثل مين ؟ :shiny: :in_love: و نقوم بتعبئة الخلفية كما قلنا بأي لون

2- نختار أداة الدائرة كما في الصورة :

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



3- الآن نستمر في الضغط على مفتاح Shift و نرسم دائرة بشكل جميل طبعا على
طبقة جديدة يعني نسوي لير جديد Shift + Ctrl + N

4- نقوم بتعبئة الدائرة بأي لون مثلا أبيض لأنه اللون ما راح يبقى كمان شوي
بتعرف و هذه أداة التعبئة حتى تعرفوها للمبتدئين :

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



5- نضغط مرتين على لير الدائرة Layer 2 و نعطه الخصائص كما في الصور
التالية :

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



أفضل لونين للتدرج هما :

الغامق و هو على اليمين في التدرج : #202020
الأفتح و هو على اليمين في التدرج : #8D8B8B

6- الآن نلغي التحديد بواسط الضغط على Ctrl + D

7- نختار من قائمة الفلاتر من فلاتر Filter ثم Blur ثم Gaussian Blur و نضع
قيمة radius 1.7 تقريبا أو 1.5 و نضغط OK

8- الآن ننشئ لير جديد Shift + Ctrl + N

9- نرسم دائرة جديدة أصغر من الأولى و نخليها كما في الشكل التالي :

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



10- نقوم بتعبئة الدائرة بلون أبيض مثلا و نعطيها الثلاث خصائص التالية كما
في الصورة و انتبه على الأماكن المحددة و بعد ذلك اضغط OK و تمتع بزر جميل
من صنعك و الألوان في الخصائص لا تعتمد على اختياري فلك خيار الألوان على
حسب الزر الذي تريد صنعه :

[color:2e6b=Red]الخاصية Inner Glow :[/color]

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



[color:2e6b=Red]الخاصية Bevel & Emboss :[/color]

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



[color:2e6b=Red]الخاصية Gradient Overlay :[/color]

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



الشكل النهائي :

[center][img][ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذا الرابط]
الرجوع الى أعلى الصفحة اذهب الى الأسفل
معاينة صفحة البيانات الشخصي للعضو
hirook
ضيف شرف
ضيف شرف
avatar


عدد المساهمات : 265
نقاط التميز نقاط التميز : 325
تاريخ التسجيل : 20/11/2009

مُساهمةموضوع: رد: درس عمل زر احتراقي   الإثنين فبراير 14, 2011 5:27 am

السلام عليكم

شكرا لك أخي على الموضوع
الرجوع الى أعلى الصفحة اذهب الى الأسفل
معاينة صفحة البيانات الشخصي للعضو
 
درس عمل زر احتراقي
استعرض الموضوع السابق استعرض الموضوع التالي الرجوع الى أعلى الصفحة 
صفحة 1 من اصل 1

صلاحيات هذا المنتدى:لاتستطيع الرد على المواضيع في هذا المنتدى
عرب تايمز|ArabTimes :: قسم التصميم :: قسم دروس التصميم-
انتقل الى:  
الاسلامي | الاستقبال | العام | الطب | القصص | الرياضة | الصور | المرأة | الطبخ | الديكور | الكمبيوتر | أصحاب المواقع | الدعاية | أنظمة التشغيل | الحماية | الملتيميديا | الأدوات | الانترنت | الثيمات | الألعاب | برامج | البرمجة | الفلاش | الصوت و الفيديو | تصميم الصور | الجوال | برامج الجوال | ألعاب الجوال | ثيمات الجوال | نغمات | بلوتوث | الموقع | اشهار المواقع |
جميع المشاركات لا تعبر بالضرورة عن رأي إدارته بل تمثل وجهة نظر كاتبها


http://illiweb.com/fa/social_bookmarking/digg.gif  http://illiweb.com/fa/social_bookmarking/delicious.gif  http://illiweb.com/fa/social_bookmarking/reddit.gif  http://illiweb.com/fa/social_bookmarking/stumbleupon.gif  http://illiweb.com/fa/social_bookmarking/slashdot.gif  http://illiweb.com/fa/social_bookmarking/furl.gif  http://illiweb.com/fa/social_bookmarking/yahoo.gif  http://illiweb.com/fa/social_bookmarking/google.gif  http://illiweb.com/fa/social_bookmarking/blinklist.gif  http://illiweb.com/fa/social_bookmarking/blogmarks.gif  http://illiweb.com/fa/social_bookmarking/technorati.gif