Students Save 30%! Learn & create with unlimited courses & creative assets Students Save 30%! Save Now
Advertisement
  1. Design & Illustration
  2. Text Effects
Design

كيفية إنشاء تأثير نص الكتاب الهزلي حبر في Adobe Photoshop

by
Difficulty:BeginnerLength:LongLanguages:

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

Final product image
What You'll Be Creating

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

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

Comic Book Ink Action
الكتاب الهزلي الحبر الإجراءات- ٣٠٠ نقطة في البوصة (DPI)

دروس الأصول

واستخدمت خلال هذا البرنامج التعليمي الأصول التالية:

١. كيفية تعيين خلفية الإجراء

أدوبي فوتوشوب مفتوحة، انتقل إلى File > Open، ثم اختر ورقة-background.jpg.

Paper Background

٢. كيفية تثبيت نمط وفرش

الخطوة ١

اذهب إلى Edit > Presets > Preset Manager...  في Preset Type، حدد Patterns، وثم انقر فوق  Load... واختر Comic-book-ink-pattern.pat.

Load Patterns

الخطوة ٢

اذهب إلى Edit > Presets > Preset Manager... في Preset Type، حدد Brushes، وثم انقر فوق Load... واختر Comic-book-ink-brushes.abr.

Load Brushes

٣. كيفية إنشاء طبقات النص

الخطوة ١

اختر (Type Tool (T واكتب "COMIC" ، ثم اضغط على المفتاح Enter وأكتب "BOOK". اختر الخط HVD Comic Serif وثم انتقل إلى Window > Character وتعيين الحجم إلى    225pt  ، تتبع إلى -50، والمؤدية إلى 183pt. ثم انتقل Window > Paragraph واختر توسيط النص.

Create the Text

الخطوة ٢

انتقل إلى Type > Warp text، وتعيين النمط للقوس وينحني إلى %5+. انقر فوق موافق.

Warp the Text

الخطوة ٣

ستقوم الآن بإعداد طبقات النص للأسلوب الذي ستطبقه. للقيام بذلك ، انتقل أولاً إلى Layer> Smart Object> Convert to Smart Object ثم انتقل إلى Layer> Duplicate Layer ... ثم قم بتسمية الطبقة "COMIC BOOK 2". الآن تكرار تكرار حتى قمت بإنشاء طبقة "COMIC BOOK 5".

Duplicate the Text

٤. كيفية نمط طبقة النص الأولى

حدد طبقة "COMIC BOOK" وانقر نقراً مزدوجاً فوق هذه الطبقة لتطبيق نمط الطبقة التالية:

الخطوة ١

تعيين Blending Options:

  • عتامة التعبئة: %0
Set the Blending Options

الخطوة ٢

إضافة Bavel and Emboss مع هذه الإعدادات:

  • Style: Inner Bevel
  • Technique: Smooth
  •  209% : Dept 
  • Direction: Up
  • Size: 21 px
  • Soften: 4 px
  • قم بإلغاء تحديد مربع استخدام Global Light
  • Angle: 0
  • Altitude: 30
  • Gloss Contour: Cove - Deep
  • تحقق من Anti-aliased
  • Highlight Mode : حرق الخطية مع لون 000000#
  • Highlight Mode - Opacity: 20%
  • Shadow Mode - Opacity: 0%
Add a Bevel

الخطوة ٣

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

  • Contour: Ring - Double
  • تحقق من Anti-aliased 
  • Range: 100%
Add a Contour

الخطوة ٤

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

  • Opacity: 100%
  • Color: #ffffff
  • Technique: Softer
  • Source: Edge
  • Choke: 100%
  • Size: 4 px
  • تحقق من Anti-aliased
Add an Inner Glow

الخطوة ٥

إضافة نمط Satin مع هذه الإعدادات:

  • Color#5fbd13
  • Opacity: 100%
  • Angle: 0
  • Distance: 10 px
  • Size: 5 px
  • تحقق من Anti-aliased
Add a Satin

الخطوة ٦

إضافة Color Overlay مع هذه الإعدادات:

  • Blend Mode: Multiply
  • Color: #92b506
  • Opacity: 24%
Add a Color Overlay

الخطوة ٧

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

  • Opacity: 50%
  • Pattern: Comic-book-ink-pattern

انقر فوق موافق.

Add a Pattern Overlay

٥. كيفية إضافة عامل تصفية لطبقة النص الأولى

انتقل إلى Filter > Distort > Wave... ويتم استخدام هذه الإعدادات:

  • Number of Generators: 5
  • Wavelength: Min. 36 Max. 44
  • Amplitude: Min. 16 Max. 17
  • Scale: Horiz. 3% Vert. 3%
  • Type: Sine
  • Undefined Areas: Wrap Around

انقر فوق موافق.

Add a Wave Filter

٦. كيف يمكن لنمط طبقة النص الثاني

حدد طبقة "COMIC BOOK 2"، وثم انقر نقراً مزدوجاً فوق هذه الطبقة لتطبيق نمط الطبقة التالية:

الخطوة ١

تعيين Blending Options:

  • Fill Opacity: 0%
Set the Blending Options

الخطوة ٢

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

  • Color#000000
  • قم بإلغاء تحديد مربع Use Global Light
  • Angle: -74
  • Distance: 5 px
  • Choke: 61%
  • Size: 4 px
  • تحقق من  Anti-aliased
Add an Inner Shadow

الخطوة ٣

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

  • Opacity: 100%
  • Color: #000000
  • Technique: Softer
  • Spread: 86%
  • Size: 1 px
  • تحقق من Anti-aliased 
  • Range: 15%

انقر فوق موافق.

Add an Outer Glow

٧. كيف يمكن إضافة عامل تصفية لطبقة النص الثاني

الخطوة ١

انتقل إلى Filter > Distort > Wave...ويتم استخدام هذه الإعدادات:

  • Number of Generators: 5
  • Wavelength: Min. 36 Max. 44
  • Wavelength: Min. 36 Max. 44
  • Scale: Horiz. 3% Vert. 3%
  • Type: Sine
  • Undefined Areas: Wrap Around

انقر فوق موافق.

Add a Wave Filter

الخطوة ٢

انتقل إلى Layer > Smart Object > Convert to Smart Object.

Convert to Smart Object

٨. كيف يمكن لنمط طبقة النص الثالث

حدد طبقة "COMIC BOOK 3"، وثم انقر نقراً مزدوجاً فوق هذه الطبقة لتطبيق نمط الطبقة التالية:

الخطوة ١

تعيين Blending Options:

  • Fill Opacity: 0%
Set the Blending Options

الخطوة ٢

إضافة Color Overlay مع هذه الإعدادات:

  • Blend Mode: Multiply
  • Color: #bbf100
  • Opacity: 52%
Add a Color Overlay

٩. كيفية إضافة مرشحات لطبقة النص الثالث

الخطوة ١

انتقل إلى Filter > Distort > Wave... ويتم استخدام هذه الإعدادات:

  • Number of Generators: 1
  • Wavelength: Min. 236 Max. 237
  • Amplitude: Min. 13 Max. 21
  • Scale: Horiz. 38% Vert. 28%
  • Type: Sine
  • Undefined Areas: Wrap Around

انقر فوق موافق.

Add a Wave Filter

الخطوة ٢

انتقل إلى Filter > Distort > Wave... ويتم استخدام هذه الإعدادات:

  • Amount: 150%
  • Size: Large

انقر فوق موافق.

Add a Ripple Filter

١٠. كيف يمكن لنمط طبقة النص الرابع

حدد طبقة "COMIC BOOK 4" وثم انقر نقراً مزدوجاً فوق هذه الطبقة لتطبيق نمط الطبقة التالية:

الخطوة ١

تعيين Blending Options:

  • Fill Opacity: 0%
Set the Blending Options

الخطوة ٢

إضافة Color Overlay مع هذه الإعدادات:

  • Blend Mode: Multiply
  • Color#7be300
  • Opacity: 63%
Add a Color Overlay

١١. كيف يمكن إضافة مرشحات لطبقة النص الرابع

الخطوة 1

انتقل إلى Filter > Distort > ZigZag...ويتم استخدام هذه الإعدادات:

  • Amount: 2
  • Ridges: 9
  • Style: Around Center

انقر فوق موافق.

Add a ZigZag Filter

الخطوة 2

انتقل إلى Filter > Distort > Ripple... ويتم استخدام هذه الإعدادات:

  • Amount: -166%
  • Size: Large

انقر فوق موافق.

Add a Ripple Filter

الخطوة 3

انتقل إلى Filter > Distort > Wave.. ويتم استخدام هذه الإعدادات:

  • Number of Generators: 5
  • Wavelength: Min. 97 Max. 120
  • Amplitude: Min. 5 Max. 25
  • Scale: Horiz. 11% Vert. 11%
  • Type: Sine
  • Undefined Areas: Repeat Edge Pixels

انقر فوق موافق.

Add a Wave Filter

12-كيفية نمط طبقة النص الخامس

حدد طبقة  "COMIC BOOK 5" وثم انقر نقراً مزدوجاً فوق هذه الطبقة لتطبيق نمط الطبقة التالية:

الخطوة ١

تعيين Blending Options:

  • Fill Opacity: 0%
Set the Blending Options

الخطوة ٢

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

  • Blend Mode: Overlay
  • Opacity: 100%
  • Pattern: Comic-book-ink-pattern
Add a Pattern Overlay

الخطوة ٣

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

  • Color#000000
  • Technique: Softer
  • Spread: 80%
  • Size: 1 px
  • تحقق من Anti-aliased
  • Range: 54%

انقر فوق موافق.

Add an Outer Glow

١٣. كيفية إضافة مرشحات لطبقة النص الخامس

انتقل إلى Filter > Distort > Wave... ويتم استخدام هذه الإعدادات:

  • Number of Generators: 5
  • Wavelength:Min. 24 Max. 79
  • Amplitude: Min. 8 Max. 10
  • Scale: Horiz. 11% Vert. 13%
  • Type: Sine
  • Undefined Areas: Repeat Edge Pixels

انقر فوق موافق.

Add a Wave Filter

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

Layer Styles Result

١٤. كيفية إنشاء طبقات الفرش

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

الخيار 1: انقر فوق الزر Create New Layer في أسفل لوحة الطبقات الخاصة بك سبع مرات، ومن ثم انقر نقراً مزدوجاً فوق اسم كل طبقة لإعادة تسمية الطبقات "Brush 1"، "Brush 2"، وهلم جرا.

الخيار 2: اذهب إلى Layer > New > Layer وتعيين الاسم إلى "Brush 1"، ثم كرر هذه الخطوة ووقف مع الطبقة "Brush 7".

Create Layers

١٥. كيفية تطبيق الفرشاة الأولى

الخطوة 1

حدد طبقة "Brush 1" ثم اضغط باستمرار على المفتاح Control وانقر فوق الصورة المصغرة للطبقة "COMIC BOOK" لجعل اختيار.

Make a selection

الخطوة 2

اذهب إلى Window > Paths وانقر فوق Make work path from selection في الجزء السفلي من لوحة المسارات.

Make a workpath

الخطوة 3

انتقل الآن إلى Window> Brushes وحدد فرشاة Big dots  ، ثم انقر بزر Right click على طبقة Work Path في لوحة Paths وحدد Stroke Path ... من القائمة. حدد اTool:Brush ، قم بإلغاء تحديد Simulate Pressure ، وانقر فوق موافق.

تلميح: في كل مرة يمكنك القيام بهذه الخطوة، والنتيجة ستكون مختلفة. حتى إذا لم تعجبك النتيجة الفرشاة، يمكنك اضغط باستمرار على المفتاح Control واضغط على مفتاح Z للتراجع عن هذه الخطوة، وثم كرر على مسار الجرة.

Stroke Path

الخطوة 4

بينما يتم تحديد طبقة "Brush 1"، اضغط باستمرار على المفتاح Control وانقر فوق الصورة المصغرة لطبقة "COMIC BOOK" لجعل اختيار مرة أخرى، وثم انتقل إلى Layer > Layer Mask > Hide Selection لتطبيق التحديد كقناع للطبقة "Brush 1".

Mask the brush

١٦. كيف يمكن لنمط الطبقة الفرشاة الأولى

حدد طبقة "Brush 1"، وانقر نقراً مزدوجاً فوق هذه الطبقة لتطبيق نمط الطبقة التالية:

الخطوة 1

تعيين Blending Options:

  • Fill Opacity: 0%
  • علامة في المربع Layer Mask Hides Effects
Add Blending Options

الخطوة ٢

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

  • Color#000000
  • قم بإلغاء تحديد مربع Use Global Light
  • Angle: -90
  • Distance: 3 px
  • Choke: 48%
  • Size: 0 px
  • تحقق من Anti-aliased
Add an Inner Shadow

الخطوة ٣

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

  • Color#000000
  • Technique: Softer
  • Spread: 49%
  • Size: 1 px
  • تحقق من Anti-aliased
  • Range: 15%

انقر فوق موافق.

Add an Outer Glow

هذا هو النتيجة مع الفرشاة الأولى تطبيقه.

Result with the first brush

١٧. كيفية تطبيق الفرشاة الثانية

الخطوة ١

حدد طبقة "Brush 2".

اذهب إلىWindow > Brushes، حدد Big dots  من النقاط، وتعيين Size إلى 35 px. ثم انقر بزر Right click على طبقة Work Path في لوحة Paths وحدد Stroke Path ... من القائمة. حدد Tool: Brush ، قم بإلغاء تحديد Simulate Pressure، وانقر فوق موافق.

Stroke Path with Brush

الخطوة ٢

بينما يتم تحديد طبقة "Brush 2"، اضغط باستمرار على المفتاح Control وانقر فوق الصورة المصغرة لطبقة "COMIC BOOK" لجعل اختيار، وثم انتقل إلى Layer > Layer Mask > Hide Selection لتطبيق التحديد كقناع للطبقة "Brush 2".

Mask the brush

وهذا الناتج بالفرشاة الثانية المطبقة.

Result with the second brush

١٨. كيفية تطبيق الفرشاة الثالثة

الخطوة ١

حدد طبقة "Brush 3".

اذهب إلى Window > Brushes، حدد فرشاة Small dots، وثم انقر فوق الحق على Right click الطبقة فيWork Path المسارات Paths وحدد stroke path. من القائمة. فرشاة Tool: Brush:، قم بإلغاء تحديد زر Simulate Pressure، وانقر فوق موافق.

Stroke path with the brush

الخطوة ٢

انقر نقراً مزدوجاً فوق طبقة "Brush 3" لفتح إطار نمط طبقة. في علامة التبويب Blending Options، اضغط باستمرار وتحريك المقبض الأيسر لخيار Underlying Layer إلى 120، ثم اضغط باستمرار على المفتاح Alt وانقر فوق وعقد الجانب الأيمن من هذا المؤشر. نقل هذا الجزء من المقبض إلى 200، وانقر فوق موافق.

Set blending options

هذا هو النتيجة مع الفرشاة الثالثة المطبقة.

Result with the third brush

١٩. كيفية تطبيق الفرشاة الرابعة

الخطوة ١

حدد طبقة "Brush 4".

انتقل إلى Window> Brushes ، وحدد الفرش Big lines ، ثم انقر بزر الماوس الأيمن على طبقة مسار العمل في لوحة Paths وحدد Stroke Path ... من القائمة. حدد Tool: Brush، قم بإلغاء تحديد Simulate Pressure ، وانقر فوق موافق.

Stroke path with the brush

الخطوة ٢

انقر نقراً مزدوجاً فوق طبقة "Brush 4" لفتح إطار نمط طبقة. في علامة التبويب Blending Options، اضغط باستمرار وتحريك المقبض الأيسر لخيار Underlying Layer إلى 120، ثم اضغط باستمرار على المفتاح Alt وانقر فوق وعقد الجانب الأيمن من هذا المؤشر. نقل هذا الجزء من المقبض إلى 200، وانقر فوق موافق.

Set blending options

وهذا ناتج باستخدام الفرشاة الرابعة المطبقة.

Result with the fourth brush

٢٠. كيفية تطبيق الفرشاة الخامسة

الخطوة ١

حدد طبقة "Brush 5".

انتقل إلى Window> Brushes ، وحدد فرشاة قطرات صغيرة ، ثم انقر بزر الماوس الأيمن على طبقة مسار العمل في لوحة Paths وحدد Stroke Path ... من القائمة. حدد Tool: Brush ، قم بإلغاء تحديد simulate pressure ، وانقر فوق موافق.

Stroke path with the brush

الخطوة ٢

انقر نقراً مزدوجاً فوق طبقة "Brush 5" لفتح إطار نمط طبقة. في علامة التبويب Blending Options ، اضغط مع الاستمرار على المقبض الأيسر من الخيار Underlying Layer إلى 120 ، ثم اضغط باستمرار على مفتاح Alt وانقر مع الاستمرار على الجانب الأيمن من هذا المقبض. حرك هذا الجزء من المقبض إلى 200 ، وانقر فوق OK.

Set the blending options

هذا هو النتيجة مع الفرشاة الخامسة تطبيقها.

Result with the fifth brush

٢١. كيفية تطبيق الفرشاة السادسة

الخطوة ١

اذهب إلى Window > Paths، حدد طبقة Work Path، وانقر فوق  Load path as a selection اختيار. ثم انتقل إلى Select> Modify> Contract ... وقم بتعيين Contract By إلى 6 px واضغط على OK. أخيرًا ، ارجع إلى لوحة المسارات وانقر على زر إنشاء مسار العمل من التحديد.

Make a new work path

الخطوة ٢

حدد طبقة "Brush 6".

انتقل إلى Window> Brushes ، وحدد فرشاة الأسطر الصغيرة ، ثم انقر بزر الماوس الأيمن على طبقة مسار العمل في لوحة Paths وحدد Stroke Path ... من القائمة. حدد Tool: Brush ، قم بإلغاء تحديد Simulate Pressure ، وانقر فوق موافق.

Stroke path with the brush

الخطوة ٣

انقر نقراً مزدوجاً فوق طبقة "Brush 6" لفتح إطار نمط طبقة. في علامة التبويب Blending Options ، اضغط مع الاستمرار على المقبض الأيسر من الخيار Underlying Layer إلى 120 ، ثم اضغط باستمرار على مفتاح Alt وانقر مع الاستمرار على الجانب الأيمن من هذا المقبض. حرك هذا الجزء من المقبض إلى 200 ، وانقر فوق OK.

Set the blending options

هذا هو النتيجة مع الفرشاة السادسة تطبيقها.

Result with the sixth brush

٢٢. كيفية تطبيق الفرشاة السابعة

الخطوة ١

حدد طبقة "Brush 7" ، اضغط باستمرار على مفتاح Control ، وانقر على الصورة المصغرة لطبقة "COMIC BOOK". ثم اضغط باستمرار على مفاتيح Control و Alt وانقر على الصورة المصغرة لطبقة "COMIC BOOK 2" لإجراء تحديد.

Make a selection

الخطوة ٢

انتقل إلى Select > Modify > Contract.... ، قم بتعيين Contract By  إلى 3 px ، واضغط على OK. ثم انتقل إلى Window> Paths وانقر على زر Make work path from selection.

Make a work path

الخطوة ٣

انتقل إلى Window> Brushes ، وحدد فرشاة الأسطر المزدوجة ، ثم انقر بزر الماوس الأيمن فوق طبقة مسار العمل في لوحة Paths وحدد Stroke Path ... من القائمة. حدد Tool: Brush ، قم بإلغاء تحديد Simulate Pressure ، وانقر فوق موافق.

Stroke path with the brush

الخطوة ٤

انقر نقراً مزدوجاً فوق طبقة "Brush 7" لفتح إطار نمط طبقة. في علامة التبويب Blending Options ، اضغط مع الاستمرار على المقبض الأيسر من الخيار Underlying Layer إلى 120 ، ثم اضغط باستمرار على مفتاح Alt وانقر مع الاستمرار على الجانب الأيمن من هذا المقبض. حرك هذا الجزء من المقبض إلى 200 ، وانقر فوق OK.

Set the blending options

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

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

لقد بدأنا بإنشاء النص، وثم استخدمنا أنماط الطبقة ومرشحات على طبقات النص لدينا، وأخيراً أضفنا فرش مخصصة مختلفة.

Final result

وآمل أن تستمتع هذا البرنامج التعليمي. الرجاء لا تتردد في ترك التعليقات والاقتراحات النتائج أدناه. تأثير النص هذا أنشأنا فقط مستوحاة من الكتاب الهزلي الحبر الإجراءات-300 نقطة في البوصة، الذي سيقوم تلقائياً بتطبيق تأثير الكتاب الهزلي لأي نص أو شكل بدقة عالية.

Comic Book Ink Action
الكتاب الهزلي الحبر الإجراءات-300 نقطة في البوصة (DPI)
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.