Advertisement
  1. Design & Illustration
  2. Text Effects
Design

كيفية إنشاء نص بتأثير ضوء نيون واقعي في أدوبي فوتوشوب

by
Difficulty:IntermediateLength:LongLanguages:
This post is part of a series called Retro Text Effect Tutorials.
Quick Tip: Create a 3D Retro Text Effect With The Appearance Panel
How to Create an 80s-Inspired Text Effect in Adobe Photoshop

Arabic (العربية/عربي) translation by Ayman Amar (you can also view the original English article)

Final product image
What You'll Be Creating

وضع تأثيرات التوهج واللمعان بطبقات يمكن أن يساعد في إنشاء أشياء جميلة وبراقة. هذه الدورة التعليمية سوف تريك كيفية تعديل خامة طوب للخلفية، وبعد ذلك إستخدام أنماط الطبقة مع أداة القلم لإضافة نص نيون متوهج، مشرق قليلا وأيضا كابل بسيط حوله. هبا بنا نبدأ!

ممتلكات الدورة التعليمية

تم استخدام الممتلكات التالية أثناء إنتاج هذه الدورة التعليمية:

1. إنشاء الخلفية

الخطوة 1

أنشئ مستند جديد بأبعاد 1500 × 950 px، وقم بتعيين الدقة إلى 300.

إذهب إلى File > Place Embedded، وافتح صورة BrickOldRounded0061. غير حجمه كما تريد، ومن ثم اضغط المفتاح Return لقبول التغييرات.

Place the Brick Texture

الخطوة 2

أنقر فوق أيقونة Create new fill or adjustment layer في أسفل لوحة Layers واختر Levels.

Levels

الخطوة 3

انقر فوق أيقونة Clip adjustment to layer أسفل لوحة Properties، وبعد ذلك غير قيمة Shadows إلى 85.

Levels Values

الخطوة 4

انقر على أيقونة Create new fill or adjustment layer مرة أخرى واختر Hue/Saturation. انقر على أيقونة Clip adjustment to layer أسفل لوحة Properties، وبعد ذلك غير Saturation إلى 11، و Lightness إلى -83.

Hue Saturation

2. إنشاء النص

الخطوة 1

أنشئ نص في All Caps باستخدام خط Beon Medium. اللون هو #a33e88 والمقاس هو 103 pt.

Create the Text

الخطوة 2

قم بمضاعفة طبقة النص واجعله غير مرئي بالنقر على رمز العين بجانبه. وبعد ذلك انقر بزر الفأرة الأيمن على النسخة اختر Rasterize Type.

ما سنقوم به تاليا هو فصل أجزاء الأحرف العمودية والقطرية منها عن الأفقية، بغية تطبيق تأثيرات باستخدام قيم زاوية مختلفة.

Rasterize Type

الخطوة 3

اختر أداة Rectangular Marquee (أوي أداة تحديد تفضل)، انقر على أيقونة Add to selection في شريط Options، وحدد جميع الأجزاء الأفقية من الحروف لديك.

Select Horizontal Parts

الخطوة 4

إذهب إلى Edit > Cut، وبعد ذلك Edit > Paste Special > Paste in Place. هذا سيضع الأجزاء المحددة في طبقة منفصلة. غير اسم الطبقات إلى عمودي وأفقي.

Separate Vertical and Horizontal Parts

الخطوة 5

قم بتغيير قيم الملء في كل من الطبقات العمودية والأفقية إلى 0.

Fill Value

الخطوة 6

ضاعف كل من الطبقات العمودية والأفقية مرتين، ثم قم بوضع كل مجموعة من الطبقات في مجموعة لها اسمها (عمودية/أفقية).

Duplicate and Group Layers

الخطوة 7

ضع المجموعة الأفقية أسفل العمودية.

Group Order

3. تصميم الطبقة الأفقية الأصلية

انقر نقراً مزدوجاً فوق الطبقة الأفقية الأصلية لتطبيق نمط الطبقة التالي:

الخطوة 1

أضف Bevel and Emboss مع هذه الإعدادات:

  • الحجم: 10
  • قم بإلغاء تحديد مربع Use Global Light
  • الزاوية: 0
  • الارتفاع: 70
  • حدد مربع Anti-aliased
  • طريقة تسليط الضوء: Linear Light
  • طريقة الظل - العتامة: 0%
Bevel and Emboss

الخطوة 2

أضف Contour مع هذه الإعدادات:

  • حدد مربع Anti-aliased
Contour

الخطوة 3

أضف Inner Shadow مع الإعدادات التالية:

  • طريقة المزج: Screen
  • اللون: #e658d4
  • الزاوية: 30
  • المسافة: 0
Inner Shadow

الخطوة 4

أضف Inner Glow مع هذه الإعدادات:

  • العتامة: 85%
  • اللون: #fe66f1
  • المصدر: Center
  • الحجم: 18
Inner Glow

الخطوة 5

أضف Drop Shadow مع هذه الإعدادات:

  • المسافة: 13
  • الحجم: 7
Drop Shadow

هذا سيكون نمط الطبقة الأولى من الجزء الأفقي.

Styled Original Horizontal Layer

4. تصميم نسخ, الطبقة الأفقية الأولى

انقر نقراً مزدوجاً فوق النسخة الأولى للالطبقة الأفقية لتطبيق نمط الطبقة التالي:

الخطوة 1

أضف Bevel and Emboss مع هذه الإعدادات:

  • الحجم: 16
  • قم بإلغاء تحديد مربع Use Global Light
  • الزاوية: 36-
  • الارتفاع: 42
  • المنحنى: Cove - Deep
  • حدد مربع Anti-aliased
  • طريقة تسليط الضوء: Vivid Light
  • طريقة الظل - العتامة: 0%
Bevel and Emboss

الخطوة 2

أضف Contour باستخدام هذه الإعدادات:

  • الكفاف: Cone - Inverted
  • حدد مربع Anti-aliased
Contour

هذا سيضيف لمعان أكثر للنص.

Styled First Copy Horizontal Layer

5. تصميم النسخة الثانية لالطبقة الأفقية

انقر نقراً مزدوجاً فوق النسخة الثانية للالطبقة الأفقية لتطبيق نمط الطبقة التالي:

الخطوة 1

أضف Bevel and Emboss مع هذه الإعدادات:

  • الحجم: 16
  • قم بإلغاء تحديد مربع Use Global Light
  • الزاوية: 18
  • الارتفاع: 58
  • المنحنى: Half Round
  • حدد مربع Anti-aliased
  • طريقة تسليط الضوء: Vivid Light
  • طريقة الظل - العتامة: 0%
Bevel and Emboss

الخطوة 2

أضف Contour مع هذه الإعدادات:

  • المنحنى: Sawtooth 2
  • حدد مربع Anti-aliased
Contour

الخطوة 3

أضف Inner Glow مع هذه الإعدادات:

  • طريقة المزج: Linear Light
  • الضوضاء: 5%
  • اللون: #ffdcfa
  • المصدر: Center
  • الحجم: 38
Inner Glow

الخطوة 4

أضف Outer Glow مع هذه الإعدادات:

  • اللون: #7f2d65
  • الحجم: 15
Outer Glow

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

Styled Second Copy Horizontal Layer

6. تصميم الطبقة العمودية الأصلية

الخطوة 1

انقر بالزر الأيمن على الطبقة الأفقية الأصلية، واختر Copy Layer، ثم زر الماوس الأيمن فوق الطبقة العمودية الأصلية، واختر Paste Layer Style.

انقر نقراً مزدوجاً فوق الطبقة العمودية الأصلية لضبط قيم الزاوية والارتفاع الخاصة ب Bevel and Emboss، بتغييرهما إلى 90 و 74.

Bevel and Emboss

الخطوة 2

من أجل Inner Glow، فقط غير الحجم إلى 15.

Inner Glow

هذا سيقوم بضبط التأثير ليتناسب مع الأجزاء العمودية والقطرية.

Modified Style for the Original Vertical Layer

7. تصميم النسخة الأولى للطبقة العمودية

انسخ نمط الطبقة الخاص بالنسخة الأولى للطبقة الأفقية والصقه على النسخة الأولى للطبقة العمودية، وبعد ذلك انقر نقراً مزدوجاً فوق نسخة الطبقة العمودية لتغيير كل من الزاوية إلى 76-، والإرتفاع إلى 53 الخاصين بتأثير Bevel and Emboss.

Bevel and Emboss

هذا كل شيء من أجل طبقة النسخة الأولى.

Modified Style for the First Copy Vertical Layer

8. تصميم النسخة الثانية للطبقة العمودية

انسخ نمط الطبقة الخاص بالنسخة الثانية للطبقة الأفقية والصقه على النسخة الثانية للطبقة العمودية، وبعد ذلك انقر نقراً مزدوجاً فوق النسخة الثانية للطبقة العمودية لتغيير كل من الزاوية إلى 82-، والإرتفاع إلى 53 الخاصين بتأثير Bevel and Emboss.

Bevel and Emboss

وبذلك ينتهي تصميم كل من أجزاء النص.

Modified Style for the Second Copy Vertical Layer

9. إضافة توهج أكثر وإنشاء الكابل

الخطوة 1

أنشئ طبقة جديدة أسفل طبقة النص الأصلية الغير مرئية ونسميها ضوء الخلفية، وغير طريقة المزج إلى Linear Light.

قم بتعيين اللون الأمامي إلى #98338b واختر أداة الفرشاة واختر رأس كبير جداً، ناعم، ومستدير. بعد ذلك انقر مرة واحدة لإضافة بقع اللون خلف النص (لا تنقر وتسحب، فقط قم بتنقيط اللون).

Add Background Glow

الخطوة 2

أنشئ طبقة جديدة أخرى أسفل طبقة ضوء الخلفية وقم بتسميتها الكابل. اختر أداة القلم واختر Path في شريط الخيارات.

ما عليك القيام تاليا به هو إنشاء المسارات حيث تريد إضافة الكابل. يمكنك النقر فوق add corner anchor points، وانقر واسحب لإنشاء منحنيات. ضع في اعتبارك أن المسار التي تم إنشاؤه لا يجب أن يكون مثاليا، كما يمكنك اختيار أداة التحديد المباشر في أي وقت بعد ذلك لضبط نقاط الربط أو مقابض الاتجاه.

Create the Cable Paths Using the Pen Tool

الخطوة 3

لفصل المسارات، اضغط مطولا على مفتاح Command، وانقر خارج المسار الذي انتهيت من إنشائه ذلك وهكذا لن يكون متصلاً بالمسار الذي قمت بإنشائه بعده.

Separating the Paths

الخطوة 4

خذ وقتك في هذه الخطوة للحصول على نتيجة متقنة.

Finish Creating the Paths

الخطوة 5

اختيار أداة الفرشاة، وبعد ذلك قم بفتح لوحة الفرشاة (Window > Brush)، واختر رأس خشن مستدير بحجم 7 px مع تباعد محدد إلى 1.

Brush Settings

الخطوة 6

عين اللون الأمامي إلى #252525، اختر أداة التحديد المباشر، انقر بالزر الأيمن على المسار واختر Stroke Path.

Stroke Path

الخطوة 7

اختر فرشاة من القائمة المنسدلة للالاداة وقم بإلغاء تحديد مربع Simulate Pressure.

Stroke Path Box

الخطوة 8

هذا سوف يقوم بتغليظ المسار. اضغط على مفتاح Return للتخلص من مسار العمل.

Stroked Path

10. تصميم الكابل

انقر نقراً مزدوجاً فوق طبقة الكابل لتطبيق نمط الطبقة التالي:

الخطوة 1

أضف Bevel and Emboss مع هذه الإعدادات:

  • حدد مربع Anti-aliased
  • طريقة تسليط الضوء: Vivid Light
  • اللون: #ec6ab7
  • العتامة: 24%
Bevel and Emboss

الخطوة 2

أضف Contour مع هذه الإعدادات:

  • حدد مربع Anti-aliased
Contour

الخطوة 3

أضف Pattern Overlay مع هذه الإعدادات:

  • طريقة المزج: Multiply
  • النمط: 8
Pattern Overlay

الخطوة 4

أضف Drop Shadow مع هذه الإعدادات:

  • العتامة: 60%
  • المسافة: 13
  • الحجم: 10
Drop Shadow

هذا سوف يكون نمط الكابل.

The Styled Cable

11. إنشاء المشابك

الخطوة 1

اختر أداة المستطيل وانشئ مستطيل بابعاد 11 × 15 px.

Create a Rectangle

الخطوة 2

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

Add Anchor Points

الخطوة 3

اختيار أداة التحديد المباشر، انقر واسحب لتحديد النقاط المركز التي قمت بإضافته، ومن ثم اضغط على مفتاح السهم الأيسر مرة واحدة لنقله 1 بكسل إلى اليسار.

Move Anchor Points

الخطوة 4

ضاعف طبقة المستطيل وثم انتقل إلى Edit > Transform > Rotate 90° Clockwise. قم بإعادة تسمية طبقات المستطيل H (بالنسبة للأفقي) وV (بالنسبة للعمودي).

Duplicate and Rename Rectangle Layers

12. تصميم المشابكك

انقر نقراً مزدوجاً فوق طبقة H لتطبيق نمط الطبقة التالي:

الخطوة 1

أضف Gradient Overlay مع هذه الإعدادات:

  • العتامة: 42%
  • انقر فوق مربع التدرج لإنشاء التدرج اللوني باستخدام الألوان #151515 إلى اليسار، 6d6d6# في الوسط، #161616 إلى اليمين.
Gradient Overlay

الخطوة 2

أضف Drop Shadow مع هذه الإعدادات:

  • العتامة: 60%
  • المسافة: 13
  • الحجم: 10
Drop Shadow

هذا سيكون نمط المقطع الأفقي.

Styled Horizontal Clip

الخطوة 3

انسخ نمط الطبقة الخاص بالطبقة H والصقه على الطبقة V، ووبعد ذلك انقر مزدوجا على الطبقة V لتغيير قيمة الزاوية الخاصة بتأثير Gradient Overlay الى 0.

Gradient Overlay

الخطوة 4

تاليا، كرر وضع طبقات المشابك أينما تريد لإضافة مشابك إلى الكابل الذي قمت بإنشائه.

Duplicate and Place Clips

13. إضافة طبقة تلوين اخرى

انقر فوق ايقونة Create new fill or adjustment layer واختر Solid Color. استخدم اللون #a34799 وضع طبقة المعايرة تحت طبقة الكابل وغير طريقة المزج إلى Vivid Light. هذا سوف يطبق اللون على الطوب خلف النص، ويعزز التوهج والإضاءة للنتيجة النهائية.

Solid Color Adjustment Layer

تهانينا! لقد انتهيت

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

بعد ذلك، قمنا بمضاعفة وتجميع طبقات النص المنفصلة، وعلى غرار كل منهم لتحقيق تأثير متوهج ولامع.

عندما تم إنشاء النص الرئيسي وتصميمه، أضفنا بعض التوهج أكثر للخلفية، واستخدمنا أداة القلم لإنشاء مسار الكابل. قمنا بتغليظ المسار وتصميمه لنعطيه مظهر ثلاثي الأبعاد.

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

من فضلك لا تتردد في ترك التعليقات والاقتراحات والنتائج الخاص بك أدناه.

Advertisement
Advertisement
Looking for something to help kick start your next project?
Envato Market has a range of items for sale to help get you started.