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

الصفحات

كيفيه وضع صورة في طبقات نصية متعددة بالفوتوشوب

 

كيفيه وضع صورة في طبقات نصية متعددة بالفوتوشوب

وضع صورة في طبقات نصية متعددة في برنامج فوتوشوب

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

سأستخدم Photoshop CC ولكن أي إصدار حديث سيعمل.

الخطوة 1: افتح صورتك

افتح الصورة التي تريد وضعها داخل النص الخاص بك

الصورة التي سيتم وضعها داخل النص
الصورة التي سيتم وضعها داخل النص.

الخطوة 2: أضف النص الخاص بك

أضف النص إلى المستند وضعه في المكان الذي تريده أمام الصورة. إذا نظرنا إلى لوحة Layers ، نرى أنني قمت بالفعل بإضافة بعض النصوص ، وكل كلمة ("UNDER" و "THE" و "SEA") موجودة في طبقة Type منفصلة. الصورة نفسها على طبقة الخلفية تحتها. سأقوم بتشغيل النص بالنقر فوق رمز رؤية كل طبقة من النوع :

تشغيل ثلاث طبقات كتابة في لوحة Layers في Photoshop
تشغيل جميع طبقات الكتابة الثلاث.

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

الصورة مع النص المضاف ووضعها أمامها
تمت إضافة النص ووضعه أمام الصورة.

الخطوة 3: أضف طبقة تعبئة بلون خالص فوق طبقة الخلفية

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

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

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

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

اختر Solid Color من أعلى القائمة:

اختيار طبقة تعبئة بلون خالص في برنامج فوتوشوب
إضافة طبقة تعبئة بلون خالص.

في Color Picker ، اختر الأبيض ، ثم انقر فوق OK:

اختيار الأبيض في Color Picker في Photoshop
اختيار اللون الأبيض كلون للخلفية.

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

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

وفي لوحة Layers ، نرى طبقة تعبئة بلون خالص ("Color Fill 1") تقع بين طبقات Type وطبقة Background ، وهذا هو السبب في أن طبقة التعبئة تمنع حاليًا الصورة من العرض:

تعرض لوحة Layers طبقة التعبئة البيضاء أعلى طبقة الخلفية
تعرض لوحة Layers طبقة التعبئة البيضاء.

الخطوة 4: قم بعمل نسخة من طبقة الخلفية

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

إعادة تحديد طبقة الخلفية في لوحة الطبقات
إعادة تحديد طبقة الخلفية.

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

سحب طبقة الخلفية إلى أيقونة طبقة جديدة في لوحة الطبقات
سحب طبقة الخلفية إلى أيقونة طبقة جديدة.

عند تحرير زر الماوس ، يقوم Photoshop بعمل نسخة من الطبقة ، ويطلق عليها اسم "نسخة الخلفية" ، ويضعها مباشرة فوق الأصل:

تظهر طبقة "نسخة الخلفية" فوق طبقة الخلفية الأصلية في لوحة الطبقات
تظهر طبقة "نسخة الخلفية" فوق النسخة الأصلية.

الخطوة 5: اسحب النسخة فوق طبقات الكتابة

انقر فوق طبقة "نسخة الخلفية" واسحبها فوق طبقات الكتابة. سيظهر شريط تمييز أعلى طبقة الكتابة في الأعلى:

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

حرر زر الماوس لإسقاط الطبقة في مكانها:

توجد الآن نسخة من الصورة فوق النص
توجد الآن نسخة من الصورة فوق النص.

المشكلة: وضع صورة واحدة في ثلاث طبقات كتابة

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

إنشاء قناع قص

مع تحديد طبقة "نسخة الخلفية" ، سأضغط على أيقونة القائمة أعلى يمين لوحة الطبقات:

النقر فوق رمز قائمة لوحة Layers
النقر فوق رمز قائمة لوحة Layers.

ثم سأختار إنشاء قناع القطع من القائمة:

اختيار أمر Create Clipping Mask في Photoshop
إنشاء قناع قص.

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

تمتلئ الصورة واحدة فقط من الكلمات الثلاث
يظهر النص فقط في الكلمة في الجزء العلوي.


لماذا لم تنجح

إذا نظرنا إلى طبقة "Background copy" في لوحة Layers ، فسنرى سهمًا صغيرًا بجانب الصورة المصغرة للمعاينة يشير لأسفل إلى طبقة Type الموجودة أسفلها (الطبقة التي تحمل الكلمة "UNDER"). هذه هي الطريقة التي يخبرنا بها Photoshop أن طبقة "نسخة الخلفية" مقطوعة إلى طبقة النوع. لكنها مقطوعة إلى طبقة Type واحدة فقط ، وليس الثلاثة. نحتاج إلى طريقة لقص الصورة إلى طبقات الكتابة الثلاث في نفس الوقت:

تعرض لوحة Layers الصورة مقطوعة إلى طبقة Type واحدة
يتم قص الصورة فقط إلى طبقة النوع الموجودة أسفلها مباشرة.

تحرير قناع القطع

نظرًا لأن هذا ليس هو التأثير الذي نريده ، فسأقوم بالتراجع عن قناع القطع من خلال النقر مرة أخرى على أيقونة القائمة في الجزء العلوي الأيمن من لوحة Layers واختيار Release Clipping Mask من القائمة:

اختيار أمر Release Clipping Mask من قائمة لوحة Layers
تحرير قناع القطع.

والآن عدنا لرؤية الصورة فقط:

تظهر الصورة مرة أخرى بعد تحرير قناع القطع
تظهر الصورة مرة أخرى بعد تحرير قناع القطع.

الخطوة 6: ضع طبقات الكتابة في مجموعة طبقات

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

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

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

تحديد كل طبقات الكتابة حتى نتمكن من وضعها داخل مجموعة طبقات
اضغط مع الاستمرار على Shift وانقر فوق طبقة Type السفلية لتحديدها جميعًا.

انقر فوق رمز القائمة في الجزء العلوي الأيمن من لوحة Layers:

النقر فوق رمز القائمة في لوحة Layers
النقر فوق رمز القائمة.

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

اختيار مجموعة جديدة من الطبقات في قائمة لوحة الطبقات
اختيار الأمر "New Group from Layers".

في مربع الحوار New Group from Layers ، قم بتسمية المجموعة "Text" ، ثم انقر فوق OK:

تسمية مجموعة الطبقات الجديدة "نص" في Photoshop
تسمية مجموعة الطبقات.

مرة أخرى في لوحة Layers ، تظهر طبقات Type الآن داخل مجموعة طبقات تسمى "Text". انقر فوق السهم الموجود على يسار رمز المجلد لتدوير المجموعة وفتحها وعرض الطبقات الموجودة بداخلها:

توجد طبقات الكتابة الآن داخل مجموعة طبقات في Photoshop
توجد طبقات الكتابة الآن داخل مجموعة طبقات.

الخطوة 7: حدد طبقة "نسخة الخلفية"

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

تحديد طبقة نسخة الخلفية في أعلى لوحة الطبقات
اختيار طبقة "نسخة الخلفية".

الخطوة 8: إنشاء قناع قص

انقر فوق رمز قائمة لوحة Layers :

النقر فوق رمز قائمة لوحة Layers
النقر فوق رمز قائمة لوحة Layers.

ثم اختر Create Clipping Mask من القائمة:

اختيار أمر Create Clipping Mask في Photoshop
إنشاء قناع قص.

هذه المرة ، يقوم Photoshop بقص طبقة "نسخة الخلفية" ليس من طبقة Type واحدة ولكن إلى مجموعة الطبقات نفسها:

يتم قطع الصورة إلى مجموعة طبقات النص في Photoshop
يتم الآن قص الصورة في مجموعة الطبقات.

ولأننا قمنا بقص الصورة إلى المجموعة ، تظهر الصورة على الفور داخل الكلمات الثلاث جميعها:

كيفية وضع صورة في طبقات نص متعددة في Photoshop
التأثير بعد قص الصورة إلى مجموعة الطبقات.


تخصيص التأثير: إضافة Drop Shadow

الآن بعد أن أنشأنا تأثير "الصورة في النص" الأساسي ، فلنلقِ نظرة على بعض الطرق لتخصيصه. شيء واحد يمكننا القيام به هو إضافة الظل المسقط إلى النص. ونظرًا لأننا نريد أن يؤثر الظل المسقط على كل طبقات الكتابة الخاصة بنا مرة واحدة ، فسنطبقه على مجموعة الطبقات نفسها. انقر فوق مجموعة الطبقات لتحديدها:

تحديد مجموعة الطبقات في لوحة Layers
تحديد مجموعة الطبقات في لوحة Layers.

ثم انقر فوق رمز Layer Styles (رمز "fx") في الجزء السفلي من لوحة Layers:

النقر فوق أيقونة Layer Styles في لوحة Layers في Photoshop
النقر فوق رمز Layer Styles.

اختر Drop Shadow من القائمة:

اختيار نمط طبقة الظل المسقط في Photoshop
اختيار "Drop Shadow".

إعدادات Drop Shadow

يؤدي هذا إلى فتح مربع الحوار Layer Style المعين على خيارات Drop Shadow. ضبط زاوية ، القطر و الحجم من الظل لترضيك. تحدد الزاوية اتجاه مصدر الضوء. تتحكم المسافة في مدى امتداد الظل للخارج من الحروف ، وسيقوم الحجم بتدرج حواف الظل. ثم اضبط سطوع الظل باستخدام منزلق التعتيم في الأعلى.

في حالتي ، سأقوم بضبط الزاوية على 75 درجة لتتناسب مع زاوية أشعة الضوء في الماء. ثم سأقوم بتعيين المسافة والحجم على 30 بكسل ، والتعتيم على 40٪. انقر فوق "موافق" عندما تنتهي من إغلاق مربع الحوار:

ضبط خيارات Drop Shadow في شاشة Layer Style
خيارات Drop Shadow.

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

الصورة في تأثير النص مع الظل المسقط في Photoshop
النتيجة بعد إضافة الظل المسقط إلى مجموعة الطبقات.

تخصيص التأثير: تغيير لون الخلفية

هناك طريقة أخرى يمكننا من خلالها تخصيص التأثير وهي تغيير لون الخلفية. انقر نقرًا مزدوجًا فوق حامل اللون لطبقة تعبئة اللون الصلب:

النقر المزدوج فوق حامل لون طبقة التعبئة في لوحة Layers
النقر المزدوج فوق حامل لون طبقة التعبئة في لوحة Layers.

ثم اختر لونًا مختلفًا في Color Picker. سأختار الأسود:

اختيار اللون الأسود في Color Picker كلون خلفية جديدة للصورة في تأثير النص
تغيير لون الخلفية من الأبيض إلى الأسود.

وإليك ما يبدو عليه التأثير بخلفية سوداء:

الصورة في تأثير النص مع خلفية سوداء في Photoshop
تساعد الخلفية الداكنة على إبراز الصورة في الكلمات.

اختيار لون الخلفية من الصورة

يمكنك أيضًا اختيار لون الخلفية مباشرة من الصورة داخل الحروف. مع استمرار فتح Color Picker ، حرك مؤشر الماوس فوق الصورة. سيتحول مؤشرك إلى قطارة. انقر على لون لاختباره وتعيينه كلون للخلفية الجديد. سأختار ظل أزرق غامق من قناع الغواص:

أخذ عينات لون من الصورة لاستخدامه كلون خلفية للصورة في تأثير النص
أخذ عينات لون من الصورة.

وإليك ما يبدو عليه هذا اللون كخلفية جديدة:

الصورة في تأثير النص في Photoshop مع عينة من لون الخلفية من الصورة
التأثير مع لون الخلفية الذي تم أخذ عينة منه من الصورة.

سأستخدم اللون الذي اختبرته ، لكنني سأختار ظلًا أكثر قتامة منه:

اختيار ظل أغمق للون الأزرق الذي تم اختبار عيّنته في Color Picker
أخذ لون العينة واختيار نسخة أغمق منه.

انقر فوق "موافق" للإغلاق من Color Picker ، وإليك التأثير الخاص بي بخلفية زرقاء داكنة:

الصورة في تأثير النص في Photoshop بخلفية زرقاء داكنة
يجعل اللون الأزرق الغامق النص أسهل في القراءة.

تخصيص التأثير: إضافة الشفافية إلى الخلفية

أخيرًا ، دعنا ننظر إلى طريقة أخرى لتخصيص التأثير ، وذلك عن طريق إضافة الشفافية إلى لون الخلفية. سيسمح هذا لبعض الصور الأصلية بالظهور. مع تحديد طبقة تعبئة Solid Color ، قم بخفض قيمة Opacity في الجزء العلوي الأيمن من لوحة Layers. كلما خفضتها من قيمتها الافتراضية بنسبة 100٪ ، كلما رأيت الصورة من خلال لون الخلفية. سأخفض خاصتي إلى 85٪:

خفض عتامة طبقة تعبئة اللون الصلب
خفض عتامة طبقة تعبئة اللون الصلب.

يسمح هذا فقط بإظهار تلميح للصورة من خلال الخلفية الزرقاء ، مما يؤدي إلى إنشاء التأثير النهائي:

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