ما الفرق بين Vector و Bitmap في الرسوم [مفاهيم]

Posted in Uncategorized on Jul 29, 2009

أردت الكتابة عن هذا الموضوع منذ فترة طويلة، وشرح المفهوم الأساسي لكل مصمم أو شخص يريد الحصول على عمل فني. لأنه من الضروري جداً فهم هذا الموضوع بشكل جيد قبل البدء بالعمل.
هل لاحظت يوماً عند قيامك بتكبير صورة ظهورها كما في الصورة في الأعلى؟
هلا لاحظت أن بعض الشركات تضع شعاراتها بقياسات كبيرة جداً جداً دون أن تظهر كما في الصورة بالأعلى؟
هنا يكمن الفرق بين رسوميات ما يسمى بالـ Vector ورسوميات الـ Bitmap.
وهنا أضع لكم نقاط الاختلاف بين النوعين بشكل أتمنى أن يكون بسيط.

رسوميات Bitmap

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

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

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

من الأنواع الشهيرة لهذا النوع من الرسوميات JPG – GIF – Tiff.
ومن البرامج التي تتعامل مع هذا النوع: برنامج الرسام – فوتوشوب – GIMP

رسوميات Vector

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

من الأنواع الشهيرة لهذا النوع من الرسوميات EPS – AI – CDR.
ومن البرامج التي تتعامل مع هذا النوع: Adobe Illustrator – Corel Draw

أتمنى أن تكونوا قد استمتعم واستفدتم بهذا الشرح.

مصدر الصور

7 Comments

  1. Jul 30, 2009

    بالنسبة للـ psd أخ حسام هل له علاقة مثلا ً خطر على بالي) 🙂

    • Jul 30, 2009

      PSD هو التنسيق الخاص ببرنامج فوتوشوب، أي أنه إحدى ملفات Bitmap.
      شكراً لك

  2. Aug 23, 2009

    من ضمن البرامج اللي بتستخدم فكرة ال Vector هو برنامج Microsoft Expression Design
    أنا مكنتش اعرف إن الطريقة اللي بيرسم بيها ليها اسم !
    لو إنت طالب ثانوي أو جامعي تقدر تنزل Microsoft Expression 3 ببلاش بشكل قانوني من dreamspark.com 🙂

    المشكلة إن مش شرط تلاقي اسم جامعتك في اللستة فـهتطر إنك تبعت e-mail للsupport team بتاعهم عشان تعمل verification manually.

  3. Mar 23, 2010

    الف شكر علي المعلومات القيمه …وجزاك الله خيرا

  4. Apr 7, 2010

    يسلمو
    يعطيك الف عافيه

  5. Apr 17, 2010

    جزاك الله خيرا

Trackbacks/Pingbacks

  1. نماذج وبروشورات كورل Corel مجانية [تحميل] :: حسام - [...] كورل درو Corel Draw من أهم البرامج المستخدمة في عالم رسوميات الفيكتور. يحوي البرنامج أوامر هامة لا يمكن لغيره…

Leave a Reply

لن يتم نشر البريد الإلكتروني . Required fields are marked *