كيفية إنشاء نص ملون في برنامج فوتوشوب
إعداد المستند
لتوفير الوقت ، قمت بإنشاء مستند Photoshop جديد بخلفية بيضاء ، وقمت بإضافة بعض النص على طبقة كتابة فوقه. الخط الذي أستخدمه هو Avenir Next Heavy لكن أي خط سيعمل. ولا يهم لون النص لأننا سنستبدل اللون بالتدرج اللوني الخاص بنا:
![وثيقة Photoshop الأولية مع نص أمام الخلفية](https://pe-images.s3.amazonaws.com/type/effects/cc/split-color-text/original-photoshop-document.jpg)
الخطوة 1: أضف تأثير Gradient Overlay إلى النص
لإضافة تدرج إلى النص ، سنستخدم تأثير طبقة Gradient Overlay.
في لوحة Layers ، تأكد من تحديد طبقة الكتابة . ثم انقر فوق رمز fx في الأسفل:
![النقر فوق أيقونة Layer Effects في لوحة Layers في Photoshop](https://pe-images.s3.amazonaws.com/type/effects/cc/split-color-text/layers-panel-fx-icon.png)
واختر Gradient Overlay من القائمة:
![اختيار تأثير Gradient Overlay في لوحة Layers في Photoshop](https://pe-images.s3.amazonaws.com/type/effects/cc/split-color-text/add-gradient-overlay-layer-effect.png)
الخطوة 2: اختر التدرج اللوني الأسود والأبيض
في مربع الحوار نمط طبقة يفتح إلى خيارات متدرجة التراكب. سنبدأ باختيار التدرج اللوني القياسي من الأسود إلى الأبيض في Photoshop ، ثم سنقوم بتحرير الألوان لإنشاء التدرج اللوني المخصص الخاص بنا:
![خيارات Gradient Overlay في شاشة Layer Style في Photoshop](https://pe-images.s3.amazonaws.com/type/effects/cc/split-color-text/gradient-options-layer-style-dialog.png)
لاختيار التدرج اللوني ، انقر فوق حامل لون التدرج الحالي . تأكد من النقر فوق حامل اللون نفسه ، وليس السهم الصغير على يمين العينة:
![النقر فوق حامل لون التدرج الحالي في مربع حوار Layer Style في Photoshop](https://pe-images.s3.amazonaws.com/type/effects/cc/split-color-text/click-gradient-color-swatch.png)
ثم في محرر التدرج ، اختر التدرج اللوني الأسود والأبيض من قسم الإعدادات المسبقة في الأعلى. اعتبارًا من Photoshop CC 2020 ، يتم تجميع الإعدادات المسبقة للتدرج في مجلدات ويتم العثور على التدرج اللوني الأسود والأبيض في مجلد الأساسيات:
![اختيار التدرج اللوني الأسود والأبيض في برنامج فوتوشوب](https://pe-images.s3.amazonaws.com/type/effects/cc/split-color-text/select-black-white-gradient-editor.png)
الخطوة 3: قم بتحرير ألوان التدرج
يعرض شريط معاينة التدرج الموجود في النصف السفلي من الشاشة ألوان التدرج اللوني الحالية. ومع تحديد التدرج اللوني الأسود والأبيض ، يظهر الجانب الأيسر من شريط المعاينة باللون الأسود ويظهر الجانب الأيمن باللون الأبيض. لكن يمكننا تحرير الألوان باستخدام التوقفات اللونية.
لتغيير اللون الأسود إلى شيء آخر ، انقر نقرًا مزدوجًا فوق توقف اللون الأسود أسفل الجانب الأيسر من شريط المعاينة:
![النقر المزدوج على اللون الأسود يتوقف لتغيير اللون في محرر التدرج في Photoshop](https://pe-images.s3.amazonaws.com/type/effects/cc/split-color-text/edit-gradient-black-color.jpg)
ثم اختر لونًا جديدًا من Color Picker في Photoshop. يمكنك استخدام أي ألوان تريدها. سأختار الوردي الصامت عن طريق تعيين R قيمة (الأحمر) إلى 146 ، و G قيمة (الأخضر) إلى 116 و B قيمة (الأزرق) إلى 137 . انقر فوق موافق لإغلاق Color Picker عند الانتهاء:
![استخدام Color Picker في Photoshop لاستبدال اللون الأسود في التدرج اللوني](https://pe-images.s3.amazonaws.com/type/effects/cc/split-color-text/color-picker-first-gradient-color.jpg)
ثم لتغيير اللون الأبيض إلى شيء آخر ، انقر نقرًا مزدوجًا فوق توقف اللون الأبيض أسفل الجانب الأيمن من شريط المعاينة:
![النقر المزدوج على اللون الأبيض يتوقف لتغيير اللون في محرر التدرج في Photoshop](https://pe-images.s3.amazonaws.com/type/effects/cc/split-color-text/edit-gradient-white-color.jpg)
واختر لونًا جديدًا من Color Picker. هذه المرة ، سأختار اللون الوردي المحمر الفاتح عن طريق ضبط R على 237 و G إلى 214 و B إلى 222 . انقر فوق "موافق" عند الانتهاء:
![استخدام Color Picker في Photoshop لاستبدال اللون الأبيض في التدرج اللوني](https://pe-images.s3.amazonaws.com/type/effects/cc/split-color-text/color-picker-second-gradient-color.jpg)
بعد تحرير كلا اللونين ، لدينا الآن تدرج مخصص جديد:
![ألوان التدرج المخصصة الجديدة.](https://pe-images.s3.amazonaws.com/type/effects/cc/split-color-text/new-gradient-colors-photoshop.jpg)
الخطوة 4: اضبط موقع كل لون على 50٪
في الوقت الحالي ، تنتقل الألوان في التدرج تدريجياً من واحدة إلى أخرى. لإنشاء تدرج لوني صلب يقسم اللونين لأسفل في المنتصف ، ما عليك سوى تغيير قيمة الموقع لكل توقف لوني.
أولاً ، انقر فوق توقف اللون الأيسر لتحديده. لا تنقر نقرًا مزدوجًا هذه المرة ، فقط انقر مرة واحدة:
![تحديد اللون الأيسر يتوقف أسفل شريط معاينة التدرج](https://pe-images.s3.amazonaws.com/type/effects/cc/split-color-text/select-left-color-stop.jpg)
ثم قم بتغيير قيمة الموقع من 0٪ إلى 50٪ . ستتحرك نقطة توقف اللون أسفل مركز التدرج:
![تغيير موقع لون التدرج الأيسر إلى 50 بالمائة في محرر التدرج في Photoshop](https://pe-images.s3.amazonaws.com/type/effects/cc/split-color-text/left-color-stop-location-50percent.jpg)
ثم انقر فوق التوقف اللوني الصحيح لتحديده:
![تحديد اللون المناسب يتوقف أسفل شريط معاينة التدرج](https://pe-images.s3.amazonaws.com/type/effects/cc/split-color-text/select-right-color-stop.jpg)
وتغيير قيمة الموقع أيضًا إلى 50٪ . يتداخل التوقفان اللونيان الآن في المركز ويتم تعبئة كل نصف من التدرج بلون خالص:
![تغيير موقع لون التدرج الصحيح إلى 50 بالمائة في محرر التدرج في Photoshop](https://pe-images.s3.amazonaws.com/type/effects/cc/split-color-text/right-color-stop-location-50percent.png)
كيفية تبديل ترتيب الألوان
بناءً على الترتيب الذي حددت به توقفات اللون ، قد تكون الألوان في التدرج اللوني قد بدلت جوانبها. لتبديلها مرة أخرى ، ما عليك سوى النقر فوق أي لون يظهر أسفل منتصف شريط المعاينة:
![كيفية تبديل ترتيب ألوان التدرج](https://pe-images.s3.amazonaws.com/type/effects/cc/split-color-text/switch-gradient-colors.png)
الخطوة 5: احفظ التدرج اللوني كإعداد مسبق جديد
إذا كنت ترغب في تطبيق التدرج ليس فقط على النص الخاص بك ولكن أيضًا على الحد أو الخلفية (وهو ما سنفعله بعد قليل) ، فقبل إغلاق محرر التدرج اللوني ، احفظ التدرج كإعداد مسبق جديد.
لكن أولاً ، إذا كنت تستخدم Photoshop CC 2020 أو إصدارًا أحدث ، فأغلق مجلد الأساسيات في منطقة الإعدادات المسبقة. سيؤدي ترك المجلد مفتوحًا إلى إضافة الإعداد المسبق الجديد إلى المجلد ، وهذا ليس ما نريده:
![إغلاق مجلد الأساسيات قبل حفظ إعداد مسبق جديد للتدرج في Photoshop's Gradient Editor](https://pe-images.s3.amazonaws.com/type/effects/cc/split-color-text/close-basics-folder.png)
أعط اسمًا لإعدادك المسبق. سأسمي "ألوان الانقسام". ثم انقر فوق الزر " جديد" لحفظه:
![تسمية التدرج وحفظه كإعداد مسبق مخصص في محرر التدرج في Photoshop](https://pe-images.s3.amazonaws.com/type/effects/cc/split-color-text/name-and-save-gradient-preset.png)
يظهر الإعداد المسبق الجديد كصورة مصغرة أسفل التدرجات الأخرى. في هذه المرحلة ، انتهينا من محرر التدرجات ، لذا انقر فوق موافق لإغلاقه. لكن اترك مربع الحوار Layer Style مفتوحًا:
![تم حفظ التدرج كإعداد مسبق مخصص في محرر التدرج في Photoshoo](https://pe-images.s3.amazonaws.com/type/effects/cc/split-color-text/new-gradient-preset-saved.png)
هذا هو نصي بالألوان المنقسمة حتى الآن. النصف العلوي مليء باللون الفاتح من اللونين والنصف السفلي مليء باللون الغامق:
![لون منقسم أو تأثير نص نصف لون تم إنشاؤه في Photoshop](https://pe-images.s3.amazonaws.com/type/effects/cc/split-color-text/split-color-text-photoshop.png)
كيفية عكس الألوان
لتبديل موضع الألوان ، حدد خيار Reverse في شاشة Layer Style:
![كيفية عكس ترتيب الألوان المتدرجة في Photoshop](https://pe-images.s3.amazonaws.com/type/effects/cc/split-color-text/gradient-reverse-option.png)
والآن أصبح اللون الأغمق في الأعلى واللون الأفتح في الأسفل. قم بإلغاء تحديد الخيار Reverse لاستبدالها مرة أخرى:
![نص اللون المنقسم في Photoshop مع عكس اللونين.](https://pe-images.s3.amazonaws.com/type/effects/cc/split-color-text/split-color-text-gradient-reversed.png)
كيفية تطبيق ضربة لون منقسم حول النص
إذا كنت راضيًا عن التأثير في هذه المرحلة ، يمكنك إغلاق مربع الحوار Layer Style وتكون قد انتهيت. ولكن إليك كيف يمكنك تحسين التأثير من خلال تطبيق حد حول النص باستخدام نفس التدرج اللوني المنقسم.
الخطوة 1: أضف تأثير طبقة Stroke
لا يزال في مربع الحوار Layer Style ، انقر فوق كلمة Stroke في قائمة التأثيرات الموجودة على اليسار:
![إضافة تأثير طبقة Stroke إلى نص اللون المنقسم](https://pe-images.s3.amazonaws.com/type/effects/cc/split-color-text/add-stroke-layer-effect-photoshop.png)
الخطوة 2: حدد التدرج اللوني المنقسم
قم بتغيير نوع تعبئة الحد من اللون إلى التدرج اللوني :
![ضبط نوع التعبئة لتأثير طبقة الحد على التدرج في Photoshop](https://pe-images.s3.amazonaws.com/type/effects/cc/split-color-text/stroke-fill-type-gradient.png)
ثم انقر فوق السهم الصغير بجوار حامل التدرج اللوني:
![اختيار تدرج جديد لتأثير طبقة الحد](https://pe-images.s3.amazonaws.com/type/effects/cc/split-color-text/choose-new-gradient.png)
وانقر نقرًا مزدوجًا فوق الصورة المصغرة للتدرج اللوني المنقسم لتحديده:
![تحديد التدرج اللوني المنقسم لاستخدامه مع الحد حول النص](https://pe-images.s3.amazonaws.com/type/effects/cc/split-color-text/select-split-color-gradient.png)
الخطوة 3: حدد الخيار العكسي
لرؤية الحد حول النص ، نحتاج إلى أن تكون ألوان التدرج بترتيب عكسي من طريقة ظهورها في النص نفسه. حتى إذا لم يكن اختيار عكسي الخيار للتأثير متدرجة التراكب، ثم حدد العكسية في خيارات السكتة الدماغية. أو إذا كنت فعلت تحديد عكسي لتراكب متدرجة، وترك عكس حالها لسكتة دماغية.
بعبارة أخرى ، مهما فعلت بخيار Reverse للنص نفسه (Gradient Overlay) ، فقم بالعكس بالنسبة للحد:
![عكس ترتيب الألوان المتدرجة للحد حول النص](https://pe-images.s3.amazonaws.com/type/effects/cc/split-color-text/reverse-gradient-option-stroke.png)
يجب أن يظهر الحد الآن كمخطط رفيع حول الحروف ، ويجب أن تكون الألوان في الحد بالترتيب المعاكس للنص. يجب أن يظهر النصف الداكن من الحد حول النصف الأفتح من النص ، ويجب أن يكون النصف الأفتح من الخط حول النصف الأغمق من النص:
![الخط الأولي حول النص.](https://pe-images.s3.amazonaws.com/type/effects/cc/split-color-text/initial-stroke-around-text.png)
الخطوة 4: اضبط الوضع على الخارج
تغيير السكتة الدماغية في الوظيفة إلى خارج لذلك يبدو حول حواف خارج الحروف:
![ضبط موضع الشطب على الخارج](https://pe-images.s3.amazonaws.com/type/effects/cc/split-color-text/stroke-position-outside.png)
الخطوة 5: زيادة حجم ضربة الفرشاة
ثم استخدم منزلق الحجم لزيادة عرض الحد. سأضبط خاصتي على 16 بكسل:
![زيادة حجم الحد في شاشة Layer Style في Photoshop](https://pe-images.s3.amazonaws.com/type/effects/cc/split-color-text/increase-stroke-size.png)
وهذه هي النتيجة. لدينا الآن حد حول النص باستخدام نفس تأثير تقسيم اللون (ولكن معكوس):
![نص بلون منقسم وتأثير حد تم إنشاؤه في Photoshop](https://pe-images.s3.amazonaws.com/type/effects/cc/split-color-text/split-color-text-stroke-effect-photoshop.png)
الخطوة 6: أغلق مربع الحوار Layer Style
بعد ذلك ، سأوضح لك كيفية ملء الخلفية بتدرج لوني منقسم. ولكن في هذه المرحلة ، انتهينا من مربع الحوار Layer Style ، لذا انقر فوق موافق لإغلاقه:
![إغلاق شاشة Photoshop Layer Style](https://pe-images.s3.amazonaws.com/type/effects/cc/split-color-text/click-ok.png)
كيفية ملء الخلفية بتدرج لوني منقسم
بدلاً من إضافة حد حول النص ، ماذا لو كنت تريد ملء الخلفية خلف النص بتدرج لوني منقسم ، بحيث تعكس الألوان في الخلفية والنص بعضها البعض؟ هيريس كيفية القيام بذلك.
الخطوة 1: قم بإيقاف تشغيل تأثير Stroke
أولاً ، إذا قمت بإضافة حد من القسم السابق ، ثم في لوحة Layers ، قم بإيقاف تشغيل الحد بالنقر فوق أيقونة الرؤية الخاصة بها أسفل طبقة الكتابة:
![إيقاف تشغيل تأثير Stroke في لوحة Layers في Photoshop](https://pe-images.s3.amazonaws.com/type/effects/cc/split-color-text/turn-off-stroke-layer-effect.png)
الخطوة 2: حدد طبقة الخلفية
لا يزال في لوحة Layers ، انقر فوق طبقة الخلفية لتحديدها:
![تحديد طبقة الخلفية في لوحة Layers في Photoshop](https://pe-images.s3.amazonaws.com/type/effects/cc/split-color-text/select-background-layer.png)
الخطوة 3: أضف طبقة تعبئة متدرجة
ثم انقر فوق أيقونة New Fill أو Adjustment Layer في الأسفل:
![النقر فوق أيقونة New Fill أو Adjustment Layer في لوحة Layers في Photoshop](https://pe-images.s3.amazonaws.com/type/effects/cc/split-color-text/click-new-fill-adjustment-layer-icon.png)
واختر طبقة تعبئة متدرجة من القائمة:
![إضافة طبقة تعبئة متدرجة أسفل النص](https://pe-images.s3.amazonaws.com/type/effects/cc/split-color-text/add-gradient-fill-layer.png)
و طبقة تعبئة متدرجة يظهر بين طبقة الكتابة والطبقة الخلفية:
![تعرض لوحة Layers في Photoshop طبقة تعبئة Gradient أسفل النص](https://pe-images.s3.amazonaws.com/type/effects/cc/split-color-text/gradient-fill-layer.png)
الخطوة 4: اختر التدرج اللوني المنقسم
في مربع الحوار Gradient Fill ، انقر فوق السهم الموجود على يمين حامل التدرج اللوني:
![اختيار تدرج جديد في مربع حوار ملء التدرج في فوتوشوب](https://pe-images.s3.amazonaws.com/type/effects/cc/split-color-text/choose-gradient-in-gradient-fill-dialog.png)
ثم انقر نقرًا مزدوجًا فوق الصورة المصغرة للتدرج اللوني المنقسم لتحديده:
![تحديد الإعداد المسبق للتدرج اللوني المنقسم في مربع حوار Gradient Fill الخاص بـ Photohop](https://pe-images.s3.amazonaws.com/type/effects/cc/split-color-text/choose-split-color-gradient.png)
الخطوة 5: عكس ألوان التدرج
تمامًا كما هو الحال مع الحد ، يجب أن تكون ألوان الخلفية بترتيب عكسي للنص ، وإلا سيختفي النص من العرض.
لذلك إذا لم تقم بتحديد الخيار Reverse للنص (تأثير Gradient Overlay) ، فحدد Reverse في مربع الحوار Gradient Fill. وإذا لم تحديد العكسي للنص، ثم ترك عكسي في مربع الحوار تعبئة متدرجة دون رادع:
![الخيار Reverse في مربع الحوار Gradient Fill الخاص بـ Photohop](https://pe-images.s3.amazonaws.com/type/effects/cc/split-color-text/gradient-fill-reverse.png)
انقر فوق OK لإغلاق مربع الحوار Gradient Fill ، وسيظهر التدرج اللوني المنقسم خلف النص بترتيب عكسي لكيفية ظهوره داخل الحروف.
المشكلة الوحيدة ، على الأقل في حالتي ، هي أن التدرج اللوني في النص لا يصطف مع التدرج اللوني في الخلفية. لذلك سأصلح ذلك بعد ذلك:
![لا يتم محاذاة التدرج اللوني المنقسم في النص مع الخلفية](https://pe-images.s3.amazonaws.com/type/effects/cc/split-color-text/text-background-not-aligned.png)
الخطوة 6: انقل النص إلى موضعه
لنقل النص إلى موضع بحيث يصطف التدرجان ، حدد أولاً طبقة الكتابة في لوحة Layers:
![تحديد طبقة الكتابة في لوحة Layers في Photoshop](https://pe-images.s3.amazonaws.com/type/effects/cc/split-color-text/select-type-layer.png)
ثم في شريط الأدوات ، حدد أداة التحريك :
![تحديد أداة التحريك في شريط أدوات الفوتوشوب](https://pe-images.s3.amazonaws.com/type/effects/cc/split-color-text/select-move-tool-photoshop.png)
وقبل نقل النص ، انتقل إلى قائمة عرض في شريط القوائم واختر 100٪ . يؤدي هذا إلى تكبير المستند إلى وضع العرض بنسبة 100٪ والذي يسمح لك بدفع النص بمقدار بكسل واحد في كل مرة:
![تحديد وضع العرض بنسبة 100 بالمائة في Photoshop](https://pe-images.s3.amazonaws.com/type/effects/cc/split-color-text/view-100percent.png)
مع تحديد أداة التحريك وعرضك بنسبة 100٪ ، استخدم مفتاح السهم لأعلى أو لأسفل على لوحة المفاتيح لدفع النص إلى مكانه. في حالتي ، سأقوم بدفع النص لأسفل بمقدار بكسل واحد في كل مرة حتى تتم محاذاة نقاط الانقسام الأفقي للتدرج في النص والتدرج في الخلفية:
![نص بلون منقسم وتأثير خلفية تم إنشاؤه في Photoshop](https://pe-images.s3.amazonaws.com/type/effects/cc/split-color-text/split-color-text-and-background-photoshop.png)
تعليقات
إرسال تعليق