أصبح النص الأبيض داخل الخطوط أحد أكثر اتجاهات التصميم شيوعا. يسمى هذا التأثير "تأثير الخطوط الداخلية البيضاء" ويستخدم لإنشاء عناوين وشعارات وعناصر تصميم ويب فريدة وجذابة.
يمكن استخدام العديد من الاستراتيجيات لإنشاء تأثير أبيض داخل الخطوط. واحد منهم هو استخدام طبقات شفافة إزاحة مع نص أبيض. للقيام بذلك ، يمكنك استخدام علامة قوية أو إم وتعيين الشفافية لهم باستخدام كس.
على سبيل المثال ، يمكنك استخدام كس التالية:
قوي ، إم { اللون: أبيض ؛ نص الظل: 0 0 3 بكسل رغبا(255, 255, 255, 0.7); }
طريقة أخرى هي استخدام تأثير القطع. للقيام بذلك ، قم بإنشاء قناع من اللون الأبيض وتطبيقه على النص. يمكن تحقيق هذا التأثير باستخدام خاصية صورة قناع كس. على سبيل المثال:
ح1 {- بكت-نص-تعبئة-لون: شفاف ؛ - بكت-خلفية-مقطع: نص ؛ الخلفية-صورة: ورل ("قناع.جبغ ")؛}
تدعم المتصفحات الحديثة طرقا مختلفة لإنشاء تأثير أبيض داخل الخطوط ، بحيث يمكنك اختيار أفضل ما يناسب مشروعك واستخدامه لإنشاء تصميم فريد وجذاب.
- الخطوط البيضاء في الداخل: أنواع التأثيرات وطرق الإنشاء
- خطوط غير واضحة مع تأثير أبيض في الداخل
- خطوط مزدوجة مع تأثير أبيض في الداخل
- الخطوط مع الخطوط العريضة والحشو
- تأثير الأبيض داخل الخطوط من خلال ملء التدرج
- الخطوط ذات التأثير والقوام المنقوش
- أدوات لإنشاء تأثير أبيض داخل الخطوط
الخطوط البيضاء في الداخل: أنواع التأثيرات وطرق الإنشاء
أنواع التأثيرات:
- الخطوط الفارغة: في هذه الطريقة ، تمتلئ مساحة الرمز بالكامل باللون الأبيض ، ويصبح الرمز نفسه شفافا. هذا يخلق انطباعا عن نص" مضغوط " ويجعله أكثر رسومية.
- الخطوط العريضة: في هذه الحالة ، يتم ترك بعض المناطق الشفافة داخل الرمز ، ويتحول مخطط الرمز إلى اللون الأبيض. يعطي هذا التأثير حجم الخط ونمطه.
- خطوط التدرج: هنا يتحول اللون الأبيض بسلاسة إلى شفافية داخل كل حرف. يخلق هذا التأثير شعورا بالنص المتوهج ويجعله أكثر جاذبية.
طرق لخلق:
يمكنك إنشاء تأثير أبيض داخل الخطوط باستخدام كس. وفيما يلي مثالين:
1. الخطوط الفارغة:
.أبيض - داخل {
- بكت-نص-تعبئة-اللون: شفاف;
اللون: أبيض;
}
2. الخطوط العريضة:
.مخطط { |
اللون: أبيض;
ظل النص:-1 بكسل-1 بكسل 0 # 000 ، 1 بكسل-1 بكسل 0 #000 ، - 1 بكسل 1 بكسل 0 #000 ، 1 بكسل 1 بكسل 0 # 000;
}
خطوط غير واضحة مع تأثير أبيض في الداخل
يتم استخدام طريقة التمويه لإنشاء تأثير أبيض داخل الخطوط. عدم وضوح يسمح لك لخلق الوهم من المساحات البيضاء داخل الحروف. للقيام بذلك ، يمكنك استخدام مرشحات التمويه المتوفرة في كس أو برامج تحرير الصور.
هناك عدة طرق لإنشاء خطوط غير واضحة مع تأثير أبيض في الداخل. واحد منهم هو استخدام سفغ. في سفغ ، يمكنك تحديد مسار الخط وتطبيق مرشح طمس لخلق تأثير. هذا يسمح لك لتحقيق جودة عالية ودقة التأثير.
طريقة أخرى هي استخدام برامج رسومات خاصة لتحرير الخطوط. تتيح لك هذه البرامج إضافة تأثير ضبابي داخل الخط ، مما يخلق تأثير المسافات البيضاء ويجعل النص أكثر جاذبية.
يتطلب إنشاء تأثير أبيض داخل الخطوط بعض التجارب واختيار التأثير الأنسب لتصميم معين وطريقة إنشائه. من خلال الجمع بين الأساليب والأدوات المختلفة ، يمكنك تحقيق نتائج ممتعة ومبتكرة.
- لإنشاء تأثير أبيض داخل الخطوط باستخدام خطوط مزدوجة ، يمكنك استخدام تقنية تركيب خط فوق آخر وتعيين لون نص الخط العلوي إلى الأبيض. يمكن أن يتم تراكب الخط باستخدام خاصية كس-ويبكيت-نص-السكتة الدماغية ، وتحديد قيمة مساوية لعرض التأثير الأبيض المطلوب داخل الخطوط.
الخطوط مع الخطوط العريضة والحشو
يمكنك إنشاء الخطوط مع الخطوط العريضة والحشو باستخدام كس. للقيام بذلك ، يمكنك استخدام الخاصية
النص السكتة الدماغية
لتعيين كفاف والممتلكات
خلفية كليب: نص;
- يحدد ملء داخل الخطوط العريضة للحروف.
نموذج النص
- في هذا المثال ، يتم إنشاء خط بمخطط سميك 2 بكسل ولون أزرق وملء داخل المحيط باستخدام تدرج من الأحمر إلى الأصفر. باستخدام
- و
اللون: خصائص شفافة;
-بكت-نص-السكتة الدماغية: 2 بكسل الأزرق;
يظل النص غير مرئي ، ويتم تطبيق تأثير الكفاف والتعبئة فقط على الجزء الداخلي منه.
وبالتالي ، تسمح لك الخطوط ذات المخطط التفصيلي والحشو بإنشاء تأثيرات نصية مثيرة للاهتمام ومذهلة يمكن أن تلفت الانتباه إلى المحتوى الخاص بك.
تأثير الأبيض داخل الخطوط من خلال ملء التدرج
بادئ ذي بدء ، دعنا ننشئ عنصرا سيتم تحديد موقع النص بداخله:
}
في هذا النمط ، نستخدم خاصية صورة الخلفية لتعيين تعبئة متدرجة كخلفية للنص. التعبئة يذهب من الأبيض إلى شفافة ، مما يخلق تأثير الأبيض داخل الخطوط.
بعد تطبيق هذه الأنماط ، يجب أن تحصل على تأثير أبيض داخل الخطوط من خلال تعبئة متدرجة. يمكنك تغيير الألوان و
الخطوط ذات التأثير والقوام المنقوش