درس تصميم زر احترافي بالفوتوشوب

[Khaled J. Ahmad]

:bar:


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

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



اولاً هنا مثال للناتج بعد تطبيق الخطوات
http://www.abc4web.net/vb/uploaded/3929_01264679036.png

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

:n200659:



http://www.abc4web.net/vb/uploaded/3929_01264674731.jpg


الان نملاً الخلفية باللون # 545454

http://www.abc4web.net/vb/uploaded/3929_11264674731.jpg

الان نذهب الي Filter>Noise>Add Noise
ونطبق الاعدادات الاتية

http://www.abc4web.net/vb/uploaded/3929_21264674731.jpg


ثم نقوم بالذهاب الي Filter>Blur>Motion Blur

ونطبق الاعدادات الاتية


http://www.abc4web.net/vb/uploaded/3929_01264675217.jpg

الان نضغط ctrl+f لتكرار الحركة الضبابية

وهذا الناتج

http://www.abc4web.net/vb/uploaded/3929_11264675217.jpg

الان نرسم دائرة باللون الاسود

http://oogletutorials.com/wp-content/uploads/2007/12/photoshop-tutorials-glass-orb-design6-thumb.gif

والان ننتقل الى المرحلة الاهم

http://www.abc4web.net/vb/uploaded/3929_01264676204.jpg

http://www.abc4web.net/vb/uploaded/3929_11264676204.jpg

http://www.abc4web.net/vb/uploaded/3929_01264676438.png

هذا ما نتج معنا

http://oogletutorials.com/wp-content/uploads/2007/12/photoshop-tutorials-glass-orb-design10-thumb.gif

نرسم دائرة سوداء بهذا الشكل

http://oogletutorials.com/wp-content/uploads/2007/12/photoshop-tutorials-glass-orb-design11-thumb.gif

ننتقل الان الى اعدادات الطبقة

http://www.abc4web.net/vb/uploaded/3929_01264677051.jpg

وهذا ما نتج لدينا
http://oogletutorials.com/wp-content/uploads/2007/12/photoshop-tutorials-glass-orb-design14-thumb.gif

نقوم بتحديد الطبقة
http://oogletutorials.com/wp-content/uploads/2007/12/photoshop-tutorials-glass-orb-design15-thumb.gif

ونسخدم هذه الاداة
http://www.abc4web.net/vb/uploaded/3929_01264677562.jpg

ونقوم بتطبيق ما يلي

http://oogletutorials.com/wp-content/uploads/2007/12/photoshop-tutorials-glass-orb-design17-thumb.gif

هذا ما سينتج

http://oogletutorials.com/wp-content/uploads/2007/12/photoshop-tutorials-glass-orb-design18.gif

الان نقوم بإضافة طبقة جديدة

ونملئها بالتدرج الابيض ونضع درجة الشفافية 61
http://oogletutorials.com/wp-content/uploads/2007/12/photoshop-tutorials-glass-orb-design19-thumb.gif.

هذا ما سينتج لنا

http://oogletutorials.com/wp-content/uploads/2007/12/photoshop-tutorials-glass-orb-design20-thumb.gif

الان نقوم بإضافة دائرة سوداء تحت جميع الطبقات ونذهب للفتر
Filter>Blur>Guassian Blur

ونضع القيمة
http://www.abc4web.net/vb/uploaded/3929_01264678593.jpg

لينتج لنا اخيراً هذا الشكل بعد استخدام بعض الفرش

http://www.abc4web.net/vb/uploaded/3929_01264679036.png

نذكر لمن يريد نقل الدرس الي موقع اخر ان :abc_4:لموقع طريق الاحتراف ولمن شرح الدرس خالد صبح

:bar:

[Khaled J. Ahmad]

محجوز لعرض أفضل تطبيقات للاعضاء

[abohmam]

جزاك الله خيرا أخى خالد على هذا الشرح الرائع

هذا تطبيقي

http://www.abc4web.net/vb/uploaded/1_11264693458.jpg (http://www.abc4web.net/vb)

http://www.abc4web.net/vb/uploaded/1_01264693458.jpg (http://www.abc4web.net/vb)

فى إنتظار المزيد إن شاء الله تعالى

لك أجمل تحية

[أبو يوسف]

مشكور أخي خالد وإن شاء الله سأحاول التطبيق لاحقا

[هشام احمد]

بسم الله الرحمن الرحيم

http://ebdaateam.com/up//uploads/images/EbDaaTeaM.CoM-69a75e015e.png (http://ebdaateam.com/up//uploads/images/EbDaaTeaM.CoM-69a75e015e.png)

http://ebdaateam.com/up//uploads/images/EbDaaTeaM.CoM-8b36b2440b.png (http://ebdaateam.com/up//uploads/images/EbDaaTeaM.CoM-8b36b2440b.png)

ايه رايك ياغالي

[ذوالجناح]

تفضل تطيقي المتواضع:

http://img709.imageshack.us/img709/4117/87179068.png

[سالي الفلسطينية]

شـكــ وبارك الله فيك ـــرا لك ... لك مني أجمل تحية .

[الراعي]

السلام عليكم ورحمة الله وبركاته

تسلم أخي خالد على الدرس الرائع وعلى الشرح الموفق ..جعله الله في ميزان حسناتك.
تطبيقي للدرس

http://dc02.arabsh.com/i/01065/2zvx3h1eryrf.png

[كينج نت]

السلام عليكم ورحمة الله وبركاته

مشكور اخي العزيز خالد

درس مميز وشرح احترافي ماشاء الله

جزاك الله كل خير وسدد خطاك لمايحب ويرضى

:abc_022:

.

[أبو فارس]

شـكــ وبارك الله فيك ـــرا لك ... لك مني أجمل تحية .

[إُلقنـآصّ]

تسلم وبارك الله فيك

[غريب يا فؤادي]

ما شاء الله

جزااك الله كل خير يالغالى