"यदि कोई कर्मचारी अपना काम अच्छी तरह से करना चाहता है, तो उसे पहले अपने औजारों को तेज करना होगा।" - कन्फ्यूशियस, "द एनालेक्ट्स ऑफ कन्फ्यूशियस। लू लिंगगोंग"
मुखपृष्ठ > प्रोग्रामिंग > मैंने HTML/CSS + AI का उपयोग करके एक वेबकॉमिक बनाया...

मैंने HTML/CSS + AI का उपयोग करके एक वेबकॉमिक बनाया...

2024-08-29 को प्रकाशित
ब्राउज़ करें:936

जब gen-AI उभरना शुरू हुआ तो मैं HTML/CSS सीख रहा था। मैंने यह सब देखा और कहा: एक मिनट रुकें, मैं कुछ एआई टूल के साथ कॉमिक बनाने के लिए सीएसएस का उपयोग कर सकता हूं। कुल मिलाकर मैं गलत नहीं था, सिवाय इसके कि मैंने भविष्यवाणी की थी कि इसमें मुझे कुछ हफ़्ते लगेंगे और इसमें मुझे 4 महीने लग गए। हालाँकि, परिणाम काफी अच्छा है, मुझे काम पर गर्व है और मैंने इसे करते हुए बहुत कुछ सीखा है। तो, मैं आपको बताता हूं क्यों और कैसे मैंने ऐसा किया:

1-निःशुल्क उपकरण: सिवाय इसके कि यदि आप सशुल्क एआई जेनरेटर का उपयोग करना चुनते हैं - जिसकी मैं अनुशंसा करता हूं- तो आपको बाकी सभी चीजें निःशुल्क मिलेंगी।
मेरे मामले में, मैंने वीएस कोड और HTML एवं CSS के अलावा कुछ भी उपयोग नहीं किया। और अधिक की कोई जरूरत नहीं. सभी फ़ॉन्ट, संपत्तियां और उपकरण निःशुल्क पाए जा सकते हैं।
बिना आवश्यकता के चीजों को मत बढ़ाओ। ये दो सुपर शक्तिशाली उपकरण हैं. इसमें महारत हासिल करें, और इसे करने के लिए कुछ समय ही काफी होगा।
I made a webcomic using HTML/CSS   AI…

2-स्वचालन: जब आप एचटीएमएल और सीएसएस का उपयोग करके एक कॉमिक बनाते हैं, तो आप अनिवार्य रूप से एक कॉमिक को कोड कर रहे होते हैं। फिर, आप स्वचालन की शक्ति का उपयोग कर सकते हैं।
भाषण बुलबुले, टाइपो, लेआउट... सब कुछ एक क्लिक या कोड की कुछ पंक्तियों के साथ बड़े पैमाने पर किया जा सकता है। मुझे नहीं पता कि इस उद्देश्य के लिए वेब प्रौद्योगिकियों का उपयोग बढ़ने वाला है या नहीं, मुझे संदेह है कि यह मेरी ओर से एक बहुत ही अजीब बात है। हालाँकि, परिणाम शानदार हैं।
अगला वीएस कोड में मेरी कॉमिक के कवर का दृश्य है। DevTools से आप लगभग किसी भी चीज़ को नियंत्रित कर सकते हैं। ऐसा लगता है जैसे इन्हें इसी के लिए बनाया गया हो।
I made a webcomic using HTML/CSS   AI…

3-अनुवाद: यह बहुत बड़ा है। क्योंकि भले ही आप अपनी कॉमिक बनाने के लिए इन नो-कोड प्लेटफार्मों में से किसी एक का उपयोग करते हैं, आप स्वचालन की इस शक्ति को खो रहे हैं।

जहां तक ​​मुझे पता है (अगर मैं गलत हूं तो मुझे सुधारें), इन सभी प्लेटफार्मों में आप अनिवार्य रूप से कुछ निर्यात योग्य फ़ाइल बनाते हैं - पीडीएफ, जेपीजी, डीओसी...- इसलिए, यदि वह क्षण आता है कि आप अपनी कॉमिक का अनुवाद करना चाहते हैं अन्य भाषाओं में आपको यह प्रक्रिया बार-बार दोहरानी होगी। मेरी कॉमिक लगभग 264 पृष्ठों की है, और मेरा विश्वास करें, यहां तक ​​कि सभी पाठों को अन्य भाषा में कॉपी/पेस्ट करने का साधारण सा लगने वाला कार्य भी 20 पृष्ठों के बाद असंभव लगने लगता है...? यदि आप सैकड़ों बनाते हैं तो कहने की जरूरत नहीं है।

यदि आप अपनी कॉमिक बनाने के लिए वेब प्रौद्योगिकियों का उपयोग करते हैं, तो आप बस एक साधारण क्लिक के साथ स्वचालित अनुवाद करने के लिए अपने ब्राउज़र की शक्ति का लाभ उठा सकते हैं। लगभग जादू।

यहां मेरी सलाह दोहरी है। सबसे पहले, अनुवाद के लिए, अब तक का सबसे अच्छा ब्राउज़र chrome है क्योंकि इसमें Google अनुवादक एम्बेड किया गया है और यह लगभग किसी भी भाषा का समर्थन करता है जिसे आप इमेज कर सकते हैं (वहाँ पागल लोग भी हैं...)। दूसरा, भले ही स्वचालित हो, आप गुणवत्ता नियंत्रण के लिए प्रत्येक पृष्ठ की जांच करना चाहते हैं। ऐसा इसलिए है क्योंकि वहां अन्य भाषाओं की तुलना में बहुत अधिक क्रियात्मक भाषाएं हैं, और यह नाटकीय रूप से भाषण बुलबुले की लंबाई और आपके द्वारा निर्धारित नहीं किए गए बल आकार और स्थिति में भिन्न हो सकती है जो पृष्ठ की शैली को नष्ट कर देती है।
पारंपरिक चीनी में अनुवादित कॉमिक के एक पृष्ठ का एक उदाहरण:
I made a webcomic using HTML/CSS   AI…
जानने के लिए एक महान विशेषता अनुवाद है, जो आपको हाँ या नहीं पर सेट करने की अनुमति देता है। मान लीजिए कि आप कुछ शब्दों या वाक्यों का अनुवाद नहीं करना चाहते हैं। आप NO पर सेट कर सकते हैं और ब्राउज़र अनुवाद नहीं करेगा।
4- ऑनलाइन प्रकाशन: यदि आप बिचौलिए को सबमिट नहीं करना चाहते हैं और अपनी कॉमिक ऑनलाइन प्रकाशित नहीं करना चाहते हैं, उदाहरण के लिए, अपने व्यक्तिगत वेब पर?

यह एक बढ़िया विकल्प है। ऐसा करने और अपनी कॉमिक प्रकाशित करने से मुझे जो अनुभव मिलता है, उनमें से एक यह है कि प्लेटफ़ॉर्म द्वारपाल की तरह काम करते हैं - उचित और पूर्वानुमानित भी - लेकिन यह आवश्यक नहीं है। और यह वेब की ख़ूबियों में से एक है, एक विकेन्द्रीकृत माध्यम, आप अपना स्वयं का वेब/प्लेटफ़ॉर्म बना सकते हैं और दूसरों द्वारा आप पर लगाए गए फ़िल्टर को पार किए बिना वहां अपनी कॉमिक प्रकाशित कर सकते हैं - और मेरा विश्वास करें, बहुत सारे फ़िल्टर हैं, यहां तक ​​कि उन प्लेटफार्मों में भी जो अमेज़ॅन जैसे विचारधारा-मुक्त प्रतीत होते हैं।
मैंने स्थानीय सर्वर पर प्रक्रिया को देखने के लिए वीएस कोड में लाइव सर्वर एक्सटेंशन का उपयोग किया।
I made a webcomic using HTML/CSS   AI…

5-अभ्यास HTML/CSS: ऐसा करने में यह मेरे लक्ष्यों में सबसे ऊपर था।
मैं एचटीएमएल और सीएसएस का अभ्यास करना चाहता था, विशेष रूप से सीएसएस ग्रिड पर महारत हासिल करना चाहता था, और यह वास्तव में एक प्रभावी विचार था। इन वेब भाषाओं का उपयोग करके कॉमिक बनाने से सब कुछ नहीं तो बहुत कुछ, जो ये भाषाएं पेश कर सकती हैं, का उपयोग करने का बहाना मिल गया। सीएसएस में मैंने वेरिएबल्स, प्रॉपर्टीज, लेआउट, टेक्स्ट स्टाइलिंग का उपयोग किया... मैंने जो सीखा वह बहुत बड़ा है और सबसे अच्छी बात यह है कि यह एक मजेदार प्रक्रिया थी क्योंकि मैं यह प्रोजेक्ट कर रहा था जो मुझे पसंद है।
सीएसएस ग्रिड एक विशेष उल्लेख के योग्य है। एक भाषा के रूप में सीएसएस की शुरुआत के बाद से, जटिल लेआउट बनाने के लिए HTML को स्टाइल करना एक वास्तविक कठिनाई थी: पोजिशनिंग, मार्जिन ट्रिक्स, लेआउट टेबल... अब और नहीं। इस कॉमिक को बनाना वास्तव में सीएसएस ग्रिड की शक्ति का प्रमाण है और आप इसके साथ क्या कर सकते हैं।
जब मैंने सीखना शुरू किया, तो मुझे तुरंत एहसास हुआ कि यह उपकरण ऐसा है मानो इसे कॉमिक्स बनाने के लिए बनाया गया हो। परिशुद्धता का स्तर, कम नियंत्रण जो आपको देता है वह अद्भुत है और यदि स्वाभाविक और अनुकूल लगता है। शुरुआत में इसमें सीखने की कठिन प्रक्रिया होती है, लेकिन जब आप इसमें महारत हासिल कर लेते हैं, तो लंबे समय में यह वास्तव में इसके लायक है। मैं कहूंगा कि सबसे सरल तरीके से वेब-आधारित कॉमिक करने के लिए यह केंद्रीय हिस्सा है और यह एक महान कौशल निवेश है।
यहां बताया गया है कि कॉमिक के कवर का सीएसएस कोड कैसा दिखता है। मैं .पेज-1 क्लास का चयन कर रहा हूं और ग्रिड-टेम्पलेट शॉर्टहैंड का उपयोग करके एक स्थिति दे रहा हूं। मैंने पृष्ठ की पृष्ठभूमि को काला और HTML फ़ाइल पर अपलोड की गई सभी छवियों की शैली निर्धारित की है।
I made a webcomic using HTML/CSS   AI…

यह वास्तव में एक महान और मजेदार साहसिक कार्य था (भले ही इसमें मुझे अपेक्षा से अधिक समय लगा)। अब मैं फ्रंट-एंड से थोड़ा थक गया हूं। बैक-एंड के साथ जारी रखना चाहते हैं और एक अच्छा फुल-स्टैक प्रोजेक्ट बनाना चाहते हैं।

कॉमिक देखें यहां

विज्ञप्ति वक्तव्य यह आलेख यहां पुन: प्रस्तुत किया गया है: https://dev.to/oscar_oro/i- made-a-webcomic-using-htmlcss-ai-1b6d?1 यदि कोई उल्लंघन है, तो कृपया इसे हटाने के लिए [email protected] से संपर्क करें।
नवीनतम ट्यूटोरियल अधिक>

चीनी भाषा का अध्ययन करें

अस्वीकरण: उपलब्ध कराए गए सभी संसाधन आंशिक रूप से इंटरनेट से हैं। यदि आपके कॉपीराइट या अन्य अधिकारों और हितों का कोई उल्लंघन होता है, तो कृपया विस्तृत कारण बताएं और कॉपीराइट या अधिकारों और हितों का प्रमाण प्रदान करें और फिर इसे ईमेल पर भेजें: [email protected] हम इसे आपके लिए यथाशीघ्र संभालेंगे।

Copyright© 2022 湘ICP备2022001581号-3