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

مشاهدة النسخة كاملة : شرح لتطبيق المؤثر الزجاجي على النصوص مع هذا الشرح المميز™


كينج نت
16-10-2010, 03:51 PM
http://img841.imageshack.us/img841/9282/14814863.gif

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

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

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

بكل الحب والخير اسعد الله جميع أوقاتكم وأهلاً بكم أحبائي

كما تعودنا دائماً على تقديم كل ماهوى جديد ومفيد

فاليوم يسرني اليوم ان اقدم لكم هذا الشرح المتواضع على هذا المؤثر المميز على النصوص.

المؤثر الزجاجي على النصوص

اليوم يسرني أن أقدم لكم هــذا الشــرح الاحترافـي والمميز لهذا الدرس المميـز لمؤثر مميـز وأنيق على النصوص
سنحاول إن شاء الله توضيح وتسهيل الشرح قدر الإمكان ليتثنى لجميع الأخوة والأخوات الاستفادة من هذا الشرح
لآنطيل أكثر من هذا بالحديث نتكل على الله تعالى ونبدأ وإياكم الشرح لهـذا الـدرس الممتـع آملين أن ينـال رضـاكم
أفتح برنامج الفوتوشوب ثم قم باختيار خلفية مجهزة من جهازك أو أن تقوم بتصميم خلفيـه للعمل والتطبيق عليها
وأن كنت قد صممت هذه الخلفية السريعة للتطبيق فمن أراد يمكنه استخـدام الخلفيـة التاليـة لتطبيـق الشـرح عليها

http://img209.imageshack.us/img209/9287/96993424.png

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

http://img241.imageshack.us/img241/9960/gl1.gif

بعد كتابة النص المطلوب لتطبيق الشرح عليه بشكل مباشـر نقوم بمضاعفة طبقة النص مـن خـلال الضغط علـى Ctrl + J
ولنتفق على أن الطبقة الأولـى أسميناها KING NET والطبقة الثانـي أسميناها KING NET-1 لهذا نزيل إشارة العين
عن الطبقة الثانية ونعود لنفعل الطبقة الأولـى KING NET لأننا سنعمـل عليهـا أولاً لإضـافة المؤثـرات المطلـوبة للطبقة

http://img257.imageshack.us/img257/7826/gl2.gif

وهـي الطبقة المفعلة ثـم نبدأ بإضافة المؤثرات عليها بالترتيـب KING NET نذكر أننا نعمـل الآن علـى الطبقة الأول
نقوم بإضافة المؤثرات المطلوبة للطبقة بالترتيب الموضح بالأشكال التالية بنفس القيـم والإعدادات الموضحة بكل شكل

Drop Shadow

http://img686.imageshack.us/img686/4541/gl3e.gif

Inner Shadow

http://img697.imageshack.us/img697/6388/gl4.gif

Bevel and Emboss

http://img99.imageshack.us/img99/8350/gl5.gif

Contour

http://img242.imageshack.us/img242/8443/gl6.gif

Stroke

http://img710.imageshack.us/img710/9765/gl7.gif

بعد إضافة المؤثرات السابقة الذي تم توضيحها بالترتيب مـع التأكيد على أن تكون قد تقيدت بالقيم والإعدادات الموضحة
نقوم بتغيير Fill الطبقة إلـى نسبة %20ليكـون الشكل مناسـب أكثـر كما هــوى موضـح بالشكل التالـي للإيضـاح أكـثـر

http://img824.imageshack.us/img824/6646/gl8a.gif

الآن نقـوم بالانتقال للطبقة الثانيـة الـذي اتفقنا علـى أننا أطلقنا عليها اسـم KING NET-1بإظهار إشارة العـين المخفية
وبشكل مباشر نبدأ بإضافة المؤثرات المطلوبة للطبقة كما فعلنا مع الطبقة السابقة بنفس الترتيب والقيـم الموضحة بالصور

Drop Shadow

http://img801.imageshack.us/img801/2987/gl9.gif

Bevel and Emboss

http://img835.imageshack.us/img835/4849/gl10.gif

Contour

http://img252.imageshack.us/img252/6279/gl11.gif

Stroke

http://img514.imageshack.us/img514/8339/gl12.gif

بعد إضافة المؤثرات السابقة الذي تم توضيحها بالترتيب مع التأكيد على أن تكون قد تقيدت بالقيم والإعدادات الموضحة
نقوم كذلك بتغييـر Fill الطبقة إلـى نسبـة %0لنحصل علـى التطبيـق النهائـي للعمل كمـا هـوى موضـح بالشكـل التالـي

http://img838.imageshack.us/img838/2285/gl13.gif

وهذه كانت النتيجة النهائية لتطبيقي المتواضع بعد تطبيق هذا الشرح على النص كما تم التوضيح

http://img139.imageshack.us/img139/9851/gl14.png

مـن المؤكد سأكون خجول جداً جداً عندما يقـوم الأخـوة والأخوات المبدعيـن بعرض تطبيقاتهم على الشرح المتواضع
بعد إضافة لمساتهم السحرية على المؤثر والتلاعب بالمؤثر لإنتاج لوحات تجعلنا نخجل ممـا قدمنا مـن شرح متواضع
وللتنويه لمـن أراد التمتـع بهذا المؤثـر وإظهار جمالياته بشكل أكبر فكـل مـاكان حجـم النص أكبر زادت جمالية المؤثر

http://img98.imageshack.us/img98/1588/gl15.png

أخيراً ننوه لأنه قد تم طرح مجموعة المؤثرات الزجاجية الاحترافية الكاملـة لهذا المؤثـر بالأقسام المدفوعـة
فمن أراد الاطلاع من الأخوة والأخوات ورواد الموقع يمكنه زيارة الموضوع التالي للاطلاع على المجموعة (http://www.abc4web.net/vb/showthread.php?p=101370#post101370)

ملاحظة هامة : أعتباراً من الدرس المقبل إن شاء الله في كل درس او شرح سيتم التطبيق على أحد أعضاءالموقع
النشطاء وكأهداء متواضع للعضو أوالعضوه الذي سيتم التطبيق على اسمه كذلك سيهدا ملف الشرح مفتوح PSD

وفي ختام الشرح أعتذر إليكم عن أي خطأ وتقصير فهذا جهد بشري
وهو معـرض للنقص والزياـدة فإن وجدتـم فيــه ضالتكـم فالحمــد لله
وإن غيـر ذلك فتصدقـوا علـى أخيكم بعفوكم وصفحكم عنه فيما قصر.
وإلـى أن ألقاكـم بموضــوع جـديـد لكــم منـي خالـص الشكر والتقدير

http://img841.imageshack.us/img841/9282/14814863.gif

.

أبو يوسف
16-10-2010, 07:39 PM
بعد ما أنهيت التطبيق بالكامل وبدأت بتسييف المشروع لم يقبل إلا إمتدادات الفوتوشوب ولم يكن هناك خيارات أخرى كما في الأعمال الأخرى


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

كينج نت
16-10-2010, 08:09 PM
http://img841.imageshack.us/img841/9282/14814863.gif

حياك الله اخي العزيز ابويوسف

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

ليش الامر على كيفه لعاد لحتى يقبل لو مايقبل :abc_088:

سهلة إن شاء الله اخوي ابويوسف الله يجعلها اكبر المشاكل
كونك أستخدمت الخلفية المطروحة بالشرح أخي العزيز فيتوجب عليك قص الخلفية ونقلها لطبقة جديدة
كونها محفوظة بصيغة Gif لتصغير الحجم لأن هذا الامتداد لايمكن الحفظ من خلال نفس الصوره لامتدادات
عديدة كما يعطيك البرنامج. وقد تم تعديل الخلفية لامتداد PNG في الموضوع إن شاء الله

اما في حال اختيار نافذت عمل جديدة فاحرص على الانتباه للخيار الموضح

http://img695.imageshack.us/img695/8195/83027429.gif

اعتذر للتقصير واي اوامر احن بالخدمه إن شاء الله بالتوفيق
.
http://img841.imageshack.us/img841/9282/14814863.gif

أبو يوسف
16-10-2010, 09:58 PM
هذا تطبيقي مكع أنه لا يوجد به ما يشبه الشرح

http://www6.0zz0.com/2010/10/16/18/522412942.jpg

أبو الوليد
16-10-2010, 10:03 PM
حياك الله وبارك فيك أستاذ كينج على هذا الدرس الماتع :abc_086: أنجزت لك تطبيقين أحدهما بالإضاءة..أرجوا أن أكون قد وفّقت.

http://img.farfosh.com/uploads/farfosh_12872567051.gif (http://img.farfosh.com/)

http://img.farfosh.com/uploads/farfosh_12872557121.gif (http://img.farfosh.com/)

http://img.farfosh.com/uploads/farfosh_12872567052.gif (http://img.farfosh.com/)

كينج نت
16-10-2010, 10:14 PM
هذا تطبيقي مكع أنه لا يوجد به ما يشبه الشرح

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


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


ماشاء الله أخي العزيز أبو الوليد
تطبيقات جميله بارك الله بجهودك الطيبه فقط كنا نحتاج لتكبير الخط أكثر
لاضهار جمالية المؤثر أكثر بالتوفيق ان شاء الله

abohmam
17-10-2010, 03:05 PM
تأثير جيد ماشاء الله

وهذه محاولتى ان شاء الله يكون التطبيق جيد

http://img525.imageshack.us/img525/1263/abc4webstyle.jpg

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

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

كينج نت
18-10-2010, 02:35 PM
وهذه محاولتى ان شاء الله يكون التطبيق جيد
http://img525.imageshack.us/img525/1263/abc4webstyle.jpg
.

تطبيق جميل ماشاء الله

ايمن الحسسنيى
23-11-2010, 12:19 AM
مشكورالف شكر على هذا الابداع الرائع:abc_028:

رجل السيف
24-11-2010, 05:12 PM
اخي كينج ربي يعطيك كل العافية والتوفيق الدائم لي عودة مع الدرس بعون الله

فلسطيني
24-11-2010, 05:28 PM
جزاك الله خيرا اخي وليد وبارك الله فيك

جروح بارده
30-11-2010, 07:48 PM
موفق بإذن الله ... لك مني أجمل تحية .