المساعد الشخصي الرقمي

مشاهدة النسخة كاملة : تصميم أزرار حديدية


أبو الوليد
19-06-2011, 12:19 AM
http://www.abc4web.net/upload/images2/lcymxyphdf.png (http://www.abc4web.net/upload/)


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




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



1. بسم الله نفتح عمل جديد 400×400 بكسل وخلفية باللون 797979 # ثم نضيف طبقة جديدة و نختار أداة Ellipse Tool ونرسم شكل الزر باللون 454545 #


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

2. على طبقة الزر نفتح قائمة Blending Options ونطبق التأثير الآتي


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


3. نضيف طبقة جديدة ، ونغير اللون الأمامي إلى اللون 439C3D # ثم نختار أداة Custom Shape Tool ونختار الشكل Bull's Eye ونرسم الآتي


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


4. نختار أداة Rectangular Marquee Tool ونحذف الأماكن التالية


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


5. نضاعف طبقة الزر ، ثم ننشيء تحديد حول الطبقة رقم 2 ، ثم على الطبقة المضاعفة نضغط Delete ( يمكن الآن حذف الطبقة رقم 2 )


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


6. على الطبقة المضاعفة نطبق التالي من قائمة Blending Options


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


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


للحصول على التدرج الحديدي اتبع مايلي


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



7. الناتج


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


8. نضاعف مرة أخرى الطبقة الأصلية ( طبقة الزر ) ونسميها " تأثير " ونجعلها أعلى الطبقات ثم نطبق عليها فلتر التشويش Noise


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


9. ننشيء تحديد حول طبقة التأثير ثم نطبق عليها فلتر الشعاع Radial Blur


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


10. النتيجة



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



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

abohmam
19-06-2011, 02:54 AM
جزاك الله خيرا أخى ابا الوليد

درس رائع ماشاء الله يستحق التطبيق

لكن بعد العودة ان شاء الله

سالي الفلسطينية
19-06-2011, 07:31 PM
شـكــ وبارك الله فيك ـــرا لك ... لك مني أجمل تحية .

أبو يوسف
19-06-2011, 08:29 PM
بارك الله فيك أخانا أبا الوليد

سيرين ملكة زماني
19-06-2011, 09:38 PM
جزاك الله خيرا خيو ابا الوليد

موضوع رائع

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

أبو الوليد
19-06-2011, 11:14 PM
مشكورين جميعا على حضوركم :abc_152: بارك المولى فيكم وجمعنا وإياكم على الخير :abc_022:

azizsoft
19-06-2011, 11:25 PM
بارك الله فيكم وجزاكم
الله كل الخير على الجهود
بالتوفيق ان شاء الله

البغرامي
19-06-2011, 11:29 PM
الله يجازيك بخير اخي ابا الوليد

جوهره بحجابي
20-06-2011, 04:20 AM
جزاااك الله خير اخوي ابو الوليد ..
وهذا تطبيقي ..

http://king-jobs.com/upload//uploads/images/domain-7592056477.gif

:abc_152:

أبو الوليد
20-06-2011, 08:56 PM
مشكورين على المرور:abc_152: بارك المولى فيكم ..تطبيق ماشاء الله أختي جوهره

غريب يا فؤادي
04-03-2013, 01:16 PM
جزااك الله الجناااااااان