تأثيرات عتيقة لصورك مع HTML5
لست متأكدًا ما إذا كان تطبيق Instagram أو Hipstamatic أو أي تطبيق آخر للهاتف الذكي يجب أن يُشكر (يتم إلقاء اللوم عليه) على ظهور تأثيرات قديمة أو تأثيرات أخرى على كل صورة تم التقاطها ، ولكن بغض النظر عمن بدأها ، يبدو أن الاتجاه سيختفي في أي وقت قريب.
سواء كنت تحب الصور ذات المظهر العتيق أم لا ، فربما تكون هناك حاجة لاستخدامها في مشروع أو آخر ، إما لأن العميل أو المشروع يتطلب ذلك.
بدلاً من إنفاق الكثير من الوقت لمعالجة الصور لمشروعك التالي على الويب باستخدام Photoshop أو أي تطبيق آخر على سطح المكتب (أو الهاتف) ، ألن يكون من الجيد وجود مكوّن إضافي يمكنه القيام بذلك تلقائيًا ، مباشرة على الموقع نفسه؟
من المنطقي ، بعد كل شيء. بخلاف ذلك ، في كل مرة يتم فيها تحميل صورة جديدة ، ستحتاج إلى التأكد من معالجتها قبل إضافتها إلى الموقع (ليس مثاليًا إذا كان العميل سيقوم بتحديث الموقع بنفسه). بدون معالجة متناسقة ، سيبدأ الموقع بسرعة في الظهور على شكل هواة وقبيح.
vintageJS هو مكون jQuery المساعد الذي يستخدم قماش HTML5 لتطبيق تأثيرات على صورك مباشرة على موقع الويب الخاص بك.
إنه قابل للتهيئة بشكل كبير ، بحيث يمكنك الحصول على صورك بالطريقة التي تريدها بالضبط. تتضمن الخيارات الأساسية المسبقة:
- افتراضي (عندما لا يتم تعيين إعداد مسبق)
- بني داكن
- أخضر
- الرمادي
- مخصص (يتم ضبط المنحنيات فقط ، يتم تعيين كل شيء آخر إلى إيقاف بحيث يمكنك بناء مظهرك الخاص)
إذا كنت ترغب في إنشاء فلتر مخصص ، فإليك بعض الخيارات المتاحة للتلاعب بها:
- المقالة القصيرة (يمكن تشغيلها أو إيقاف تشغيلها ، وتحتوي على متغيرين من الأسود والأبيض يمكنك ضبطهما)
- الضوضاء
- الشاشة (تعمل مثل شاشة طبقة Photoshop)
- التشبع
- allowMultiEffect (يتيح لك تشغيل تأثير عدة مرات)
- viewFinder (يخلق تأثير من خلال عدسة الكاميرا)
باستخدام هذه الإعدادات ، يمكنك بسهولة إنشاء صور عتيقة أصيلة مباشرة على موقعك. لا مزيد من الساعات التي قضيت في معالجة الصور المسبقة (أو في انتظار أن يقوم الكمبيوتر بمعالجتها دفعة واحدة). لا مزيد من العملاء تحميل الصور التي تدمر الشكل والمظهر من الموقع.
قد تكون على دراية بالفعل vintageJS.com ، الموقع الذي يسمح لك بتحميل الصور ثم تطبيق تأثير عتيق. إنه مثال جيد لما يمكن للمكون الإضافي jQuery (على الرغم من أن المكوّن الإضافي يسمح بتخصيص أكثر).
هل كنت تضيف مؤثرات عتيقة إلى صورك باستخدام مكوّن إضافي؟ أي واحد؟ اسمحوا لنا أن نعرف في التعليقات.