سيوضح لك هذا البرنامج التعليمي كيفية إضافة مساحة قماشية وظلال منسدلة إلى صورتك في Photoshop لإنشاء حدود صورة بسيطة وأنيقة. نبدأ بإنشاء تأثير أساسي باستخدام مخطط أبيض وظل أسود. سيوضح لك البرنامج التعليمي بعد ذلك كيفية تخصيص التأثير عن طريق اختيار ألوان الحدود والظلال مباشرة من الصورة نفسها.
الخطوة 1: افتح الصورة في برنامج الفوتوشوب
ابدأ بفتح صورتك. سيستخدم المثال هذه الصورة من Adobe Stock:
الصورة الأصلية تم فتحها في الفوتوشوب
الخطوة 2: فتح طبقة الخلفية
في لوحة الطبقات، تظهر الصورة على طبقة الخلفية. وفي هذه المرحلة، يتم قفل طبقة الخلفية، ويشار إلى ذلك بواسطة رمز القفل الموجود على يمين اسم الطبقة:
تُظهر لوحة الطبقات في برنامج Photoshop الصورة على طبقة الخلفية.
لإضافة حدود حول الصورة، نحتاج إلى إضافة طبقة جديدة أسفل الصورة. ولكن لا يمكننا القيام بذلك عندما تكون طبقة الخلفية مقفلة. لإلغاء القفل، انقر على أيقونة القفل.
أو إذا كنت تستخدم إصدارًا أقدم من Photoshop ولم ينجح النقر فوق رمز القفل، فاضغط مع الاستمرار على مفتاح Alt (Win) / Option (Mac) على لوحة المفاتيح لديك وانقر نقرًا مزدوجًا فوق رمز القفل:
فتح طبقة الخلفية.
يقوم الفوتوشوب بإعادة تسمية الطبقة من الخلفية إلى الطبقة 0 ويختفي رمز القفل:
تمت إعادة تسمية طبقة الخلفية وفتحها.
الخطوة 3: إضافة طبقة تعبئة بلون ثابت
لإنشاء حدود الصورة، سوف نستخدم طبقة التعبئة ذات اللون الصلب.
انقر فوق أيقونة "طبقة التعبئة أو التعديل الجديدة " الموجودة أسفل لوحة الطبقات:
انقر فوق أيقونة التعبئة أو طبقة التعديل الجديدة.
ثم حدد اللون الصلب من القائمة:
أضف طبقة تعبئة بلون ثابت.
بعد ذلك، في Color Picker، حدد اللون الأبيض عن طريق تعيين قيم R وG وB إلى 255. سنستخدم اللون الأبيض كلون للحدود في الوقت الحالي وسنوضح لك كيفية تغييره لاحقًا. انقر فوق موافق عند الانتهاء:
اختر اللون الأبيض للون حدود الصورة من أداة اختيار الألوان في برنامج Photoshop
عند العودة إلى المستند، يعمل اللون الأبيض من طبقة التعبئة على حجب الصورة مؤقتًا عن العرض:
النتيجة بعد إضافة طبقة التعبئة باللون الصلب.
الخطوة 4: نقل طبقة التعبئة أسفل الصورة
لإصلاح ذلك، انقر فوق طبقة التعبئة ذات اللون الصلب في لوحة الطبقات واسحبها أسفل الصورة:
اسحب طبقة التعبئة ذات اللون الصلب أسفل الصورة في لوحة الطبقات في برنامج Photoshop
حرر زر الماوس لإسقاطه في مكانه:
تُظهر لوحة الطبقات في برنامج Photoshop طبقة التعبئة ذات اللون الصلب أسفل الصورة.
والآن دعونا نعود إلى عرض الصورة، مع طبقة التعبئة المخفية خلفها:
يتم عرض الصورة مرة أخرى في مستند Photoshop.
الخطوة 5: افتح مربع حوار حجم القماش
بعد ذلك، نحتاج إلى إضافة المزيد من مساحة القماش حول الصورة. المساحة الإضافية سوف تصبح الحدود. وبما أننا نريد أن يكون حجم الحدود متساويًا على جميع الجوانب الأربعة، فإن أفضل طريقة للقيام بذلك هي استخدام أمر Canvas Size في Photoshop.
انتقل إلى قائمة الصورة في شريط القائمة وحدد حجم القماش :
قم بتحديد أمر حجم القماش من قائمة الصورة في برنامج Photoshop.
الخطوة 6: زيادة عرض وارتفاع القماش
في مربع الحوار حجم القماش، انقر فوق الخيار نسبي . يخبر هذا الخيار الفوتوشوب بالبدء بحجم القماش الحالي وسيتم إضافة القيم التي ندخلها للعرض والارتفاع إليه .
في شبكة المرساة ، تأكد من تحديد المربع الأوسط حتى تتم إضافة المسافة الإضافية بالتساوي في الأعلى والأسفل واليسار واليمين:
حدد الخيار النسبي ومربع المرساة في المنتصف في مربع الحوار Canva Size في Photoshop
بعد ذلك، أدخل أبعاد الحدود في حقلي العرض والارتفاع . ولكن تذكر أن القيم التي تقوم بإدخالها سيتم تقسيمها بالتساوي بين الجانبين. على سبيل المثال، سيؤدي إدخال 2 بوصة للعرض إلى إنشاء حدود بقياس 1 بوصة على الجانبين الأيسر والأيمن من الصورة. وعند إدخال 2 بوصة للارتفاع، سيتم إنشاء حدود بقياس 1 بوصة في الأعلى والأسفل.
بالنسبة لصورة المثال، سيكون الحد الذي يبلغ 1 بوصة واسعًا بعض الشيء. سيكون من الجميل أن يكون الحد 3/4 بوصة. لإضافة حدود بقياس 3/4 بوصة على الجانبين الأيسر والأيمن من الصورة، يجب عليك ضبط العرض لمضاعفة هذا المقدار، والذي سيكون 1.5 بوصة. وللحفاظ على حجم الحدود بنفس الحجم في كل مكان، يجب أيضًا ضبط الارتفاع على 1.5 بوصة.
انقر فوق موافق عند الانتهاء لإغلاق مربع الحوار حجم القماش :
أدخل أبعاد حدود الصورة في حقلي العرض والارتفاع في مربع الحوار حجم القماش.
يقوم برنامج Photoshop بإضافة مساحة قماشية إضافية حول الصورة، مما يؤدي إلى إنشاء حدود للصورة. على الرغم من أن المساحة الإضافية شفافة بالفعل، إلا أنها تظهر باللون الأبيض لأن طبقة التعبئة ذات اللون الصلب الموجودة أسفل الصورة تظهر من خلال:
تظهر حدود الصورة بعد إضافة مساحة قماشية في برنامج فوتوشوب
كيفية ضبط حدود الصورة على الشاشة
إذا كانت الحدود كبيرة جدًا بحيث لا تتناسب مع الشاشة، فانتقل إلى قائمة العرض في شريط القائمة وحدد ملائمة الشاشة :
قم بتحديد أمر "الملاءمة على الشاشة" من قائمة "عرض" في برنامج Photoshop.
كيفية تغيير حجم الحدود
الجانب السلبي لأمر حجم القماش في برنامج Photoshop هو أنه لا توجد طريقة لمعاينة الحجم الجديد قبل قبوله. لذا، إذا كانت الحدود واسعة جدًا أو ضيقة جدًا، فانتقل إلى قائمة "تحرير" وحدد "تراجع عن حجم القماش" :
قم بتحديد أمر التراجع عن تغيير حجم القماش من قائمة التحرير في برنامج Photoshop.
ثم ارجع إلى قائمة الصورة ، ثم ارجع إلى حجم القماش ، وحاول مرة أخرى بقيم عرض وارتفاع مختلفة :
أعد تحديد أمر حجم القماش من قائمة الصورة في برنامج Photoshop
الخطوة 7: حدد طبقة الصورة
لقد أضفنا حدودًا، والآن نحتاج إلى إضافة ظل منسدل. في لوحة الطبقات، انقر فوق طبقة الصورة لتحديدها:
حدد طبقة الصورة في لوحة الطبقات في برنامج Photoshop
الخطوة 8: إضافة تأثير الظل المنسدل
ثم انقر على أيقونة fx في الأسفل:
انقر على أيقونة تأثيرات الطبقة في لوحة الطبقات في برنامج Photoshop
ثم حدد Drop Shadow من القائمة:
الخطوة 9: ضبط إعدادات الظل المنسدل
يتم فتح خيارات Drop Shadow في مربع الحوار Layer Style في برنامج Photoshop. والخيارات الرئيسية الثلاثة هي الزاوية والمسافة والحجم . تتحكم الزاوية في اتجاه مصدر الضوء، والمسافة هي مدى امتداد الظل من الهدف، ويتحكم الحجم في نعومة حواف الظل:
خيارات الزاوية والمسافة والحجم للظل المنسدل في مربع حوار نمط الطبقة في برنامج Photoshop
خيارات الزاوية والمسافة
الطريقة الأسرع لتعيين زاوية ومسافة الظل المنسدل هي ببساطة النقر داخل المستند، ثم الضغط باستمرار على زر الماوس، وسحب الظل المنسدل لتحديد موضعه. عند السحب، ستتغير قيم الزاوية والمسافة في مربع الحوار.
هنا، المثال هو سحب الظل إلى الأسفل وإلى اليمين:
اسحب الظل لتعيين الزاوية والمسافة.
أو يمكنك إدخال قيم الزاوية والمسافة المحددة. سيقوم المثال بتعيين الزاوية إلى 135 درجة والمسافة إلى 80 بكسل. القيم التي تحتاجها، وخاصة المسافة والحجم، ستعتمد على صورتك:
أدخل قيم الزاوية والمسافة في مربع الحوار.
وهنا النتائج حتى الآن:
النتيجة بعد تحديد زاوية ومسافة الظل.
خيارات الحجم
ثم قم بزيادة قيمة الحجم لتخفيف حواف الظل. سيقوم المثال بتعيين القيمة إلى 60 بكسل، ولكن مرة أخرى سيعتمد هذا على صورتك:
قم بتعيين قيمة الحجم للظل المنسدل.
وهنا النتيجة مع الحواف الآن أكثر نعومة:
النتيجة بعد زيادة قيمة حجم الظل المنسدل لتليين الحواف.
خيار التعتيم
يمكنك أيضًا ضبط شدة الظل باستخدام شريط التمرير "العتامة". ستعمل قيم التعتيم الأعلى على تعتيم الظل، بينما ستؤدي القيم المنخفضة إلى تفتيح الظل. سيؤدي المثال إلى خفض القيمة بنسبة 30%:
قم بتفتيح الظل عن طريق خفض قيمة التعتيم.
عندما تصبح راضيًا عن النتائج، انقر فوق موافق لإغلاق مربع حوار نمط الطبقة :
أغلق مربع حوار نمط الطبقة في برنامج Photoshop.
وهنا النتيجة بعد خفض تعتيم الظل:
تأثير حدود الظل الأصلي.
كيفية تخصيص لون الحدود والظل
في هذه المرحلة، يكون التأثير الرئيسي كاملاً. لقد أضفنا حدودًا حول الصورة وظلًا منسدلًا خلف الصورة. ولكن بدلاً من استخدام حدود بيضاء وظل أسود، يمكننا تخصيص التأثير عن طريق اختيار الألوان مباشرة من الصورة. وهنا كيفية القيام بذلك.
الخطوة 10: انقر نقرًا مزدوجًا فوق عينة لون طبقة التعبئة
لتغيير لون الحدود، انقر نقرًا مزدوجًا فوق عينة لون طبقة التعبئة في لوحة الطبقات:
انقر نقرًا مزدوجًا فوق عينة اللون الخاصة بطبقة التعبئة باللون الصلب.
الخطوة 11: أخذ عينة من لون الحدود الجديد من الصورة
سيؤدي هذا إلى إعادة فتح أداة اختيار الألوان. ولكن بدلاً من تحديد لون جديد من أداة اختيار الألوان نفسها، قم بتحريك مؤشر الماوس فوق الصورة وانقر فوق لون لتجربته.
المثال سيكون النقر على كتف المرأة:
عينة لون الحدود من الصورة.
يصبح اللون الذي قمت بتجربته على الفور هو لون المخطط التفصيلي الجديد. يمكنك الاستمرار في النقر على مناطق مختلفة من الصورة للعثور على أفضل تطابق للألوان. عند الانتهاء، انقر فوق موافق لإغلاق أداة اختيار الألوان.
وهنا النتيجة بعد ضبط الحدود إلى اللون الجديد:
النتائج مع لون حدود الصورة المخصصة في برنامج فوتوشوب.
الخطوة 12: إعادة فتح إعدادات Drop Shadow
ثم، لاختيار لون جديد للظل، انقر نقرًا مزدوجًا فوق تأثير طبقة الظل المنسدل أسفل طبقة الصورة:
أعد فتح تأثير طبقة الظل المنسدل في لوحة الطبقات في برنامج Photoshop
وفي مربع الحوار "نمط الطبقة" ، انقر فوق عينة لون الظل:
انقر فوق عينة لون Drop Shadow في مربع حوار Layer Style في Photoshop
الخطوة 13: أخذ عينة من لون الظل الجديد من الصورة
بمجرد فتح أداة اختيار الألوان، حرك مؤشر الماوس فوق الصورة وانقر فوق لون لتجربته. سيكون المثال هو النقر على كتف المرأة:
يقوم بأخذ عينة من اللون من صورة لاستخدامها كلون الظل المنسدل.
الخطوة 14: ضبط سطوع وتشبع اللون
يجب أن يكون لون الظل داكنًا ومشبعًا بدرجة عالية. لذا، قبل إغلاق أداة اختيار الألوان، قم بزيادة قيمة تشبع اللون (S) إلى 100% أو ما يقارب هذا الرقم.
ثم قم بتغميق اللون عن طريق تقليل قيمة سطوع اللون (B) . سيقوم المثال بتخفيض القيمة إلى 30% حتى لا يبدو الظل داكنًا للغاية، ولكن قد ترغب في تعتيمه أكثر اعتمادًا على صورتك:
يزيد من تشبع اللون ويقلل من سطوعه في العينة.
انقر فوق موافق لإغلاق أداة اختيار الألوان وقد انتهيت! وهنا النتيجة النهائية باستخدام الحدود المخصصة واللون الجديد للظل:
تستخدم حدود الصورة والظلال ألوانًا مخصصة من الصورة.
فيديو تعليمي حول كيفية إنشاء حدود الظل في برنامج فوتوشوب