طريقة عمل خلفية تايبوغرافية رائعة باستخدام فوتوشوب


Sara Aber

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

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

حسنا فلنبدأ.

الخطوة الأولى: عمل الخلفية

بداية نقوم بفتح ملف جديد بالمقاسات التالية: 1920px*1200px ونختار له اللّون 242424#، نضاعف طبقة الخلفية ونغير اسمها إلى Film grain. بعدها نتّبع المسار التّالي:

Filter > Artistic > Film Grain

مع تطبيق الإعدادات التي تظهر في الصورة:

1.thumb.jpg.dc3d2e6a14cd43ecf20b3a0157df

نخفّض قيمة opacity للطّبقة إلى 50 بالمئة حتى تظهر لنا النتيجة كما في الصورة:

2.thumb.jpg.5c4eaefb23e8880559532bb3cd28

الخطوة الثانية: عمل التوهج

نقوم بعمل طبقة جديدة وليكن اسمها Lighting، بعدها نحدد أداة Radial Gradient مع استخدام اللونين الأبيض والأسود:

3.thumb.jpg.074c8c729bbcb6e1bb71d7685d30

نغيّر نوع الطبقة إلى Overlay وقيمة opacity إلى 50 بالمئة حتى نحصل على التالي:

4.thumb.jpg.e2c728e487a9c4b91ec3501b8ba7

الخطوة الثالثة: استخدام الفرش

نحمِّل الفرشاة التالية، نضيف طبقة جديدة ونقوم باستخدامها قليلا حول الشّكل السابق، ثم نحدد قيمة opacity بـ: 50 بالمئة.

نقوم بوضع الخامة التالية فوق الشكل الذي قمنا بتصميمه:

texture-typography-tutorial.thumb.jpg.a8

ونقوم بتحديد نوع الطبقة بـ: Overlay وقيمة opacity بـ: 10 بالمئة:

5.thumb.jpg.f242cbfd7ea58e001fe7edbc941a

الخطوة الرابعة: كتابة النص الأساسي

نقوم بتحميل الخط BEBAS، ثم نفتح طبقة جديدة ونكتب فيها النّص الذي نريد، اخترت مقاس الخط 350pt وفضّلت أن يكون ناعما (smooth mode) أمّا اللون فلك حرية الاختيار، أخيرا نقوم بتسمية الطبقة PEACE:

6.thumb.jpg.9b8b3bb59fcb522db0042ec2b0a9

الخطوة الخامسة: إضافة خلفية النص (خطوة جد هامة)

نقوم بتخفيض قيمة opacity الخاصّة بالنّص إلى: 15%، بعدها نتبع المسار التالي لعمل مجموعة طبقات:

 Layer > New > Group

ونقوم بتسمية تلك المجموعة بـ Words.

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

  • Arial
  • Cambria
  • Candara
  • Impact
  • Tahoma
  • Times New Roman
  • Verdana
  • وبعض الخطوط الإفتراضية
  • كذلك يمكن استعمال بعض من هذه الخطوط المجانية dafont ،Colaborate ،Extravaganzza

7.thumb.jpg.ecbe528bf0af69dabad3d9001f1a

8.thumb.jpg.050105827e3f81ea30f571e4039e

9.thumb.jpg.3c9d91b8bccfe90bdd74ab549c27

10.thumb.jpg.8b14531c8ba9c663111fd6e92d1

11.thumb.jpg.6e2c89fa6b3c10c79facca0e51c

الخطوة السادسة: عمل بعض التأثيرات

نقوم بمضاعفة مجموعة الطّبقات التي قمنا بتسميّتها بـ Words:

Layer > Duplicate Group

ثمّ ندمجها (Ctrl+E)، بعدها نجعل مجموعة الكلمات (غير المدمجة) غير مرئية invisible، نحدّد أكبر نص لدينا (في تصميمي حددت كلمة PEACE) ونضغط على CTRL (لمستعملي أجهزة mac نختار Command) ثم نضغط على الصورة المصغّرة في الطبقات:

12.thumb.jpg.9afd8e9a98a5e90700ee5f8f381

نضغط على طبقة الكلمات المدمجة ثم نضغط على Ctrl+J، إذا كنت قد دمجت الطبقة Words وكانت مجموعة الطبقات غير المدمجة لازالت غير مرئية فستحصل على النتيجة التالية:

13.thumb.jpg.a106458794a718b3975956bdd12

الخطوة السابعة: عمل تأثيرات لخلفية النص

نقوم بإظهار طبقة Words المدمجة من جديد ونطبق النمط التالي:

14.thumb.jpg.aa46b2a26c4744d8c8959a397b6

نحدد قيمة opacity بـ:30%:

15.thumb.jpg.ad8fb0c1fff36b60279697a6cae

نضاعف الطبقة المدمجة Words، ونضعها في الأسفل، بعدها نتبع المسار التّالي:

Filter > Blur > Motion Blur

مع تطبيق نفس الإعدادات التي في الصّورة:

16.thumb.jpg.4d627b7ba56943057e1878a07f7

نحدد قيمة opacity بـ:15%:

17.thumb.jpg.a3bd82b4682c92d4d62c125faf5

بإمكاننا أن نضيف أيضا نص أسفل العنوان:

18.thumb.jpg.e0b7808fdf9e3488fe88aca3e73

الخطوة الثامنة: اللمسات الأخيرة

نحدّد الطبقة التي تحتوي على كلمة PEACE ونغير قيمة opacity إلى 4 بالمئة:

19.thumb.jpg.bec003eadc90d9e2d664d867ac2

نقوم بعمل طبقة جديدة ونذهب إلى:

Image > Apply Image

ثم نتبع المسار التالي:

Filter > Render > Lightning Effects

مع تحديد الإعدادات التالية:

20.thumb.jpg.4ecbe49b55041c4e04f00542446

نحدد قيمة opacity بـ:30%، وبهذا نكون قد أنهينا درسنا.

كذلك قمت بإضافة gradient map لإحدى طبقات الكلمات وكانت هذه هي النتيجة:

21.thumb.jpg.46172359f8a5ce93e2d06caeb5d

ترجمة -وبتصرّف- للدّرس How To Create Great Typographic Wallpaper In Photoshop لصاحبه James Richman.



2 اشخاص أعجبوا بهذا


تفاعل الأعضاء


السلام عليكم

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

شارك هذا التعليق


رابط هذا التعليق
شارك على الشبكات الإجتماعية

وقعت في مشكلة

 Filter > Artistic > Film Grain

ال Artistic غير موجود لدي في قائمة ال فيلتر

شارك هذا التعليق


رابط هذا التعليق
شارك على الشبكات الإجتماعية

صالح السوفي تعال على الخاص، سأريك كيف تتم العملية..  

حسوب: شكرا على الدرس القيم، استفدت منه، كتبت بها اسمي

Background BELFQIH.png

شارك هذا التعليق


رابط هذا التعليق
شارك على الشبكات الإجتماعية


يجب أن تكون عضوًا لدينا لتتمكّن من التعليق

انشاء حساب جديد

يستغرق التسجيل بضع ثوان فقط


سجّل حسابًا جديدًا

تسجيل الدخول

تملك حسابا مسجّلا بالفعل؟


سجّل دخولك الآن