كيفية إنشاء صور SVG: 13 خطوة (بالصور)

جدول المحتويات:

كيفية إنشاء صور SVG: 13 خطوة (بالصور)
كيفية إنشاء صور SVG: 13 خطوة (بالصور)

فيديو: كيفية إنشاء صور SVG: 13 خطوة (بالصور)

فيديو: كيفية إنشاء صور SVG: 13 خطوة (بالصور)
فيديو: How To Convert AVIF Images To PNG, JPEG, BMP, GIF, TIFF, & HEIC Using Microsoft Paint In Windows 11 2024, يمكن
Anonim

تسمح الرسومات المتجهة القابلة للتطوير (SVG) بمزيد من العناصر التفاعلية على صفحات الويب دون استخدام نفس النطاق الترددي مثل تنسيقات الصور الأخرى مثل JPEG أو-g.webp

خطوات

الطريقة 1 من 2: استخدام Convertio-j.webp" />
قم بإنشاء صور Svg الخطوة 1
قم بإنشاء صور Svg الخطوة 1

الخطوة الأولى: افتح متصفح الويب وانتقل إلى

ينقلك هذا إلى صفحة Convertio’s-j.webp

إنشاء صور Svg الخطوة 2
إنشاء صور Svg الخطوة 2

الخطوة 2. حدد مصدر صورة-j.webp" />

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

إنشاء صور Svg الخطوة 3
إنشاء صور Svg الخطوة 3

الخطوة 3. انتقل إلى الملف الذي تريد تحويله

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

قم بإنشاء صور Svg الخطوة 4
قم بإنشاء صور Svg الخطوة 4

الخطوة 4. انقر فوق تحويل

بمجرد تحميل الملف ، سيظهر زر أحمر في الزاوية اليمنى السفلية من شاشة القائمة. سيبدأ هذا عملية التحويل ، والتي قد تستغرق بضع دقائق حسب حجم الملف.

قم بإنشاء صور Svg الخطوة 5
قم بإنشاء صور Svg الخطوة 5

الخطوة 5. انقر فوق تنزيل

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

الطريقة 2 من 2: استخدام Adobe Illustrator

إنشاء صور Svg الخطوة 6
إنشاء صور Svg الخطوة 6

الخطوة الأولى. افتح برنامج Adobe Illustrator

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

إنشاء صور Svg الخطوة 7
إنشاء صور Svg الخطوة 7

الخطوة 2. اصنع صورتك

بمجرد فتح Illustrator ، يمكنك تحديد أي من الأدوات في شريط الأدوات على الجانب الأيسر من الشاشة للبدء في تصميم صورتك.

قم بإنشاء صور Svg الخطوة 8
قم بإنشاء صور Svg الخطوة 8

الخطوة الثالثة. قم بتطبيق تأثيرات SVG على طبقات معينة من صورتك

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

إنشاء صور Svg الخطوة 9
إنشاء صور Svg الخطوة 9

الخطوة 4. انقر فوق علامة التبويب ملف

يوجد هذا في الزاوية العلوية اليسرى من الشاشة.

قم بإنشاء صور Svg الخطوة 10
قم بإنشاء صور Svg الخطوة 10

الخطوة 5. حدد تصدير في القائمة

لجعل ملف SVG جاهزًا للعرض والاستخدام خارج Illustrator ، ستحتاج إلى تصديره.

يمكنك أيضًا الاختيار حفظ باسم … ، على الرغم من أن هذا سيؤدي إلى حفظ الملف بحيث يمكن عرضه وتحريره فقط في Illustrator.

قم بإنشاء صور Svg الخطوة 11
قم بإنشاء صور Svg الخطوة 11

الخطوة 6. انقر فوق تصدير باسم…

يؤدي هذا إلى سحب قائمة جديدة حيث يمكنك تصدير الملف من Illustrator إلى التنسيق الذي تختاره.

يمكنك أيضًا الاختيار تصدير للشاشات … لحفظ صورة SVG الخاصة بك بطريقة يمكن الوصول إليها على أجهزة iOS أو Android.

قم بإنشاء صور Svg الخطوة 12
قم بإنشاء صور Svg الخطوة 12

الخطوة 7. حدد SVG في قائمة أنواع الملفات

يقدم Illustrator مجموعة متنوعة من أنواع الملفات لتختار من بينها ، بما في ذلك ملفات SVG الجاهزة للويب.

قم بإنشاء صور Svg الخطوة 13
قم بإنشاء صور Svg الخطوة 13

الخطوة 8. انقر فوق حفظ

ستكون صورتك متاحة الآن لاستخدامها كملف SVG.

موصى به: