الصورة بعد الانتهاء من التصميم
كيفية إنشاء إطار صور بنمط معرض
الخطوة الأولى: إنشاء مستند جديد
لنبدأ بإنشاء مستند جديد. اصعد إلى القائمة ملف في شريط القوائم على طول الجزء العلوي من الشاشة واختر جديد :
![انتقل إلى ملف> جديد.](https://pe-images.s3.amazonaws.com/photo-effects/gallery-print/file-new.gif)
يؤدي هذا إلى فتح مربع الحوار New Document في Photoshop. انا ذاهب الى تريد تخطيط بلدي النهائي لطباعة باعتبارها 8X10 في اتجاه أفقي، ولذا فإنني سوف أدخل قيمة 10 بوصة ل عرض و 8 بوصة ل ارتفاع (تأكد من تعيين نوع القياس إلى بوصة، وليس بكسل ). قد تكون الأبعاد التي ستحتاجها للتخطيط الخاص بك مختلفة. نظرًا لأنني أرغب في طباعتها بجودة عالية ، فسأدخل قيمة دقة تبلغ 240 بكسل / بوصة . أخيرًا ، اضبط محتوى الخلفية على الأبيض ، والذي سيملأ خلفية المستند الجديد باللون الأبيض ، على الرغم من أننا سنقوم بتغييره في لحظة (هذا فقط يبقينا على نفس الصفحة):
![شاشة New Document في Photoshop.](https://pe-images.s3.amazonaws.com/photo-effects/gallery-print/new-document-dialog-box.gif)
انقر فوق "موافق" للإغلاق خارج مربع الحوار. سيظهر مستند جديد مليء باللون الأبيض على شاشتك.
الخطوة 2: املأ المستند الجديد باللون الأسود
بعد إنشاء المستند الجديد ، دعنا نملأه باللون الأسود ، والذي سيصبح لون خلفية التخطيط. اصعد إلى قائمة التحرير في الجزء العلوي من الشاشة واختر تعبئة :
![تحديد أمر التعبئة من قائمة التحرير.](https://pe-images.s3.amazonaws.com/photo-effects/gallery-print/edit-fill.gif)
يؤدي هذا إلى إظهار مربع حوار Fill. اضبط خيار Use في الجزء العلوي من مربع الحوار على Black :
![تعيين خيار Use في مربع الحوار Fill على Black.](https://pe-images.s3.amazonaws.com/photo-effects/gallery-print/fill-black.gif)
انقر فوق OK للخروج من مربع الحوار ، وسيقوم Photoshop بتعبئة المستند باللون الأسود الخالص:
![تم ملء مستند Photoshop الجديد الآن باللون الأسود.](https://pe-images.s3.amazonaws.com/photo-effects/gallery-print/document-filled-black.gif)
الخطوة 3: إضافة طبقة فارغة جديدة وتسميتها "منطقة الصورة"
دعنا نضيف طبقة فارغة جديدة إلى وثيقتنا من خلال النقر على أيقونة طبقة جديدة في أسفل لوحة الطبقات:
![انقر فوق أيقونة New Layer في لوحة Layers.](https://pe-images.s3.amazonaws.com/photo-effects/gallery-print/new-layer-icon.gif)
يؤدي هذا إلى إضافة طبقة فارغة جديدة ، يسميها Photoshop تلقائيًا "الطبقة 1" ، فوق طبقة الخلفية في لوحة الطبقات. انقر نقرًا مزدوجًا فوق اسم "الطبقة 1" وقم بتغيير الاسم إلى منطقة الصورة . اضغط على Enter (Win) / Return (Mac) عند الانتهاء لقبول تغيير الاسم:
![تمت إعادة تسمية الطبقة الجديدة باسم "منطقة الصورة".](https://pe-images.s3.amazonaws.com/photo-effects/gallery-print/new-photo-area-layer.gif)
الخطوة 4: اسحب تحديدًا حول منطقة الصورة الرئيسية
نحتاج إلى رسم تحديد حول المنطقة التي سيتم عرض الصورة فيها. حدد أداة الخيمة المستطيلة من لوحة الأدوات:
![تحديد أداة Rectangular Marquee Tool في لوحة Tools.](https://pe-images.s3.amazonaws.com/photo-effects/gallery-print/rectangular-marquee-tool.gif)
مع تحديد أداة Rectangular Marquee Tool ، سيتغير شريط الخيارات على طول الجزء العلوي من الشاشة لإظهار خيارات خاصة بهذه الأداة. سأقوم بتصميم تخطيطي لعرض صورة بنسبة عرض إلى ارتفاع قياسية 4x6 ، في اتجاه أفقي. للقيام بذلك، وأنا أولا تغيير نمط الخيار في شريط الخيارات على نسبة ثابتة ، ثم سوف تدخل 6 لل عرض و 4 لل ارتفاع (نسبة الارتفاع سترغب لمنطقة صورتك قد تكون مختلفة) :
![ضبط النمط والعرض والارتفاع لأداة Rectangular Marquee Tool.](https://pe-images.s3.amazonaws.com/photo-effects/gallery-print/options-bar.gif)
بعد ذلك ، سوف أقوم بالنقر فوق بوصة واحدة تقريبًا بعيدًا عن الزاوية اليسرى العليا من المستند واسحب التحديد الذي سيصبح المنطقة التي يتم فيها عرض الصورة. أثناء السحب ، يقوم Photoshop بتأمين التحديد على نسبة العرض إلى الارتفاع التي قمت بتعيينها في شريط الخيارات:
![سحب مخطط التحديد 4x6 لمنطقة الصورة.](https://pe-images.s3.amazonaws.com/photo-effects/gallery-print/drag-photo-area-selection.gif)
الخطوة 5: املأ التحديد باللون الرمادي
مع التحديد في مكانه ، انتقل إلى قائمة " تحرير " واختر " تعبئة" مرة أخرى. هذه المرة ، عندما يظهر مربع الحوار Fill ، اضبط خيار Use على 50٪ Gray :
![ضبط خيار Use في مربع الحوار Fill على 50٪ Gray.](https://pe-images.s3.amazonaws.com/photo-effects/gallery-print/fill-50-gray.gif)
انقر فوق "موافق" ، ويقوم Photoshop بتعبئة منطقة الصورة باللون الرمادي. اضغط على Ctrl + D (Win) / Command + D (Mac) لإزالة مخطط التحديد:
![تمتلئ منطقة الصورة الآن باللون الرمادي.](https://pe-images.s3.amazonaws.com/photo-effects/gallery-print/photo-area-gray.gif)
الخطوة 6: قم بمحاذاة منطقة الصورة أفقيًا مع المستند
قبل أن نواصل ، دعنا نتأكد من محاذاة منطقة الصورة أفقيًا مع المستند. اضغط على Ctrl + A (Win) / Command + A (Mac) على لوحة المفاتيح الخاصة بك ، والتي ستحدد على الفور المستند بأكمله (سيظهر مخطط التحديد حول حواف نافذة المستند). اضغط على الحرف V على لوحة المفاتيح لتحديد أداة التحريك في Photoshop بسرعة . بعد ذلك ، مع تحديد أداة التحريك ، انقر فوق خيار محاذاة المراكز الأفقية في شريط الخيارات:
![الخيار Align Horizontal Centers في شريط الخيارات.](https://pe-images.s3.amazonaws.com/photo-effects/gallery-print/align-horizontal-centers.gif)
إذا كانت منطقة الصورة الخاصة بك خارج المركز قليلاً أفقياً ، فسيقوم Photoshop بإدراجها في محاذاة مثالية مع المستند. اضغط على Ctrl + D (Win) / Command + D (Mac) عندما تنتهي من إلغاء تحديد المستند.
الخطوة 7: أضف حدًا أبيض رفيعًا
دعنا نضيف حدًا أبيض رفيعًا حول منطقة الصورة. لذلك ، سنستخدم أحد أنماط طبقات Photoshop. انقر فوق رمز Layer Styles في أسفل لوحة Layers:
![النقر فوق أيقونة Layer Styles في أسفل لوحة Layers.](https://pe-images.s3.amazonaws.com/photo-effects/gallery-print/layer-styles-icon.gif)
ثم اختر Stroke من أسفل القائمة:
![اختيار نمط طبقة ستوك.](https://pe-images.s3.amazonaws.com/photo-effects/gallery-print/choose-stroke.gif)
يؤدي هذا إلى فتح شاشة Photoshop Layer Style المعينة على خيارات Stroke في العمود الأوسط. أولاً ، انقر فوق عينة الألوان الموجودة على يمين كلمة Color ، والتي ستفتح Color Picker ، واختر اللون الأبيض كلون للحد. انقر فوق موافق للإغلاق من Color Picker عند الانتهاء. ثم، تغيير الوظيفة من السكتة الدماغية إلى داخل . أخيرًا ، اضبط حجم الحد بسحب منزلق الحجم باتجاه اليمين. يمكنك رؤية معاينة مباشرة لحجم الحد في نافذة المستند أثناء سحب شريط التمرير. نظرًا لأننا نريد حدًا رفيعًا ، فسوف أقوم بتعيين حجم حدتي على 4 بكسل :
![خيارات Stroke في شاشة Layer Style.](https://pe-images.s3.amazonaws.com/photo-effects/gallery-print/stroke-options.gif)
انقر فوق OK للخروج من مربع الحوار Layer Style. يظهر الآن حد أبيض رفيع حول منطقة الصورة في نافذة المستند (السبب في أننا ملأنا منطقة الصورة باللون الرمادي وليس الأبيض في وقت سابق كان حتى نتمكن من رؤية الحد الأبيض حولها):
![يظهر الآن حد أبيض رفيع حول منطقة الصورة.](https://pe-images.s3.amazonaws.com/photo-effects/gallery-print/photo-area-stroke-added.gif)
الخطوة 8: عمل نسخة من طبقة منطقة الصورة
مع تحديد طبقة منطقة الصورة في لوحة Layers (يتم تمييز الطبقات المحددة باللون الأزرق) ، اضغط على Ctrl + J (Win) / Command + J (Mac) على لوحة المفاتيح لعمل نسخة من الطبقة ، والتي سيضعها Photoshop فوق أصلي. لاحظ أنه يتم أيضًا نسخ نمط طبقة الحد:
![تظهر نسخة من طبقة مساحة الصورة في لوحة Layers.](https://pe-images.s3.amazonaws.com/photo-effects/gallery-print/photo-area-copy.gif)
الخطوة 9: أعد تسمية الطبقة واسحبها بين الطبقتين الأصليتين
انقر نقرًا مزدوجًا مباشرة على الاسم "نسخ منطقة الصورة" وقم بتغيير اسم الطبقة إلى الحدود ، حيث سنستخدمها لإضافة حد خارجي إلى منطقة الصورة في لحظة. اضغط على Enter (Win) / Return (Mac) لقبول تغيير الاسم. ثم انقر فوق طبقة الحدود في لوحة Layers ، وأثناء الضغط باستمرار على زر الماوس ، اسحبها بين طبقة الخلفية وطبقة منطقة الصورة. حرر زر الماوس لإسقاطه في مكانه عندما يظهر شريط تمييز بين الطبقتين:
![إعادة تسمية الطبقة وسحبها بين الطبقتين الأصليتين.](https://pe-images.s3.amazonaws.com/photo-effects/gallery-print/rename-layer-border.gif)
الخطوة 10: اخفض ملء طبقة الحدود إلى 0٪
سنستخدم المنطقة المملوءة بالرمادي على طبقة الحدود لإضافة ضربة ثانية أكثر سمكًا حول الصورة. المشكلة هي أننا لا نريد أن تكون المنطقة الرمادية مرئية على هذه الطبقة. كل ما نريد أن نكون قادرين على رؤيته هو ضربة بيضاء من حوله. لإخفاء اللون الرمادي وإبقاء الحد فقط مرئيًا ، ما عليك سوى خفض Fill لطبقة الحد إلى 0٪ . يقوم Fill بإخفاء محتويات الطبقة ولكنه يبقي أي أنماط طبقة مرئية. ستجد خيار Fill أسفل خيار Opacity مباشرة في أعلى لوحة Layers. لا يبدو أن شيئًا قد تغير في نافذة المستند حتى الآن ، نظرًا لأن طبقة مساحة الصورة تمنع طبقة الحدود من العرض:
![خفض تعبئة الطبقة الحدودية إلى 0٪.](https://pe-images.s3.amazonaws.com/photo-effects/gallery-print/fill-0.gif)
الخطوة 11: استخدم التحويل الحر لإضافة مساحة حول منطقة الصورة
مع ضبط Fill على 0٪ ، اضغط على Ctrl + T (Win) / Command + T (Mac) لإظهار مربع التحويل الحر في Photoshop والمقابض حول المنطقة الرمادية على طبقة الحدود. اضغط مع الاستمرار على مفتاح Alt (Win) / Option (Mac) ، ثم انقر فوق المقبض الأيسر أو الأيمن (المربع الصغير) ، وبينما لا تزال تضغط على زر الماوس ، اسحبه للخارج لإضافة مسافة صغيرة على كلا الجانبين بينهما الضربة الثانية ومنطقة الصورة الرمادية. لاحظ أن الحد الأبيض فقط هو المرئي. يتم إخفاء اللون الرمادي الموجود على طبقة الحدود عن الأنظار ، مما يترك لنا منطقة سوداء (تظهر من خلال طبقة الخلفية) بين الحد الأبيض الثاني والأصل.
استمر في الضغط على Alt / Option واسحب المقبض العلوي أو السفلي للخارج لإضافة مقدار متساوٍ من المساحة بين الحد الثاني وأعلى وأسفل منطقة الصورة الرمادية:
![إضافة مسافة بين الحد الثاني ومنطقة الصورة باستخدام التحويل الحر.](https://pe-images.s3.amazonaws.com/photo-effects/gallery-print/free-transform-border.gif)
اضغط على Enter (Win) / Return (Mac) عند الانتهاء لقبول التحويل.
الخطوة 12: زيادة سمك الحد الخارجي
انقر نقرًا مزدوجًا فوق كلمة Stroke أسفل طبقة الحدود في لوحة Layers:
![نقر مزدوج على كلمة Stroke أسفل طبقة الحدود.](https://pe-images.s3.amazonaws.com/photo-effects/gallery-print/double-click-stroke.gif)
يؤدي هذا إلى إعادة فتح مربع الحوار Layer Style ، وتعيينه مرة أخرى على خيارات Stroke في العمود الأوسط. لنجعل الحد الخارجي أكثر سمكًا قليلاً من الحد الأصلي عن طريق سحب شريط تمرير الحجم أكثر نحو اليمين. مرة أخرى ، يمكنك رؤية معاينة مباشرة للحد في نافذة المستند أثناء سحب شريط التمرير. سأزيد حجم الحد الخارجي إلى 12 بكسل . اترك كل الخيارات الأخرى كما هي:
![زيادة حجم الضربة الخارجية.](https://pe-images.s3.amazonaws.com/photo-effects/gallery-print/stroke-size-12.gif)
انقر فوق OK للخروج مرة أخرى من مربع الحوار Layer Style. لدينا الآن حد رفيع حول منطقة الصورة مباشرةً وحدود أكثر سمكًا حول الجزء الخارجي منها ، مما يكمل إطارنا الأساسي:
![الإطار الأساسي مكتمل الآن.](https://pe-images.s3.amazonaws.com/photo-effects/gallery-print/border-stroke-added.gif)
الخطوة 13: افتح الصورة التي تريد عرضها
حان الوقت لإضافة صورتنا إلى منطقة الصورة! افتح الصورة التي تريد عرضها ، والتي ستظهر في نافذة وثيقة منفصلة. هذه هي الصورة التي سأستخدمها:
![صورة ذات لون بني داكن لقطار يتجه إلى الجبال.](https://pe-images.s3.amazonaws.com/photo-effects/gallery-print/second-photo.jpg)
الخطوة 14: حدد وانسخ الصورة
اضغط على Ctrl + A (Win) / Command + A (Mac) لتحديد الصورة بأكملها بسرعة. ثم اضغط على Ctrl + C (Win) / Command + C (Mac) لنسخه إلى الحافظة.
الخطوة 15: حدد طبقة منطقة الصورة
مع نسخ الصورة إلى الحافظة ، قم بالتبديل مرة أخرى إلى نافذة المستند الأصلية (تخطيط إطار صور المعرض) وانقر فوق طبقة منطقة الصورة في لوحة Layers لتحديدها:
![اختيار طبقة منطقة الصورة.](https://pe-images.s3.amazonaws.com/photo-effects/gallery-print/select-photo-area-layer.gif)
الخطوة 16: الصق الصورة في المستند
اضغط على Ctrl + V (Win) / Command + V (Mac) للصق الصورة التي قمنا بنسخها إلى الحافظة قبل لحظة في المستند. سيقوم Photoshop تلقائيًا بوضع الصورة على طبقتها الخاصة مباشرة فوق أي طبقة تم تحديدها في ذلك الوقت (وهذا هو سبب اختيارنا طبقة منطقة الصورة أولاً) ، كما نرى من خلال النظر في لوحة الطبقات. أطلق Photoshop على طبقة الصورة اسم "Layer 1" ، وهو أمر جيد. لا حاجة لإعادة تسميته:
![تمت إضافة الصورة إلى طبقتها الخاصة.](https://pe-images.s3.amazonaws.com/photo-effects/gallery-print/new-photo-layer.gif)
ومع ذلك ، إذا نظرنا في نافذة المستند ، فسنلاحظ أن الصورة كبيرة جدًا حاليًا بحيث لا يمكن وضعها داخل منطقة الصورة ويتم حظرها من العرض:
![تحظر الصورة حاليًا منطقة الصورة من العرض.](https://pe-images.s3.amazonaws.com/photo-effects/gallery-print/photo-pasted.jpg)
الخطوة 17: إنشاء قناع القطع
نحتاج إلى طريقة لجعل الصورة مناسبة داخل منطقة الصورة ، ويمكننا القيام بذلك باستخدام قناع القطع . أولاً ، انقر فوق الطبقة التي تحتوي على الصورة ("الطبقة 1") في لوحة الطبقات لتحديدها. ثم انتقل إلى قائمة الطبقة في الجزء العلوي من الشاشة واختر إنشاء قناع القطع :
![انتقل إلى Layer> Create Clipping Mask.](https://pe-images.s3.amazonaws.com/photo-effects/gallery-print/create-clipping-mask.gif)
ستعمل طبقة الصورة على إحداث مسافة بادئة إلى اليمين في لوحة الطبقات ، مما يتيح لنا معرفة أنها "مقطوعة" الآن إلى الطبقة الموجودة أسفلها:
![تعرض لوحة Layers قناع القطع.](https://pe-images.s3.amazonaws.com/photo-effects/gallery-print/layers-panel-clipping-mask.gif)
بفضل قناع القطع ، تظهر الآن فقط منطقة الصورة التي تقع مباشرة فوق منطقة الصورة الرمادية تحتها في نافذة المستند. يتم إخفاء المناطق الموجودة خارج حدود منطقة الصورة عن العرض:
![تم الآن قص الصورة في منطقة الصورة الموجودة تحتها.](https://pe-images.s3.amazonaws.com/photo-effects/gallery-print/image-clipped.jpg)
الخطوة 18: تغيير حجم الصورة وإعادة وضعها باستخدام التحويل الحر
جيد جدًا حتى الآن ، ولكن صورتي لا تزال كبيرة جدًا بحيث لا تتناسب تمامًا مع الحدود الأصغر لمنطقة الصورة ، كما يجب إعادة وضعها. يمكننا القيام بهذين الأمرين باستخدام التحويل الحر. اضغط مرة أخرى على Ctrl + T (Win) / Command + T (Mac) لإحضار مربع التحويل الحر والمقابض ، هذه المرة حول الصورة. اضغط باستمرار على التحول الخاص بكمفتاح واسحب أي من مقابض الزاوية لتغيير حجم الصورة حسب الحاجة حتى تناسبها داخل منطقة الصورة. لتحريك الصورة ، انقر في أي مكان داخل مربع التحويل الحر واسحب الصورة إلى الموضع. إذا كانت صورتك تستخدم نفس نسبة العرض إلى الارتفاع مثل مساحة الصورة (كما تفعل لي) ، فيجب أن تكون قادرًا على احتواء الصورة بأكملها بداخلها. إذا لم يكن الأمر كذلك ، فقم ببساطة بتغيير حجم الصورة حتى يظهر أكبر قدر ممكن منها. اضغط على Enter (Win) / Return (Mac) عند الانتهاء لقبول التحويل:
![تغيير حجم الصورة داخل منطقة الصورة باستخدام التحويل الحر.](https://pe-images.s3.amazonaws.com/photo-effects/gallery-print/free-transform-image.jpg)
الخطوة 19: أضف النص الخاص بك أسفل الصورة
في هذه المرحلة ، كل ما تبقى هو إضافة تعليق نصي أسفل الصورة. حدد أداة الكتابة الأفقية من لوحة الأدوات:
![تحديد أداة الكتابة في Photoshop.](https://pe-images.s3.amazonaws.com/photo-effects/gallery-print/photoshop-type-tool.gif)
مع تحديد أداة الكتابة ، اختر الخط وحجم الخط من شريط الخيارات. سأستخدم Trajan Pro في 24 نقطة:
![خيارات الخط لأداة الكتابة في Photoshop.](https://pe-images.s3.amazonaws.com/photo-effects/gallery-print/type-options.gif)
انقر فوق حامل اللون في شريط الخيارات واختر اللون الأبيض كلون للنص من Color Picker. أخيرًا ، انقر فوق خيار Center Text الموجود على يسار عينة الألوان ، مما سيجعل من الأسهل قليلاً توسيط النص الخاص بنا في المستند أثناء قيامنا بالكتابة:
![لون النص وخيارات المحاذاة في شريط الخيارات.](https://pe-images.s3.amazonaws.com/photo-effects/gallery-print/type-options-2.gif)
ثم ، ما عليك سوى النقر فوق المنطقة السوداء أسفل منتصف الصورة باستخدام أداة الكتابة وإضافة النص الخاص بك. سأقوم بكتابة "تصوير ستيف باترسون". ربما سترغب في إضافة شيء مختلف ، ما لم ترغب بالطبع في منحني رصيدًا لعملك. لاحظ أن النقطة التي نقرت عليها باستخدام أداة الكتابة تصبح النقطة المركزية للنص أثناء الكتابة بفضل خيار Center Text الذي حددناه في شريط الخيارات:
![إضافة تعليق نصي أسفل الصورة.](https://pe-images.s3.amazonaws.com/photo-effects/gallery-print/adding-text.gif)
عند الانتهاء ، انقر فوق علامة الاختيار في شريط الخيارات لقبول النص:
![النقر فوق علامة الاختيار في شريط الخيارات لقبول النص.](https://pe-images.s3.amazonaws.com/photo-effects/gallery-print/checkmark.gif)
الخطوة 20: قم بمحاذاة النص أفقيًا إذا لزم الأمر
للتأكد من محاذاة النص أفقيًا مع المستند ، اتبع نفس الطريقة التي استخدمناها في الخطوة 6. مع تحديد طبقة النص في لوحة Layers ، اضغط على Ctrl + A (Win) / Command + A (Mac) لتحديد الكل وثيقة. اضغط على الحرف V لتحديد أداة التحريك بسرعة ، ثم انقر على خيار محاذاة المراكز الأفقية في شريط الخيارات. سيقوم Photoshop بمحاذاة النص بشكل مثالي في المركز الأفقي للمستند. اضغط على Ctrl + D (Win) / Command + D (Mac) عندما تنتهي من إلغاء تحديد المستند. بمجرد إلغاء التحديد ، يمكنك الضغط على مفتاحي السهمين لأعلى ولأسفل على لوحة المفاتيح إذا كنت بحاجة إلى دفع النص إلى الأعلى أو الأسفل قليلاً:
![الخيار Align Horizontal Centers في شريط الخيارات.](https://pe-images.s3.amazonaws.com/photo-effects/gallery-print/align-horizontal-centers.gif)
وبهذا ، انتهينا! ها هو تنسيق "إطار الصورة بنمط المعرض" النهائي الخاص بي:
![معرض فوتوشوب طباعة تأثير إطار الصورة. صورة © 2010 ستيف باترسون ، Photoshop Essentials.com](https://pe-images.s3.amazonaws.com/photo-effects/gallery-print/photoshop-gallery-photo-frame.jpg)
تعليقات
إرسال تعليق