الخط المقسم هو طريقة أنيقة وغير عادية لتنسيق النص يمكن استخدامها لإنشاء عناوين أو شعارات أو مواد ترويجية مذهلة. يعتمد هذا النمط على فكرة تقطيع كل حرف إلى قطع ثم دمجه مرة أخرى بطريقة تخلق فصلا أو شكلا مثيرا للاهتمام.
في هذه المقالة ، سنلقي نظرة على خمس طرق عملية لإنشاء خط مقسم. لن تحتاج إلى الكثير من الخبرة في التصميم أو البرمجة لإضفاء الحيوية على هذه الأفكار. اتبع تعليماتنا خطوة بخطوة وجلب نضارة وأصالة لمشاريعك.
الطريقة الأولى هي استخدام محرر الرسوم البيانية ، على سبيل المثال ، أدوبي فوتوشوب. باستخدامه ، يمكنك تقسيم كل حرف إلى أجزاء ، ونقلها ، وتغيير الأحجام والألوان ، ثم دمجها معا مرة أخرى. تمنحك هذه الطريقة مرونة كبيرة وتسمح لك بإنشاء تصميم فريد بأسلوبك الخاص.
الطريقة الثانية هي استخدام الأدوات عبر الإنترنت لإنشاء خط مقسم. هناك العديد من مواقع الويب والتطبيقات التي تقوم تلقائيا بقص الحروف ودمجها ، مما يسمح لك بتجربة إعدادات وتأثيرات مختلفة. مجرد تحميل الخط الخاص بك ، وضبط خيارات القطع والحصول على النتيجة في عدد قليل من النقرات.
الطريقة الثالثة هي استخدام رمز كس. باستخدام مجموعة من خصائص كس مثل الخلفية كليب والنص ملء اللون ، يمكنك إنشاء تأثير الانقسام مباشرة في رمز موقع الويب الخاص بك. هذه الطريقة مناسبة لأولئك الذين لديهم معرفة أساسية من كس وتريد أن يكون السيطرة الكاملة على تصميم النص.
الطريقة الرابعة هي استخدام الخطوط ذات تأثير الانقسام المضمن بالفعل. اليوم ، هناك العديد من الخطوط التي تقدم هذا النمط من التصميم. لديهم بالفعل تصميم قطع ، لذلك تحتاج فقط إلى تحديد الخط الذي تريده وتطبيقه على مشروعك. هذه طريقة سريعة وسهلة لتحقيق التأثير المطلوب.
وأخيرا ، فإن الطريقة الخامسة هي استخدام تأثيرات التصفية في أدوبي المصور. بفضل وظائف البرنامج ، يمكنك إنشاء تأثيرات وأنماط مختلفة للنص ، بما في ذلك الخط المقطوع. ما عليك سوى اختيار النص المطلوب ، وتطبيق مرشح وضبط الإعدادات لتحقيق النتيجة المرجوة.
الآن لديك خمس طرق عملية لإنشاء خط مقسم. حاول أن تضفي عليها الحياة لإضافة الأصالة والبهجة إلى مشاريعك. وتذكر أن الإبداع والتجريب هما في صميم كل طريقة. العب مع الأشكال والألوان والتكوين لإنشاء نمط فريد حقا لخط القطع الخاص بك.
- الطريقة 1: كس كليب المسار
- الطريقة 2: استخدام الخطوط الخاصة
- الطريقة 3: تقسيم النص إلى أحرف منفصلة
- الطريقة 4: استخدام الصور بدلا من النص
- الطريقة 5: العمل مع سفغ
- أمثلة على استخدام خط الانقسام
الطريقة 1: كس كليب المسار
لإنشاء خط تقسيم باستخدام كس كليب المسار:
- إنشاء حاوية ، على سبيل المثال ، باستخدام
- العنصر أو.
- قم بتطبيق لون الخلفية على الحاوية باستخدام كس.
- قم بتعيين محتوى النص للحاوية باستخدام كس.
- قم بتعيين قيمة خاصية مسار القصاصة في كس للحاوية ، باستخدام شكل وحجم المحصول المطلوب لإنشاء خط مقسم.
قم بإجراء تعديلات إضافية على نمط النص ، مثل اللون وحجم الخط وما إلى ذلك.، حسب تقديرك ، للحصول على التأثير المطلوب لخط القطع.
ميزة استخدام كس كليب مسار لإنشاء خط الانقسام هو القدرة على التكيف والقدرة على تطبيق على أي عناصر على صفحة ويب.
ومع ذلك ، تجدر الإشارة إلى أنه ليس كل المتصفحات تدعم وظيفة كاملة من كس كليب المسار. لذلك ، قبل استخدام هذه الطريقة ، يوصى بالتحقق من دعمها في المتصفحات المستهدفة وتوفير بدائل للمتصفحات القديمة.
الطريقة 2: استخدام الخطوط الخاصة
هناك العديد من الخطوط المجانية والمدفوعة التي تقدم أشكالا مختلفة من النص المقطوع. يمكنك العثور عليها في مواقع الخطوط المختلفة.
بمجرد تحديد الخط المناسب ، يجب عليك تحميله على خادم الويب الخاص بك لتتمكن من استخدامه في مشروعك.
| بعد تحميل الخط إلى الخادم ، يمكنك توصيله بمستند هتمل الخاص بك باستخدام علامة. للقيام بذلك ، ستحتاج إلى معرفة المسار إلى ملف الخط على الخادم. | خطوة | الوصف |
|---|---|---|
| مثال | 1 | قم بتنزيل خط بتأثير تقسيم مناسب من الإنترنت أو شرائه على مواقع خاصة. |
| هلفتيكا نويه قص: myfonts.com | 2 | قم بتحميل الخط إلى خادم الويب الخاص بك. تأكد من أن لديك المسار الصحيح لملف الخط. |
| تحميل هلفتيكا نويه قص الخط وتحميله على خادم الويب الخاص بك | 3 | |
| قم بتوصيل الخط بمستند هتمل باستخدام علامة. | 4 | قم بتطبيق الخط على العنصر المطلوب في صفحتك باستخدام خاصية كس عائلة الخط. |
| تطبيق هلفتيكا نويه قص الخط إلى العنوان: |
رأس الانقسام الخاص بي
يمكنك الآن استخدام خط مقسم على صفحة الويب الخاصة بك دون قضاء الوقت في إنشائه من البداية.
الطريقة 3: تقسيم النص إلى أحرف منفصلة
أولا ، تحتاج إلى إنشاء حاوية حيث سيتم وضع النص مع الخط المقطوع. ثم يتم تعيين عنصر منفصل مع فئة لكل حرف من النص بحيث يمكن تطبيق الأنماط المطلوبة عليه.
T
t
ثم ، باستخدام أنماط كس ، يمكنك تعيين خصائص مختلفة لكل حرف لتحقيق التأثير البصري المطلوب. على سبيل المثال ، يمكنك تغيير حجم الرمز ولونه وإضافة ظل وتأثيرات أخرى.
- مثال على أنماط كس:
.تقسيم النص {
حجم الخط: 24 بكسل;
}
.حرف {
عرض: مضمنة كتلة;
اللون: أحمر;
نص الظل: 2 بكسل 2 بكسل 3 بكسل رغبا (0 ، 0 ، 0 ، 0.3);
| } | |
| في هذا المثال ، سيتم عرض جميع أحرف النص تحت بعضها البعض ، لذلك لإنشاء تأثير خط الانقسام ، قد تحتاج إلى استخدام خصائص كس إضافية أو شفرة جافا سكريبت. | الطريقة 4: استخدام الصور بدلا من النص |
| إذا لم تعجبك خيارات تقسيم الخطوط المتاحة ، أو إذا كنت ترغب في تحقيق تأثير أكثر تعقيدا أو إبداعا ، فيمكنك استخدام الصور بدلا من النص. يتيح لك هذا الأسلوب إنشاء رسوم توضيحية فريدة بأحرف تبدو وكأنها خطوط مقطوعة ، ولكن في نفس الوقت تحافظ على مظهر الخط الأصلي. | لإنشاء خط مقسم باستخدام الصور ، تحتاج إلى: |
| اختر الخط المناسب وارسم كل حرف على حدة ، مع إبراز الأجزاء الخارجية والداخلية. | الطريقة 5: العمل مع سفغ |
لإنشاء خط تقسيم ، يمكنك استخدام تقنية سفغ ، والذي يسمح لك لإنشاء الرسومات المتجهة. تحتفظ الصور المتجهة بوضوحها وجودتها عند تغيير حجمها ، مما يجعلها خيارا مثاليا لإنشاء خط مقسم.
لإنشاء خط تقسيم باستخدام سفغ ، تحتاج إلى:
1
حدد الخط المناسب وتحميله إلى محرر الرسومات ناقلات مثل أدوبي المصور أو إنكسكيب.
2
قم بإنشاء مخطط تفصيلي لجميع الأحرف في الخط المطلوب وقسمها إلى عناصر منفصلة.
3
باستخدام أدوات المحرر ، قم بقص كل حرف إلى العدد المطلوب من الأجزاء.
4