شرح التأثير الرابع على النص وهو ملئ النص بتخطيط وتمايل Beveled contour

[abohmam]

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

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

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

حياكم الله جميعا

نتابع معا شرح التطبيقات التى قد عرضناها من قبل وقلنا أننا سوف نشرح بالطلب التأثير الذى يحتاج اليه البعض فى تصميمه أو فى موقعه الخاص !

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

عرض تطبيقات التأثير على النصوص - وقبول طلبات الشرح - (http://www.abc4web.net/vb/showthread.php?t=2850)

وكان هذا هو التأثير المطلوب

http://www.abc4web.net/4upload/uploads/images/abc4web_9f7ecef078.png (http://www.abc4web.net/4upload)

وهذا التطبيق بنفس الطريقة مع بعض اللمسات الحلزونية واللولبية:abc_022:

http://www.abc4web.net/4upload/uploads/images/abc4web_997f229ec1.png (http://www.abc4web.net/4upload)

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

1- نفتح عمل جديد بمقاس 550 : 200 بيكسل ونملئ الخلفية بهذا اللون 315467 #

http://www.abc4web.net/4upload/uploads/images/abc4web_1323fff219.png (http://www.abc4web.net/4upload)

2- من أدوات الكتابة نكتب النص الذى نريده بأى لون

http://www.abc4web.net/4upload/uploads/images/abc4web_7d24b79a1a.png (http://www.abc4web.net/4upload)

3- نقف على طبقة النص ومن layer styles ونضيف هذه التأثيرات

layer >> layer styles >> Options

Drop Shadow
Inner Glow
Bevel and Emboss
Contour
Satin
Color Overlay

http://www.abc4web.net/4upload/uploads/images/abc4web_bdc95f6cd2.png (http://www.abc4web.net/4upload)

وهذه الصور لقيمة كل تأثير وأرجوا التدقيق جيدا لمحتوى التظليل الأزرق لمطابقة التأثيرات

Drop Shadow
http://www.abc4web.net/4upload/uploads/images/abc4web_2f24bd3f81.png (http://www.abc4web.net/4upload)

Inner Glow
http://www.abc4web.net/4upload/uploads/images/abc4web_50545bbc6c.png (http://www.abc4web.net/4upload)

Bevel and Emboss
http://www.abc4web.net/4upload/uploads/images/abc4web_c5dfa8490f.png (http://www.abc4web.net/4upload)

Contour
http://www.abc4web.net/4upload/uploads/images/abc4web_a73dc717b0.png (http://www.abc4web.net/4upload)

مكان كل نقطة من المنحنى
http://www.abc4web.net/4upload/uploads/images/abc4web_9c618ee0c8.png (http://www.abc4web.net/4upload)

Satin
http://www.abc4web.net/4upload/uploads/images/abc4web_fa111f74bb.png (http://www.abc4web.net/4upload)

Color Overlay
http://www.abc4web.net/4upload/uploads/images/abc4web_f25f1a79ac.png (http://www.abc4web.net/4upload)


لاحظ جيدا نسبة ملئ اللون هى 50%

والآن طريقة إضافة إنعكاس بطريقة إحترافية

4- نقف على طبقة النص ثم نقوم بالحصول على نسخة مطابقة منها كما بالصورة duplicate the layer ( أو سحب الطبقة الى أيقونة اضافة طبقة جديدة وستحصل على طبقة مماثلة ايضا )

http://www.abc4web.net/4upload/uploads/images/abc4web_bdc95f6cd2.png (http://www.abc4web.net/4upload)

5- قف على هذه الطبقة كي نقوم بعكس إتجاه الطبقة رأسيا Edit >> Transform >> Flip Vertical
ثم نحركها أسفل الكتابة الأولى ( استخدم أسهم لوحة المفاتيح ) ونترك فقط 2 بيكسل فرق بينهما

http://www.abc4web.net/4upload/uploads/images/abc4web_462f0d61da.png (http://www.abc4web.net/4upload)

6- مازلنا على الطبقة الجديدة المعكوسة إجعل قيمة ظهور هذه الطبقة Opacity نسبة 28%

من الأيقونات التى أسفل صندوق الطبقات إختر Add Layer Mask

http://www.abc4web.net/4upload/uploads/images/abc4web_e8b188e697.png (http://www.abc4web.net/4upload)

7- نذهب إلى صندوق الألوان ونجعل اللون الأعلى الأسود والأسفل ابيض ثم نختار أداة التدريج ونملئ الماسك بالسحب من أسفل لأعلى النص ( تنبه فى هذه الخطوة إلى مساحة السحب التى ستملئ النص )

كرر ملئ الماسك إلى أن تحصل الى الشكل التالي

http://www.abc4web.net/4upload/uploads/images/abc4web_7a406a526c.png (http://www.abc4web.net/4upload)

وبذلك نكون قد إنتهينا من شرح التأثير وإضافة إنعكاس إحترافي له ولله الحمد والمنة .

أتمنى أن نرى تطبيقات إحترافية

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

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

مـ(أجمل تحية لكم جميعا)ـع
أبوهــــMـــــام
www.abc4web.net
=====| المصدر |=====

عند النقل أرجوا ذكر المصدر
ولاتكن ممن يُحبون أن يُحمدوا بما لم يفعلوا

.

[سنيبر بوي]

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

[ذوالجناح]

حياك الله أستاذي العزيز
هذا تطبيقي

http://www.abc4web.net/4upload/uploads/images/abc4web_5bf49648cc.jpg (http://www.abc4web.net/4upload)

ولكن لي استفسار وملاحظة :
الاستفسار :
لون الخلفية في خطوة رقم 1 هناك رقمان مختلفان ولكن عند تطبيقهما لم ألحظ فرقا بين اللونين - إلا إن كنت أشكو ضعف البصر - !
والملاحظة :
في خطوة رقم 3 تأثير Contour و Satin ياليت تذكر الرقمين الموجودين أسفل المنحنى ؛ لأني بصراحة تبهذلت : أمسك الحبل من جهة ويهرب من الجهة الأخرى حتى أعانني الله على ضبط بشكل تقريبي
رعاك الله وحفظك .
وهل هناك مجال أطلب منك التأثير السادس أو نؤجلها ؟

[أبو يوسف]

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

بعد الإنتهاء من الكمبيوتر سأحاول التجربة

.

[abohmam]

ولكن لي استفسار وملاحظة :
الاستفسار :
لون الخلفية في خطوة رقم 1 هناك رقمان مختلفان ولكن عند تطبيقهما لم ألحظ فرقا بين اللونين - إلا إن كنت أشكو ضعف البصر - !
والملاحظة :
في خطوة رقم 3 تأثير Contour و Satin ياليت تذكر الرقمين الموجودين أسفل المنحنى ؛ لأني بصراحة تبهذلت : أمسك الحبل من جهة ويهرب من الجهة الأخرى حتى أعانني الله على ضبط بشكل تقريبي
رعاك الله وحفظك .
وهل هناك مجال أطلب منك التأثير السادس أو نؤجلها ؟

حياك الله وبياك أخى ذا الجناح

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

أشعر بأن هناك شئ مختلف فى التأثير هل أنت متأكد من أن جميع قيم التأثيرات تم تطبيقها؟
بدون رفع صور جديدة فقط راجع التطبيقات وأخبرني وسوف ارفع لك تطبيقي بعد حفظه كملف asl

بالنسبة لكود اللون غلطة مطبعية ( وضعت الكود للتطبيق الأول وعند الشرح اخترت لون آخر ) المهم تم الإصلاح، وشكرا للملاحظة.

بخصوص الخطوة رقم 3 لايوجد قيمة أسفل المنحنى لأن الخط غير مستقيم بل مُتعرج كما ترى لذلك سوف لايعطي بداية ونهاية.

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

[abohmam]

حياك الله أخى سنيبر بوي
الذى يدخل هنا لايخرج بدون تطبيق !!!

وفى إنتظار التطبيق ياطيب

أبا يوسف الورد مبروك على الجهاز الجديد
وربنا يرزقك خيره وخير ماصنع له

فى الإنتظار ان شاء الله

[Khaled J. Ahmad]

الذى يدخل هنا لايخرج بدون تطبيق !!!

ولا يهمك أحلى تطبيق

جار ...
:abc_138:

[ذوالجناح]

من الممكن يكون الاختلاف أني لم أسحب الانعكاس ختى يلتصق بالكتابة ألأصلية وبينهما فراغ أو لون الخلفية فقد اعتمدت الرقم الأول الي عُدّل
وكذلك الحبل كان يفلت علي وجعلت التطبيق عليه تقريبي أما بقية التأثيرات التي ضبطت بقيم رقمية فهي مضبوطة إن شاء الله لأني كنت أراجع كل خطوة على حدة وأقارنها بالشرح عدا حبل المنحنى ففي نسختي ( 8 إنجليزية تدعم العربية ) يظهر أسفل المنحنى خانتان فيهما نسب مئوية من 47 إلى 58 وعند تغيير الأرقام يتغير المنخنى تلقائيا

[الراعي]

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

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

http://www.abc4web.net/4upload/uploads/images/abc4web_a398011239.gif

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

لا يمكن رؤيه الصوره المحتوى مخفي

http://www.abc4web.net/4upload/uploads/images/abc4web_f655f3e2aa.gif (http://www.abc4web.net/4upload)

كل الخطوات طبقتها اكثر من مره على شان تطلع مثل المثال وما زبطط معي

يبدو ان نوع الخط المشكله في تجربتي

http://www.abc4web.net/4upload/uploads/images/abc4web_077fff758f.gif (http://www.abc4web.net/4upload)

[abohmam]

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

تطبيقات جميلة ماشاء الله ولكن ينقصها مطابقة الـ Contour
فهو الذي يقوم بتحديد التجويف الداخلي ويظهر التأثير جيدا على النص

تم اضافة صورة أخرى لقيمة المنحنى بالنسب المئوية لكل نقطة

http://www.abc4web.net/4upload/uploads/images/abc4web_9c618ee0c8.png (http://www.abc4web.net/4upload)

بالتوفيق

[أبو يوسف]

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

مع أني قصرت بالآخر ولكن هذا تطبيقي على الموضوع


http://www.atyab.com/uploadscenter/uploads/e24a7dfdfb.jpg

[abohmam]

بداية موفقة ان شاء الله أخى أبا يوسف

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

[غفوري]

تقبلو تطبيقي المتواضع

http://flflh.com/down-24107-التأتيرات.jpg (http://flflh.com/download-24107-التأتيرات.jpg.html)

وشكر خاص لأبو همام