تصميم زر ثلاثي الأبعاد

[أبو الوليد]

http://www.abc4web.net/upload/images2/fqpf8nwma32gm27.png (http://www.abc4web.net/upload/)


http://www.abc4web.net/upload/images2/ubqn16ysafef3kb.gif (http://www.abc4web.net/upload/)



1. بسم الله ، نفتح عمل جديد 640×640 بكسل ، ثم ننشء مجموعة Group نسميها " زر "


http://www.abc4web.net/upload/images2/jwydyktzz1crts2.jpg (http://www.abc4web.net/upload/)


2. نختار أداة Rounded Rectangle Tool وتغيير قيمة Radius إلى 10 بكسل ، ونرسم شكل الزر ثم نضاعف طبقة الزر


http://www.abc4web.net/upload/images2/nuujwyolpolrtih.jpg (http://www.abc4web.net/upload/)


3. على الطبقة المضاعفة نطبق تأثيري Inner Shadow و Gradient Overlay ( اختيار التدرج حسب الذوق )


http://www.abc4web.net/upload/images2/ccoukk9jtyutgzp.jpg (http://www.abc4web.net/upload/)


4. نرجع إلى طبقة الزر الأصلية ونحرك شكل الزر إلى الأسفل حوالي 5 بكسل


http://www.abc4web.net/upload/images2/xzuyz9s6wfia7fy.jpg (http://www.abc4web.net/upload/)


5. نطبق عليه تأثيرات Drop Shadow و Inner Shadow و Color Overlay ( اللون قريب من التدرج في التأثير السابق )


http://www.abc4web.net/upload/images2/syj7pnsdn2xxdix.jpg (http://www.abc4web.net/upload/)


6. النتيجة


http://www.abc4web.net/upload/images2/xhsw4mnvpngx48k.png (http://www.abc4web.net/upload/)




http://www.abc4web.net/upload/images2/ubqn16ysafef3kb.gif (http://www.abc4web.net/upload/)

[abohmam]

بسم الله ماشاء الله

رائع جدا أخى ابا الوليد :abc_022:

جزاك الله خيرا وبارك فى جهودك سيتم التطبيق ان شاء الله

[أبو الوليد]

بسم الله ماشاء الله

رائع جدا أخى ابا الوليد :abc_022:

جزاك الله خيرا وبارك فى جهودك سيتم التطبيق ان شاء الله


مشكور بارك المولى فيك أخي الحبيب :abc_022: حضوركم يشرفنا

[مُحب الأحتراف]

سلمت يداك
بدايه للأحتراف :abc_145:
http://img535.imageshack.us/img535/7539/test90.jpg

الكتابه بالاستايل الفضي .. لم أتمكن من تطبيقه

[أبو الوليد]

سلمت يداك
بدايه للأحتراف :abc_145:
http://img535.imageshack.us/img535/7539/test90.jpg

الكتابه بالاستايل الفضي .. لم أتمكن من تطبيقه


موفق أخي محب الإحتراف :abc_022: نسأل الله لنا ولكم الخير والفلاح

كانت ستكون أفضل لو كتبت فقط بالأبيض دون الحاجة إلى استايل :abc_145:

[أبو يوسف]

جزاك الله خيرا اخانا أبا الوليد وبارك الله فيك

[أبو الوليد]

جزاك الله خيرا اخانا أبا الوليد وبارك الله فيك


وإياك أخي أبا يوسف :abc_152:

[هانى السيد اسماعيل]

الله عليك ..... بجد عمل رائع
كل سنه وانت بخير رمضان كريم:abc_152:

[أبو صخر]

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

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

روووووووووووووووووعه جزاك الله خيرا

[أبو فارس]

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