كيفية إنشاء صور بتنسيق SVG

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

كيفية إنشاء صور بتنسيق SVG
كيفية إنشاء صور بتنسيق SVG

فيديو: كيفية إنشاء صور بتنسيق SVG

فيديو: كيفية إنشاء صور بتنسيق SVG
فيديو: 3 طرق لالتقاط صورة لشاشة الكمبيوتر بدون برامج ويندوز 10 2024, يوليو
Anonim

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

خطوة

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

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

سيتم نقلك إلى صفحة تحويل تحويل-j.webp

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

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

في الجزء العلوي من قائمة المحول ، سترى شريط أدوات أحمر يوضح المصادر المختلفة المتاحة لتحميل ملفات JPG. سيتم تحويل الملف لاحقًا إلى تنسيق SVG.

إنشاء صور 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.

موصى به: