كيفية إنشاء رسومات متجهة ثم إنشاء أيقونات منها؟

Question

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

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

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

ما نوع الأدوات وسير العمل الذي يناسب هذا الموقف؟

Answer 1

هناك طرق مختلفة نظرًا لوجود العديد من حزم الرسومات المتجهة التجارية المختلفة المتوفرة.تلك التي أستخدمها هي Adobe Illustrator وAdobe Fireworks وAdobe Photoshop.من المسلم به أن Fireworks وPhotoshop عبارة عن حزم رسومات نقطية تتمتع بدعم متجه.

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

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

الطريقة التي أميل بها إلى إنشاء حزم الأيقونات الخاصة بي هي تصميم جميع الأيقونات داخل مستند واحد.أستخدم "المجموعات" (في Illustrator) أو "المجلدات" (Fireworks أو Photoshop) لعزل كل أيقونة عن بعضها البعض، ولكن يتيح لي الاحتفاظ بجميع الطبقات الفردية التي تشكل الأيقونة بدون تسوية.

عندما أذهب للتصدير، أقوم بتشغيل برنامج نصي يتكرر على مجموعات/مجلدات المستوى الأعلى، ويخفي جميع المجموعات/المجلدات باستثناء واحدة في كل مرة، ويصدر النتائج إلى صور نقطية لجميع الدقة الرئيسية؛16x16، 24x24، 32x32، 48x48، 128x128 و 256x256.

هنا ممتاز دليل الاسلوب لدى Microsoft كيفية تصميم أيقونات لنظامي التشغيل Vista وXP.يركز على استخدام Photoshop للقيام بمعظم العمل.

Answer 2

نلقي نظرة على القاهرة وروابطه المختلفة .في الواقع، هناك حتى وصفة متاح لتحويل SVG إلى أوامر القاهرة.

Answer 3

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