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

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


أبو الوليد
07-06-2011, 09:19 PM
http://www.abc4web.net/upload/images2/xshu2zrpvh.png (http://www.abc4web.net/upload/)


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



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





1. بسم الله نفتح مساحة عمل 400×300 بكسل وخلفية سوداء ، ثم نضيف طبقة جديدة و نختار أداة Rounded Rectangle Tool ونرسم الزر ثم نطبق فلتر Render > Clouds


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


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


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


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


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


3. الناتج


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


4. نضيف طبقة جديدة وبأداة Rounded Rectangle Tool نرسم تحديد في لأعلى الزر ثم نطبق عليه فلتر Blur > Gaussian Blur بقيمة 6 بكسل


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


5. نضيف النص إلى الزر والنتيجة


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



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

جوهره بحجابي
08-06-2011, 02:25 AM
يعطيك ربي الف عااااافيه ..
وهذا تطبيقي ..
http://king-jobs.com/upload//uploads/images/domain-8c3f09ac7e.jpg
انتظر جديدك
بشووووووووووق..
:abc_152:

أبو يوسف
08-06-2011, 10:05 AM
بارك الله فيك اخانا أبا الوليد

أبو الوليد
08-06-2011, 02:25 PM
يعطيك ربي الف عااااافيه ..
وهذا تطبيقي ..
http://king-jobs.com/upload//uploads/images/domain-8c3f09ac7e.jpg
انتظر جديدك
بشووووووووووق..
:abc_152:



تطبيق رائع أختي جوهرة :abc_022: فقط يجب أن يكون النص بارزا ومناسبا للزر :abc_145: سلمت الأنامل

أبو الوليد
08-06-2011, 09:35 PM
بارك المولى فيك أخي أبا يوسف :abc_152: حضوركم يشرفنا

داركي
19-07-2011, 07:49 PM
شكراااااااااااااااااااااا ااااااااا

أبو صخر
20-07-2011, 11:38 AM
:abc_050: شـكــ وبارك الله فيك ـــرا لك ... لك مني أجمل تحية . :abc_050:

abohmam
28-07-2011, 08:12 PM
جزاك الله خيرا أخى ابا الوليد

تصميم والشرح رائع ماشاء الله

ساعود بالتطبيق ان شاء الله

أبو فارس
29-07-2011, 11:01 AM
موفق بإذن الله ... لك مني أجمل تحية . :abc_022:

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