لوحات الأعمال الفنية في Photoshop
Artboards لأجهزة مختلفة على اللوحة نفسها

إذا كنت مصمم مواقع ويب أو مصمم UX، فستزداد لديك فرص تصميم مواقع الويب أو التطبيقات لعدة أجهزة. تساعد ميزة Artboards على إضفاء الانسيابية على عملية التصميم الخاصة بك من خلال منحك لوحة غير محدودة يمكنك وضع تصاميمك عليها لأجهزة وشاشات مختلفة. عند إنشاء اللوحات الفنية، يمكن الاختيار من بين مجموعة متنوعة من الأحجام مسبقة الضبط أو تحديد حجم اللوحة الفنية المخصص الذي يروق لك.

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

ملاحظة:

يتم تحسين اللوحات الفنية لصيغة ألوان RGB وصيغة الرسم المحسن GPU‏.

ماذا تعني لوحة فنية؟

يمكنك أن تفكر في اللوحة الفنية على أنها نوع خاص من مجموعة الطبقة. تقوم اللوحة الفنية بقص المحتويات الخاصة بأية عناصر موجودة داخل حدودها. يتم عرض هرمية العناصر في لوحة فنية في لوحة Layers‏، مع الطبقات ومجموعات الطبقات. قد تحتوي Artboards على الطبقات ومجموعات الطبقات، ولكن لا تحتوي على اللوحات الفنية الأخرى.

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

تفضيلات Artboard

لتخصيص مظهر اللوحات الفنية، حدد Preferences >‏ Interface >‏ Appearance > ‏Artboards. لديك الخيار لتحديد لون غير لامع للوحة الفنية وإظهار حدود اللوحة الفنية أو إخفائها. 

تفضيلات اللوحة الفنية في Photoshop

إنشاء وثيقة بلوحة فنية

  1. في Photoshop، حدد File ‏>‏‏ New.
  2. في شاشة New، حدد اسمًا للوثيقة. على سبيل المثال، موقع ويب iPhone‏.
  3. من القائمة المنسدلة Document Type، حدد Artboard.
  4. حدد واحدًا من أكثر من 35 إعدادًا مسبقًا لـ Artboard Size.
أحجام اللوحات الفنية في Photoshop
مجموعة كبيرة من الإعدادات المسبقة لحجم اللوحة الفنية

  1. يمكنك البدء من الآن في إضافة عناصر التصميم إلى اللوحة الفنية. يمكنك إضافة كائنات ذكية وطبقات ومجموعات طبقات وغيرها إلى اللوحة الفنية.

تحويل وثيقة حالية إلى وثيقة لوحة فنية

إذا كان لديك وثيقة Photoshop قياسية، فيمكنك تحويلها بسهولة إلى وثيقة لوحة فنية.

  1. حدد واحدة أو أكثر من مجموعات الطبقات أو الطبقات في الوثيقة.
  2. انقر بزر الماوس الأيمن فوق التحديد ثم اختر Artboard From Layers أو Artboard From Group.

إضافة لوحات فنية إلى الوثيقة الحالية

  1. في اللوحة Tools، انقر فوق الرمز  لتحديد الأداة Artboard‏.
  1. ارسم اللوحة الفنية على اللوحة.
  2. قم بتغيير حجم اللوحة الفنية إذا لزم الأمر. من شريط خيارات الأدوات، حدد حجمًا مضبوط مسبقًا من القائمة المنسدلة Size. وبدلاً من ذلك، يمكنك ترك اللوحة الفنية بحجم مخصص.
تغيير حجم اللوحة الفنية في Photoshop
تغيير حجم اللوحة الفنية

  1. تسمية اللوحة الفنية مجددًا بالاسم المطلوب. قم بما يلي:
    1. بعد تحديد اللوحة الفنية، حدد Layer >‏ Rename Artboard‏
    2. اكتب اسمًا جديدًا للوحة الفنية واضغط على Return‏.
  2. يمكنك البدء من الآن في إضافة عناصر التصميم إلى اللوحة الفنية. كما يمكنك إضافة كائنات ذكية وطبقات ومجموعات طبقات وغيرها الكثير إلى اللوحة الفنية.

إضافة لوحات فنية جديدة إلى مستند

يمكنك إضافة لوحات فنية إلى المستند بالنقر فوق رموز + التي تظهر على طول اللوحات الفنية الموجودة في المستند حاليًا. تظهر رموز + هذه أينما يمكن للوحة الرسم القماشية استيعاب لوحات فنية إضافية. لتكرار لوحة فنية مع محتوياتها، انقر فوق Option/Alt مع رمز زائد (+).  

  1. حدد لوحة فنية. 
  2. انقر فوق رمز + على طول اللوحة الفنية. يضيف Photoshop لوحة فنية إلى المستند في اتجاه الرمز +.
إضافة لوحات فنية باستخدام علامة الزائد في Photoshop
إضافة لوحات فنية باستخدام علامة الزائد

ملاحظة:

انقر فوق المفتاح Option/Alt ورمز الزائد (+) لتكرار اللوحة الفنية المحددة حاليًا مع محتوياتها. تتم إضافة اللوحة الفنية الجديدة في اتجاه رمز + الذي نقرت فوقه.

العمل مع اللوحات الفنية

Set artboard background

في اللوحة Properties ‏(Window >‏ Properties) بالنسبة للوحة الفنية، قم بتعيين القيمة المطلوبة للحقل Artboard Background Color. ويمكنك أيضاً تعيين خلفية اللوحة الفنية إلى شفافة.

Set artboard background

Move elements between artboards

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

يمكنك إضافة/نقل عنصر إلى لوحة فنية، وينتقل العنصر الجديد إلى أعلى ترتيب Z بلوحة  Layers لهذه اللوحة الفنية.

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

Duplicate layers or layer groups

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

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

Move

بعد تحديد الأداة Artboard أو الأداة Move، انقر فوق علامة اللوحة الفنية لتحديدها. الآن، انقله إلى المكان المطلوب على اللوحة.

Resize

بعد تحديد الأداة Artboard أو الأداة Move، انقر فوق علامة اللوحة الفنية لتحديدها. والآن حدد إعدادًا مسبقًا جديدًا لـ Size للوحة الفنية من شريط خيارات الأدوات.

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

Grids

حدد لوحة فنية وحدد View >‏ Show >‏ Grid لعرض شبكات في لوحة فنية.

Guides

مع تحديد لوحة فنية، اسحب خطوط الإرشاد من المسطرة إلى لوحة الرسم القماشية. تتحرك خطوط الإرشاد هذه الآن مع اللوحة الفنية. كما يمكنك تكرار اللوحة الفنية باستخدام الخطوط الإرشادية المعينة لتعيين الخطوط الإرشادية المطابقة للوحة الفنية المكررة. وبدلاً من ذلك، يمكنك تحديد View >‏ New Guide Layout لاستهداف اللوحات الفنية المطلوبة. لتعيين خيارات رؤية الخطوط الإرشادية، حدد View >‏ Show‏.

تخطيط خطوط إرشادية جديدة في Photoshop
(اليسار) تخطيط خطوط إرشادية جديدة | (اليمين) خيارات رؤية الخطوط الإرشادية

Inspect artboard properties

حدد لوحة فنية وحدد Window >‏ Properties لاستعراض خصائصها الأساسية بسرعة. يمكنك أيضًا تغيير حجم اللوحة الفنية من داخل لوحة Properties‏.

كما يتم عرض خصائص اللوحة الفنية في شريط خيارات الأدوات بعد تحديد لوحة فنية. 

اللوحة Artboard Properties في Photoshop
لوحة Properties للوحة الفنية

Show artboard names

لإظهار/إخفاء أسماء اللوحات الفنية، حدد View >‏ Show >‏ Artboard Names. يتم اقتطاع أسماء اللوحات الفنية تلقائيًا مساويةً لعرض اللوحة الفنية.

Filter layers by artboard

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

Prevent auto-nesting into or out of Artboards

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

منع التداخل التلقائي داخل اللوحة الفنية أو خارجها في Photoshop

Artboard positional lock

حدد لوحة فنية وعين القفل الموضعي. تظل اللوحة الفنية الآن ثابتة في موضعها على لوحات الرسم القماشية، لكن لا يزال بالإمكان إضافة العناصر أو نقلها ضمنها أو إزالتها كالمعتاد. 

وضع القفل في Photoshop

Rename

انقر نقرًا مزدوجًا فوق لوحة Layers وأدخل اسمًا جديدًا. أو بدلاً من ذلك، استخدام الأمر Layer >‏ Rename Artboard‏.

Dissolve artboards

يمكنك تفكيك اللوحات الفنية بسرعة وإرجاعها إلى عناصرها الأساسية. بعد تحديد اللوحات الفنية، حدد Layer >‏ Ungroup Artboards‏. يتم تفكيك اللوحات الفنية وتنتقل جميع عناصرها الأساسية إلى مستوى أعلى في لوحة Layers. وفي حالة تفكيك آخر لوحة فنية متبقية أو إلغاء تجميعها، تصبح الوثيقة ليست وثيقة لوحة فنية.

تصدير اللوحات الفنية

تصدير اللوحات الفنية كأصول صورة

يمكنك تصدير اللوحات الفنية كأصول صور بتنسيق JPEG أو GIF أو PNG أو PNG-8 أو SVG مباشرة من لوحة Layers.

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

تصدير اللوحات الفنية كـ PDF

يمكنك تصدير اللوحات الفنية كمستندات PDF. اتبع الخطوات التالية:

  1. في Photoshop، حدد File < Export < Artboards To PDF.
  2. في مربع الحوار Artboards To PDF، قم بما يلي:
    • اختر الوجهة/الموقع الذي تريد حفظ مستندات PDF التي تم إنشاؤها فيه.
    • حدد بادئة اسم الملف لمستندات PDF التي تم إنشاؤها. على سبيل المثال، Campaign_insurance.
    • حدد ما إذا كنت تريد تصدير المحتوى فقط على اللوحات الفنية أو تصدير المحتوى أيضًا في المساحات المتراكبة على اللوحات الفنية.
    • حدد ما إذا كنت تريد تصدير جميع اللوحات الفنية أو اللوحات المحددة حاليًا فقط.
    • حدد ما إذا كنت تريد أيضًا تصدير خلفيات اللوحات الفنية مع اللوحات الفنية.
    • حدد ما إذا كنت تريد إنشاء مستند PDF فردي لجميع اللوحات الفنية في المستند الحالي، أو إنشاء مستند PDF واحد لكل لوحة فنية. إذا اخترت إنشاء مستندات PDF متعددة، ستأخذ كل هذه المستندات بادئة اسم الملف التي قمت بتحديدها من قبل.
    • حدد ترميزًا لمستندات PDF التي تم تصديرها: ZIP أو JPEG. إذا اخترت تنسيق JPEG، فحدد أيضًا إعداد Quality (0-12).
    • حدد ما إذا كنت تريد تضمين ملف تعريف جمعية الألوان الدولية (ICC) في مستندات PDF التي تم تصديرها. يحتوي ملف تعريف ICC على البيانات التي تميّز جهاز إدخال أو إخراج لون.
    • حدد ما إذا كنت تريد أيضًا تصدير أسماء اللوحات الفنية مع اللوحات الفنية التي تم تصديرها. يمكنك تحديد خط مخصص وحجم الخط ولونه ولون توسيع قماش الرسم أثناء تحديد هذا الإعداد.
  3. انقر فوق Run. يقوم Photoshop بإنشاء مستند PDF.

تصدير اللوحات الفنية كملفات

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

  1. في Photoshop، حدد File >‏ Export >‏ Artboards To Files‏.
  2. في مربع الحوار Artboards To Files، قم بما يلي:
    • اختر الوجهة المطلوب حفظ الملفات الذي تم إنشاؤها فيها.
    • حدد بادئة اسم ملف.
    • حدد ما إذا تريد تصدير محتوى اللوحة الفنية فقط أو تريد تضمين مناطق متراكبة كذلك.
    • حدد ما إذا كنت تريد تصدير جميع اللوحات الفنية أو اللوحات المحددة حاليًا فقط.
    • حدد ما إذا كنت تريد أيضًا تصدير خلفيات اللوحات الفنية مع اللوحات الفنية.
    • اختر نوع الملف المطلوب التصدير إليه. لديك الخيار لتصدير بتنسيق BMP أو JPEG أو PDF أو PSD أو Targa أو TIFF أو PNG-8 أو PNG-24.
    • حدد خيارات التصدير لنوع الملف الذي حددته.
      • حدد ما إذا كنت تريد أيضًا تصدير أسماء اللوحات الفنية مع اللوحات الفنية التي تم تصديرها. يمكنك تحديد خط مخصص وحجم الخط ولونه ولون توسيع قماش الرسم أثناء تحديد هذا الإعداد.
  3. انقر فوق Run. يقوم Photoshop بتصدير اللوحات الفنية كملفات بتنسيق محدد.

ميزة Device Preview والتطبيق المساعد Preview CC‏

معاينة التصاميم على الأجهزة الهدف في Photoshop

باستخدام ميزة Device Preview في Photoshop والتطبيق المساعد Preview CC، يمكنك بسهولة معاينة التصاميم على الأجهزة الهدف الخاصة بها التي تعمل بنظام التشغيل iOS. يتصل التطبيق Preview CC بـ Photoshop عبر منفذ USB أو عبر شبكة Wi-Fi، وتتيح معاينة مباشرة لتصميمك. ويتم إرسال أية تغييرات تجريها على تصميمك تلقائيًا إلى الجهاز، بحيث يمكنك معاينتها.

بالنسبة للوثائق ذات اللوحات الفنية، تحاول ميزة Device Preview عرض اللوحة الفنية الصحيحة عن طريق مطابقة الحجم والوضع الخاص باللوحة الفنية مع حجم الجهاز المتصل الذي يعمل بنظام التشغيل iOS. كما يمكنك استخدام شريط التنقل لمعاينة لوحة فنية معينة على الجهاز أو التبديل بين اللوحات الفنية بالترتيب الذي أدرجت به في لوحة Photoshop Layers .

لمزيد من المعلومات حول ميزة Device Preview والتطبيق Preview CC، راجع:

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

هل لي أن أضيف لوحة فنية داخل لوحة فنية؟

لا. تداخل اللوحات الفنية غير مدعوم حاليًا.

هل اللوحة الفنية نوع من الطبقات؟

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

هل لي إنشاء لوحات فنية بعيدًا عن وثيقة Photoshop قياسية؟

نعم. استخدم ميزة Artboards From Layers.

تم ترخيص هذا العمل بموجب الترخيص العام غير المعدل الخاص بالإسناد وعدم التجارة والمشاركة الإصدار 3.0 ‏من ‏‏Creative Commons‏‏  إن بنود Creative Commons لا تشمل منشورات Twitter™‎ وFacebook.

إشعارات قانونية   |   سياسة الخصوصية على الإنترنت