يستخدم Inkscape نوع الملف .SVG افتراضيًا ، والذي يرمز إلى Scalable Vector Graphics. يحتفظ هذا النوع من الملفات بالكائنات والطبقات القابلة للتحرير التي تنشئها في التراكيب الخاصة بك ، مما يسمح لك بإعادة فتح الملف في وقت لاحق ومواصلة تحرير العناصر الأصلية للتراكيب الخاصة بك.

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

يرمز PNG إلى Portable Network Graphics ، و "يحتوي على صورة نقطية للألوان المفهرسة ويستخدم ضغطًا بدون فقدان البيانات ، على غرار ملف .GIF ولكن بدون قيود حقوق النشر. تُستخدم ملفات PNG بشكل شائع لتخزين الرسومات لصور الويب. " (بالنسبة الى FileInfo.com). تميل PNGs إلى أن تكون ذات جودة أفضل قليلاً من JPEG ، على الرغم من أن حجمها في الغالب يكون أكبر قليلاً في حجم الملف كنتيجة لذلك. PNGs تدعم أيضا الرسومات التي تحتوي على خلفية شفافة (في حين أن JPEGs لا).

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

متساوي القياس تصميم الهاتف الخلفية الخفية

بالنسبة لهذه المقالة ، سأستخدم ملف Isometric Phone Design لقد قمتُ بإنشائه في فيديو تعليمي حديث لـ Inkscape. لقد أخفيت طبقة الخلفية في لوحة الطبقات (يُشار إليها بالسهم الأحمر في الصورة أعلاه) ، وجعلت لوحة الرسم القماشية الخاصة بي بمثابة خلفية رقعة الشطرنج حتى تتمكن من رؤية حيث تكون التركيبة شفافة (أوصي بمراجعة البرنامج التعليمي الخاص بي على كيف تجعل لوحة إنكسكيب تبدو مثل لوحة الرسم في Adobe Illustrator، حيث أذهب لإعداد خصائص المستند).

1. تصدير الصفحة إلى صورة PNG

ملف تصدير PNG صورة إنكسكيب تعليمي

بمجرد إعداد كل شيء وجاهز للتصدير ، يمكنني الانتقال إلى ملف> تصدير صورة PNG (السهم الأحمر في الصورة أعلاه).

تصدير PNG صورة مربع حوار Inkscape

سيؤدي ذلك إلى إظهار مربع حوار Export PNG Image على الجانب الأيمن من لوحته (مظلل باللون الأحمر في الصورة). خياري الأول هو تحديد علامة تبويب ضمن "منطقة التصدير" ، مع أربعة إعدادات مختلفة للاختيار من بينها. إذا كنت أرغب في تصدير كل شيء داخل حدود اللوحة القماشية الخاصة بي (لذلك ، بشكل أساسي التكوين بالكامل) ، سأختار خيار منطقة التصدير "الصفحة" (السهم الأخضر). سترى عمودين وثلاثة صفوف تحتوي على بيانات رقمية في هذا القسم ، بالإضافة إلى مربع قائمة منسدلة لتحديد وحدة (صورتي / قماش الرسم الخاص بي حاليًا بالبكسل أو البكسل).

x0 و y0 inkscape تصدير ملف png

القيمتان الأوليان في أعلى هذا القسم هما "x0" و "y0" (مظللة باللون الأخضر أعلاه). تمثل هذه القيم مكان الحد الأيسر السفلي أو الزاوية من صورتك (بمعنى آخر ، إحداثيات البداية لصورتك). يمثل المتغير X العرض دائمًا ، ويمثل Y دائمًا الارتفاع. نظرًا لأننا سنقوم بتصدير الصفحة بأكملها ، تبدأ صورتنا عند إحداثيات 0 لـ x و 0 لـ y.

x1 و y1 inkscape تصدير ملف png

القيم التالية هي "x1" و "y1" (مظللة باللون الأخضر أعلاه). تمثل هذه القيم مكان وجود الحد العلوي الأيمن أو الزاوية من صورتك (بمعنى آخر ، إحداثيات نهاية المستند). كان إجمالي حجم لوحة الرسم لهذا التكوين 1920 بكسل × 1080 بكسل ، وبالتالي فإن إحداثي x1 هو 1920 وإحداثي y1 هو 1080 (تذكر ، تم تعيين وحدات صفحتي على وحدات البكسل عبر القائمة المنسدلة للوحدات في هذا القسم)

العرض و الارتفاع إنكسكيب تصدير صورة بابوا نيو غينيا

القيمتان الأخيرتان في هذا القسم هما العرض والارتفاع ، وهما يعكسان الحجم الإجمالي لمنطقة التصدير الخاصة بي. يظهر My Width كـ 1920 و My Height هو 1080 لأن هذا هو حجم لوحة الرسم الخاصة بي بالكامل. لذلك ، سيكون بابوا نيو غينيا بنفس حجم قماشي عند التصدير.

حجم الصورة والقرار inkscape تصدير صورة بابوا نيو غينيا

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

زيادة دقة الصورة في إنكسكيب

لذلك ، على سبيل المثال ، إذا كنت أعلم أنني بحاجة إلى الحصول على دقة نهائية لصورتي 300 نقطة في البوصة (نقطة في البوصة) ، يمكنني ضبط الدقة بكتابة "300" في حقل نقطة في البوصة (السهم الأحمر). إذا قمت بالضغط على مفتاح tab ، ستلاحظ أن عرض صورتي وارتفاعها سيتغيران فجأة (المنطقة الخضراء المميزة). نظرًا لأنني قمت بزيادة الدقة من 96 إلى 300 ، فستكون الصورة الآن صورة عالية الدقة (يتم عرض المزيد من النقاط في كل بوصة من الصورة). نتيجة لذلك ، أصبح حجم صورتي الإجمالي الآن أكبر بكثير (انتقل عرضي وطولي من 1920 × 1080 إلى 6000 × 3375).

انخفاض دقة الصورة في إنكسكيب

من ناحية أخرى ، إذا قمت بتقليل الدقة عن طريق كتابة "72" في أول حقل dpi ، فسترى أن حجم صورتي سوف يتقلص إلى 1440 × 810. هذا لأن لدي الآن صورة ذات دقة أقل ، مع عرض نقاط أقل لكل بوصة في صورتي.

سوف أقوم بتغيير القيمة مرة أخرى إلى القيمة الافتراضية لـ 96 dpi.

اسم الملف القسم تصدير PNG صورة الحوار

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

لتغيير اسم ملفك أو مكان تصديره ، انقر فوق الزر "تصدير باسم" (السهم الأحمر في الصورة أعلاه).

إنكسكيب ملف إكسبلورر التصدير إلى بابوا نيو غينيا

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

لقد قمت بتصدير هذا الملف قبل استخدام الاسم "Phone Isometric Design Gen 3.png" ، ولهذا السبب يظهر اسم الملف الخاص بي على هذا النحو افتراضيًا (السهم الأحمر). سأغير الاسم إلى "تصميم هاتف متساوي القياس بلا خلفية".

حفظ بنوع ملف تصدير Inkscape تعليمي

إذا قمت بالنقر فوق القائمة المنسدلة "حفظ كنوع" ، فسيكون "PNG" هو الخيار الوحيد المتاح. يقوم إنكسكيب بالتصدير إلى PNG فقط. إذا كنت بحاجة إلى التصدير إلى شيء مثل ملف JPEG أو نوع ملف آخر ، فسيتعين عليك تصدير ملفك إلى ملف PNG من Inkscape ، ثم فتح برنامج آخر مثل GIMP (برنامج مجاني رائع آخر ، والذي لدي مئات من الدروس ل) والتصدير إلى أي نوع ملف تريده.

بمجرد أن أكون جاهزًا للتصدير ، سأضغط على الزر "حفظ".

إنكسكيب التصدير إلى PNG زر

لكن انتظر! لم تنته بعد - هناك خطوة أخيرة حاسمة قبل أن يتم تصدير صورتك بالفعل. يجب عليك النقر فوق الزر المسمى "تصدير" بعلامة الاختيار الخضراء لتصدير الملف بالفعل (السهم الأحمر في الصورة أعلاه). إذا لم تنقر فوق هذا الزر ، فلن يتم تصدير ملفك. بعد النقر فوق هذا الزر ، سيتم الآن تصدير ملف SVG إلى ملف PNG.

ملاحظة: إذا قمت بتحديد الخيار "إغلاق عند الاكتمال" على يسار زر التصدير (المحدد باللون الأزرق في الصورة أعلاه) ، فسيتم إغلاق مربع الحوار Export PNG Image بعد إكمال التصدير.

2. تصدير الرسم إلى صورة PNG

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

رسم منطقة التصدير في إنكسكيب

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

سيؤدي هذا الخيار إلى تصدير مساحة صورتنا التي تحتوي على رسم فقط. لذلك ، في هذه الحالة ، سيتم تصدير المنطقة التي بها تصميم الهاتف فقط. لن تصل كل المساحة الفارغة بين تصميم الهاتف وحدود اللوحة إلى ملف PNG النهائي المُصدَّر. ينعكس هذا في قيمنا لإحداثيات الصور لدينا ، والتي تغيرت الآن مقارنة بما كانت عليه في إعداد "الصفحة".

x0 و y0 رسم منطقة التصدير inkscape

الآن ، قيمة x0 هي 317.278 بكسل ، وقيمة y0 هي 121.273 بكسل (مظللة باللون الأخضر). هذا هو الموقع الجديد للزاوية السفلية اليسرى من صورتي (أو إحداثيات البداية).

x1 و y1 رسم منطقة التصدير inkscape

بالإضافة إلى ذلك ، أصبحت قيمة x1 الآن 1602.722 بكسل وقيمة y1 هي 911.076. هذا هو الموقع الجديد للزاوية العلوية اليمنى من صورتي (أو الإحداثيات النهائية).

العرض والارتفاع رسم منطقة التصدير inkscape

لذلك ، لن تغطي منطقة تصدير الصور الخاصة بي الآن كامل طول لوحة الرسم (1920 × 1080 بكسل). سيكون أصغر لأنه يتخلص من المساحة الفارغة حول الرسم. يتم تأكيد ذلك من خلال العرض والارتفاع الجديدين (الموضحة باللون الأخضر). عرض My Width هو الآن 1285.444 وطولي الجديد هو الآن 789.803 (كلا القيمتين بالبكسل).

حجم الصورة رسم منطقة التصدير inkscape

ضمن قسم حجم الصورة (الموضح باللون الأخضر في الصورة أعلاه) ، يمكنني مرة أخرى تغيير دقة صورتي ، والتي ستؤدي إما إلى زيادة أو تقليل العرض والارتفاع النهائيين لتصدير PNG. يظهر العرض والارتفاع 1285 × 790 بكسل لأن القيم من القسم السابق تم تقريبها. لا يمكن لـ Inkscape تصدير جزء من البكسل ، لذلك يجب تقريب القيم إلى أقرب رقم صحيح.

تصدير كما رسم منطقة التصدير inkscape

عندما تكون جاهزًا لتصدير الرسم ، يمكنك مرة أخرى النقر فوق الخيار "تصدير باسم" (السهم الأحمر) لتغيير اسم الملف والموقع (لقد غيرت اسم الملف الخاص بي إلى "رسم الهاتف متساوي القياس") ، ثم انقر فوق الزر "تصدير" لتصدير SVG إلى PNG (السهم الأزرق).

رسم الهاتف متساوي القياس

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

3. تحديد التصدير إلى PNG

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

اختيار منطقة التصدير إنكسكيب 2019

لذلك ، دعنا نقول افتراضيًا أنني أريد تصدير الوجه الأمامي فقط لهاتفي. يمكنني الحصول على أداة التحديد من صندوق الأدوات الخاص بي (السهم الأحمر في الصورة أعلاه) ، ثم انقر فوق كل العناصر التي أريد تحديدها للتصدير (قمت بالنقر فوق جميع الأشكال التي تشكل الوجه الأمامي للهاتف) . مع تحديد كل هذه العناصر ، سترى الآن أنه ضمن مربع الحوار Export PNG Image ، تم تغيير علامة التبويب Export Area تلقائيًا إلى علامة التبويب "Selection" (السهم الأخضر في الصورة).

تصدير التحديد يتم تصدير SVG إلى PNG Inkscape

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

يمكنني مرة أخرى تغيير دقة الصورة الخاصة بي تحت قسم حجم الصورة (المبين باللون الأحمر) ، مما سيزيد أو يقلل الحجم الكلي للصورة حسب مجموعة الدقة.



يمكنني أيضًا تغيير اسم ملفي (لقد غيرته هذه المرة إلى "Isometric Phone Front Face") والموقع الذي أريد حفظه فيه باستخدام الزر "تصدير باسم" ضمن قسم اسم الملف (المحدد باللون الأزرق) ، ثم انقر فوق "تصدير" "لتصدير التحديد إلى ملف PNG. هناك أيضًا بعض الخيارات الأخرى التي تستحق الذكر هنا أيضًا. أولاً ، يمكنني "تصدير الدُفعة" للكائنات التي حددتها ، مما يعني أنه سيتم تصدير كل كائن بتنسيق PNG منفصل. أسفل ذلك ، لدي خيار "إخفاء الكل باستثناء المحدد" ، مما يعني أن كل ما لم أختره لن يظهر في التكوين النهائي. إذا لم أقم بتحديد هذا الخيار ، فسيستمر عرض العناصر التي لم أحددها طالما أنها تناسب منطقة الإطار التي أقوم بالتصدير إليها.

مناطق اختيار المناطق الخفية وغير المخفية

أعلاه نتيجتان مختلفتان لتصدير التحديد - على اليسار تظهر النتيجة مع عدم تحديد خيار "إخفاء الكل باستثناء التحديد" ، والنتيجة على اليمين مع تحديد هذا الخيار.

 

4. تصدير منطقة مخصصة إلى PNG

القسم الأخير في مربع الحوار "تصدير إلى ملف PNG" هو خيار تصدير منطقة مخصصة من التكوين الخاص بك. هنا ، يتم تطبيق جميع القواعد نفسها من الإعدادات الأخرى (x0 و y0 هي إحداثياتك الأولية ، x1 و y1 هما إحداثيات النهاية ، وسيكون العرض والطول بالحجم الكلي للتكوين الخاص بك).

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

منطقة التصدير المخصصة 2019 Inkscape تعليمي

لإثبات هذا الإعداد عمليًا ، سأقوم بتعيين قيمتي x0 و y0 على 250 ، وقيمتي x1 و y1 على 1250. سيؤدي ذلك إلى إنشاء صورة بعرض وارتفاع 1000 بكسل. سأغير اسم الصورة إلى "Isometric Phone Custom Area" وسأضغط على "تصدير".

متساوي القياس الهاتف مخصص المنطقة

تكويني النهائي سيكون مربع 1000 x 1000 بكسل ، مع أجزاء من قطع التصميم أينما كان التصميم خارج منطقة التصدير.

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

اشترك في النشرة الإخبارية DMD

اشترك في النشرة الإخبارية DMD

قم بالتسجيل لتلقي دروس جديدة ، تحديثات الدورة ، وآخر الأخبار عن برنامجك المفضل مفتوح المصدر!

لقد المشترك بنجاح!

يعلقون عليه على موقع Pinterest

شارك هذا