تصميم زر أنيق ولامع

[أبو الوليد]

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



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



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



1. بسم الله ، نفتح مساحة عمل بأي مقاس وخلفية نريد ، ثم نضيف طبقة جديدة ونختار أداة Rounded Rectangle Tool ونرسم شكل الزر


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


2. نغير اللون الأمامي إلى 3A4056 # واللون الخلفي إلى 303548 # ثم ننشيء تحديد حول الزر بالضغط على Ctrl وزر الماوس الأيمن ، ثم نختار أداة التدرج اللوني ونسحب من أعلى لأسفل في مساحة الزر


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


3. نفتح قائمة Blending Options ونطبق مايلي


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


4. الناتج بعد التأثير


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


5. نختار أداة Dodge Tool ونسحب يمينا وشمالا ثم أداة Burn Tool وسط الحواف بنفس القيم كما توضح الصورة


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


6. ننشيء تحديد حول الزر ثم نضيف طبقة جديدة و نختار أداة Elliptical Marquee Tool ونرسم أسفل الزر ثم نملأ التحديد الناتج باللون الأبيض


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


7. نغير نمط الطبقة الجديدة إلى Overlay ونقلل الشفافية إلى 40 %


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


8. نكتب النص ثم نطبق عليه مايلي من قائمة Blending Options


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


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


9. نضيف أيقونة بجانب النص ثم نذهب إلى Image > Adjustements > Hue/Saturation ونغير قيمة Saturation إلى 100-


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


10. النتيجة


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




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

[جوهره بحجابي]

الله يعطيك العااافيه
وربي درس ولا ارووووووووووووووع
وهذا تطبيقي
بجميع النكهاااات :abc_145:
http://king-jobs.com/upload//uploads/images/domain-824d7b3c3f.jpg

:abc_152:

[أبو يوسف]

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

كلما أرى تصميم أنيق مثل هذا التصميم ؛ أحاول التطبيق حتى يصيبني اليأس


.

[رائد ابو فيصل]

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

[أبو الوليد]

الله يعطيك العااافيه
وربي درس ولا ارووووووووووووووع
وهذا تطبيقي
بجميع النكهاااات :abc_145:
http://king-jobs.com/upload//uploads/images/domain-824d7b3c3f.jpg

:abc_152:



جزاك الله خيرا أختي جوهره :abc_152: دائما تحلّين ضيفا مميزا بتطبيقاتك وحبك للتنافس في الخير :abc_145:

[أبو الوليد]

جزاك الباري خيرا أخي أبا يوسف وأخي رائد :abc_152: مروركما يشحذ الهمم
لا تعجز أخي أبا يوسف :abc_145: فما العلم إلا بالتعلّم

[abohmam]

بارك الله فيك أخى أبا الوليد

أزرار أنيقة ورائعة :abc_022:

ترقب التطبيقات على جميع الدروس بعد عودتي ان شاء الله

[أبو الوليد]

بارك الله فيك أخى أبا الوليد

أزرار أنيقة ورائعة :abc_022:

ترقب التطبيقات على جميع الدروس بعد عودتي ان شاء الله


إطلالة مباركة أخي أبا همام :abc_152: ننتظر عودتك بشوق

[النجمة الذهبية]

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

أثابك الله على ماقدمت وبارك فيما ابقيت
اسال الله لك التوفيق والسداد:abc_152: ....

[أبو فارس]

موفق بإذن الله ... لك مني أجمل تحية . :abc_022:

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

ما شااااااااء الله لا قوة إلا بالله

درس مفييد جدا ومبارك

اسئل الله ان يبارك فيك

جزاك الله خيرا:abc_152: