القائمة الرئيسية

الصفحات

كيفية عمل نص ملون في برنامج فوتوشوب

 

كيفية عمل نص ملون في برنامج فوتوشوب



كيفية إنشاء نص ملون في برنامج فوتوشوب

إعداد المستند

لتوفير الوقت ، قمت بإنشاء مستند Photoshop جديد بخلفية بيضاء ، وقمت بإضافة بعض النص على طبقة كتابة فوقه. الخط الذي أستخدمه هو Avenir Next Heavy لكن أي خط سيعمل. ولا يهم لون النص لأننا سنستبدل اللون بالتدرج اللوني الخاص بنا:

وثيقة Photoshop الأولية مع نص أمام الخلفية
وثيقة Photoshop الأولية.

الخطوة 1: أضف تأثير Gradient Overlay إلى النص

لإضافة تدرج إلى النص ، سنستخدم تأثير طبقة Gradient Overlay.

في لوحة Layers ، تأكد من تحديد طبقة الكتابة . ثم انقر فوق رمز fx في الأسفل:

النقر فوق أيقونة Layer Effects في لوحة Layers في Photoshop
النقر فوق أيقونة Layer Effects.

واختر Gradient Overlay من القائمة:

اختيار تأثير Gradient Overlay في لوحة Layers في Photoshop
إضافة تراكب متدرج إلى النص.

الخطوة 2: اختر التدرج اللوني الأسود والأبيض

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

خيارات Gradient Overlay في شاشة Layer Style في Photoshop
مربع الحوار Layer Style.

لاختيار التدرج اللوني ، انقر فوق حامل لون التدرج الحالي تأكد من النقر فوق حامل اللون نفسه ، وليس السهم الصغير على يمين العينة:

النقر فوق حامل لون التدرج الحالي في مربع حوار Layer Style في Photoshop
النقر فوق حامل التدرج اللوني.

ثم في محرر التدرج ، اختر التدرج اللوني الأسود والأبيض من قسم الإعدادات المسبقة في الأعلى. اعتبارًا من Photoshop CC 2020 ، يتم تجميع الإعدادات المسبقة للتدرج في مجلدات ويتم العثور على التدرج اللوني الأسود والأبيض في مجلد الأساسيات:

اختيار التدرج اللوني الأسود والأبيض في برنامج فوتوشوب
اختيار التدرج اللوني الأسود والأبيض.

الخطوة 3: قم بتحرير ألوان التدرج

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

لتغيير اللون الأسود إلى شيء آخر ، انقر نقرًا مزدوجًا فوق توقف اللون الأسود أسفل الجانب الأيسر من شريط المعاينة:

النقر المزدوج على اللون الأسود يتوقف لتغيير اللون في محرر التدرج في Photoshop
النقر المزدوج على اللون الأسود يتوقف لتغيير اللون.

ثم اختر لونًا جديدًا من Color Picker في Photoshop. يمكنك استخدام أي ألوان تريدها. سأختار الوردي الصامت عن طريق تعيين R قيمة (الأحمر) إلى 146 ، و G قيمة (الأخضر) إلى 116 و B قيمة (الأزرق) إلى 137 . انقر فوق موافق لإغلاق Color Picker عند الانتهاء:

استخدام Color Picker في Photoshop لاستبدال اللون الأسود في التدرج اللوني
استبدال الأسود بلون جديد من Color Picker.

ثم لتغيير اللون الأبيض إلى شيء آخر ، انقر نقرًا مزدوجًا فوق توقف اللون الأبيض أسفل الجانب الأيمن من شريط المعاينة:

النقر المزدوج على اللون الأبيض يتوقف لتغيير اللون في محرر التدرج في Photoshop
النقر المزدوج على اللون الأبيض يتوقف لتغيير اللون.

واختر لونًا جديدًا من Color Picker. هذه المرة ، سأختار اللون الوردي المحمر الفاتح عن طريق ضبط R على 237 و G إلى 214 و B إلى 222 . انقر فوق "موافق" عند الانتهاء:

استخدام Color Picker في Photoshop لاستبدال اللون الأبيض في التدرج اللوني
استبدال الأبيض بلون جديد من Color Picker.

بعد تحرير كلا اللونين ، لدينا الآن تدرج مخصص جديد:

ألوان التدرج المخصصة الجديدة.
ألوان التدرج الجديدة.


الخطوة 4: اضبط موقع كل لون على 50٪

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

أولاً ، انقر فوق توقف اللون الأيسر لتحديده. لا تنقر نقرًا مزدوجًا هذه المرة ، فقط انقر مرة واحدة:

تحديد اللون الأيسر يتوقف أسفل شريط معاينة التدرج
اختيار لون التوقف الأيسر.

ثم قم بتغيير قيمة الموقع من 0٪ إلى 50٪ . ستتحرك نقطة توقف اللون أسفل مركز التدرج:

تغيير موقع لون التدرج الأيسر إلى 50 بالمائة في محرر التدرج في Photoshop
تغيير موقع اللون الأيسر إلى 50٪.

ثم انقر فوق التوقف اللوني الصحيح لتحديده:

تحديد اللون المناسب يتوقف أسفل شريط معاينة التدرج
اختيار اللون المناسب توقف.

وتغيير قيمة الموقع أيضًا إلى 50٪ . يتداخل التوقفان اللونيان الآن في المركز ويتم تعبئة كل نصف من التدرج بلون خالص:

تغيير موقع لون التدرج الصحيح إلى 50 بالمائة في محرر التدرج في Photoshop
تغيير موقع اللون المناسب إلى 50٪.

كيفية تبديل ترتيب الألوان

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

كيفية تبديل ترتيب ألوان التدرج
انقر فوق توقف اللون لتبديل ترتيب الألوان.

الخطوة 5: احفظ التدرج اللوني كإعداد مسبق جديد

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

لكن أولاً ، إذا كنت تستخدم Photoshop CC 2020 أو إصدارًا أحدث ، فأغلق مجلد الأساسيات في منطقة الإعدادات المسبقة. سيؤدي ترك المجلد مفتوحًا إلى إضافة الإعداد المسبق الجديد إلى المجلد ، وهذا ليس ما نريده:

إغلاق مجلد الأساسيات قبل حفظ إعداد مسبق جديد للتدرج في Photoshop's Gradient Editor
إغلاق مجلد الأساسيات قبل حفظ الإعداد المسبق الجديد.

أعط اسمًا لإعدادك المسبق. سأسمي "ألوان الانقسام". ثم انقر فوق الزر " جديد" لحفظه:

تسمية التدرج وحفظه كإعداد مسبق مخصص في محرر التدرج في Photoshop
تسمية وحفظ الإعداد المسبق الجديد.

يظهر الإعداد المسبق الجديد كصورة مصغرة أسفل التدرجات الأخرى. في هذه المرحلة ، انتهينا من محرر التدرجات ، لذا انقر فوق موافق لإغلاقه. لكن اترك مربع الحوار Layer Style مفتوحًا:

تم حفظ التدرج كإعداد مسبق مخصص في محرر التدرج في Photoshoo
تم حفظ التدرج كإعداد مسبق مخصص.

هذا هو نصي بالألوان المنقسمة حتى الآن. النصف العلوي مليء باللون الفاتح من اللونين والنصف السفلي مليء باللون الغامق:

لون منقسم أو تأثير نص نصف لون تم إنشاؤه في Photoshop
النتيجة بعد ملء النص بتدرج لوني منقسم.

كيفية عكس الألوان

لتبديل موضع الألوان ، حدد خيار Reverse في شاشة Layer Style:

كيفية عكس ترتيب الألوان المتدرجة في Photoshop
التحقق من خيار عكس.

والآن أصبح اللون الأغمق في الأعلى واللون الأفتح في الأسفل. قم بإلغاء تحديد الخيار Reverse لاستبدالها مرة أخرى:

نص اللون المنقسم في Photoshop مع عكس اللونين.
نفس الألوان ولكن بترتيب معكوس.

كيفية تطبيق ضربة لون منقسم حول النص

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

الخطوة 1: أضف تأثير طبقة Stroke

لا يزال في مربع الحوار Layer Style ، انقر فوق كلمة Stroke في قائمة التأثيرات الموجودة على اليسار:

إضافة تأثير طبقة Stroke إلى نص اللون المنقسم
إضافة تأثير طبقة ضربة فرشاة.

الخطوة 2: حدد التدرج اللوني المنقسم

قم بتغيير نوع تعبئة الحد من اللون إلى التدرج اللوني :

ضبط نوع التعبئة لتأثير طبقة الحد على التدرج في Photoshop
ضبط نوع التعبئة على التدرج.

ثم انقر فوق السهم الصغير بجوار حامل التدرج اللوني:

اختيار تدرج جديد لتأثير طبقة الحد
النقر فوق السهم لاختيار تدرج جديد.

وانقر نقرًا مزدوجًا فوق الصورة المصغرة للتدرج اللوني المنقسم لتحديده:

تحديد التدرج اللوني المنقسم لاستخدامه مع الحد حول النص
انقر نقرًا مزدوجًا لتحديد الإعداد المسبق للتدرج.

الخطوة 3: حدد الخيار العكسي

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

بعبارة أخرى ، مهما فعلت بخيار Reverse للنص نفسه (Gradient Overlay) ، فقم بالعكس بالنسبة للحد:

عكس ترتيب الألوان المتدرجة للحد حول النص
عكس ترتيب ألوان التدرج في الحد.

يجب أن يظهر الحد الآن كمخطط رفيع حول الحروف ، ويجب أن تكون الألوان في الحد بالترتيب المعاكس للنص. يجب أن يظهر النصف الداكن من الحد حول النصف الأفتح من النص ، ويجب أن يكون النصف الأفتح من الخط حول النصف الأغمق من النص:

الخط الأولي حول النص.
السكتة الدماغية الأولية حول الحروف.

الخطوة 4: اضبط الوضع على الخارج

تغيير السكتة الدماغية في الوظيفة إلى خارج لذلك يبدو حول حواف خارج الحروف:

ضبط موضع الشطب على الخارج
ضبط موضع الضربة على الخارج.

الخطوة 5: زيادة حجم ضربة الفرشاة

ثم استخدم منزلق الحجم لزيادة عرض الحد. سأضبط خاصتي على 16 بكسل:

زيادة حجم الحد في شاشة Layer Style في Photoshop
زيادة حجم الحد.

وهذه هي النتيجة. لدينا الآن حد حول النص باستخدام نفس تأثير تقسيم اللون (ولكن معكوس):

نص بلون منقسم وتأثير حد تم إنشاؤه في Photoshop
تأثير ضربة الفرشاة اللونية.

الخطوة 6: أغلق مربع الحوار Layer Style

بعد ذلك ، سأوضح لك كيفية ملء الخلفية بتدرج لوني منقسم. ولكن في هذه المرحلة ، انتهينا من مربع الحوار Layer Style ، لذا انقر فوق موافق لإغلاقه:

إغلاق شاشة Photoshop Layer Style
إغلاق شاشة Layer Style.


كيفية ملء الخلفية بتدرج لوني منقسم

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

الخطوة 1: قم بإيقاف تشغيل تأثير Stroke

أولاً ، إذا قمت بإضافة حد من القسم السابق ، ثم في لوحة Layers ، قم بإيقاف تشغيل الحد بالنقر فوق أيقونة الرؤية الخاصة بها أسفل طبقة الكتابة:

إيقاف تشغيل تأثير Stroke في لوحة Layers في Photoshop
إيقاف السكتة الدماغية.

الخطوة 2: حدد طبقة الخلفية

لا يزال في لوحة Layers ، انقر فوق طبقة الخلفية لتحديدها:

تحديد طبقة الخلفية في لوحة Layers في Photoshop
اختيار طبقة الخلفية.

الخطوة 3: أضف طبقة تعبئة متدرجة

ثم انقر فوق أيقونة New Fill أو Adjustment Layer في الأسفل:

النقر فوق أيقونة New Fill أو Adjustment Layer في لوحة Layers في Photoshop
النقر فوق أيقونة New Fill أو Adjustment Layer.

واختر طبقة تعبئة متدرجة من القائمة:

إضافة طبقة تعبئة متدرجة أسفل النص
إضافة طبقة تعبئة متدرجة.

و طبقة تعبئة متدرجة يظهر بين طبقة الكتابة والطبقة الخلفية:

تعرض لوحة Layers في Photoshop طبقة تعبئة Gradient أسفل النص
تتم إضافة طبقة تعبئة التدرج أسفل النص.

الخطوة 4: اختر التدرج اللوني المنقسم

في مربع الحوار Gradient Fill ، انقر فوق السهم الموجود على يمين حامل التدرج اللوني:

اختيار تدرج جديد في مربع حوار ملء التدرج في فوتوشوب
النقر فوق السهم لاختيار تدرج مختلف.

ثم انقر نقرًا مزدوجًا فوق الصورة المصغرة للتدرج اللوني المنقسم لتحديده:

تحديد الإعداد المسبق للتدرج اللوني المنقسم في مربع حوار Gradient Fill الخاص بـ Photohop
النقر المزدوج على الإعداد المسبق للتدرج اللوني المنقسم.

الخطوة 5: عكس ألوان التدرج

تمامًا كما هو الحال مع الحد ، يجب أن تكون ألوان الخلفية بترتيب عكسي للنص ، وإلا سيختفي النص من العرض.

لذلك إذا لم تقم بتحديد الخيار Reverse للنص (تأثير Gradient Overlay) ، فحدد Reverse في مربع الحوار Gradient Fill. وإذا لم تحديد العكسي للنص، ثم ترك عكسي في مربع الحوار تعبئة متدرجة دون رادع:

الخيار Reverse في مربع الحوار Gradient Fill الخاص بـ Photohop
عكس ألوان التدرج للخلفية.

انقر فوق OK لإغلاق مربع الحوار Gradient Fill ، وسيظهر التدرج اللوني المنقسم خلف النص بترتيب عكسي لكيفية ظهوره داخل الحروف.

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

لا يتم محاذاة التدرج اللوني المنقسم في النص مع الخلفية
يجب محاذاة النص والتدرج اللوني.

الخطوة 6: انقل النص إلى موضعه

لنقل النص إلى موضع بحيث يصطف التدرجان ، حدد أولاً طبقة الكتابة في لوحة Layers:

تحديد طبقة الكتابة في لوحة Layers في Photoshop
اختيار طبقة الكتابة.

ثم في شريط الأدوات ، حدد أداة التحريك :

تحديد أداة التحريك في شريط أدوات الفوتوشوب
اختيار أداة التحريك.

وقبل نقل النص ، انتقل إلى قائمة عرض في شريط القوائم واختر 100٪ . يؤدي هذا إلى تكبير المستند إلى وضع العرض بنسبة 100٪ والذي يسمح لك بدفع النص بمقدار بكسل واحد في كل مرة:

تحديد وضع العرض بنسبة 100 بالمائة في Photoshop
الذهاب إلى عرض> 100٪.

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

نص بلون منقسم وتأثير خلفية تم إنشاؤه في Photoshop
نص اللون المنقسم النهائي وتأثير التدرج.
  • فيس بوك
  • بنترست
  • تويتر
  • واتس اب
  • لينكد ان
إظهار التعليقات