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

عرض كامل الموضوع : تأثير نصي .. الحديد اللامع ...



إنـــســـان
20-11-2012, 11:20
http://im16.gulfup.com/VHJi1.png
http://im28.gulfup.com/JYxs1.png
عنوان الدرس: تأثير نصي >> الحديد اللامع
صاحب الدرس: textuts
مترجم الدرس: إنـــســـان (https://www.facebook.com/yasir.muslm) و Bluerpy Due (https://www.facebook.com/sumaiya.elarabi.9)
تصنيف الدرس: متقدم, إيحائي
تاريخ طرح الدرس: 2012/7/17
تاريخ ترجمة الدرس: 2012/10/19
موقع الدرس: TEXTUTS (http://textuts.com/sparkling-iron-text-effect/#comment-23215)

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

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

http://www.tech-dim.com/attachment.php?attachmentid=164&d=1350657159&thumb=1 (http://www.tech-dim.com/attachment.php?attachmentid=164&d=1350657159)

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

http://www.tech-dim.com/attachment.php?attachmentid=165&d=1350657338&thumb=1 (http://www.tech-dim.com/attachment.php?attachmentid=165&d=1350657338)

http://im18.gulfup.com/yJga1.png
1- البرمجيات المستخدمة في هذا الدرس هو أدوبي فوتشوب CS6 ولكن يمكن أستخدام إصدارات +CS3 كذلك.
2- للتحميل من موقع Deviantart يجب الضغط على كلمة Download (http://im21.gulfup.com/mmnC1.png) التي تكون في الجهة اليمنى العليا.

http://im17.gulfup.com/9HmH1.png

.White diamond plate (http://enframed.deviantart.com/art/White-diamond-plate-129009229) by *enframed*
.Texture7 (http://mindfularray.deviantart.com/art/Texture7-279498036) by ~MindfulArray*
.Seamless metal texture smooth (http://hhh316.deviantart.com/art/Seamless-metal-texture-smooth-164165216) by ~hhh316*
.Sparkler4 (http://allehnelleh-stock.deviantart.com/art/Sparkler4-59388516) by ~AllehNelleh-Stock*
.Sparkler 2 (http://mystical-stock.deviantart.com/art/Sparkler-2-81938036) by ~mystical-stock*
.Sparkler (http://mystical-stock.deviantart.com/art/Sparkler-81937882) by ~mystical-stock*
.Font Age (http://fontfabric.com/age-free-font/)*

كما يمكن تحميل جميع أدوات الدرس مع صورة كاملة للدرس من هنا (http://www.gulfup.com/?diwQcc) أو هنا (http://www.mediafire.com/?y1mz2s7ij3b1kcl).
http://im17.gulfup.com/cUlX2.png

الخطوة الأولى:

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

http://textuts.com/images/tutorials/sparklingiron/SparklingIron_01_1.jpg

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

http://textuts.com/images/tutorials/sparklingiron/SparklingIron_01_2.jpg

بعدها نقوم بإدراج صورة Texture7 (http://mindfularray.deviantart.com/art/Texture7-279498036) ووضعها فوق جميع الطبقات وأيضاً كما سبق نغير حجمها بما يتناسب مع مساحة صفحة العمل, ونغير الـ Blend Mode الى Multiply.

http://textuts.com/images/tutorials/sparklingiron/SparklingIron_01_3.jpg


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

نقوم بإنشاء نص بأي لون فاتح ونستخدم خط Age (http://fontfabric.com/age-free-font/). حجم النص 300pt ونزيد المسافة بين الحروف بنسبة 100.

http://textuts.com/images/tutorials/sparklingiron/SparklingIron_02_1.jpg

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

http://textuts.com/images/tutorials/sparklingiron/SparklingIron_02_2.jpg

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

http://textuts.com/images/tutorials/sparklingiron/SparklingIron_02_3.jpg

http://textuts.com/images/tutorials/sparklingiron/SparklingIron_02_4.jpg


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

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

http://textuts.com/images/tutorials/sparklingiron/SparklingIron_03_1.jpg

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

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

http://textuts.com/images/tutorials/sparklingiron/SparklingIron_03_2.jpg

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

http://textuts.com/images/tutorials/sparklingiron/SparklingIron_03_3.jpg


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

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

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

http://textuts.com/images/tutorials/sparklingiron/SparklingIron_04_1.jpg

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

http://textuts.com/images/tutorials/sparklingiron/SparklingIron_04_2.jpg

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

http://textuts.com/images/tutorials/sparklingiron/SparklingIron_04_3.jpg

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

http://textuts.com/images/tutorials/sparklingiron/SparklingIron_04_4.jpg

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

http://textuts.com/images/tutorials/sparklingiron/SparklingIron_04_5.jpg

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

إنـــســـان
20-11-2012, 11:28
الخطوة الخامسة:


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

http://textuts.com/images/tutorials/sparklingiron/SparklingIron_05_1.jpg

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

http://textuts.com/images/tutorials/sparklingiron/SparklingIron_05_2.jpg

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

http://textuts.com/images/tutorials/sparklingiron/SparklingIron_05_3.jpg

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

http://textuts.com/images/tutorials/sparklingiron/SparklingIron_05_4.jpg

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

http://textuts.com/images/tutorials/sparklingiron/SparklingIron_05_5.jpg



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


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

Brush Tip Shape:

http://textuts.com/images/tutorials/sparklingiron/SparklingIron_06_1.jpg

Shape Dynamice:

http://textuts.com/images/tutorials/sparklingiron/SparklingIron_06_2.jpg

Scattering:

http://textuts.com/images/tutorials/sparklingiron/SparklingIron_06_3.jpg

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

http://textuts.com/images/tutorials/sparklingiron/SparklingIron_06_4.jpg



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


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

http://textuts.com/images/tutorials/sparklingiron/SparklingIron_07_1.jpg

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

http://textuts.com/images/tutorials/sparklingiron/SparklingIron_07_2.jpg

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

http://textuts.com/images/tutorials/sparklingiron/SparklingIron_07_3.jpg

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

http://textuts.com/images/tutorials/sparklingiron/SparklingIron_07_4.jpg

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

http://textuts.com/images/tutorials/sparklingiron/SparklingIron_07_5.jpg



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


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

http://textuts.com/images/tutorials/sparklingiron/SparklingIron_08_1.jpg

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

http://textuts.com/images/tutorials/sparklingiron/SparklingIron_08_2.jpg

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

http://textuts.com/images/tutorials/sparklingiron/SparklingIron_08_3.jpg

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

http://textuts.com/images/tutorials/sparklingiron/SparklingIron_08_4.jpg



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


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

Brush Tip Shape:

http://textuts.com/images/tutorials/sparklingiron/SparklingIron_09_1.jpg

Shape Dynamice:

http://textuts.com/images/tutorials/sparklingiron/SparklingIron_09_2.jpg

Scattering:

http://textuts.com/images/tutorials/sparklingiron/SparklingIron_09_3.jpg

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

http://textuts.com/images/tutorials/sparklingiron/SparklingIron_09_4.jpg

Color Dynamics:

http://textuts.com/images/tutorials/sparklingiron/SparklingIron_09_5.jpg

Transfer:

http://textuts.com/images/tutorials/sparklingiron/SparklingIron_09_6.jpg



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


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

http://textuts.com/images/tutorials/sparklingiron/SparklingIron_10_1.jpg

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

http://textuts.com/images/tutorials/sparklingiron/SparklingIron_10_2.jpg

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

http://textuts.com/images/tutorials/sparklingiron/SparklingIron_10_3.jpg

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

http://textuts.com/images/tutorials/sparklingiron/SparklingIron_10_4.jpg

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

http://textuts.com/images/tutorials/sparklingiron/SparklingIron_10_5.jpg




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

إنـــســـان
20-11-2012, 11:45
الخطوة الحادية عشر:


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

http://textuts.com/images/tutorials/sparklingiron/SparklingIron_11_1.jpg

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

http://textuts.com/images/tutorials/sparklingiron/SparklingIron_11_2.jpg

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



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


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

http://textuts.com/images/tutorials/sparklingiron/SparklingIron_12_1.jpg

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

http://textuts.com/images/tutorials/sparklingiron/SparklingIron_12_2.jpg

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



#
Location
Color


1
0
503a23


2
24
985d31


3
47
da8437


4
73
cf8d3f


5
100
edbd41



http://textuts.com/images/tutorials/sparklingiron/SparklingIron_12_3.jpg

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

http://textuts.com/images/tutorials/sparklingiron/SparklingIron_12_4.jpg

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

http://textuts.com/images/tutorials/sparklingiron/SparklingIron_12_5.jpg


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

http://textuts.com/images/tutorials/sparklingiron/SparklingIron_13_1.jpg

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

http://textuts.com/images/tutorials/sparklingiron/SparklingIron_13_2.jpg

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

http://textuts.com/images/tutorials/sparklingiron/SparklingIron_13_3.jpg

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

http://textuts.com/images/tutorials/sparklingiron/SparklingIron_13_4.jpg

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

http://textuts.com/images/tutorials/sparklingiron/SparklingIron_13_5.jpg

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

http://textuts.com/images/tutorials/sparklingiron/SparklingIron_13_6.jpg

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

http://textuts.com/images/tutorials/sparklingiron/SparklingIron-s.jpg

وأعلموا أن هذه ليست نهاية بل مجرد بداية حيث يمكن إضافة المزيد من التفاصيل والأفكار ...
http://im30.gulfup.com/V4NJ1.png

ŚαкαẔυкỉ
20-11-2012, 15:04
وعليكُم السلام ورحمة الله وبركاتُه

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

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

إنـــســـان
22-11-2012, 13:37
وعليكُم السلام ورحمة الله وبركاتُه

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

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


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

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

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

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

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

zeez10119
13-01-2013, 03:42
:encouragement:

zeez10119
13-01-2013, 03:42
:beaten:

✿ Ήimε Sลmล
03-03-2013, 01:44
و عليكم السلام و رحمة الله و بركآته


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


http://www.mexat.com/vb/attachment.php?attachmentid=1830866&stc=1&d=1362274902

wazamora
15-03-2013, 15:59
:encouragement:

hoss007
06-04-2013, 09:07
شكرا على الموضوع

الف شكر