اذهب إلى المحتوى

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


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.


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

أفضل التعليقات



انضم إلى النقاش

يمكنك أن تنشر الآن وتسجل لاحقًا. إذا كان لديك حساب، فسجل الدخول الآن لتنشر باسم حسابك.

زائر
أضف تعليق

×   لقد أضفت محتوى بخط أو تنسيق مختلف.   Restore formatting

  Only 75 emoji are allowed.

×   Your link has been automatically embedded.   Display as a link instead

×   جرى استعادة المحتوى السابق..   امسح المحرر

×   You cannot paste images directly. Upload or insert images from URL.


×
×
  • أضف...