توليد رموز الخطوط من Sketch

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

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

العملية

إنشاء مكتبة الرموز

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

إنشاء مجموعة من الرموز الرموز

تحويل السكتات الدماغية إلى الخطوط العريضة

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

يمكنك تحديد أجزاء الرمز التي تمثل حدودًا ، ثم تحديد Layer> Convert to Outlines. اختصار للقيام بذلك هو ببساطة الضغط على Shift + Cmd + O.

الجمع بين الأشكال وصولا الى شكل واحد

لكي يكون الرمز رمزًا للخط ، يجب أن يكون شكلًا واحدًا مدمجًا. يمكنك القيام بذلك من شريط الأدوات Sketch. حدد طبقتين ترغب في الجمع بينهما ، وحدد العملية المنطقية التي ترغب في تنفيذها. كرر هذا حتى تترك مع شكل واحد واحد مجتمعة.

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

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

تصدير الرموز إلى مجلد مثل SVGs

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

تصدير الرموز مثل SVGs في مجلد

قم بتحميل جميع الرموز إلى Icomoon

الآن وبعد أن أصبح لدينا جميع الرموز بتنسيق SVG ، افتح Icomoon (إنه مجاني) وانقر على استيراد الرموز. حدد جميع الرموز التي تريد تحويلها إلى رموز الخطوط ، وقم بتحميلها. ليس عليك حتى تسجيل الدخول للقيام بذلك ، وستبقى مكتبة الرموز الخاصة بك على الإنترنت كلما زرت icomoon ، ما دمت تزورها من نفس الجهاز.

كيف ينبغي أن ننظر بعد تحميل SVGs

تحويل الرموز إلى رموز الخطوط

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

يمكنك الآن تنزيل أيقونات الخطوط لهذه SVGs

هذا هو! الآن يمكننا ببساطة إعطاء ملف ZIP للمطورين ، ويمكنهم استخدام المحتويات لاستخدام أيقونات الخطوط على موقع الويب.

شكرا للقراءة! إذا كنت تريد معرفة كيفية إنشاء مكتبة أيقونة ديناميكية بتعمق ، فيمكنك الانتقال إلى هذه المقالة.