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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

يمكنك أيضًا استخدام أداة 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.العمل مع Artboards في Photoshop CC

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

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

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

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

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

تصدير لوحات الرسم كأصول للصور

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

تصدير لوحات الرسم بصيغة PDF

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

في Photoshop، حدد ملف > تصدير > لوحات الرسم إلى PDF.

في مربع الحوار Artboards to PDF ، قم بما يلي:

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

انقر على تشغيل. يقوم Photoshop بإنشاء مستند PDF.

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

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

في Photoshop، حدد ملف > تصدير > لوحات الرسم إلى الملفات.

في مربع الحوار اللوحات الفنية إلى الملفات ، قم بما يلي:

  • اختر الوجهة التي تريد حفظ الملفات التي تم إنشاؤها فيها.
  • حدد بادئة اسم الملف.
  • حدد ما إذا كنت تريد تصدير محتوى لوح الرسم فقط أو تريد تضمين مناطق متداخلة أيضًا.
  • حدد ما إذا كنت تريد تصدير كل لوحات الرسم أو تلك المحددة حاليًا فقط.
  • حدد ما إذا كنت تريد أيضًا تصدير خلفيات لوحة الرسم مع لوحات الرسم.
  • اختر نوع الملف الذي تريد تصديره إليه. لديك خيار التصدير بتنسيق BMP أو JPEG أو PDF أو PSD أو Targa أو TIFF أو PNG-8 أو PNG-24.
  • حدد خيارات التصدير لنوع الملف الذي حددته.
    • حدد ما إذا كنت تريد أيضًا تصدير أسماء لوحات الرسم مع لوحات الرسم المصدرة. يمكنك تحديد خط مخصص وحجم الخط ولون الخط ولون امتداد اللوحة القماشية أثناء تحديد هذا الإعداد.

انقر على تشغيل. يقوم Photoshop بتصدير لوحات الرسم كملفات بالتنسيق المحدد.


شاشة الاستيلاء على قسم من ملف PDF

شاشة الاستيلاء على قسم من ملف PDF

يمكنك استخدام أداة Snapshot في Adobe Acrobat CS5 لتحديد كل من النص والصور وإنشاء صورة لمنطقة معينة داخل ملف PDF. يُشار إلى النتيجة عمومًا على أنها لقطة شاشة لقسم داخل ملف PDF. النتيجة صورة والنص لا [...]

قياس وإحصاء وتحليل وحدات البكسل في Photoshop CC

قياس وإحصاء وتحليل وحدات البكسل في Photoshop CC

تُعد إمكانات القياس في Photoshop CC ، المصممة للباحثين والعلماء ، قوية جدًا. يمكنك قياس أي شيء تقريبًا وإحصاء عدد العناصر الموجودة في صورة تقنية ، ربما من خلال مجهر أو تلسكوب. إذا كنت تعرف الحجم الدقيق لأي عنصر في الصورة ، فيمكنك حينئذٍ اكتشاف أي شيء تقريبًا [...]

أدوات التسييل في Adobe CS5 Illustrator

أدوات التسييل في Adobe CS5 Illustrator

عند استخدام أدوات Liquify في Adobe Creative Suite 5 (Adobe CS5) Illustrator ، يمكنك ثني الكائنات - اجعلها متموجة أو لزجة أو شائكة - عن طريق إنشاء تشوهات بسيطة إلى معقدة. يمكن لأدوات Liquify إنجاز جميع أنواع التشوهات الإبداعية أو الأحمق (اعتمادًا على الطريقة التي تنظر إليها) في الكائنات الخاصة بك. أنت […]

كيفية ضبط خصائص النص في Adobe XD

كيفية ضبط خصائص النص في Adobe XD

عندما يكون لديك نص في مشروع Adobe XD الخاص بك ، يمكنك البدء في تغيير خصائص النص. تتضمن هذه الخصائص مجموعة الخط وحجم الخط وسمك الخط والمحاذاة وتباعد الأحرف (تقنين الأحرف والتعقب) وتباعد الأسطر (المسافة بين السطور) والتعبئة والحدود (الحد) والظل (الظل المسقط) وتمويه الخلفية. لذلك دعونا نراجع كيفية تطبيق هذه الخصائص. حول سهولة القراءة والخط [...]

كيفية إنشاء أكواد QR في InDesign CC

كيفية إنشاء أكواد QR في InDesign CC

يمكنك استخدام InDesign لإنشاء رسومات رمز QR وتعديلها. أكواد QR هي شكل من أشكال الباركود الذي يمكنه تخزين معلومات مثل الكلمات والأرقام وعناوين URL أو أشكال أخرى من البيانات. يمسح المستخدم رمز الاستجابة السريعة باستخدام الكاميرا والبرامج الموجودة على جهاز ، مثل الهاتف الذكي ، ويستخدم البرنامج [...]

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

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

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

التفاف النص في Adobe Illustrator CC

التفاف النص في Adobe Illustrator CC

لا يتشابه التفاف النص في Adobe Illustrator CC تمامًا مع تغليف هدية - إنه أسهل! يجبر التفاف النص النص على الالتفاف حول رسم ، كما هو موضح في هذا الشكل. يمكن لهذه الميزة أن تضيف القليل من الإبداع إلى أي قطعة. الرسم يجبر النص على الالتفاف حوله. أولاً ، قم بإنشاء [...]

كيفية تغيير حجم الأشكال في Illustrator

كيفية تغيير حجم الأشكال في Illustrator

عند التصميم في Adobe Illustrator CC ، غالبًا ما تحتاج إلى شكل ليكون بالحجم الدقيق (على سبيل المثال ، 2 × 3 بوصات). بعد إنشاء شكل ، فإن أفضل طريقة لتغيير حجمه وفقًا للقياسات الدقيقة هي استخدام لوحة التحويل ، الموضحة في هذا الشكل. حدد الكائن ثم اختر Window → Transform to […]

كيفية تطبيق الشفافية على SVGs

كيفية تطبيق الشفافية على SVGs

تعرف على كيفية تطبيق الشفافية على رسومات SVG في Illustrator. اكتشف كيفية إخراج صور SVG بخلفيات شفافة وتطبيق تأثيرات الشفافية.

العمل مع الصور في Adobe XD

العمل مع الصور في Adobe XD

بعد قيامك باستيراد صورك إلى Adobe XD ، ليس لديك قدر كبير من التحكم في التحرير ، ولكن يمكنك تغيير حجم الصور وتدويرها تمامًا كما تفعل مع أي شكل آخر. يمكنك أيضًا تقريب زوايا صورة مستوردة بسهولة باستخدام أدوات الزاوية. إخفاء صورك عن طريق تحديد شكل مغلق [...]