يوميات تطوير Fluffmark: جعل التعليقات التوضيحية للصورة ممتعة

من أين جاءت الفكرة

Fluffmark له أصل مضحك. كنت أقصد إنشاء مكون تعليق توضيحي مشترك لجميع تطبيقات الصور الخاصة بي. وبينما كنت أعمل عليه، أصبحت شغوفًا بشكل غير متوقع بالمنتج نفسه. لقد أحببت استخدامه لنشر الصور مع الكلمات، ووجدت نفسي أرغب في التعبير أكثر.

ما يفعله التطبيق

اسمحوا لي أن أنتقل مباشرة إلى الميزات.

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

2. تتضمن أدوات التعليقات التوضيحية ما يلي:

   1. إضافة نص

   2. رسم خطوط برؤوس أسهم قابلة للتكوين في كلا الطرفين

   3. الرسم الحر

   4. طمس

   5. البكسل

   6. المستطيلات

   7. الدوائر

   8. ادراج الصور

   9. قص اللوحة القماشية أو توسيعها

   10. زوايا مدورة

سأركز على الميزات التي أفكر فيها كثيرًا.

إضافة نص

غالبًا ما كان أصدقائي شياويون وشياو يو ينشرون صورًا مكتوبة عليها كلمات مباشرة في لحظات WeChat. وهذا جعلني أتساءل: كم سيكون جميلًا أن نكتب الكلمات دون تعديل الأسلوب والموضع؟ لذلك قمت بتصميم تخطيط النص التلقائي، مع بعض التفاصيل المفيدة:

1. تجنب الموضوع تلقائيًا. ابحث عن مكان للنص لا يتعارض مع موضوع الصورة.

2. مطابقة الألوان تلقائيًا. استخدم الألوان الأساسية من الصورة لاقتراح عدة لوحات نصية. عادةً ما يبدو الإعداد الافتراضي جيدًا بالفعل.

   

بالإضافة إلى عناصر التحكم في النص العادية، أضفت العديد من الميزات غير العادية:

1. التفاف حول الموضوع. رتب الكلمات على طول الخطوط العريضة للموضوع الرئيسي، عادةً ما يكون الشخص، لإنشاء تأثير التفاف.

   

2. فرشاة النص. يمكنك اعتبارها بمثابة تغليف يدوي للموضوع، مع المزيد من الحرية في رسم الكلمات في أشكال غير متوقعة.

   

3. نص ثنائي اللون متكيف. يتحول كل حرف إلى اللون الأسود أو الأبيض وفقًا للصورة الموجودة أسفله، مما يخلق تباينًا أقوى.

   

4. فقاعات دردشة WeChat. تعمل هذه الإضافة الأخيرة على إعادة إنشاء المظهر المألوف والملفت للنظر لمحادثة WeChat. اختر الصور الرمزية لنفسك وللشخص الآخر في المرة الأولى، ثم أعد استخدامها في المرة القادمة.

   

الرسم الحر

1. ضربات فرشاة الخط. لقد أحضرت عرضًا توضيحيًا سابقًا لفرشاة الخط في هذا المشروع. يمكن أن تنتج Fluffmark ضربات حبر واقعية جدًا؛ فحتى الدائرة البسيطة المرسومة يدويًا تبدو أكثر تعبيرًا من علامة الفرشاة الرقمية العادية.

   

2. تشغيل ضربات الرسم. عند تحرير صورة حية، قم بتمكين تشغيل ضربات الرسم. في Live Photo التي تم تصديرها، يظهر الرسم الخاص بك متحركًا، كما لو كنت تكتبه مرة أخرى.

   

الصور

عند إدراج صورة، يمكنك استخراج موضوعها أيضًا. وهذا يفتح جميع أنواع إمكانيات الكولاج المرحة.

تفاصيل أخرى

لقد أمضيت وقتًا طويلاً في صقل هذا التطبيق واستخدامه كل يوم. تتضمن بعض تفاصيل التفاعل ما يلي:

1. تختفي الواجهة أثناء استخدام الأدوات الموجودة على الصورة، حتى تتمكن من رؤية الصورة بأكملها.

2. رسم الصورة وتكبيرها لا يتداخلان مع بعضهما البعض.

3. لقد مر شريط الأدوات بالعديد من المراجعات لجعل المساحة الصغيرة تعمل بشكل جيد.

4. التطبيق متاح على أنظمة iOS، وiPadOS، وmacOS. على نظام التشغيل Mac، قمت بإجراء تحسينات خاصة بالنظام الأساسي مثل سحب الصور، واستخدام مربعات حوار الفتح والحفظ المستندة إلى Finder، ودعم اختصارات لوحة المفاتيح.

السعر

وهذا أيضًا ما أصفه بأنه أول منتج مجاني تمامًا، مع دعم مالي اختياري فقط. إذا استمتعت به، يمكنك المساهمة بمبلغ 18 يوان صيني مرة واحدة أو 18 يوان صيني سنويًا لمساعدتي في صنع منتجات أفضل وبأسعار معقولة. إن اختيار عدم المساهمة لا يؤثر على أي وظيفة. أنا أسميها مازحا بداية التسول على الإنترنت.

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