نتابع : طريقة تصميم أيقونة أو زر مع التأثير الزجاجي

[abohmam]

بسم الله الرحمن الرحيم

الحمدلله والصلاة والسلام على رسول الله وعلى آله وصحبه أجمعين

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

نستكما معا مسيرة الدروس الجديدة التى نقدمها لكم فى البرنامج العملاق الفوتوشوب

واليوم تأثير جميل يمسى Plastic.Orb

أى أنه تأثير يشبه شكل البلاستيك مع إضافة التأثير الزجاجي وهو إستكمالا لما قد بدأناه فى الدروس الماضية ، ولكنى أنوع الطريق للتطبيق العملى الأكثر .

تطبيق على الدرس

http://www.abc4web.net/vb/imgcache/2934.abc4web (http://www.abc4web.net/vb/)

نبدا الدرس إن شاء الله تعالى

1 - أنشئ عمل جديد 400x400 بيكسل وبهذه الإعدادات

File>New
http://www.abc4web.net/vb/imgcache/2920.abc4web (http://www.abc4web.net/vb/)

2 - نضيف طبقة جديدة

نستخدم أداة التحديد الدائري http://www.abc4web.net/vb/imgcache/2921.abc4web (http://www.abc4web.net/vb/) ونرسم دائرة مثل هذه الصورة
( ليكون مقاس الدائرة متساوى مضغط على مفتاح Shift من لوحة المفاتيح أثناء الرسم )

Layer>New>Layer
http://www.abc4web.net/vb/imgcache/2922.abc4web (http://www.abc4web.net/vb/)

- ثم نملئ التحديد باللون 0076a3

وإذا كنا قد حددنا الألوان قبل العمل فنستطيع أن نملئ الدائرة باللون العلوى بالضغط على
Alt + Backspace من لوحة المفاتيح .

http://www.abc4web.net/vb/imgcache/2923.abc4web (http://www.abc4web.net/vb/)

يجب ترك التحديد نشيط كما هو .

4 - أنشئ طبقة جديدة ثم ننتقل للعمل عليها وذلك بالضغط عليها من صندوق الطبقات ثم نذهب إلى :

select>modify>contract

ونضع الرقم 6 فى الصندوق ثم نضغط على OK

نملئ التحديد بهذا اللون 00a8e8

http://www.abc4web.net/vb/imgcache/2924.abc4web (http://www.abc4web.net/vb/)

نزيل التحديد بالضغط على (Ctrl + D)

ثم نذهب إلى قائمة الطبقات ونختار Blending Options

ونضع هذه الإعدادات

Layer>layer style>Blending options
http://www.abc4web.net/vb/imgcache/2925.abc4web (http://www.abc4web.net/vb/)

6 - ننشئ طبقة جديدة وبإستخدام أداة التحديد البيضاوى نرسم شكل بيضاوى بهذه الطريقة

http://www.abc4web.net/vb/imgcache/2926.abc4web (http://www.abc4web.net/vb/)

7 - نملئ التحديد باللون الأبيض ونزيل التحديد كما بينا سابقا (Ctrl + D) من لوحة المفاتيح ثم نذهب إلى

Filter>blur>Gaussian Blur

ونعطي Radius القيمة 30 بيكسل

http://www.abc4web.net/vb/imgcache/2927.abc4web (http://www.abc4web.net/vb/)

8 - نقف على هذه الطبقة البيضاء ثم نغير الـ Blending mode إلى Overlay

http://www.abc4web.net/vb/imgcache/2928.abc4web (http://www.abc4web.net/vb/)

ونقوم بتحديد الطبقة الثانية وذلك بالضغط على مفتاح Ctrl + الضغط على الطبقة ثم نذهب إلى

select>inverse

لنعكس التحديد

أترك التحديد نشيط كما هو ونذهب إلى الطبقة البيضاء ونضغط من لوحة المفاتيح على Delete

ثم نزيل التحديد (Ctrl + D) من لوحة المفاتيح .

9 - الآن ننشئ طبقة جديدة وبإستخدام أداة الرسم البيضاوي نرسم الشكل التالي

http://www.abc4web.net/vb/imgcache/2929.abc4web (http://www.abc4web.net/vb/)

10- نذهب غلى أداة التدريج http://www.abc4web.net/vb/imgcache/2930.abc4web (http://www.abc4web.net/vb/) ونجعل اللون العلوى أبيض

http://www.abc4web.net/vb/imgcache/2931.abc4web (http://www.abc4web.net/vb/)

نذهب الى التحديد ونسحب من فوق لأسفل الى مابعد نصف الشكل قليلا وسوف نحصل على هذا الشكل

http://www.abc4web.net/vb/imgcache/2932.abc4web (http://www.abc4web.net/vb/)

11- الآن نذهب إلى الأشكال ونختار مايناسب التصميم من شكل ونضيفه ونجعله تحت الطبقة الشفافة الأخيرة

ونجعل درجة الظهور Opacity تقريبا 30%

وسوف نحصل على الشكل النهائي :

http://www.abc4web.net/vb/imgcache/2933.abc4web (http://www.abc4web.net/vb/)

أتمنى أن يكون الشرح سهل ووافيا لمزيد من الإبداع عند التطبيق

وفى انتظار التطبيقات الجميلة والإبداع

ولاتنسونا من صالح دعائكم
.
مـ(أجمل تحية لكم جميعا)ـع
أبو هــــMـــــام
.

[الدمشقي]

يسلموا إيديك أخي أبو همام
الله يديم عليك الصحة والعافية

[abohmam]

يسلموا إيديك أخي أبو همام
الله يديم عليك الصحة والعافية


سلمك الله من كل شر أخى الحبيب الدمشقي

فى انتظار التطبيق ياطيب :abc_091:

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

[محمود عفيفى]

شـكــ وبارك الله فيك ـــرا لك ... لك مني أجمل تحية .
سأعود بالتطبيق ان شاء الله

[سالي الفلسطينية]

بسم الله الرحمن الرحيم

شـكــ وبارك الله فيك ـــرا لك ...

لك مني أجمل تحية .

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

جزااااااك الله كل خير ياااارب

[abohmam]

جزاكم الله خيرا جميعا إخوانى

أشكر لكم مروركم العطر وتواصلكم ودعائكم

بالتوفيق

[أبو فارس]

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

[أبو يوسف]

جزاكم الله خيرا وبارك الله فيكم

[abohmam]

جزاكم الله خيرا إخوانى جميعا

أشكر لكم تواصلكم الجاد ومروركم العطر

بالتوفيق

[أبو صخر]

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