Unlimited Wordpress themes, plugins, graphics & courses! Unlimited asset downloads! From $16.50/m
Advertisement
  1. Web Design
  2. Sketch
Webdesign

فهم خيارات تصدير سكيتش

by
Difficulty:BeginnerLength:LongLanguages:

Arabic (العربية/عربي) translation by Kowthar Alasady (you can also view the original English article)

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

سنستعين الآن ببعض الأمثلة الأساسية لكي نفهم تمامًا خيارات تصدير المختلفة المتاحة في سكيتش ثري وأنا سأساعدك على تحديد الأساليب الأفضل لك، وذلك بالاعتماد على ما تعمل عليه حاليًا.

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

Sketch templates on Envato Market
قوالب سكيتش

1. أساسيات التصدير

الخطوة  الأولى

افتح سكيتش. نحتاج كائنًا واحدًا في لوحتنا إذًا لنحدد شكل المتجه. اذهب إلى إدخال< شكل واختر إحدى الأدوات المتاحة. وفي هذا المثال سأرسم مربع حجمه 300x300بيكسل باستخدام إدخال<شكل<مستطيل 

تذكر أنه باستطاعتك أن ترسم مستطيلًا لا على تعيين وأن تعدل خصائصه من خلال لوحة المراقب.

Understanding Sketchs export options

الخطوة الثانية

الآن اذهب إلى قائمة ملفات واحرص على تفعيل خيار تصدير. ومن شريط الأدوات يمكنك النقر فوق أيقونة التصدير ايضًا، إذًا هيا أنقر عليها. ستلاحظ بعض التغييرات في اللوحة، وفي قائمة الطبقات، وفي لوحة المراقب. ماذا حدث؟

Creating our first slice

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

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

لوحة المراقب

بالحديث عن التحكم، ألق نظرة إليه مع إبقاء الشريحة محددة. كما ذكرت سابقًا نستطيع تغيير موضع الشريحة وعرضها وطولها. ونستطيع ايضًا رؤية بعض الخيارات الجديدة:

Export options - Inspector panel
  • قص وحدات بكسل الشفافة. يمكنك تفعيل هذا الخيار إذا أردت إزالة وحدات بكسل الشفافة من حواف ملفاتك المصدرة. لنقل مثلًا إنه لديك أيقونة بحجم 32×32 بيكسل داخل شريحة حجمها 80×80بيكسل. سيؤدي تحديد هذا الخيار تلقائيًا إلى تصدير ملف بحجم 32×32بكسل دون إعادة تحجيم الشريحة. سيعمل سكيتش على تشذيب وحدات بكسل الشفافة.
  • تصدير محتويات المجموعة فقط. هذا خيار مفيد جدًا عند إنشاء تصميمات معقدة تتضمن محتوى متراكباً. لا نستطيع تفعيله حاليًا، لذا سنتركه للمثال التالي.
  • يتيح لنا خيار لون الخلفية اختيار لون الخلفية الشريحة المحددة مع ملء أي بيكسلات شفافة داخل المنطقة المصدرة.

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

  • يتيح لنا خيار الحجم إضافة عامل ضرب إذا احتجنا إلى إعادة تحجيم المحتوى المراد تصديره لهذه الشريحة. يأتي سكيتش ثري ببعض الخيارات والمتغيرات المحددة مسبقًا لهذا الغرض.
  • ادخل شيئًا إلى مدخل اللاحقة إذا أردت إضافة شيء إلى اسم ملف لجعله وصفيًا. يمكنك مثلًا إضافة @2× لصورة مزدوجة الحجم.
  • حدد تنسيق الملف باستخدام قائمة التنسيق. يدعم سكيتش  تصدير التنسيقيات التالية: png وjpg وtiff وpdf وeps وsvg.

افتراضيًا يتم ضبط خيارات تصدير سكيتش على الحجم =1×(الحجم الأصلي 100%)، دون أي إضافات وصيغة png. أترك هذه الخيارات بقيم افتراضية أو العب بها إذا أردت.

ملحوظة: يدعم سكيتش تصدير إلى أحجام عشوائية، لذا فلا تقلق إذا كنت بحاجة إلى أشياء مثل  تصدير 100x أو تصدير 1.75x وكذلك يمكنك كتابة قيمة بكسل متبوعة بحرف ع للعرض وحرف ط للطول لتصدير الأصول في أي حجم. على سبيل المثال، اكتب 60ع  في أداة التصدير وسيعمل سكيتش على تصدير أصولك بعرض 60 بكسل وتوسيع نطاق الطول وفقًا لذلك. بالتساوي، سيصدر سكيتش أصولك بطول 60 بكسل وتوسيع نطاق العرض بشكل متناسب. 

الخطوة الثالثة

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

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

إعادة تسمية طبقة الشريحة لإدخال شرطة المائلة/
تصدير تلك الطبقة
هيكل المجلد الناتج

تحديد الملف المراد تصديره

الخطوة الأولى

افتح ملف المراد تصديره الذي قدمته كمرفق لهذا البرنامج التعليمي.

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

export_what_you_want file

سترى بعض الكائنات المجمعة، ولوح الرسم وعناصر أخرى موضوعة مباشرةً على اللوحة، خارج لوح الرسم.

الخطوة الثانية

اذهب إلى ملف> تصدير. بدلًا من ذلك يمكنك النقر فوق تصدير أيقونة في شريط الأدوات.

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

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

الخطوة الثالثة

دعنا نعود إلى ملفنا، سنصدر الآن طبقة واحدة. حدد المربع الأزرق مباشرةً، أو من خلال قائمة الطبقات. أنظر إلى الجزء السفلي من لوحة التحكم: سترى خيارًا جديدًا make exportable أنقر عليه.

Sketch Make exportable option

سيُحَدث المراقب ليظهر لك أنك ستصدر صورة بحجم 1× (الحجم الأصلي) بلا إضافة وافتراضيًا بصيغة .png.

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

الخطوة الرابعة

ركز انتباهك على المربع الأرجواني. لن نستخدم خيار make exportable هذه المرة ، بل سنعمد إلى إنشاء شريحة تلقائيًا.

اذهب إلى إدخال> شريحة. لاحظ كيف يتغير المؤشر عندما تتحرك فوق الكائنات الموجودة على اللوحة. تذكر رمز السكين؟ انقر المربع الأرجواني. ستظهر شريحة جديدة بنفس الموضع والعرض والطول!

Sketch auto slicing

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

الخطوة الخامسة

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

اذهب إلى إدخال > الشريحة وحرك المؤشر فوق المربعات البرتقالي والأخضر، تلك التي جُمعت بالفعل. انقر فوقها، وتكون بذلك قد أنشأت للتو شريحة جديدة للمجموعة.

الخطوة السادسة

انقل طبقة الشريحة إلى مجموعة برتقالي + أخضر.

Slice for groups

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

في هذه المرحلة من الإجراءات سيكون من المفيد جدًا التحقق من معاينة الصورة لمعرفة المحتوى الذي سيتم تضمينه في الملف.

Export Group Content turned off

الخطوة السابعة

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

Export Group Contents Only option turned on

أترى الفرق؟ لقد أزيل القطع الناقص الأحمر من المعاينة.

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

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

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

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

من الميزات الرائعة التي يجب وضعها في الحسبان عند استخدام سكيتش ثري هي أنك تستطيع تصدير عدة صور في وقت واحد. لا أقصد أنه باستطاعتك تصدير مختلف الصور وألواح الرسم (رغم أن ذلك أمر ممكن). ما أقصده هو أنه بمقدورك تصدير مختلف الإصدارات في آن واحد من طبقة أو شريحة واحدة.

الخطوة الأولى

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

Single export from one file

الخطوة الثانية

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

Multiple versions at once

تعتقد الآن أننا تناولنا كل ما يمكن معرفته عن خيارات التصدير في سكيتش، إلا أن هناك المزيد! إليكم بعض النصايح الإضافية:

5. تصدير مباشر

يؤدي سحب أي طبقة خارج القائمة على سطح المكتب أو من أي تطبيق آخر إلى تصديرها تلقائيًا لأجلك بصيغة .png. اضغط مع الاستمرار على مفتاح الاختيار  (⌥) للتغيير إلى صيغة PDF عند سحب.

6. مولد سكيتش وأوامر سكيتش

لقد تحدثنا عن الميزات الأصلية داخل سكيتش، لكن هناك مجتمع نشط جدًا يعمل على تطوير المكونات الإضافية طوال الوقت. مولد سكيتش مثلًا يُعد طريقة جديدة تمامًا لتصدير المحتوى باستخدام سكيتش. يجب أن تلقي نظرة على هذا البرنامج المساعد خاصة إذا كنت قد جربت من قبل ميزة Adobe Generatorمن Photoshop CC.

أوامر سكيتش هي مجموعة من أوامر النصية يرتبط بعضها بمهام التصدير ، لذا هذا امتداد آخر أوصيك بإلقاء نظرة عليه.

Sketch commands

خاتمة

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

Advertisement
Advertisement
Advertisement
Advertisement
Looking for something to help kick start your next project?
Envato Market has a range of items for sale to help get you started.