إنشاء أصول صور من طبقات

يمكنك إنشاء أصول صور JPEG أو PNG أو GIF أو SVG من محتويات طبقة أو مجموعة طبقات في ملف PSD. ويتم إنشاء الأصول تلقائيًا عندما تلحق ملحق تنسيق صورة معتمدًا باسم طبقة أو اسم مجموعة طبقات. بشكل اختياري، يمكنك أيضًا تعيين معلمات الجودة والنوع لأصول الصور المُنشأة.

يُعد إنشاء أصول الصور من ملف PSD مفيدًا على وجه التحديد لتصميم ويب متعدد الأجهزة.

لمعرفة كيفية إنشاء صور ويب وتصديرها اطّلع على كيفية تصدير الملفات بتنسيقات مختلفة من Photoshop.

لكي تتمكّن من فهم منشئ أصول الصور بشكل أفضل، يجب أن تأخذ في الاعتبار ملف PSD بسيط (تنزيل من هذا الارتباط) مع التسلسل الهيكلي التالي للطبقات:

يتضمّن التسلسل الهيكلي للطبقات في هذا الملف مجموعتي طبقات—Rounded_rectangles وEllipses. وتحتوي كل مجموعة من مجموعات الطبقات هذه على خمس طبقات.

اتبع الخطوات التالية لإنشاء أصول صور من ملف PSD هذا:

1. مع فتح ملف PSD، حدد الملف > الأتمتة> مكوّنات Generator الإضافية > Image Assets.
2. قم بإلحاق ملحقات تنسيقات الملف المناسبة (‎.jpg‎ أو ‎.png‎ أو ‎.gif‎أو ‎.svg) بأسماء الطبقات أو مجموعات الطبقات التي تريد إنشاء أصول الصور منها. على سبيل المثال، غيّر أسماء مجموعات الطبقات، Rounded_rectangles وEllipses إلى Rounded_rectangles.jpg وEllipses.png؛ والطبقة Ellipse_4 إلى Ellipse_4.gif.

يُنشئ Photoshop أصول الصور ويحفظها في مجلد فرعي إلى جانب ملف PSD المصدر. إذا لم يتم حفظ ملف PSD المصدر بعد، فسيحفظ Photoshop الأصول المُنشأة في مجلد جديد على سطح المكتب.

إنشاء أصول لمستندات سحابية

إذا كنت تعمل على مستند سحابي، فسيتم حفظ الأصول في دليل "Photoshop Cloud Associates":

• Windows: C:\Users\yourname\Documents\Adobe\Photoshop Cloud Associates
• macOS: /Users/yourname/Documents/Adobe/Photoshop Cloud Associates

إنشاء أصول متعددة من طبقة أو مجموعة طبقات

لإنشاء أصول متعددة من طبقة/مجموعة طبقات، افصل ما بين أسماء الأصول باستخدام الفاصلة. على سبيل المثال، يُنشئ اسم الطبقة التالية ثلاثة أصول:

Ellipse_4.jpg وEllipse_4b.png وEllipse_4c.png

حفظ الأصول إلى مجلد فرعي

يمكنك أن تختار حفظ أصول الصور المُنشأة من طبقات/مجموعات طبقات معينة في مجلد فرعي يقع مباشرةً أسفل مجلد أصول الوثيقة. ضمّن اسم المجلد الفرعي في اسم الطبقة/مجموعة الطبقات؛ على سبيل المثال:

[المجلد الفرعي]/Ellipse_4.jpg 

حالة استخدام تصميم ويب

يُعد إنشاء أصول الصور من ملف PSD مفيدًا على وجه التحديد لتصميم ويب متعدد الأجهزة. خذ في الاعتبار تصميم ويب التالي وبنية طبقته:

فلنقم باستخراج الأيقونة في الأعلى والصف العلوي لشبكة الصور Global Hotspots كأصول صور:

• قم بإلحاق ملحقات تنسيق الصور بأسماء الطبقات الملائمة.

إعادة تسمية الطبقات/مجموعات الطبقات الملائمة

يُنشئ Photoshop الأصول ويحفظها في الموقع نفسه حيث ملف PSD المصدر.

تحديد معلمات الجودة والحجم

يتم إنشاء أصول JPEG وفق جودة بنسبة 90% بشكل افتراضي. ويتم إنشاء أصول PNG كصور 32‎-bit بشكل افتراضي. أما أصول GIF فيتم إنشاؤها بواسطة شفافية ألفا الأساسية.

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

معلمات خاصة بأصول JPEG

• أضف جودة الإخراج المطلوبة كلاحقة لاسم الأصل: jpg.(1-10) أو jpg.(1-100%). على سبيل المثال:
  • Ellipse_4.jpg5
  • Ellipse_4.jpg50%
• أضف حجم صورة الإخراج المطلوبة (نسبي أو بالتنسيقات المعتمدة: بكسل وبوصة وسنتيمتر ومليمتر) كبادئة لاسم الأصل. يقوم Photoshop بتغيير مقياس الصورة وفقًا لذلك. على سبيل المثال:
  • 200% Ellipse_4.jpg
  • 300 x‏ 200 Rounded_rectangle_3.jpg
  • 10in x 200mm Rounded_rectangle_3.jpg
    

ملاحظة: تذكّر أنه عليك إضافة حرف مسافة بين البادئة واسم الأصل. إذا كنت تريد تحديد الحجم بالبكسل، فيمكنك حذف الوحدة. على سبيل المثال، 300 × 200.

معلمات خاصة بأصول PNG

• أضف جودة الإخراج المطلوبة كلاحقة لاسم الأصل: 8 أو 24 أو 32. على سبيل المثال:
  • Ellipse_4.png24
• أضف حجم صورة الإخراج المطلوبة (نسبي أو بالتنسيقات المعتمدة: بكسل وبوصة وسنتيمتر ومليمتر) كبادئة لاسم الأصل. يقوم Photoshop بتغيير مقياس الصورة وفقًا لذلك. على سبيل المثال:
  • 42% Ellipse_4.png
  • 300mm x 20cm Rounded_rectangle_3.png
  • 10in x 50cm Rounded_rectangle_3.png

ملاحظة: تذكّر أنه عليك إضافة حرف مسافة بين البادئة واسم الأصل. إذا كنت تريد تحديد الحجم بالبكسل، فيمكنك حذف الوحدة. على سبيل المثال، 300 × 200.

معلمات خاصة بأصول GIF

• أضف حجم صورة الإخراج المطلوبة (نسبي أو بالتنسيقات المعتمدة: بكسل وبوصة وسنتيمتر ومليمتر) كبادئة لاسم الأصل. على سبيل المثال:
  • 42% Ellipse_4.gif
  • 300mm x 20cm Rounded_rectangle_3.gif
  • 20in x 50cm Rounded_rectangle_3.gif

ملاحظة: تذكّر أنه عليك إضافة حرف مسافة بين البادئة واسم الأصل. إذا كنت تريد تحديد الحجم بالبكسل، فيمكنك حذف الوحدة. على سبيل المثال، 300 × 200.

لا تتوفر معلمات الجودة لأصول GIF.

إنشاء أسماء طبقات معقّدة

يمكنك تعيين أسماء أصول متعددة مع معلمات أثناء تسمية طبقة لإنشاء الأصول. على سبيل المثال:

120% Delicious.jpg و42% Delicious.png24 و100x100 Delicious_2.jpg90% و250% Delicious.gif

يُنشئ Photoshop الأصول التالية من هذه الطبقة:

• Delicious.jpg (صورة JPG ذات جودة 8 تم تغيير مقياسها إلى 120%)
• Delicious.png (صورة PNG من ‎24-bit تم تغيير مقياسها إلى 42%)
• Delicious_2.jpg (صورة JPG ذات جودة 90% وحجم مطلق من 100x100 ‏بكسل)
• Delicious.gif (صورة GIF تم تغيير مقياسها إلى 250%)

أمثلة على المقياس المطلق

أمثلة جيدة على المقياس المطلق

• 100x80 foo.png (مقياس مطلق بسيط)
• ‎80 x 100px foo.png (مسافات بين الأطوال)
• 4in x100 foo.png (مزيج من الوحدات ومن دونها)
• 90mm x120cm foo.png (مزيج من الوحدات المختلفة)
• 100x? foo.png (حرف بدل)
• ‎?x60in foo.png (حرف بدل في البداية)

أمثلة رديئة على المقياس المطلق

• 100x100foo.png (لا توجد مسافة قبل اسم الملف)
• 80x100 60% foo.png (مزيج من المقياس المطلق والنسبي)
• ‎50% 80x100 foo.png (مزيج من المقياس المطلق والنسبي)
• 20in cm x50cm foo.png (وحدات متعددة)
• 30nm x20 nano.png (وحدة غير صالحة)

تنسيق الملفات المتعددة وفصلها

أمثلة جيدة

• Layer 1.png (المسافة في اسم الملف مسموح بها -- ينتج عنها ملف واحد يسمى "Layer 1.png")
• Layer 1.png,Layer 2.jpg (توجد فاصلة كعلامة للفصل)
• Layer 1.png, Layer 2.jpg (توجد فاصلة متبوعة بمسافة (مسافات) كعلامة للفصل)
• Layer 1.png+Layer 2.jpg (علامة زائد مستخدمة كعلامة للفصل)
• Layer 1.png + Layer 2.jpg (توجد علامة زائد متبوعة بمسافة (مسافات) كعلامة للفصل)

الدمج بين الجميع

‎100% Delicious, 42% Layer 1.png24 + 100x100 Layer.jpg-90% , 250% Quux/Foo Bar Baz.gif ينتج عنها ثلاثة ملفات (يتم تجاهل السلسلة "‎100% Delicious" لأنها لا تعد اسم ملف):

• Layer 1.png بمقياس 42%، صورة png بتنسيق 24-bit
• Layer.jpg، بحجم مطلق 100×100 بكسل، صورة jpg بجودة 90%
• Foo Bar Baz.gif في المجلد الفرعي Quux، بمقياس 250%، بتنسيق gif.

تعيين الإعدادات الافتراضية للأصول

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

1. أنشئ طبقة فارغة في الوثيقة.
2. ابدأ اسم الطبقة بالكلمة الأساسية الافتراضية. أدخل الآن الإعدادات التي تريد تطبيقها على كل أصول الصور المُنشأة من الوثيقة. على سبيل المثال:
   

يُنشئ كل أصول الصور في مجلد فرعي مسمى hi-res. على سبيل المثال، [asset_folder]‎/hi-res/Delicious.jpg.

يُنشئ كل أصول الصور في مجلد فرعي مسمى hi-res. علاوةً على ذلك، فإنه يضيف اللاحقة @2x إلى أسماء الأصول. على سبيل المثال، [asset_folder]‎/hi-res/Delicious@2x.jpg.

يحفظ أصول الصور التي تم تغيير مقياسها بإنقاصه بنسبة 50% في المجلد الفرعي lo-res تحت مجلد أصول الوثيقة 

يُنشئ أصلين للصور من طبقة:

• في المجلد الفرعي hi-res، أصل صورة تمت إضافة اللاحقة @2x إلى اسمه
• في المجلد الفرعي lo-res، أصل صورة تم تغيير مقياسه بإنقاصه بنسبة 50%
  

تعطيل إنشاء أصول الصور لكل الوثائق

يمكنك تعطيل إنشاء أصول الصور بشكل عام لكل وثائق Photoshop من خلال تعديل Preferences‎.

1. حدد التحرير > التفضيلات > المكونات الإضافية.
2. قم بإلغاء تحديد تمكين المولّد.
3. انقر فوق موافق.

قائمة Generator Plugins

قبل إصدار يوليو 2024 من Photoshop لسطح المكتب الإصدار 25.11، كان يتم العثور على مكونات Generator الإضافية ضمن القائمة الملف > توليد.

يمكنك الآن العثور على كل مكونات Generator الإضافية، بما في ذلك المكون الإضافي الافتراضي Image Assets ضمن القائمة الملف > الأتمتة > مكونات Generator الإضافية.  تم إجراء هذا التغيير لإضفاء مزيد من الوضوح على اسم القائمة الفرعية و تمييزها عن مزايا التوليد الجديدة مثل Generate Image. 

الأسئلة المتداولة