डेवलपमेंट डायरी / Fluffmark

Fluffmark डेवलपमेंट जर्नल: छवि एनोटेशन को आनंददायक बनाना

Fluffmark एक साझा एनोटेशन घटक से स्वचालित टेक्स्ट लेआउट, विषय रैपिंग, एक टेक्स्ट ब्रश, एनिमेटेड स्ट्रोक और प्लेटफ़ॉर्म-विशिष्ट इंटरैक्शन के साथ अपने स्वयं के ऐप में कैसे विकसित हुआ।

Fluffmark
Fluffmark

यह विचार कहां से आया

Fluffmark की उत्पत्ति मज़ेदार है। मेरा मतलब अपने सभी छवि ऐप्स के लिए एक साझा एनोटेशन घटक बनाना था। जैसे-जैसे मैंने इस पर काम किया, मैं उत्पाद के प्रति अप्रत्याशित रूप से भावुक हो गया। मुझे शब्दों के साथ चित्र पोस्ट करने के लिए इसका उपयोग करने से प्यार हो गया, और मैंने पाया कि मैं और अधिक अभिव्यक्त करना चाहता हूं।

ऐप क्या करता है

मैं सीधे सुविधाओं पर आता हूँ।

  1. सबसे पहले, यह एक इमेज एनोटेशन ऐप है जो स्थिर छवियों, GIF और लाइव फ़ोटो को संभालता है। यह उसी प्रकार का प्रारूप निर्यात करता है जिसे आपने आयात किया था। अंतर्निहित एनीमेशन को संरक्षित करते हुए GIF और लाइव फ़ोटो पर एनोटेशन को ओवरले के रूप में जोड़ा जाता है।

  2. एनोटेशन टूल में शामिल हैं:

    1. पाठ जोड़ना

    2. दोनों छोर पर विन्यास योग्य तीर शीर्षों के साथ रेखाएँ खींचना

    3. मुक्तहस्त चित्रण

    4. धुंधला

    5. पिक्सेलेशन

    6. आयत

    7. वृत्त

    8. छवियाँ सम्मिलित करना

    9. कैनवास को काटना या फैलाना

    10. गोल कोने

मैं उन विशेषताओं पर ध्यान केंद्रित करूंगा जिन पर मैंने सबसे अधिक विचार किया है।

पाठ जोड़ना

मेरे दोस्त ज़ियाओयुन और ज़ियाओयू अक्सर वीचैट मोमेंट्स में सीधे शब्दों के साथ तस्वीरें पोस्ट करते थे। इससे मुझे आश्चर्य हुआ: शैली और स्थिति को समायोजित किए बिना, केवल शब्दों को लिखना कितना अच्छा होगा? इसलिए मैंने कुछ उपयोगी विवरणों के साथ स्वचालित टेक्स्ट लेआउट बनाया:

  1. विषय से स्वचालित रूप से बचें। पाठ के लिए एक ऐसा स्थान खोजें जो चित्र के बारे में हस्तक्षेप न करे।

  2. स्वचालित रूप से रंगों का मिलान करें। कई टेक्स्ट पैलेट सुझाने के लिए छवि से मुख्य रंगों का उपयोग करें। आमतौर पर, डिफ़ॉल्ट पहले से ही अच्छा दिखता है।

    स्वचालित लेआउट और रंग मिलान
    स्वचालित लेआउट और रंग मिलान

सामान्य पाठ नियंत्रणों से परे, मैंने कई और असामान्य विशेषताएं जोड़ीं:

  1. विषय के चारों ओर लपेटें। एक लपेटन प्रभाव बनाने के लिए मुख्य विषय, आमतौर पर एक व्यक्ति की रूपरेखा के साथ शब्दों को व्यवस्थित करें।

    विषय के चारों ओर पाठ लपेटना
    विषय के चारों ओर पाठ लपेटना
  2. टेक्स्ट ब्रश। इसे मैन्युअल विषय रैपिंग के रूप में सोचें, जिसमें शब्दों को अप्रत्याशित आकार में खींचने की अधिक स्वतंत्रता है।

    टेक्स्ट ब्रश
    टेक्स्ट ब्रश
  3. अनुकूली दो-टोन पाठ। प्रत्येक वर्ण अपने नीचे की छवि के अनुसार काले या सफेद रंग में बदल जाता है, जिससे मजबूत कंट्रास्ट बनता है।

    अनुकूली दो-टोन पाठ
    अनुकूली दो-टोन पाठ
  4. वीचैट चैट बबल्स। यह हालिया जोड़ वीचैट वार्तालाप के परिचित, आकर्षक लुक को फिर से बनाता है। पहली बार अपने और दूसरे व्यक्ति के लिए अवतार छवियां चुनें, फिर अगली बार उनका पुन: उपयोग करें।

    WeChat चैट बुलबुले
    WeChat चैट बुलबुले

मुक्तहस्त चित्रण

  1. सुलेख ब्रश स्ट्रोक। मैं इस प्रोजेक्ट में पहले वाला सुलेख-ब्रश डेमो लाया था। Fluffmark बहुत यथार्थवादी स्याही स्ट्रोक उत्पन्न कर सकता है; यहां तक ​​कि हाथ से बनाया गया एक साधारण वृत्त भी सामान्य डिजिटल ब्रश चिह्न की तुलना में कहीं अधिक अभिव्यंजक दिखता है।

    सुलेख ब्रश स्ट्रोक, गोल कोनों के साथ भी दिखाया गया है
    सुलेख ब्रश स्ट्रोक, गोल कोनों के साथ भी दिखाया गया है
  2. स्ट्रोक प्लेबैक करें। लाइव फोटो संपादित करते समय, स्ट्रोक प्लेबैक सक्षम करें। निर्यातित लाइव फोटो में, आपकी ड्राइंग गति में दिखाई देती है, जैसे कि आप इसे फिर से लिख रहे हों।

    एनिमेटेड स्ट्रोक प्लेबैक
    एनिमेटेड स्ट्रोक प्लेबैक

छवियाँ

कोई छवि सम्मिलित करते समय, आप उसका विषय भी निकाल सकते हैं. यह सभी प्रकार की चंचल कोलाज संभावनाओं को खोलता है।

एक छवि सम्मिलित करना और उसका विषय निकालना
एक छवि सम्मिलित करना और उसका विषय निकालना

अन्य विवरण

मैंने इस ऐप को बेहतर बनाने और इसे हर दिन इस्तेमाल करने में काफी समय बिताया है। कुछ इंटरैक्शन विवरण में शामिल हैं:

  1. जब आप छवि पर टूल का उपयोग करते हैं तो इंटरफ़ेस छिप जाता है, ताकि आप पूरी तस्वीर देख सकें।

  2. छवि बनाना और ज़ूम करना एक दूसरे के साथ हस्तक्षेप नहीं करते हैं।

  3. एक छोटी सी जगह को अच्छी तरह से काम करने लायक बनाने के लिए टूलबार में कई संशोधन किए गए हैं।

  4. ऐप iOS, iPadOS और macOS पर उपलब्ध है। मैक पर, मैंने प्लेटफ़ॉर्म-विशिष्ट सुधार किए जैसे कि छवियों को खींचना, फाइंडर-आधारित ओपन और सेव डायलॉग का उपयोग करना और कीबोर्ड शॉर्टकट का समर्थन करना।

कीमत

मैं इसे केवल वैकल्पिक वित्तीय सहायता के साथ अपना पहला पूर्णतः निःशुल्क उत्पाद भी बताता हूँ। यदि आप इसका आनंद लेते हैं, तो आप मुझे बेहतर, किफायती उत्पाद बनाने में मदद करने के लिए एक बार आरएमबी 18 या प्रति वर्ष आरएमबी 18 का योगदान कर सकते हैं। योगदान न करने का चयन किसी भी कार्यक्षमता को प्रभावित नहीं करता है। मैं मजाक में इसे अपनी इंटरनेट पर भीख मांगने की शुरुआत कहता हूं।

मेरे अन्य ऐप्स की तरह, इसमें ज्यादा हैंड-होल्डिंग नहीं है। टूल आज़माएं और एक्सप्लोर करें. पूर्ववत करें और पुनः करें अच्छी तरह से विकसित हैं, इसलिए आपको प्रयोग करते समय अपना काम खोने के बारे में चिंता करने की आवश्यकता नहीं है। मुझे आशा है कि आपको इसका उपयोग करने में आनंद आएगा और आप स्वयं को अभिव्यक्त करने के लिए अधिक प्रेरित महसूस करेंगे।