أشكال الخطوط المستديرة لها سحرها الخاص ونعومتها. يمكنهم إضافة الأناقة والمرح إلى أي تصميم. ولكن كيفية إنشاء مثل هذا الخط الفريد? في هذه المقالة ، سنلقي نظرة على 5 طرق بسيطة لمساعدتك على تحقيق التأثير المطلوب.
1. الرسومات المتجهة. واحدة من أكثر الطرق شيوعا لإنشاء خطوط مستديرة هي استخدام الرسومات المتجهة. هذه الخطوط يمكن استخلاصها من قبل برامج مكافحة ناقلات الرسومات مثل أدوبي المصور أو الطلاء. في الوقت نفسه ، يمكنك التحكم في كل عنصر من عناصر الخط وتحقيق التقريب المطلوب.
2. خصائص المغلق. طريقة أخرى لإنشاء خط مستدير هو استخدام كس. كس لديها العديد من الخصائص ، مثل الحدود دائرة نصف قطرها والنص الظل ، التي تسمح لك لتغيير شكل الخط وإضافة جولة لذلك. فقط إضافة القيم المطلوبة من هذه الخصائص إلى رمز كس.
3. الخطوط الجاهزة. يمكنك أيضا استخدام الخطوط المستديرة الجاهزة المتوفرة عبر الإنترنت. هناك العديد من الخطوط التي تقدم مستويات مختلفة من التقريب والأنماط ، من البسيط إلى المعقد. ما عليك سوى اختيار واحد مناسب للمشروع الخاص بك وتوصيله إلى موقع الويب الخاص بك أو وثيقة.
4. محرري الصور. إحدى الطرق غير المعتادة لإنشاء خط مستدير هي استخدام برامج تحرير الصور. يمكنك التقاط صورة خط وإضافة جولة إليها باستخدام أدوات المحرر ، ثم حفظ الصورة المعدلة بالتنسيق المطلوب. ثم يمكنك استخدام هذه الصورة في مشاريعك.
5. مجموعات من الأساليب. لا تتردد في تجربة وتطبيق طرق مختلفة لإنشاء خط مستدير. يمكنك الجمع بين الرسومات المتجهة مع أنماط كس ، وربما إضافة بعض تحرير الصور. خيالك هو الحد الوحيد الخاص بك.
الآن بعد أن عرفت خمس طرق بسيطة لإنشاء خط مستدير ، يمكنك اختيار الخط الذي يناسب مشروعك. المضي قدما والتجربة مع خيارات مختلفة لخلق تصاميم فريدة ومبتكرة.
- كيفية جعل النص مع خط مستدير: 5 طرق بسيطة
- استخدام كس لجولة الخط
- قم بتطبيق علامة هتمل لإنشاء خط مستدير.
- كيفية عمل خط مستدير باستخدام محرر رسومي
كيفية جعل النص مع خط مستدير: 5 طرق بسيطة
يمكن أن تضيف الخطوط المستديرة مظهرا مثيرا للاهتمام وأصليا إلى النص الموجود على موقع الويب الخاص بك. هناك عدة طرق لإنشاء خط مستدير ، والتي تختلف حسب تفضيلاتك ومهارات تصميم الويب. في هذه المقالة ، سنلقي نظرة على 5 طرق بسيطة ستساعدك على إنشاء نص بخط مستدير.
1. باستخدام خاصية نصف قطر الحدود المغلق: تسمح لك هذه الخاصية بتعيين نصف قطر التقريب لزوايا العنصر. يمكنك تطبيق هذه الخاصية على النص لإنشاء زوايا مستديرة. على سبيل المثال:
ص {نصف قطر الحدود: 10 بكسل;
}
3. باستخدام صور سفغ: يمكنك إنشاء صورة سفغ مع نص مستدير ، ومن ثم استخدامه كصورة خلفية لعنصر مع النص على موقع الويب الخاص بك. سيسمح لك ذلك بإنشاء خطوط مستديرة ذات تأثيرات وأنماط غير قياسية.
4. استخدام الإضافات جافا سكريبت: هناك العديد من المكونات الإضافية لجافا سكريبت التي تسمح لك بإنشاء نص بخط مستدير. بعض الإضافات ، مثل سيركليتيب.شبيبة وانحناء.تقدم شبيبة طرق مختلفة لإنشاء تأثيرات النص مدورة على موقع الويب الخاص بك.
5. باستخدام خاصية كس من زخرفة النص: تحتوي هذه الخاصية على قيمة سطر ، والتي تضيف سطرا عبر نص العنصر. يمكن استخدام هذا لإنشاء تأثير نص مستدير. مثال:
}
في هذا المثال ، نقوم بإنشاء فئة
نص مدور
وتطبيق نمط على ذلك مع المعلمة
دائرة نصف قطرها الحدود
متساوية
10 بكسل
. وبالتالي ، فإن كل النص داخل العنصر هو
مع الفصل
نص مدور
، سيكون لها زوايا مستديرة.
يمكنك أيضا استخدام وحدات قياس أخرى ، مثل النسب المئوية أو م ، لتعيين أبعاد التقريب. تطبيق المعلمات
دائرة نصف قطرها الحدود
حسب تقديرك ، لتحقيق التأثير المطلوب.
قم بتطبيق علامة هتمل لإنشاء خط مستدير.
إذا كنت بحاجة إلى إنشاء خط مستدير على موقع الويب الخاص بك ، يمكنك استخدام علامة هتمل. تتيح لك هذه العلامة تمييز النص بالخط العريض ، مما قد يؤدي إلى إنشاء تأثير مستدير.
على سبيل المثال ، إذا كان لديك التعليمات البرمجية التالية:
هذا نص مستدير
بدلا من ذلك ، يمكنك استخدام:
هذا نص مستدير