بسم الله الرحمن الرحيم

وبه نستعين

التصميم الجرافيكي / فهم صناعة الصور الرقمية (3)

Understanding Digital Image-Making (3)

 

أمثلة عن فهم صناعة الصور الرقمية

Examples of Understanding Digital Image-Making

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

مثال (2)

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

مثال (3)

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

 

مثال (4)

تم مسح هذه الصور ضوئيًا بدقة ٣٠٠ بكسل لكل بوصة، و١٥٠ بكسل لكل بوصة، و٧٢ بكسل لكل بوصة، و٣٦ بكسل لكل بوصة. كلما انخفضت دقة المسح الضوئي، قلت المعلومات الملتقطة، وبالتالي زاد حجم الصورة. لعرض هذه الصور بنفس الحجم، سواء على الشاشة أو في الطباعة، اضطررنا إلى تكبير الصور ذات الدقة المنخفضة. 

مثال (5)

جوهر صورة البت ماب bitmap هو أن الأشكال والصور تتكون بالكامل من ترتيب منتظم لبكسلات ذات ألوان مختلفة. لا يوجد هيكل أساسي لوصف هذا الشكل، كما نلاحظ على الدائرة الحمراء التي تم تكبيرها. 

مثال (6)

حتى الصور ذات الحواف الخشنة ظاهريًا تستفيد من إنشائها باستخدام المتجهات vectors. تم تكبير شعار دار نشر كرونيكل بوكس Chronicle Books ​​بشكل كبير من ملف أدوبي إليستريتور Illustrator صغير الحجم نفسه الظاهر في أعلى اليسار، ولكنه لا يزال يحتفظ بحواف نظيفة وحادة. كان هذا مستحيلاً باستخدام ملف نقطي bitmap صغير الحجم. 

مثال (7)

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

مثال (8)

تمكنت باميلا غايسمار Pamela Geismar من دار نشر كرونيكل بوكس ​​في سان فرانسيسكو San Francisco's Chronicle Books من تلوين الرسوم التوضيحية الفكاهية لثورينا روز Thorina Rose، مستفيدةً من الألوان الشفافة في إليستريتور Illustrator الإصدار رقم ٩، لكتاب "كاما سوترا المكتب Office Kama Sutra". كان من الضروري إمكانية تطبيق ألوان شفافة في وضع "المضاعف Multiply" للسماح بظهور درجات الرمادي gray tones. 

مثال (9)

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

مثال (10)

هنا، في تطبيق تحرير الصور النقطية (فوتوشوب Photoshop)، تُستخدم المتجهات Vector فقط كأداة مساعدة للمستخدم لإنشاء أشكال سلسة. يمكن تحديد الصور واقتصاصها لتناسب الأشكال، أو الرسم داخلها. بمجرد استخدام المتجه لتنفيذ وظيفة معينة، يتم تسجيل الصور الناتجة بصيغة نقطية bitmap. 

مثال (11)

كما هو الحال مع تطبيقات الرسم الأخرى، يقوم برنامج Freehand بإنشاء خطوط إرشادية غير قابلة للطباعة من الأشكال التي يرسمها المستخدم. يُعدّ هذا مفيدًا جدًا عند إعداد المنظورات و/أو الخطط perspectives and/or plans.

مثال (12)

مكعب مرسوم بصيغة متجهة. تم تحويل التطبيق (يسار) إلى صورة نقطية عند فتحه في برنامج فوتوشوب (يمين). تحوّل هذه العملية الرسم المتجه Vector إلى صورة نقطية bitmap (مبنية على البكسل pixel).

 

مثال (13)

سلسلة من الدوائر بأحجام متزايدة، مُنتجة من ملف نقطي bitmap واحد، مقارنةً بتلك المُنتجة من ملف متجه Vector واحد. من السهل التمييز بينهما. 

مثال (14)

برنامج Adobe Streamline تطبيق مفيد لتحويل الصور النقطية bitmap إلى ملفات متجهة Vector. يضع نقاطًا ومتجهات لإنشاء حدود حول مناطق الصورة النقطية المهمة ذات الدرجة اللونية و/أو اللون tone and/or color. يمكن بعد ذلك تلوين هذه الحدود باستخدام تطبيق رسم مثل Illustrator. 

مثال (15)

عند استيراد الصور إلى مستند تخطيط أو رسم layout or drawing document، يُعتاد وضع نسخ منخفضة الدقة low-resolution copies فقط على الصفحة كدليل مرئي. عندما تصادف طابعة صورة مستوردة، تبحث عن الملف الأصلي عالي الجودة. يظهر هنا مربع حوار الاستخدام في برنامج Quark، الذي يتتبع مكان تخزين النسخ الأصلية للصور المستوردة. إحدى أكثر مشاكل الطباعة شيوعًا هي نسيان المصممين إرسال نسخهم الممسوحة ضوئيًا بجودة عالية مع ملفات مستنداتهم. 

مثال (16)

يظهر هنا نسخة متجهة Vector (يسار) ونسخة نقطية bitmap (يمين) من الصورة نفسها. للحفاظ على جودة طباعة مماثلة عند تكبيرها بنسبة ٢٠٠٪، يجب إعادة مسح الصورة النقطية ضوئيًا بدقة أعلى بكثير من السابق، مما ينتج عنه حجم ملف أكبر بكثير. بالمقارنة، يمكن استخدام الملف المتجه نفسه بأي حجم دون المساس بالجودة. لاحظ كيف تُنشئ الصور النقطية انتقالات سلسة عبر جميع التغيرات اللونية الدقيقة، بينما تُظهر الصور المتجهة أشكالًا محددة بوضوح وحواف حادة. 

ويمكننا ملاحظة الآتي على الصور الأربعة:

ملف Adobe Illustrator الأصلي مُكبّر بنسبة 200% - 2.6 ميجابايت

Native Adobe Illustrator file enlarged 200% - 2.6MB

ملف Adobe Illustrator الأصلي - 2.6 ميجابايت

Native Adobe Illustrator file - 2.6MB

ملف Adobe Photoshop الأصلي مُكبّر بنسبة 200% - 11.9 ميجابايت

Native Adobe Photoshop file enlarged 200% - 11.9MB

ملف Adobe Photoshop الأصلي - 3 ميجابايت

Native Adobe Photoshop file - 3MB

 

أرجو أن تنال التدوينة إعجابكم وإلى لقاء قريب بإذن الله

 

المراجع والمصادر

الدليل الكامل للتصميم الجرافيكي الرقمي.

The Complete Guide to Digital Graphic Design

 

لمزيد من التواصل تابعونا على وسائل التواصل الاجتماعي

حساب "مدونة ألوان" على فيسبوك.

حساب "مدونة ألوان" على انستجرام.

حساب "مدونة ألوان" على تويتر.