إذا كنت مصمم مواقع ويب أو مصمم UX، فستزداد لديك فرص تصميم مواقع الويب أو التطبيقات لعدة أجهزة. تساعد ميزة Artboards على إضفاء الانسيابية على عملية التصميم الخاصة بك من خلال منحك لوحة غير محدودة يمكنك وضع تصاميمك عليها لأجهزة وشاشات مختلفة. عند إنشاء اللوحات الفنية، يمكن الاختيار من بين مجموعة متنوعة من الأحجام مسبقة الضبط أو تحديد حجم اللوحة الفنية المخصص الذي يروق لك.
Artboards مفيدة حتى إذا كنت تقوم بالتصميم بشكل معتاد لحجم شاشة واحدة فقط. على سبيل المثال، بينما تقوم بتصميم موقع ويب، يمكنك استخدام اللوحات الفنية لعرض التصاميم الخاصة بصفحات مختلفة جنبًا إلى جنب وفي السياق.
ملاحظة:
يتم تحسين اللوحات الفنية لصيغة ألوان RGB وصيغة الرسم المحسن GPU.
يمكنك أن تفكر في اللوحة الفنية على أنها نوع خاص من مجموعة الطبقة. تقوم اللوحة الفنية بقص المحتويات الخاصة بأية عناصر موجودة داخل حدودها. يتم عرض هرمية العناصر في لوحة فنية في لوحة Layers، مع الطبقات ومجموعات الطبقات. قد تحتوي Artboards على الطبقات ومجموعات الطبقات، ولكن لا تحتوي على اللوحات الفنية الأخرى.
من حيث المظهر، تعمل اللوحات الفنية كلوحات منفردة داخل وثيقة. ويتم تجميع أي طبقات موجودة في الوثيقة ولا تحتوي عليها لوحة فنية أعلى لوحة Layers وتبقى غير مقصوصة من أي لوحات فنية.
لتخصيص مظهر اللوحات الفنية، حدد Preferences > Interface > Appearance > Artboards. لديك الخيار لتحديد لون غير لامع للوحة الفنية وإظهار حدود اللوحة الفنية أو إخفائها.
- في Photoshop، حدد File > New.
- في شاشة New، حدد اسمًا للوثيقة. على سبيل المثال، موقع ويب iPhone.
- من القائمة المنسدلة Document Type، حدد Artboard.
- حدد واحدًا من أكثر من 35 إعدادًا مسبقًا لـ Artboard Size.
- يمكنك البدء من الآن في إضافة عناصر التصميم إلى اللوحة الفنية. يمكنك إضافة كائنات ذكية وطبقات ومجموعات طبقات وغيرها إلى اللوحة الفنية.
إذا كان لديك وثيقة Photoshop قياسية، فيمكنك تحويلها بسهولة إلى وثيقة لوحة فنية.
- حدد واحدة أو أكثر من مجموعات الطبقات أو الطبقات في الوثيقة.
- انقر بزر الماوس الأيمن فوق التحديد ثم اختر Artboard From Layers أو Artboard From Group.
لتحديد الأداة Artboard.- ارسم اللوحة الفنية على اللوحة.
- قم بتغيير حجم اللوحة الفنية إذا لزم الأمر. من شريط خيارات الأدوات، حدد حجمًا مضبوط مسبقًا من القائمة المنسدلة Size. وبدلاً من ذلك، يمكنك ترك اللوحة الفنية بحجم مخصص.
- تسمية اللوحة الفنية مجددًا بالاسم المطلوب. قم بما يلي:
- بعد تحديد اللوحة الفنية، حدد Layer > Rename Artboard.
- اكتب اسمًا جديدًا للوحة الفنية واضغط على Return.
- يمكنك البدء من الآن في إضافة عناصر التصميم إلى اللوحة الفنية. كما يمكنك إضافة كائنات ذكية وطبقات ومجموعات طبقات وغيرها الكثير إلى اللوحة الفنية.
يمكنك إضافة لوحات فنية إلى المستند بالنقر فوق رموز + التي تظهر على طول اللوحات الفنية الموجودة في المستند حاليًا. تظهر رموز + هذه أينما يمكن للوحة الرسم القماشية استيعاب لوحات فنية إضافية. لتكرار لوحة فنية مع محتوياتها، انقر فوق Option/Alt مع رمز زائد (+).
- حدد لوحة فنية.
- انقر فوق رمز + على طول اللوحة الفنية. يضيف Photoshop لوحة فنية إلى المستند في اتجاه الرمز +.
ملاحظة:
انقر فوق المفتاح Option/Alt ورمز الزائد (+) لتكرار اللوحة الفنية المحددة حاليًا مع محتوياتها. تتم إضافة اللوحة الفنية الجديدة في اتجاه رمز + الذي نقرت فوقه.
Set artboard background
في اللوحة Properties (Window > Properties) بالنسبة للوحة الفنية، قم بتعيين القيمة المطلوبة للحقل Artboard Background Color. ويمكنك أيضاً تعيين خلفية اللوحة الفنية إلى شفافة.
Move elements between artboards
ما عليك سوى سحب العناصر من لوحة فنية إلى لوحة أخرى على اللوحة. عند نقل عنصر بين اللوحات الفنية، يحاول Photoshop وضعه في نفس المكان المرتبط بأصول المسطرة الموجودة في الزوايا العلوية اليسرى من اللوحات الفنية.
يمكنك إضافة/نقل عنصر إلى لوحة فنية، وينتقل العنصر الجديد إلى أعلى ترتيب Z بلوحة Layers لهذه اللوحة الفنية.
كما يمكنك تجميع الطبقات/العناصر التي لا تحتوي عليها أي لوحة فنية مع اللوحات الفنية الموجودة. ما عليك سوى سحب العنصر على اللوحة إلى اللوحة الفنية الهدف. أو بدلاً من ذلك، انقله إلى اللوحة الفنية الهدف في لوحة Layers.
Duplicate layers or layer groups
عندما تقوم بتكرار طبقة أو مجموعة طبقات في مستند يحتوي على لوحات فنية، فيمكنك اختيار اللوحة الفنية التي تريد وضع الطبقة المنسوخة فيها.
Move
بعد تحديد الأداة Artboard أو الأداة Move، انقر فوق علامة اللوحة الفنية لتحديدها. الآن، انقله إلى المكان المطلوب على اللوحة.
Resize
بعد تحديد الأداة Artboard أو الأداة Move، انقر فوق علامة اللوحة الفنية لتحديدها. والآن حدد إعدادًا مسبقًا جديدًا لـ Size للوحة الفنية من شريط خيارات الأدوات.
إذا أردت تغيير حجم اللوحة الفنية إلى حجم مخصص، فما عليك سوى تغيير حدود اللوحة باستخدام المقابض.
Guides
مع تحديد لوحة فنية، اسحب خطوط الإرشاد من المسطرة إلى لوحة الرسم القماشية. تتحرك خطوط الإرشاد هذه الآن مع اللوحة الفنية. كما يمكنك تكرار اللوحة الفنية باستخدام الخطوط الإرشادية المعينة لتعيين الخطوط الإرشادية المطابقة للوحة الفنية المكررة. وبدلاً من ذلك، يمكنك تحديد View > New Guide Layout لاستهداف اللوحات الفنية المطلوبة. لتعيين خيارات رؤية الخطوط الإرشادية، حدد View > Show.
Inspect artboard properties
حدد لوحة فنية وحدد Window > Properties لاستعراض خصائصها الأساسية بسرعة. يمكنك أيضًا تغيير حجم اللوحة الفنية من داخل لوحة 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
عين القفل في الرسم التوضيحي إلى لوحة فنية لمنع التداخل التلقائي داخل اللوحة الفنية وخارجها أو إلى طبقات محددة داخل لوحة فنية لمنع التداخل التلقائي لتلك الطبقات الخاصة. للعودة إلى سلوك التداخل التلقائي العادي، قم بإزالة أية أقفال تداخل تلقائي من اللوحات الفنية أو الطبقات.
Artboard positional lock
حدد لوحة فنية وعين القفل الموضعي. تظل اللوحة الفنية الآن ثابتة في موضعها على لوحات الرسم القماشية، لكن لا يزال بالإمكان إضافة العناصر أو نقلها ضمنها أو إزالتها كالمعتاد.
Rename
انقر نقرًا مزدوجًا فوق لوحة Layers وأدخل اسمًا جديدًا. أو بدلاً من ذلك، استخدام الأمر Layer > Rename Artboard.
Dissolve artboards
يمكنك تفكيك اللوحات الفنية بسرعة وإرجاعها إلى عناصرها الأساسية. بعد تحديد اللوحات الفنية، حدد Layer > Ungroup Artboards. يتم تفكيك اللوحات الفنية وتنتقل جميع عناصرها الأساسية إلى مستوى أعلى في لوحة Layers. وفي حالة تفكيك آخر لوحة فنية متبقية أو إلغاء تجميعها، تصبح الوثيقة ليست وثيقة لوحة فنية.
يمكنك تصدير اللوحات الفنية كأصول صور بتنسيق JPEG أو GIF أو PNG أو PNG-8 أو SVG مباشرة من لوحة Layers.
لمزيد من المعلومات، راجع تصدير اللوحات الفنية والطبقات.
يمكنك تصدير اللوحات الفنية كمستندات PDF. اتبع الخطوات التالية:
- في Photoshop، حدد File < Export < Artboards To PDF.
- في مربع الحوار Artboards To PDF، قم بما يلي:
- اختر الوجهة/الموقع الذي تريد حفظ مستندات PDF التي تم إنشاؤها فيه.
- حدد بادئة اسم الملف لمستندات PDF التي تم إنشاؤها. على سبيل المثال، Campaign_insurance.
- حدد ما إذا كنت تريد تصدير المحتوى فقط على اللوحات الفنية أو تصدير المحتوى أيضًا في المساحات المتراكبة على اللوحات الفنية.
- حدد ما إذا كنت تريد تصدير جميع اللوحات الفنية أو اللوحات المحددة حاليًا فقط.
- حدد ما إذا كنت تريد أيضًا تصدير خلفيات اللوحات الفنية مع اللوحات الفنية.
- حدد ما إذا كنت تريد إنشاء مستند PDF فردي لجميع اللوحات الفنية في المستند الحالي، أو إنشاء مستند PDF واحد لكل لوحة فنية. إذا اخترت إنشاء مستندات PDF متعددة، ستأخذ كل هذه المستندات بادئة اسم الملف التي قمت بتحديدها من قبل.
- حدد ترميزًا لمستندات PDF التي تم تصديرها: ZIP أو JPEG. إذا اخترت تنسيق JPEG، فحدد أيضًا إعداد Quality (0-12).
- حدد ما إذا كنت تريد تضمين ملف تعريف جمعية الألوان الدولية (ICC) في مستندات PDF التي تم تصديرها. يحتوي ملف تعريف ICC على البيانات التي تميّز جهاز إدخال أو إخراج لون.
- حدد ما إذا كنت تريد أيضًا تصدير أسماء اللوحات الفنية مع اللوحات الفنية التي تم تصديرها. يمكنك تحديد خط مخصص وحجم الخط ولونه ولون توسيع قماش الرسم أثناء تحديد هذا الإعداد.
- انقر فوق Run. يقوم Photoshop بإنشاء مستند PDF.
يمكنك تصدير اللوحات الفنية كملفات مستقلة. اتبع الخطوات التالية:
- في Photoshop، حدد File > Export > Artboards To Files.
- في مربع الحوار Artboards To Files، قم بما يلي:
- اختر الوجهة المطلوب حفظ الملفات الذي تم إنشاؤها فيها.
- حدد بادئة اسم ملف.
- حدد ما إذا تريد تصدير محتوى اللوحة الفنية فقط أو تريد تضمين مناطق متراكبة كذلك.
- حدد ما إذا كنت تريد تصدير جميع اللوحات الفنية أو اللوحات المحددة حاليًا فقط.
- حدد ما إذا كنت تريد أيضًا تصدير خلفيات اللوحات الفنية مع اللوحات الفنية.
- اختر نوع الملف المطلوب التصدير إليه. لديك الخيار لتصدير بتنسيق BMP أو JPEG أو PDF أو PSD أو Targa أو TIFF أو PNG-8 أو PNG-24.
- حدد خيارات التصدير لنوع الملف الذي حددته.
- حدد ما إذا كنت تريد أيضًا تصدير أسماء اللوحات الفنية مع اللوحات الفنية التي تم تصديرها. يمكنك تحديد خط مخصص وحجم الخط ولونه ولون توسيع قماش الرسم أثناء تحديد هذا الإعداد.
- حدد ما إذا كنت تريد أيضًا تصدير أسماء اللوحات الفنية مع اللوحات الفنية التي تم تصديرها. يمكنك تحديد خط مخصص وحجم الخط ولونه ولون توسيع قماش الرسم أثناء تحديد هذا الإعداد.
- انقر فوق Run. يقوم Photoshop بتصدير اللوحات الفنية كملفات بتنسيق محدد.
باستخدام ميزة Device Preview في Photoshop والتطبيق المساعد Preview CC، يمكنك بسهولة معاينة التصاميم على الأجهزة الهدف الخاصة بها التي تعمل بنظام التشغيل iOS. يتصل التطبيق Preview CC بـ Photoshop عبر منفذ USB أو عبر شبكة Wi-Fi، وتتيح معاينة مباشرة لتصميمك. ويتم إرسال أية تغييرات تجريها على تصميمك تلقائيًا إلى الجهاز، بحيث يمكنك معاينتها.
بالنسبة للوثائق ذات اللوحات الفنية، تحاول ميزة Device Preview عرض اللوحة الفنية الصحيحة عن طريق مطابقة الحجم والوضع الخاص باللوحة الفنية مع حجم الجهاز المتصل الذي يعمل بنظام التشغيل iOS. كما يمكنك استخدام شريط التنقل لمعاينة لوحة فنية معينة على الجهاز أو التبديل بين اللوحات الفنية بالترتيب الذي أدرجت به في لوحة Photoshop Layers .
لمزيد من المعلومات حول ميزة Device Preview والتطبيق Preview CC، راجع:
هل اللوحة الفنية نوع من الطبقات؟
هل لي إنشاء لوحات فنية بعيدًا عن وثيقة Photoshop قياسية؟
نعم. استخدم ميزة Artboards From Layers.
إن بنود Creative Commons لا تشمل منشورات Twitter™ وFacebook.