العمل مع Artboards في Photoshop CC

تمامًا كما هو الحال في Adobe Illustrator ، توفر اللوحات الفنية في Photoshop القدرة على إنشاء صفحات أو شاشات منفصلة داخل مستند واحد. يمكن أن يكون هذا مفيدًا بشكل خاص إذا كنت تقوم بإنشاء شاشات لتطبيق جوال أو كتيب صغير.

يمكنك التفكير في لوح الرسم كنوع خاص من مجموعة الطبقات التي تم إنشاؤها باستخدام لوحة Layers. قد لا تكون وظائفه بديهية في Photoshop كما هو الحال في Adobe Illustrator ، ولكن مع القليل من الممارسة ، يجب أن تتدرب عليها. اتبع هذه الخطوات لترى كيف يمكنك إنشاء ألواح الرسم بنفسك:

في هذا المثال ، يتم إنشاء مستند جديد باستخدام مستند بدء iPhone 6. إذا كنت تبدأ مستندًا جديدًا باستخدام نافذة New Document القديمة ، فأنشئ ملفًا جديدًا بهذه الأبعاد: 750 عرضًا × 1334 ارتفاعًا.

قم بإنشاء مستند بحجم iPhone 6.

إذا قمت بإنشاء مستندك الجديد باستخدام ملف بدء iPhone 6 ، فسترى بالفعل لوحة فنية مدرجة في لوحة Layers.

تم بالفعل إنشاء لوحة Layers مع Artboard.

إذا كنت لا ترى لوح رسم ، فأنشئ لوحًا الآن باختيار New Artboard من قائمة اللوحة Layers.

يمكنك إضافة لوح الرسم الخاص بك باستخدام قائمة اللوحة Layers.

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

اختر File → Place Embedded وانتقل إلى مجلد Book03-Photoshop. انقر نقرًا مزدوجًا لتحديد الصورة المسماة water_sky أو ​​حدد الصورة واضغط على Place.

عندما تظهر الصورة على لوح الرسم ، أمسك بأحد مقابض الزاوية ، واضغط باستمرار على مفتاح Shift وانقر واسحب للخارج لتغيير حجم الصورة وملء لوح الرسم بالكامل. عندما يتم تحديد حجم الصورة ووضعها ، حدد خانة الاختيار Commit في شريط الخيارات ، أو اضغط على مفتاح Enter لتأكيد موضع الصورة.

ضع صورة وقم بمدها لتلائم لوح الرسم بأكمله.

بعد ذلك ، يمكنك إضافة طبقة نص.

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

اكتب النص WATER & SKY. باستخدام عناصر التحكم في شريط الخيارات ، اضبط النوع على الخصائص التالية:

• الخط: Myriad Pro Bold
• الحجم: 110 نقطة
• اللون: أبيض

حدد زر Commit في شريط الخيارات بعد أن تقوم بتعيين النوع الخاص بك.

أضف طبقة نص إلى لوح الرسم الخاص بك.

يمكنك الضغط على Ctrl + Return (في نظام Windows) أو ⌘ + Return (في نظام Mac) لتلتزم بطبقة كتابة أيضًا.

كما ترى ، فأنت تعمل باستخدام Artboards تمامًا كما لو كنت تعمل مع أي مستند Photoshop آخر. يأتي الاختلاف في الخطوة التالية ، حيث ستجد كيفية إضافة ألواح رسم إضافية إلى ملفك.

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

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

انقر فوق أداة النقل وحدد أداة Artboard المخفية.

استخدم أداة Artboard لمعالجة ألواح الرسم وإنشاء المزيد.

تظهر رموز علامة الجمع على كل جوانب لوح الرسم. يمكنك النقر فوق رموز علامة الجمع هذه لإضافة لوحات فنية إضافية.

انقر فوق رمز علامة الجمع على يمين لوح الرسم الحالي لترى إضافة لوح رسم فارغ جديد.

أضف لوحة فنية فارغة من خلال النقر على أيقونة علامة الجمع.

ألق نظرة في لوحة الطبقات. تأكد من ظهور أحدث لوح رسم فوق الطبقة المحددة ، تمامًا مثل الطبقات.

يمكنك أيضًا استخدام أداة Artboard لإنشاء لوح رسم بحجم مخصص. قم بذلك عن طريق النقر والسحب باستخدام أداة لوح الرسم على لوحة Photoshop القماشية. من شريط خيارات الأداة ، حدد حجمًا محددًا مسبقًا من قائمة الحجم المنبثقة ، أو اتركه بحجمك المخصص.

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

قبل أن يصبح هذا الملف أكثر تعقيدًا ، سيكون من الحكمة تسمية ألواح الرسم. يتم ذلك في لوحة Layers.

حدد لوح الرسم الأولي (Artboard 1) وانقر نقرًا مزدوجًا على اسم لوح الرسم. عندما يكون مربع النص نشطًا ، اكتب اسم الصفحة الرئيسية.

انقر نقرًا مزدوجًا فوق اسم Artboard 2 في لوحة Layers وقم بتسمية هذه الطبقة Beach.

إضافة محتوى إلى لوح الرسم الثاني

الآن ، أضف صورة وبعض النص إلى لوح الرسم الثاني:

انقر فوق أداة Artboard وقم بالتبديل مرة أخرى إلى أداة Move.

تأكد من تحديد لوحة الرسم الشاطئية في لوحة Layers واختر File → Place Embedded. انتقل إلى مجلد Book03_Photoshop وحدد الصورة المسماة Beach واضغط على Place. تُضاف الصورة إلى لوح الرسم الثاني.

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

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

الاستنساخ من لوح رسم إلى آخر

الآن ، قم بنسخ النص من لوحة الرسم الرئيسية إلى لوحة الرسم على الشاطئ:

مع استمرار تحديد أداة Move ، انقر مع الضغط على مفتاح Ctrl (في نظام التشغيل Windows) أو ⌘-انقر (نظام التشغيل Mac) على نص WATER & SKY في لوحة الرسم الرئيسية. هذا ينشط تلك الطبقة.

اضغط مع الاستمرار على مفتاح Alt (في نظام التشغيل Windows) أو مفتاح Option (في نظام التشغيل Mac) وانقر فوق النص واسحبه من لوح رسم إلى التالي.

إذا قمت بالضغط باستمرار على مفتاح Shift أثناء سحب الصورة ، فستظل محاذية.

قم بالتبديل إلى لوحة الرسم وانقر نقرًا مزدوجًا على النص المستنسخ حديثًا لتنشيط منطقة النص واكتب FUN BEACHES.

ملف فوتوشوب به لوحتي رسم.

نقل العناصر من لوح رسم إلى آخر

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

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

يمكنك حفظ ملفك كملف Photoshop للحفاظ على الطبقات ، ولكن في هذا المثال سوف تقوم بتصدير الملف كملف PDF من صفحتين. أو استخدم ميزة File → Export لتصدير ألواح الرسم الخاصة بك بتنسيق PNG و JPEGs و PDF والمزيد.