تصميم أيقونة بتأثير زجاجي

[أبو الوليد]

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



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


1. بسم الله نفتح مساحة عمل 600×450 بكسل بأي خلفية نريد ، ثم نضيف طبقة جديدة وبأداة Ellipse Tool نرسم شكل دائري لشكل الأيقونة


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


2. من على طبقة الأيقونة نفتح نافذة Blending Options ونطبق تأثير التدرج


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


3. نضاعف طبقة الأيقونة Ctrl+J ونقلل مساحتها ثم نغير في قيم التدرج


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


4. نضاعف مرة أخرى طبقة الأيقونة ونقلل مساحتها حوالي 5 بكسل ، ثم نغير في قيم التدرج ونضيف تأثير الظل Drop Shadow


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


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


5. ناتج التأثير


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


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


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


7. نضيف طبقة جديدة وبأداة Ellipse Tool نرسم دائرة في النصف الأعلى من الأيقونة ثم نحذف ما خرج عن حواف الأيقونة ثم نخفف الشفافية إلى 22 % والنمط إلى Soft Light


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


8. النتيجة


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



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

[أبو يوسف]

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

ما شاء الله رائع

.

[أبو الوليد]

جزاك المولى خيرا أخي أبا يوسف :abc_152: مرورك يفتح باب الخير :abc_145:

[abohmam]

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

هذه الأيقونة قريبة جدا من الأيقونات التى شرحتها انا من قبل :abc_022:

لذلك إنتهيت من التطبيق سريعا هذه المرة سوف أحمله على ظهرى وأحضر سريعا بعد اجراء صيانة الجهاز :abc_128:

[أبو الوليد]

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

هذه الأيقونة قريبة جدا من الأيقونات التى شرحتها انا من قبل :abc_022:

لذلك إنتهيت من التطبيق سريعا هذه المرة سوف أحمله على ظهرى وأحضر سريعا بعد اجراء صيانة الجهاز :abc_128:


نعم أخي أبا همام :abc_152: إنها نفسها.. وكنت فكرت في أن أضع رابط شرحك لكنك سبقتني كعادتك :abc_145:

بوركت أخي الحبيب

[abohmam]

حياك الله أخى ابا الوليد

فرصة أن نقوم بإضافة الوان جديدة

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

ونضعها فى صندوق زجاجي

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

[الحارث بن فيصل]

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

[أبو الوليد]

حياك الله أخى ابا الوليد

فرصة أن نقوم بإضافة الوان جديدة

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

ونضعها فى صندوق زجاجي

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


بارك الله فيك أخي أبا همام :abc_152: تطبيقات مميزة :abc_145:

[أبو الوليد]

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


وفيك البركة أخي الحارث :abc_152: