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

مشاهدة النسخة كاملة : تأثير زجاجي على النص abc4web Glassy Text


abohmam
27-03-2010, 08:09 PM
بسم الله الرحمن الرحيم

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

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

حياكم الله جميعا إخواني

نعود لقسمنا المفضل ونتابع وضع بعضا لدروس للمحبين والمتابعين

واليوم نبدا بدرس سريع وخفيف على النصوص

أترككم مع الشكل النهائي ثم نبدا الشرح إن شاء الله

http://img265.imageshack.us/img265/2362/abc4webglasstext04.jpg

http://img684.imageshack.us/img684/8999/abc4webglasstext01.jpg

:abc4web:

تسطيع الحصول على مجموعة خطوط مميزة من تجميعة الأخ كينج نت جزاه الله خيرا

1- الخطوة الأولى هى فتح عمل جديد بالمقاس الذى ترغب انا اخترت مثلا 550 * 250 بيكسل
أضف طبقة جديدة واكتب النص الذى تريد

http://img707.imageshack.us/img707/3411/abc4webglass01.png

2- نضيف استايل خاص على هذه الطبقة Add Layer Styles من خيارات Blending Options نضيف هذه التاثيرات على طبقة النص :

Drop Shadow
http://img517.imageshack.us/img517/614/abc4webglass02.png

Inner Glow
http://img532.imageshack.us/img532/9770/abc4webglass03.png

Bevel and Emboss
http://img337.imageshack.us/img337/5384/abc4webglass04.png

Gradient Overlay
http://img517.imageshack.us/img517/6250/abc4webglass05.png

Stroke
http://img337.imageshack.us/img337/3607/abc4webglass06n.png

وستكون هذه هى النتيجة

http://img716.imageshack.us/img716/7733/abc4webglass06b.png

3- قم بتحديد طبقة النص وذلك بالضغط على مفتاح Ctrl + الضغط على T التى بجوار الطبقة

http://img62.imageshack.us/img62/136/abc4webglass06by.png

http://img337.imageshack.us/img337/1419/abc4webglass07.png

4- من قائمة Select نختار Modify ثم نختار Conteract ونحدد القيمة 2

http://img532.imageshack.us/img532/3231/abc4webglass08.png

http://img169.imageshack.us/img169/7010/abc4webglass09.png

5- نترك التحديد نشيطا كما هو ونضيف طبقة جديدة Add Layer ثم نقوم بتعبئتها باللون الذى نريد انا استخدمت اللون EF1313

http://img715.imageshack.us/img715/871/abc4webglass010.png

مازلنا على هذه الطبقة نقوم بإضافة استايل خاص على هذه الطبقة Add Layer Styles
من خيارات Blending Options نضيف هذه القيمة فى Bevel and Emboss

Bevel and Emboss
http://img519.imageshack.us/img519/4927/abc4webglass011.png

وسوف نحصل على هذه النتيجة إن شاء الله

http://img52.imageshack.us/img52/9345/abc4webglassfinale.png

أضف لمساتك الإحترافية أو احفظ العمل بخلفية شفافة للاستخدام او الاضافة على خلفيات سطح المكتب

http://img684.imageshack.us/img684/8866/abc4wbbg02.jpg

أتمنى أن أكون قد وفقت فى الإختيار والشرح والعرض
راجيا المولى لي ولكم جميعا التوفيق والسداد
ولاتنسونا من صالح دعائكم
.
:ok:
أبوهمام
.

abohmam
27-03-2010, 08:15 PM
:abc4web:
عرض تطبيقات الأعضاء والترتيب بمطابقة نتيجة الشرح ...

وهذا أول تطبيق للعضو ابوهمام ارسله لى بالبريد العاجل :abc_145:

http://img59.imageshack.us/img59/6573/abc4wbabohmam.jpg

http://img265.imageshack.us/img265/9669/abc4webglasstext03.jpg

تطبيق الدمشقي

http://img94.imageshack.us/img94/1438/002hr.png

وهذه فكرة أخرى

http://img594.imageshack.us/img594/6534/001.png

تطبيق ذو الجناح

http://img42.imageshack.us/img42/6544/54513807.gif

تطبيق رائد أبو فيصل

http://img265.imageshack.us/img265/472/copyl.png

تطبيق نداء حيدر

http://www.gulfup.com/lives/12697200541.jpg


فى إنتظار تطبيقات الجميع ان شاء الله
.

كينج نت
27-03-2010, 08:16 PM
السلام عليكم ورحمة الله وبركاته

مشكور اخي العزيز أبوهمام

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

درس جميل وشرح مميز من اخ مبدع

:abc_102:

.

محمود عفيفى
27-03-2010, 08:21 PM
ماشاء الله شرح رائع وتأثير ممتاز
جزاك الله خيرا أخى أبوهمام وجارى التطبيق بإذن الله :abc_028:

أبو يوسف
27-03-2010, 08:30 PM
إن شاء الله سأعود ومعي التطبيق فهو درس سهل وواضح

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

رائد ابو فيصل
27-03-2010, 08:46 PM
http://img265.imageshack.us/img265/472/copyl.png


ان شاء الله ايكون تطبيق مرضي

سالي الفلسطينية
27-03-2010, 09:10 PM
شـكــ وبارك الله فيك ـــرا لك ... لك مني أجمل تحية .

mero
27-03-2010, 09:19 PM
بسم الله الرحمن الرحيم

درس جميل وبسيط و نوع الخط رائع مع التطبيق
جزاك الله خير اخي ابو همام لك مني أجمل تحية :abc_152:

abohmam
27-03-2010, 09:31 PM
حياكم الله جميعا

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

ماشاءا لله أخى رائد التطبيق جميل ولكن أشعر ان الصورة كانت كبيرة وقمت بتصغيرها
لو الأمر كذلك فهذا يؤثر على نعومة الحواف ....

نداء حيدر
27-03-2010, 10:01 PM
شـكــ وبارك الله فيك ـــرا لك ... لك مني أجمل تحية .

هذا تطبيقي الأولي

أنا أول مرة بعمل تطبيق

http://www.gulfup.com/lives/12697200541.jpg

abohmam
27-03-2010, 10:46 PM
ماشاء الله تطبيق رائع نداء

فقط لى ملاحظة هل تم تطبيق التأثير كاملا ام تجاوزت بعض الخطوات ؟

بالتوفيق ان شاء الله

الوردة الجورية
27-03-2010, 11:20 PM
شـكــ وبارك الله فيك ـــرا لك ... لك مني أجمل تحية .
جزاك الله كل خير
فى أمان الله
:abc_152::abc_028::abc_152:

الهمام
01-04-2010, 11:01 AM
بارك الله فيك وبك وسدد الله خطاك وعافاك من كل سوء

abohmam
03-04-2010, 12:12 AM
جزاكم الله خيرا جميعا على المرور والتواصل

ولكن لم نر تطبيقات من الجميع لعل المانع خير :abc_102:

ذوالجناح
03-04-2010, 03:46 PM
http://img42.imageshack.us/img42/6544/54513807.gif

الدمشقي
03-04-2010, 04:06 PM
درس سهل وجميل

:abc_022:

شــــ لك ــــكراً أخي الفاضل أبو همام

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

الدمشقي
03-04-2010, 11:08 PM
عودة مع التطبيق وإن شاء الله يكون ناجح

http://img94.imageshack.us/img94/1438/002hr.png





وهذه فكرة خطرت على بالي فأحببت أن أشارككم فيها :


http://img594.imageshack.us/img594/6534/001.png


:abc_145:

abohmam
04-04-2010, 05:08 PM
بارك الله فيكم جميعا إخواني على سرعة التفاعل والتجاوب

تطبيق رائع أخى ذا الجناح بارك الله فيك

اما تطبيقات أخى الدمشقي ماشاء الله فأجاد وأهدانا تطبيقات رائعة ماشاء الله

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

أبو يوسف
04-04-2010, 06:12 PM
5- نترك التحديد نشيطا كما هو ونضيف طبقة جديدة Add Layer ثم نقوم بتعبئتها باللون الذى نريد انا استخدمت اللون EF1313

أظن لا فائدة من هذه الخطوة لأنني عندما أزيل العين عن هذه الطبقة لا تختلف نهائيا

وهذا تطبيقي


http://www.gulfup.com/lives/12703975431.jpg

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