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

[ دروس التصميم ]


النتائج 1 إلى 8 من 8
  1. #1

    الصورة الرمزية إنـــســـان

    تاريخ التسجيل
    Dec 2007
    المـشـــاركــات
    446
    الــــدولــــــــة
    العراق
    الــجـــــنــــــس
    ذكر
    الـتـــقـــــيـيــم:

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






    عنوان الدرس: تأثير نصي .. الحديد اللامع
    صاحب الدرس:
    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: نستخدم القيم الافتراضة.



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




    الخطوة الخامسة:
    نقوم بإدراج صورة 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) لإنشاء التدرج المستخدم.



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


    [TABLE="class: cms_table_grid, width: 300, align: center"]
    [TR]
    [TD]#[/TD]
    [TD]Location[/TD]
    [TD]Color[/TD]
    [/TR]
    [TR]
    [TD]1[/TD]
    [TD]0[/TD]
    [TD]503a23[/TD]
    [/TR]
    [TR]
    [TD]2[/TD]
    [TD]24[/TD]
    [TD]985d31[/TD]
    [/TR]
    [TR]
    [TD]3[/TD]
    [TD]47[/TD]
    [TD]da8437[/TD]
    [/TR]
    [TR]
    [TD]4[/TD]
    [TD]73[/TD]
    [TD]cf8d3f[/TD]
    [/TR]
    [TR]
    [TD]5[/TD]
    [TD]100[/TD]
    [TD]edbd41[/TD]
    [/TR]
    [/TABLE]



    نضغط على رمز
    ‘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) لإلغاء التحديد. هذا سوف يعطي عمقاً للزوايا (الجوانب) بدلاً من جعلها مسطحة كشكل نهائي.



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



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


    التعديل الأخير تم بواسطة إنـــســـان ; 22-11-2012 الساعة 02:33 PM

  2. #2

    الصورة الرمزية سايق ماستر

    تاريخ التسجيل
    Sep 2012
    المـشـــاركــات
    40
    الــــدولــــــــة
    تونس
    الــجـــــنــــــس
    ذكر
    الـتـــقـــــيـيــم:

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

    شكرا درس مفيد جدا.

  3. #3

    الصورة الرمزية أَإِمْمَـايآ

    تاريخ التسجيل
    Feb 2012
    المـشـــاركــات
    691
    الــــدولــــــــة
    السعودية
    الــجـــــنــــــس
    أنثى
    الـتـــقـــــيـيــم:

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

    روعهـ فعلاً ^^
    جآري التطبيق =")

  4. #4

    الصورة الرمزية آنسه بسكويت

    تاريخ التسجيل
    Aug 2012
    المـشـــاركــات
    138
    الــــدولــــــــة
    السعودية
    الــجـــــنــــــس
    أنثى
    الـتـــقـــــيـيــم:

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

    وعليكم السلام ورحمة الله وبركاته
    فعلا أشكرك جدا على مشاركتنا هذا الدرس الرائع ، مع أنه التطبيق كان متعب شويه
    الا أنه النتيجة احترافيه وجدا أعجبتني بالنهاية -clab0" class="inlineimg" />


    شكرا جزيلا لك وننتظر المزيد من الدروس
    التعديل الأخير تم بواسطة آنسه بسكويت ; 21-11-2012 الساعة 08:16 AM

  5. #5

    الصورة الرمزية إنـــســـان

    تاريخ التسجيل
    Dec 2007
    المـشـــاركــات
    446
    الــــدولــــــــة
    العراق
    الــجـــــنــــــس
    ذكر
    الـتـــقـــــيـيــم:
    كاتب الموضوع

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

    اقتباس المشاركة الأصلية كتبت بواسطة سايق ماستر مشاهدة المشاركة
    شكرا درس مفيد جدا.
    عفواً أخي واهلاً بك دائماً ...

    اقتباس المشاركة الأصلية كتبت بواسطة أَإِمْمَـايآ مشاهدة المشاركة
    روعهـ فعلاً ^^
    جآري التطبيق =")
    ^_^ الحمد لله ان الدرس اعجبكِ وبأنتظار تطبيقكِ إن شاء الله ...

  6. #6

    الصورة الرمزية إنـــســـان

    تاريخ التسجيل
    Dec 2007
    المـشـــاركــات
    446
    الــــدولــــــــة
    العراق
    الــجـــــنــــــس
    ذكر
    الـتـــقـــــيـيــم:
    كاتب الموضوع

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

    اقتباس المشاركة الأصلية كتبت بواسطة آنسه بسكويت مشاهدة المشاركة
    وعليكم السلام ورحمة الله وبركاته
    فعلا أشكرك جدا على مشاركتنا هذا الدرس الرائع ، مع أنه التطبيق كان متعب شويه
    الا أنه النتيجة احترافيه وجدا أعجبتني بالنهاية -clab0" class="inlineimg" />


    شكرا جزيلا لك وننتظر المزيد من الدروس

    عفواً أختي الكريمة وأهلاً بكِ دوماً ...

    وتطبيقكِ ما شاء الله عليه رائع بحق واقيمه بـ 9.6 من 10, ملاحظتي الوحيدة هو انه ارى انكِ بالغتي قليلاً في ابراز وتوهج الشرارات ...

    وأشكركِ حقاً على ملاحظاتكِ على الخطئين السابقين وقد حدثا سهواً وتم تعديلهما وكذلك تصحيح الصورة الكاملة للدرس المرفقة مع أدوات الدرس ...

    أتمنى أن تستمري بميدان التصميم لنرى المزيد من ابداعاتكِ إن شاء الله ...

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

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

  7. #7

    الصورة الرمزية نجمة الإسلام

    تاريخ التسجيل
    Jun 2010
    المـشـــاركــات
    1,302
    الــــدولــــــــة
    الجزائر
    الــجـــــنــــــس
    أنثى
    الـتـــقـــــيـيــم:

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

    ~..درسس مميز و رائع جدا..~

    ..جزيت خيرا خاصة على الفواصل المميزة ..

  8. #8

    الصورة الرمزية إنـــســـان

    تاريخ التسجيل
    Dec 2007
    المـشـــاركــات
    446
    الــــدولــــــــة
    العراق
    الــجـــــنــــــس
    ذكر
    الـتـــقـــــيـيــم:
    كاتب الموضوع

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

    اقتباس المشاركة الأصلية كتبت بواسطة نجمة الإسلام مشاهدة المشاركة
    ~..درسس مميز و رائع جدا..~

    ..جزيت خيرا خاصة على الفواصل المميزة ..
    وجزاكِ أختي الكريمة وسررة بتعليقكِ الطيب واهلاً بكِ دوماً ...

المفضلات

المفضلات

ضوابط المشاركة

  • لا تستطيع إضافة مواضيع جديدة
  • لا تستطيع الرد على المواضيع
  • لا تستطيع إرفاق ملفات
  • لا تستطيع تعديل مشاركاتك
  •  
Loading...