كيفية إنشاء صورة SVG في برنامج فوتوشوب

نشرت: 2022-12-07

يعد Photoshop برنامجًا رائعًا لإنشاء رسومات للويب. أحد تنسيقات الملفات التي يمكنك إنشاؤها في Photoshop هو تنسيق Scalable Vector Graphics (SVG). في هذه المقالة ، سنوضح لك كيفية إنشاء صورة SVG في Photoshop. قبل أن نبدأ ، دعنا نلقي نظرة على ماهية صورة SVG. صور SVG هي رسومات متجهة يمكن تغيير حجمها إلى أي حجم دون فقدان الجودة. إنها مثالية للويب لأنه يمكن تغيير حجمها إلى أي حجم ولا تزال تبدو حادة على شاشات Retina. لنبدأ الآن مع البرنامج التعليمي الخاص بنا حول كيفية إنشاء صورة SVG في Photoshop.

معيار Scalable Vector Graphics (SV) هو معيار ويب يمكن استخدامه لإنشاء رسومات متجهة. يستخدم SVG أشكالًا رياضية لوصف الصور بدلاً من وحدات البكسل. نتيجة لذلك ، يمكن تحجيمها إلى أي حجم دون فقدان جودتها. يمكنك استخدام محرر SVG ، مثل Inkscape أو Adobe Illustrator ، لإنشاء SVG أو تحريره.

يمكن تحويل تطبيق Photoshop إلى HTML ثم SVG. من المهم أن تضع في اعتبارك ، مع ذلك ، أن Photoshop ليس برنامج تحرير متجه. في هذا الصدد ، فإنه غير قادر على إنشاء أو تحرير ملفات SVG مباشرة. بدلاً من تصدير ملفات PNG ، يمكن لبرنامج Photoshop تحويلها إلى ملفات .sg.

اذهب إلى قائمة File لحفظ ملف SVG. قم بإنشاء ملف جديد عن طريق تحديد خيار التنسيق وتصديره إلى SVG في قسم إعدادات الملف. إذا لم تتمكن من الوصول إلى خيار SVG ، فانتقل إلى Photoshop> تفضيلات> تصدير وحدد المربع بجوار "استخدام Legacy Export As" لتمكينه.

كيف أقوم بعمل ملف Svg في Photoshop؟

هناك عدة طرق مختلفة يمكنك من خلالها إنشاء SVG في Photoshop. إحدى الطرق هي استخدام خيار "ملف"> "جديد"> "SVG". سيؤدي هذا إلى إنشاء مستند جديد تم إعداده بالفعل ليكون ملف SVG. يمكنك أيضًا استخدام خيار "حفظ باسم" وتحديد "SVG" كنوع الملف.

على الرغم من استخدام PNG لتخزين الصور ، إلا أنه أقل شيوعًا من. VG. تتكون صورة SVG ، بدلاً من ملف JPG أو PNG ، من معادلات رياضية تصف الأشكال والخطوط. في حين أن Photoshop قادر على إنشاء ملفات SVG وتحريرها ، إلا أنه لا يدعم نفس الميزات مثل المحرر المخصص لهذا التنسيق. HTML5 هو تطبيق لمعيار الويب Scalable Vector Graphics (SVG). تتمثل ميزة ملفات SVG على التنسيقات الأخرى مثل JPG و PNG في أنه يمكن تغيير حجمها إلى أي حجم دون فقدان الجودة. نظرًا لإمكانية استخدامها على مواقع الويب ، حيث يُطلب في كثير من الأحيان عرض الصور بأحجام مختلفة ، فإن هذه الصور مثالية للاستخدام.

تنسيق Svg في Photoshop

في حالة عدم توفر خيار SVG ، يمكن تحديد الخيار "Use Legacy Export As" في Photoshop. يمكنك استخدام عنصر قائمة Image لتحويل صورة PNG إلى SVG في Photoshop. ستكون الصورة بنفس حجم ملف PNG ، ولكن بتنسيق مختلف ، وهو sva.

هل يمكنني تحويل ملف PNG إلى ملف Svg للفوتوشوب؟

هل يمكنني تحويل ملف PNG إلى ملف Svg للفوتوشوب؟
مصدر الصورة: imgur.com

إذا كنت بحاجة إلى تحويل صورة PNG إلى SVG في Photoshop ، فاستخدم عنصر قائمة الصورة ، أو الصورة ستكون دقة هذه الصورة مماثلة لتلك الخاصة بملف PNG ، ولكنها ستكون بتنسيق مختلف: sva.

لبدء عملية التحويل ، افتح ملفات PNG وقم باستيرادها إلى Photoshop. عيّن التصدير كإعداد إلى SVG إذا كنت تريد استخدامه كتنسيق ملف. يمكنك إجراء تغييرات على عرض الصورة وطولها بناءً على حجم قماش الرسم الذي تحدده. سيوضح لك ملف PDF هذا كيفية تحويل sva من PNG في Photoshop. للقيام بذلك ، قم بتنزيل وتثبيت أحدث إصدار من Adobe Photoshop أو Adobe Express. بعد ذلك ، اختر موقعًا حيث سيتم حفظ ملف SVG الجديد الخاص بك ، ثم انقر فوق تصدير كـ لحفظه. بالنقر فوق الزر "تصدير باسم" في الركن الأيمن السفلي من الملف المُصدَّر ، يمكنك إتاحته للتنزيل في مكان آخر.

قم بإنشاء Svg في Photoshop

أولاً ، افتح مستند Photoshop جديدًا وحدد "أداة المستطيل" من شريط الأدوات. ثم ، انقر واسحب الماوس لرسم شكل مستطيل على اللوحة القماشية. بعد ذلك ، حدد "أداة القلم" من شريط الأدوات وانقر على حافة المستطيل لإنشاء مسار. أخيرًا ، حدد خيار Stroke Path من شريط الأدوات واختر لونًا لـ SVG.

إن SVG هو رسم متجه يمكن أن يكون قابلاً للقياس ويستخدم لمجموعة كبيرة من التطبيقات ، بما في ذلك الشعارات والكائنات الأخرى التي قد تحتاج إلى المرونة. في Photoshop ، انتقل إلى File> Export As لتصدير ملف SVG. إذا كنت تريد حفظ ملفك ، فانتقل إلى إعدادات الملف وحدد التنسيق الذي تريد التصدير إليه. يمكنك تصدير طبقات بالإضافة إلى طبقة واحدة أو أكثر من هذه الميزة. لإعادة تسمية الطبقة ، انقر نقرًا مزدوجًا فوق اسم الكائن أو الطبقة التي تريد حفظها كملف SVG. لإضافة اسم طبقة ، استخدم رمز الشرطة المائلة في نهاية اسم الطبقة ثم اضغط على Enter (في Windows) أو Return (في Mac). بالنقر فوق ملف ، يمكنك إنشاء أصول الصور.

نظرًا لأنك استخدمت الامتداد .svg ، فسيظل الملف .svg في الملف. في الإصدارات الحديثة من Photoshop ، تم حذف خيار التصدير لـ SVG. كمثال ، تصدير النص كملف. قبل تصدير الملف ، يجب عليك تحويل ملف SVG إلى شكل. يمكنك استخدام هذه الميزة لمعالجة العناصر في برامج أخرى مثل Adobe Illustrator. عندما تنقر بزر الماوس الأيمن فوق طبقة في لوحة Layers ، اختر Convert to Shape.

هل يمكن حفظ ملف Psd كملف Svg؟

يمكن اختيار طبقة الشكل من لوحة Layer. انتقل إلى ملف> تصدير باسم لتحديد تصدير كـ (أو تصدير من نفس التحديد). اختر تنسيق ملف SVG إذا كنت تريد ذلك. يمكنك التصدير بالنقر فوق تصدير.

كيفية تحويل ملف Psd إلى Svg

تعد ملفات Photoshop PSD قوالب ممتازة للرسومات المتجهة في Illustrator نظرًا لأنها تحتوي على مجموعة كبيرة من الوظائف. يمكنك حفظ الملف على هيئة رسم متجه ، وهو مشابه جدًا لملف PSD ويتضمن العديد من الميزات والسلوكيات نفسها.

كيفية تحويل PNG إلى Svg في برنامج فوتوشوب

هناك عدة طرق مختلفة لتحويل ملف PNG إلى ملف SVG في Photoshop. إحدى الطرق هي استخدام وظيفة "تصدير باسم". انتقل إلى ملف> تصدير باسم. في القائمة المنسدلة ضمن "التنسيق" ، حدد "SVG". هناك طريقة أخرى وهي استخدام وظيفة "حفظ باسم". انتقل إلى ملف> حفظ باسم.

حفظ بابوا نيو غينيا باسم Vecto

هناك طريقة أخرى لحفظ PNG كمتجه وهي استخدام وظيفة "حفظ للويب". انتقل إلى ملف> حفظ باسم> حفظ للويب. إذا كنت تريد التنسيق ، فما عليك سوى النقر على "SVG". في القائمة المنسدلة.

استيراد Svg Photoshop

في قائمة File ، انتقل إلى قائمة Layer وحدد ملف SVG الخاص بك. يمكنك أيضًا فتح SVG كمتجه عن طريق إنشاء مستند جديد ، والانتقال إلى File> Place Embedded أو Place Linked ، وتحديد الملف المطلوب.

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

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