Advertisement
  1. Design & Illustration
  2. Text Effects
Design

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

by
Difficulty:BeginnerLength:ShortLanguages:

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

Final product image
What You'll Be Creating

تأثير نصوص الملصقات ثلاثية الأبعاد تأثير سهل للغاية و لكنه في نفس الوقت جميل و مفيد. في هذا الدرس ستتعلم كيفية إنشاء نص ثلاثي الأبعاد قابل للتعديل عن طريق إستخدام الـ smart objects و خصائص الطبقات. فلنبدأ الدرس!

ملحقات الدرس

هذه الملحقات هي الأدوات المُساعدة التي سنستخدمها لنصل إلى نتيجة هذا الدرس:

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

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

أنشئ ملف جديد بمقاسات 770 بكسل × 490 بكسل قم بإختيار لون المقدمة بالكود التالي #3f797d و لون الخلفية بالكود التالي #80b2bb ، و إختر آداة التدرج اللوني Gradient Tool و إختر Linear Gradient من شريط الخيارات، و بعدهل قم بالضغط و السحب من أسفل مساحة العمل إلى الأعلى و ذلك لنحصل على خلفية متدرجة.

و بعدها توجه إلى قائمة Filter و إختر منها Convert for Smart Filters

Background Gradient

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

إضغط مرتين على طبقة الخلفية و التي حولناها إلى smart object لنقم بتطبيق Pattern عليها و ذلك طبقا ً للإعدادات التالية:

  • Blend Mode: Soft Light
  • الباترن : الحائط الخرساني الموجود في ملحقات الدرس
Pattern Overlay

هذا سيضيف الستايل إلى الخلفية

Styled Bacground

2. إنشاء النص و تحويلة إلى Smart Object

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

قم بكتابة النص باللون الأسود بإستخدام الخط Alba و حجم الخط يكون 120pt .

Create the Text

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

قم بمضاعفة طبقة النص و قم بإعادة تسميتها إلى Stroke و قم بإعادة تسمية النسخة إلى Text.

Text and Stroke Layers

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

قم بالضغط مرتين على الطبقة المُسماة Stroke و لنقم بتطبيق تأثير الحدود Stroke عليها بإستخدام الإعدادات التالية:

  • Size: 14
  • اللون : #dcdcdc
Stroke

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

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

Text Stroke

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

قم بالضغط بزر الماوس الأيمن على كل من الطبقتين ( طبقة الحدود Stroke و طبقة النص Text ) و إختر Convert to Smart Object .

قم بمضاعفة طبقة النص و قم بتغيير قيمة الـ Fill لنسخة الطبقة إلى صفر 0 .

Convert to Smart Objects

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

قم بمضاعفة الطبقة المسماة Text copy و طبقة الحدود Stroke . ثم قمة بتغيير قيمة التعبئة Fill لطبقة الحدود المنسوخة Stroke copy إلى صفر 0 ثم قم بتغيير ترتيبها إلى الأعلى أي فوق كل باقي الطبقات الأخرى.

Duplicate the Text and Stroke Layers

3. تأثيرات طبقة الحدود

إضغط مرتين على طبقة الحدود Stroke و قم بتطبيث التأثيرات التالية عليها :

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

قم بإضافة تأثير الـ Bevel and Emboss بالإعدادات التالية :

  • الحجم : 10
  • قم بإزالة علامة الصح من المربع المجاور لـ Use Global Light
  • Angle: 79
  • Altitude: 37
  • قم بوضع علامة صح بالمربع المجاور لـ Anti-aliased
  • Shadow Mode اللون الخاص به : #2f959d
Bevel and Emboss

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

قم بإضافة تأثير الـ Inner Shadow بالإعدادات التالية :

  • Distance: 0
  • Choke: 30
  • الحجم : 3
Inner Shadow

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

قم بإضافة تأثير الـ Drop Shadow بالإعدادات التالية :

  • الشفافية : 47%
  • المسافة : 5
  • الحجم : 6
Drop Shadow

هذا سيقوم بتطبيق التأثيرات على طبقة الحدود السفلية

Styled Stroke Layer

4. تأثيرات طبقة النص الأصلية

قم بالضغط مرتين على طبقة النص Text و قم بتطبيق التأثيرات التالية عليها :

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

قم بإضافة تأثير الـ Bevel and Emboss بالإعدادات التالية :

  • Size: 7
  • قم بإزالة علامة الصح من المربع المجاور لـ Use Global Light
  • Angle: 117
  • Altitude: 69
  • قم بوضع علامة صح بالمربع المجاور لـ Anti-aliased
Bevel and Emboss

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

قم بإضافة تأثير الـ Inner Shadow بالإعدادات التالية

  • الشفافية : 35%
  • المسافة : 0
  • الحجم : 5
Inner Shadow

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

قم بإضافة تأثير الـ Color Overlay بالإعدادات التالية :

  • اللون : #ea326e

هذا اللون هو اللون الخاص بالنص ، لذا يمكنكم إختيار أي لون يحلو لكم.

Color Overlay

و هذا سيقوم بتطبيق التأثيرات على طبقة النص الأصلية كما بالصورة.

Styled Main Text

5. تأثيرات نسخة النص الأولى

قم بالضغط مرتين على طبقة نسخة النص الأولى و قم بتطبيق التأثيرات التالية عليها :

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

قم بإضافة تأثير الـ Bevel and Emboss بالإعدادات التالية :

  • Size: 5
  • قم بإزالة علامة الصح من المربع المجاور لـ Use Global Light
  • Angel: 0
  • Altitude: 69
  • قم بوضع علامة صح بالمربع المجاور لـ Anti-aliased
  • Shadow Mode - نقوم بضبط الشفافية بالقيمة التالية : 25%
Bevel and Emboss

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

أضف تأثير الـ Contour بالإعدادات التالية :

  • فقط قم بوضع علامة صح بالمربع المجاور لـ Anti-aliased
Contour

هذا سيقوم بتحسين و توضيح تأثير اللمعان.

Styled First Copy Text Layer

6. تأثيرات طبقة نسخة النص الثانية

قم بالضغط مرتين على طبقة نسخة النص الثانية و قم بتطبيق التأثيرات التالية عليها :

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

قم بإضافة تأثير الـ Bevel and Emboss بالإعدادات التالية :

  • Style: Outer Bevel
  • Size: 7
  • قم بإزالة علامة الصح من المربع المجاور لـ Use Global Light
  • Angle: 117
  • Altitude: 69
  • قم بوضع علامة صح بالمربع المجاور لـ Anti-aliased
  • Highlight Mode - نضبط الشفافية بالقيمة التالية : 100%
  • Shadow Mode - نضبط الشفافية بالقيمة التالية : 100%
Bevel and Emboss

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

قم بإضافة تأثير Gradient Overlay بالإعدادات التالية :

  • Blend Mode: Soft Light
  • Opacity: 30%
Gradient Overlay

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

Styled Second Copy Text Layer

7. تنسيق طبقة الحدود العلوية

قم بالضغط مرتين على طبقة نسخة الحدود Stroke copy و قم بتطبيق التأثيرات التالية عليها :

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

قم بإضافة تأثير الـ Bevel and Emboss بالإعدادات التالية :

  • Size: 3
  • Soften: 2
  • قم بإزالة علامة الصح من المربع المجاور لـ Use Global Light .
  • Angle: -153
  • Altitude: 69
  • قم بوضع علامة صح في المربع المجاور لـ Anti-aliased
  • Highlight Mode: Vivid Light
Bevel and Emboss

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

قم بإضافة تأثير Contour بالإعدادات التالية :

  • فقط قم بوضع علامة صح في المربع المجاور لـ Anti-aliased.
Contour

و هذا آخر تأثير للطبقة النهائية.

Styled Second Stroke Layer

مبارك عليك ! لقد أنهيت الأمر

في هذا الدرس قمنا بإنشاء خلفية بسيطة، و بعض النصوص و طبقة مخصصة للحدود و قمنا بذلك بإستخدام نظام الـ smart objects .

و قمنا بتطبيق بعض التأثيرات على تلك الطبقات بإستخدام خصائص الطبقات لينتهي بنا الأمر بذلك النص ثلاثي الأبعاد و الذي يحمل طابع الملصقات اللامعة.

لا تنسى أن تشاركوننا بتعليقاتكم و إقتراحاتكم و نتائج تطبيقاتكم.

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.