تأثير نصي .. الحديد اللامع ...

[إنـــســـان]

عنوان الدرس: تأثير نصي >> الحديد اللامع
صاحب الدرس: textuts
مترجم الدرس: إنـــســـان و Bluerpy Due
تصنيف الدرس: متقدم, إيحائي
تاريخ طرح الدرس: 2012/7/17
تاريخ ترجمة الدرس: 2012/10/19
موقع الدرس: TEXTUTS


يشرح هذا الدرس التعليمي كيفية عمل تأثير على النص بشكل حديد لامع. حيث سيتم أستخدام العديد من العناصر مثل, أنماط الطبقة(Layer Styles)، فرش (brushes)، فلاتر (filters)، طبقات التعديل (adjustment layers)، وبعض الصور أيضاً. هذا الدرس عبارة عن مجموعة من النصائح المفيدة والحيَل لمستخدمي الـ Photoshop, وهو أيضاً يقدم تقنيات مفيدة للغاية.

النتيجة النهائية:



تطبيق إنـــســـان (مترجم الدرس):




1- البرمجيات المستخدمة في هذا الدرس هو أدوبي فوتشوب CS6 ولكن يمكن أستخدام إصدارات +CS3 كذلك.
2- للتحميل من موقع Deviantart يجب الضغط على كلمة Download التي تكون في الجهة اليمنى العليا.

.White diamond plate by *enframed*
.Texture7 by ~MindfulArray*
.Seamless metal texture smooth by ~hhh316*
.Sparkler4 by ~AllehNelleh-Stock*
.Sparkler 2 by ~mystical-stock*
.Sparkler by ~mystical-stock*
.Font Age*

كما يمكن تحميل جميع أدوات الدرس مع صورة كاملة للدرس من هنا أو هنا.


الخطوة الأولى:
نقوم بإنشاء صفحة عمل جديدة بعرض 1024 وأرتفاع 786 بيكسل. ثم نقوم بتعيين اللون الأمامي الى 464646 واللون الخلفي الى 363636, بعدها نختار أداة التدرج (Gradient Tool), ومن خيارات الأداة فوق نختار رمز التدرج الشعاعي (Radial Gradient), بعدها نقوم بالضغط بزر الفأرة الأيسر بوسط صفحة العمل ونتجه مع أستمرار الضغط الى إحدى زوايا الصفحة.



الآن نقوم بإدراج صورة White diamond plate ونضعها فوق طبقة الخلفية (background) ونتحكم بحجمها بما يناسب مساحة صفحة العمل عن طريق الاختصار (Ctrl+T) ثم نغير الـ Blend Mode الى Overlay والـ Opacity الى 70%.



بعدها نقوم بإدراج صورة Texture7 ووضعها فوق جميع الطبقات وأيضاً كما سبق نغير حجمها بما يتناسب مع مساحة صفحة العمل, ونغير الـ Blend Mode الى Multiply.




الخطوة الثانية:
نقوم بإنشاء نص بأي لون فاتح ونستخدم خط Age. حجم النص 300pt ونزيد المسافة بين الحروف بنسبة 100.



نغير قيمة تعبئة (Fill) طبقة النص الى صفر (0).



الآن نقوم بالنقر نقراً مزدوجاً بزر الفأرة الأيمن على طبقة النص لنقوم بعمل تأثير Stroke. نغير الحجم (Size) الى 25, والموضع (Position) على المركز (Center). ونتأكد من أن يكون اللون أسود.






الخطوة الثالثة:
نقوم بتكرار (Duplicate) طبقة النص عن طريق الاختصار (Ctrl+J) ثم جعل طبقة النص الأصلية غير مرئية وذلك بالضغط على العين المجاورة للطبقة.



التالي, نريد عمل تنقيط (rasterize) لطبقة نسخة النص ونمط الطبقة (copy text layer AND its layer style). في الفوتوشوب CS6, يمكننا ذلك بالنقر على زر الفأرة الأيمن واختيار Rasterize Layer Style, والتي هي ميزة جديدة ورائعة في CS6.

في الإصدارات القديمة, نحتاج الى عمل group للطبقة (layer), ثم الضغط بزر الفأرة الأيمن على الـ group واختيار Merge Group.



نكرر (Duplicate) طبقة التنقيط (rasterized layer).




الخطوة الرابعة:
ننقر نقراً مزدوجاً على نسخة (نسخة 2) من طبقة التنقيط (rasterized layer) لتطبيق نمط الطبقة (Layer Style) التالي:

Bevel and Emboss: نقوم بتغير التقنية (Technique) الى نحت ناعم (Chisel Soft), والحجم (Size) الى 7, ومن Gloss Contour نختار Ring ونعلم على صندوق Anti-aliased. وكذلك, نغير الـ Highlight Mode الى Vivid Light, واللون الى ffe9ac.



Contour: فقط نعلم على صندوق Anti-aliased.



Color Overlay: نغير اللون الى a6a6a6.



Drop Shadow: نستخدم القيم الافتراضة.



وهذا أنشأ تأثير الحديد الامع.



>>> في هذا المنتدى لا يسمح بكتابة مشاركة أكثر من 15000 حرف لذلك يتبع في المشاركة القادمة أن شاء الله <<<

[إنـــســـان]

الخطوة الخامسة:

نقوم بإدراج صورة Seamless metal texture smooth ووضعها فوق جميع الطبقات والتأكد من أنها تغطي النص كاملاً, ثم نضغط Ctrl مع زر الفأرة الأيسر على طبقة التنقيط (rasterized layer) النسخة 2 وذلك لأنشاء تحديد.



نقوم بالضغط على Ctrl+J من أجل تكرار التحديد في طبقة جديدة (نسخ ولصق) ونسمي الطبقة الجديدة بـ texture. ثم نقوم بحذف طبقة الصورة الأصلية لأننا لم نعد بحاجة إليها.



نقوم الآن بالذهاب الى Image -> Adjustments -> Levels, ثم نغير قيمة الـ Shadows الى 30 وقيمة الـ Highlights إلى 240.



نغير الـ Blend Mode لطبقة (layer) الـ texture إلى الـ Hard Light. وهذه اضافة لطيفة للـ texture على النص الحديدي, مما جلها تبدو أكثر واقعية.



نضغط على طبقة التنقيط (rasterized) الأصلية (النسخة) بحيث تكون الطبقة المحددة. ثم نذهب الى Filter -> Blur -> Motion Blur, ونعين الـ Angle على 90° و الـ Distance على 30. وهذا من أجل تكثيف الظل عمودياً, لإضافة المزيد من العمق على النص.

الخطوة السادسة:

نقوم بفتح لوحة الفرش (Window -> Brush) ونختار فرشاة soft round 30px ونقوم بتعديل الإعدادات كما موضح أدناه:

Brush Tip Shape:



Shape Dynamice:



Scattering:



Dual Brush:
نقوم باختيار الفرشاة 90px Sampled Tip.

الخطوة السابعة:

نضغط بزر الفأرة الأيمن على طبقة النص الأصلية (ليس التنقيط (rasterized)) ونختار Create Work Path.



نقوم بإنشاء طبقة جديدة ونضعها فوق طبقة النص الأصلية والتي ستكون أسفل طبقتي التنقيط (rasterized), ونسميها “BG Sparkles”, ونغير النمط (Mode) إلى Pin Light. ثم نختار الأداة Direct Selection, ونعين اللون الأمامي إلى fff7e5 واللون الخلفي إلى 363636.



نضغط بزر الفأرة الأيمن على Work Path ونختار Stroke Path.



نقوم باختيار الفرشاة (Brush) من القائمة Tool, ونتأكد من أن صندوق الـ Simulate Pressure غير معلم.



عن طريق الفرشاة والـ Stroke Path قمنا بإنشاء تأثير بريق متناثر حول النص. نضغط Enter للتخلص من المسار.

الخطوة الثامنة:

ننقر نقراً مزدوجاً بزر الفأرة الأيسر على طبقة “BG Sparkles” لتطبيق تأثير Outer Glow. نقوم بتغير الـ Blend Mode إلى Overlay, واللون إلى ffd3be, والحجم (Size) إلى 10.



هذا تطبيق لطيف ليضيف توهج خفيف إلى البريق.



نذهب الى Filter -> Distort -> Wave, ونغير القيم إلى النحو التالي:



هذه سوف تبعثر وتنثر البريق أكثر قليلاً.

الخطوة التاسعة:

نقوم بفتح لوحة الفرش (Window -> Brush) ونختار الفرشاة Star 14 pixels. وتعديل إعداداتها كما موضح أدناه:

Brush Tip Shape:



Shape Dynamice:



Scattering:



Dual Brush:
نختار الفرشاة Star 55.



Color Dynamics:



Transfer:

الخطوة العاشرة:

نقوم بالضغط على Ctrl مع زر الفأرة الأيسر فوق أحد طبقات التنقيط (rasterized layers) لإنشاء تحديد.



نقوم الآن بفتح لوحة المسارات (Window -> Paths) (Paths panel), ثم من أسفل اللوحة نضغط Alt مع زر الفأرة الأيسر على رمز ‘Make work path from selection’. هذا سيؤدي إلى فتح نافذة Make Work Path. ندخل قيمة 1 إلى Tolerance ونضغط فوق OK. خفض القيمة يعطيمسارات (paths) أكثر دقة.



هذا لتحويل التحديد (selection) إلى مسار عمل (work path).



نقوم بإنشاء طبقة جديدة أسفل طبقة “BG Sparkles” ونسميها “Text Sparkles”. نضغط بزر الفأرة الإيمن على طبقة “BG Sparkles”, ثم نختار Copy Layer Style, بعدها نضغط بزر الفأرة الإيمن على طبقة “Text Sparkles” ونختار Paste Layer style. ثم نغير الـ Blend Mode لطبقة “Text Sparkles” إلى Color Dodge.
نتأكد من أن اللون الأمامي مايزال fff7e5 واللون الخلفي 363636, ونختار أداة Direct Selection.



نقوم بعمل Stroke Path كما فعلنا سابقاً, ولا ننسى عند الانتهاء من ذلك نضغط Enter للتخلص من المسار (path).
الـ stroke خفيف في الوقت الحالي, ولكنه سيكون أكثر إشراقاً بعد أن نضيف بعض طبقات التعديل في وقت لاحق إن شاء الله.

>>> يتبع أن شاء الله <<<

[إنـــســـان]

الخطوة الحادية عشر:

نقوم الآن بإدراج صور البريق (Sparkles), المرفقة مع الدرس ووضعها فوق جميع الطبقات.
وهذه خدعة رائعة للتخلص من الخلفية. نحن لأن نحذفها, بدلاً من ذلك, سنقوم بتغيير الـ Blend Mode للطبقة إلى Lighten. وهذا العمل بسبب أن الخلفية مظلمة جداً, والبريق مشرق جداً.
نضغط على Ctrl + T للدخول إلى وضع التحويل الحر (Free Transform), وتغيير حجمها, ثم تدويرها, ونقل التألق (Sparkles) فوق رأس أحد أطراف أحرف النص.



نفعل نفس الشيء مع صورتي البريق (Sparkles) الأخرتين.



إذا أردنا يمكننا تغيير لون البريق (Sparkles) بأستخدام الـ Image -> Adjustments -> Hue/Saturation) Hue/Saturation).

الخطوة الثانية عشر:

من أسفل لوحة الطبقات (Layers panel) نضغط على رمز ‘Create new fill or adjustment layer’ ونختار Gradient Map.



نتأكد من أن طبقة التعديل (adjustment layer) التي تم عملها قبل قليل على رأس جميع الطبقات, ثم نغير الـ Blend Mode إلى Soft Light, و الـ Opacity الى 50%. ننقر فوق مربع التدرج في لوحة المعايير (Window -> Adjustments) (Adjustments panel) لإنشاء التدرج المستخدم.



نضغط فوق أسفل شريط التدرج لإضافة لون كل محطة.

#	Location	Color
1	0	503a23
2	24	985d31
3	47	da8437
4	73	cf8d3f
5	100	edbd41

نضغط على رمز ‘Create new fill or adjustment layer’ مجدداً, ولكن هذه المرة سنختار Photo Filter.



نختار ‘(Warming Filter (85’. طبقات التعديل سوف تضفي ألوان رائعة على التأثير, مما جعلها تبدو أكثر إشراقاً وأكثر حيوية. كما أنها تساعد على المزج بين العناصر المختلفة معاً بشكل جيد.

الخطوة الثالثة عشر:

نقوم بإنشاء طبقة جديدة ونضعها بين طبقتي صور الخلفية (Layer 1 و Layer 2) ونسميها “Corners”.



نقوم باختيار أداة التحديد البيضاوية (Elliptical Marquee) ثم نحيط النص بحيث تتلامس حواف الشكل مع حواف صفحة العمل.



نذهب إلى Select -> Modify -> Feather, ونغير قيمة الـ Feather Raduis الى 50. هذا سيجعل الأطراف (الحواف) ناعمة بشكل رائع للاختيار بدلاً من الأطراف (الحواف) الخشنة.



نذهب الى Select -> Inverse لعكس التحديد.



نملئ التحديد المعكوس باللون الأسود.



نذهب إلى Select -> Deselect (أو نضغط Ctrl + D) لإلغاء التحديد. هذا سوف يعطي عمقاً للزوايا (الجوانب) بدلاً من جعلها مسطحة كشكل نهائي.



وهذه هي النتيجة النهائية. آمل أن يكون أعجبكم التأثير ووجدتم ما يفيدكم بهذا الدرس التعليمي.



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

[ŚαкαẔυкỉ]

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

درس مُميز بشرحٍ مُتكامل وبنتيجةٍ مُتميزة وبتنسيقٍ رائع ..
فشكراً لك أخي إنـــســـان على ما قدمت وطرحت ^^
يُثبت

يعطيك العافية على مجهودك الفذ
بُوركت أخي ..

[إنـــســـان]

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

درس مُميز بشرحٍ مُتكامل وبنتيجةٍ مُتميزة وبتنسيقٍ رائع ..
فشكراً لك أخي إنـــســـان على ما قدمت وطرحت ^^
يُثبت

يعطيك العافية على مجهودك الفذ
بُوركت أخي ..

أهلاً بك أخي الكريم cmpom منور الموضوع ...

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

وأشكرك على تثبيت الموضوع وإن شاء الله يستفاد منه اخواننا واخواتنا المصممين ...

نلتقي في دروس أخرى إن شاء الله ...

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

[zeez10119]

[zeez10119]

[✿ Ήimε Sลmล]

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


تسلم أخي على المجهود,, التصميم قمه في الروعه

[wazamora]

[hoss007]

شكرا على الموضوع

الف شكر