00:00:00आज आप सीखने वाले हैं कि कैसे नए Clod Design और Seed Dance 2.0 की शक्तियों को मिलाएं
00:00:06ताकि बिल्कुल इस तरह की एनिमेटेड वेबसाइटें बनाई जा सकें। मैं आपको अपने पूरे वर्कफ़्लो के हर चरण
00:00:12से रूबरू कराऊंगा ताकि आप इसे फिर से बना सकें, भले ही आपने पहले कभी ऐसा कुछ न किया हो। और रास्ते
00:00:17में, मैं आपको कुछ टिप्स और ट्रिक्स के साथ Anthropix के बिल्कुल नए टूल का अधिकतम लाभ उठाना सिखाऊंगा।
00:00:22अब जब ऐसी वेब पेज बनाने की बात आती है, तो सबसे पहले हमें शुरुआत करनी होगी इस
00:00:28बैकग्राउंड वीडियो से और बैकग्राउंड वीडियो पाने के लिए हमें सबसे पहले एक शुरुआती इमेज चाहिए। अब हम
00:00:32Nano Banana Pro का उपयोग करके वह शुरुआती इमेज बनाएंगे और फिर हम उस शुरुआती इमेज को लेंगे
00:00:37और Seed Dance 2.0 का उपयोग करके इसे वीडियो में बदल देंगे और यह सब यहाँ Higgsfield पर होगा जो
00:00:44मेरे सभी AI कंटेंट क्रिएशन टूल के लिए वन-स्टॉप शॉप है। तो शुरुआत करने के लिए हम बस
00:00:49इमेज पर जाएंगे और Nano Banana Pro की ओर बढ़ेंगे और तुरंत ही आप उन कुछ इमेज को देख पाएंगे जिन पर मैं काम कर रहा हूँ
00:00:55और उन्हें हमारे वेब पेज के लिए बहुत परिचित दिखना चाहिए, विशेष रूप से इन लोगों को। अब सटीक प्रॉम्प्ट
00:01:01जो मैं उपयोग करता हूँ, वह मेरे फ़्री स्कूल के अंदर मिल सकता है, और उसका लिंक विवरण में होगा
00:01:05लेकिन मैं यहाँ क्या फ़ोकस करना चाहता हूँ, जब हम इमेज के बारे में बात कर रहे हैं, तो वह है विशिष्ट
00:01:11प्रॉम्प्ट के बारे में कम क्योंकि जो इमेज आप बनाना चाहेंगे, वह मेरी वाली से अलग होगी
00:01:15बल्कि कंपोज़िशन के बारे में अधिक। यह इमेज इस तरह से क्यों सेट की गई है? खैर, जब हम
00:01:21अंतिम उत्पाद को यहाँ देखते हैं, तो यह थोड़ा स्पष्ट है, है ना? हमारे पास यह बड़ी हीरो इमेज स्क्रीन के दाईं ओर है
00:01:26लेकिन हमें अभी भी अपने टेक्स्ट के लिए बाईं ओर कुछ खाली जगह की ज़रूरत थी और जब मैंने Nano Banana
00:01:31Pro से यह इमेज बनाई, तो मेरे दिमाग में उस तरह का कंपोज़िशन था। मैं सोच रहा था, ठीक है, हमारे पास एक इमेज होगी
00:01:38जहाँ यह दाईं ओर से आधी कटी हुई होगी, हम अपनी आकर्षक इमेज रखेंगे और फिर बाईं ओर
00:01:44यह वह जगह होगी जहाँ हीरो टेक्स्ट होगा, इसलिए यह यहाँ टैगलाइन जैसा है
00:01:51हमारे पास नेविगेशन बार के साथ शीर्ष पर किसी प्रकार का बैनर होगा जहाँ लोग होम
00:01:55या विभिन्न पेजों पर जा सकते हैं, हमारे पास यहाँ कुछ बटन होंगे जो कहेंगे साइन अप
00:02:00या और जानें और फिर शायद हमारे पास नीचे कुछ टिकर होगा। मैं यह पहले से ही जानता था
00:02:04और जब आप Nano Banana Pro से इमेज बनाने के लिए कहते हैं, तो आपको यह जानने की ज़रूरत होती है
00:02:10क्योंकि यह सेटअप जिस तरह का होगा, वही आपके प्रॉम्प्ट को तय करेगा
00:02:17और अब आपका सवाल शायद यह होगा, खैर, Chase, मुझे पता ही नहीं कि मेरे विकल्प क्या हैं, मैं
00:02:22नहीं जानता कि शुरुआत में कंपोज़िशन क्या होना चाहिए, मैं इसका पता कैसे लगाऊं? खैर, इसका
00:02:25सबसे आसान तरीका है कि बस कुछ ऐसी वेबसाइटें खोजें जो आपको पसंद हों और उनके हीरो और
00:02:30लैंडिंग पेज कंपोज़िशन को तोड़ना शुरू करें और इसके उदाहरण देखने के लिए एक बेहतरीन जगह Dribbble है। तो यह
00:02:35Dribbble है, तीन B के साथ। अगर मैं landing page sass खोजूं, तो आप landing page
00:02:40जो भी हो खोज सकते हैं, आप देखेंगे कि मैं किस बारे में बात कर रहा हूँ। तो हमें यहाँ क्या दिख रहा है, है ना? यह वाला
00:02:47खैर, उन्होंने नीचे इमेज रखी है और ऊपर टेक्स्ट है, हम इसके साथ कुछ ऐसा ही कर सकते हैं
00:02:52है ना? हम उसे यहाँ नीचे केंद्र में ला सकते हैं, शायद हमारे पास किनारों पर क्लाउड हो
00:02:56इसके बजाय और फिर टेक्स्ट यहाँ जाता है, फिर से कंपोज़िशन पूरी तरह बदल जाता है या क्या हमें कुछ ऐसा चाहिए
00:03:02जैसा कि यहाँ है जहाँ इमेज केंद्र में है और टेक्स्ट चारों ओर जाता है और हम कुछ अन्य तत्व जोड़ते हैं
00:03:07आप जानते हैं कि जैसे-जैसे आप जाते हैं और स्क्रॉल करते हैं, आप देखते हैं कि इसे करने के दस लाख अलग-अलग तरीके हैं
00:03:11लेकिन आपको पहले से पता होना चाहिए या कम से कम आपकी जेब में दो या तीन विचार होने चाहिए
00:03:16और फिर जब आप Nano Banana Pro पर जाते हैं, तो आप उसे प्रॉम्प्ट दे सकते हैं जो उस
00:03:22शैली को दर्शाते हैं। तो संक्षेप में, जब हम अपनी इमेज बना रहे होते हैं, तो सबसे पहली चीज़ जो हमें पता लगाने की ज़रूरत है, वह है
00:03:26कंपोज़िशन और कंपोज़िशन से मेरा मतलब है कि खाली जगह कहाँ होगी, वह टेक्स्ट कहाँ होगा
00:03:32यह बाईं ओर, केंद्र, दाईं ओर, ऊपर हो सकता है, कोई फ़र्क नहीं पड़ता, आपको बस चुनना है और अपना
00:03:37प्रॉम्प्ट उसे दर्शाना चाहिए और साथ ही, जब प्रॉम्प्ट की बात आती है, तो उसे लिखने में मदद के लिए Claude जैसी चीजों पर निर्भर रहें। आज हमारे डेमो के लिए
00:03:42हम इस इमेज का उपयोग करेंगे और मेरे पास इसकी एक कॉपी भी होगी
00:03:47कम्युनिटी के अंदर, अगर आप बस मेरे साथ चरण-दर-चरण कॉपी करना चाहते हैं। और हमारे पास स्थिर इमेज है
00:03:51अब हम Cloud Design की ओर बढ़ेंगे और सामान्य प्रवाह यह होगा: Nano Banana Pro में बनाई गई इमेज,
00:03:56हम यहाँ Design पर अपनी वेबसाइट मॉकअप करेंगे और एक बार जब हमें एक वेबसाइट मिल जाती है जो हमें पसंद आती है
00:04:01आप जानते हैं, एक डिज़ाइन जो हमें पसंद है, एक लैंडिंग पेज और वह सब, तब हम उस इमेज को लेंगे और उसे
00:04:05वीडियो में बदल देंगे क्योंकि अंतिम चरण के रूप में ऐसा करना बहुत सरल है। इसलिए यदि आप Cloud Design में बिल्कुल नए हैं
00:04:10तो चिंता न करें, हम इस वीडियो में उन बड़ी बातों पर ध्यान देंगे जिनके बारे में आपको चिंता करने की ज़रूरत है, लेकिन मेरे पास एक गहरा
00:04:14गोता लगाने वाला वीडियो भी है जो थोड़ा विस्तार में जाता है जिसे आपको देखना चाहिए और मैं उसे ऊपर लिंक कर दूंगा। लेकिन हमारे
00:04:18उद्देश्यों के लिए, हम क्या करना चाहते हैं, हम यहाँ बाईं ओर prototype पर जाना चाहते हैं और हम
00:04:24इसे कोई प्रोजेक्ट नाम देंगे, मैं अपना नाम sd2 रखूंगा, डिज़ाइन सिस्टम के लिए, आपके पास शायद
00:04:30डिज़ाइन सिस्टम नहीं होगा, आपको इस मामले में अभी के लिए एक की ज़रूरत नहीं है। फिर से, यदि आप डिज़ाइन सिस्टम के बारे में अधिक जानना चाहते हैं
00:04:35तो उस गहरे गोता लगाने वाले वीडियो को देखें। हम high fidelity करने जा रहे हैं और फिर हम create करने जा रहे हैं
00:04:40यह आपको इस पेज पर ले जाएगा और सबसे पहली चीज़ जो हम करना चाहते हैं, वह है कुछ context जोड़ना
00:04:45और जो context हम जोड़ने जा रहे हैं, वह वह इमेज है जिसे हमने डाउनलोड किया है, इसलिए आप यहाँ बाईं ओर देख सकते हैं
00:04:49मैंने अपना स्क्रीनशॉट अपलोड कर लिया है। इसके बाद हम इसे एक प्रॉम्प्ट देना चाहते हैं। अब आप और जोड़ना जारी रख सकते हैं
00:04:55स्क्रीनशॉट यहाँ और मैं पूरी तरह से सलाह देता हूँ कि आप ऐसा करें यदि आपके पास Dribbble जैसे किसी व्यक्ति के कुछ अच्छे उदाहरण थे, तो
00:04:59यदि आपको Dribbble पर कुछ ऐसा मिला जो आपको पसंद है, समग्र कंपोज़िशन के मामले में, तो उसे भी जोड़ें
00:05:04अब जब वास्तविक प्रॉम्प्ट की बात आती है, तो मैं अत्यधिक सुझाव देता हूँ कि आप Claude
00:05:09Code जैसी चीज़ पर निर्भर रहें ताकि वह आपके लिए इसे लिख सके और यहाँ उस प्रॉम्प्ट पर एक नज़र है जो Claude Code लेकर आया है जिसे मैं
00:05:13Cloud Design में पेस्ट करने जा रहा हूँ। यह हमारी नकली SAS कंपनी Olympus के लिए है जो एक मार्केट इंटेलिजेंस
00:05:19प्लेटफ़ॉर्म है, इसलिए यह कंपनी के बारे में बताता है, यह हीरो के साथ बहुत विस्तृत हो जाता है, बात करता है
00:05:25किन सेक्शन के बारे में यह लैंडिंग पेज पर होना चाहता है और फिर कुछ ऐसी चीजें जोड़ता है जैसे कि मोशन। अब
00:05:30बहुत महत्वपूर्ण बात, हमारे पास अंत में यह लाइन है जो कहती है: शुरू करने से पहले मुझसे कोई भी प्रश्न पूछें। Cloud
00:05:36Design के बारे में अच्छी बात यह है कि यह Claude Code की तरह काम कर सकता है कि यह एक प्लान मोड बनाएगा
00:05:42तो मैं इसे एक प्रॉम्प्ट दूंगा, यह बिल्कुल वैसा ही जैसा आप यहाँ देख रहे हैं और फिर यह मुझसे एक गुच्छा पूछेगा
00:05:46प्रश्नों का ताकि मैं बेहतर ढंग से समझ सकूं कि मैं क्या बनाने की कोशिश कर रहा हूँ और उस
00:05:50प्लान मोड सुविधा के बारे में अच्छी बात जो हमसे प्रश्न पूछती है, वह यह है कि यदि आप खराब प्रॉम्प्ट के साथ आते हैं
00:05:54जो इस एक जैसा विस्तृत भी नहीं है, तो आप Cloud Design में जा सकते हैं और एक काफी मजबूत पहला
00:06:01पास प्राप्त कर सकते हैं क्योंकि आप Claude के साथ इस पूरे Q&A के माध्यम से गए थे। तो मैंने इसे वहाँ पेस्ट कर दिया है और हम
00:06:06बस send दबाने जा रहे हैं। अब Cloud Design के उपयोग के बारे में एक त्वरित कॉल आउट यहाँ, Cloud Design संचालित होता है
00:06:11अपनी खुद की उपयोग सीमा पर, यह आपकी Pro सीमाओं या आपकी max 5 या आपकी max 20 सीमाओं से अलग है
00:06:18Claude के साथ, यह अपनी चीज़ है और यह संसाधनों का बहुत अधिक उपयोग कर सकता है, इसलिए हमेशा उस पर नज़र रखें। मेरे मामले में
00:06:23मैंने इसे पहले ही उड़ा दिया है क्योंकि मैंने इसका बहुत उपयोग किया है, इसलिए मैं अपने अतिरिक्त उपयोग पर हूँ
00:06:28संदर्भ के लिए, जब मैं आज जो आप देख रहे हैं, उसे अपने आप चला रहा था, अतिरिक्त
00:06:33उपयोग के मामले में, लैंडिंग पेज बनाने में मुझे लगभग पांच डॉलर का खर्च आया और मैं इसे और भी कम में पा सकता था
00:06:38लेकिन बस ताकि आपको अंदाजा हो जाए कि हम कहाँ हैं। और यहाँ प्रश्न हैं जो यह वापस आ रहे हैं
00:06:43के साथ। प्रश्न: टाइपोग्राफ़ी सेक्शन, हम क्या करना चाहते हैं? चलो आधुनिक मिथिक कलर पैलेट करते हैं
00:06:52चलो इनवर्टेड करते हैं और अंततः हमारे पास और विकल्प होंगे जब यह वास्तव में इसे tweaks का उपयोग करके बनाएगा
00:06:58जैसा कि आप बाद में देखेंगे, कॉपी वॉइस, चलो मिथिक को छिड़कते हैं क्योंकि यदि आपको एहसास नहीं था
00:07:06हम कंपनी के नाम के रूप में Olympus का उपयोग कर रहे हैं, यह एक इंटेलिजेंस ऐप की तरह है, इसलिए यह पूरी तस्वीर
00:07:11जिसके साथ हम काम कर रहे हैं, उसे इस प्रोमेथियन फायर एनालॉजी चीज़ की तरह माना जाता है, इसलिए हीरो
00:07:17कंपोज़िशन: फुल ब्लीड इमेज, चलो फुल ब्लीड इमेज करते हैं, सेक्शन ऑर्डर: बूम, बूम, बूम, बूम और आप
00:07:26हमेशा मेरे लिए निर्णय ले सकते हैं यदि आप नहीं जानते, सामाजिक प्रमाण: मेरे लिए निर्णय लें, मेरे लिए निर्णय लें
00:07:32और यहाँ एक अच्छी चीज़ है: tweaks, इसलिए tweaks यहाँ एक सेकंड में अधिक समझ में आएंगे, लेकिन मैं हमेशा
00:07:39सुझाव देता हूँ कि अधिक से अधिक tweaks का उपयोग करें और हम हमेशा बाद में और जोड़ सकते हैं, इसलिए हम continue दबाएंगे
00:07:45और अब यह हमारे लिए इस चीज़ को बनाने जा रहा है। अब एक त्वरित लेआउट
00:07:50Cloud Design के लिए, यहाँ शीर्ष दाईं ओर जहाँ यह share कहता है, अगर मैं इस पर क्लिक करता हूँ
00:07:56तो हम हमेशा के लिए Cloud Design के अंदर नहीं फंसते हैं। इसके बारे में जो बहुत अच्छा है और जो मैं आपको बाद में दिखाऊंगा
00:08:01वह यह है कि हम इसे Cloud Code पर एक्सपोर्ट कर सकते हैं और फिर जैसे हमारे पास 89 समाधान है, हम
00:08:07उपयोग के मामले में कुचले जा रहे हैं, हम इसे Cloud Code पर ला सकते हैं और उस पर अपने दिल की सामग्री तक काम कर सकते हैं
00:08:12हम इसे HTML के रूप में भी एक्सपोर्ट कर सकते हैं, Canva पर भेज सकते हैं, PowerPoint या PDF के रूप में एक्सपोर्ट कर सकते हैं
00:08:17चीजों को डाउनलोड करने के लिए, इसलिए हम टीम के साथियों को भी ला सकते हैं ताकि आप इसे एक सहयोगी चीज़ बना सकें, इसलिए
00:08:22Cloud Design में बहुत सारे विकल्प हैं और यहाँ वह है जो Cloud Design वापस आया है
00:08:27और मैं इस वीडियो के दौरान इसे हर जगह ले जाऊंगा। अब, पहली बात जो मैं
00:08:33आपका ध्यान आकर्षित करना चाहता हूँ: दाईं ओर tweaks, इसलिए tweaks इस पेज पर एक मेनू है जो हमें अनुमति देता है
00:08:40बहुत जल्दी हमारे पेज के विभिन्न सूक्ष्म तत्वों को बदलने की, इसलिए मैं एक्सेंट बदल सकता हूँ, मैं
00:08:48theme को light से dark में बदल सकता हूँ जो यहाँ नीचे अधिक स्पष्ट है, आप हेडलाइन लोगो मार्क को बदल सकते हैं
00:08:54मूल्य निर्धारण नाम, किसी भी प्रकार का मोशन, इसलिए यह हमारी साइट के विभिन्न संस्करणों के बीच पुनरावृति करना बहुत आसान बनाता है
00:09:03इसके अलावा, मेरे पास चीजों को दानेदार स्तर पर संपादित करने की क्षमता है यदि मैं यहाँ आता हूँ
00:09:07शीर्ष दाईं ओर और edit दबाता हूँ, मैं यहाँ ऊपर इस बटन जैसी विभिन्न चीजों पर क्लिक कर सकता हूँ और मैं बदल सकता हूँ
00:09:13रंग सीधे, मैं फ़ॉन्ट बदल सकता हूँ, आप जानते हैं, पैडिंग, अस्पष्टता, सब कुछ और मेरे पास भी
00:09:19टिप्पणी करने की क्षमता है, इसलिए मैं उसी बटन पर क्लिक कर सकता हूँ और वास्तव में बदलने के बजाय
00:09:25विशिष्ट मान, मैं एक टिप्पणी छोड़ सकता हूँ जैसे इसे बड़ा करें, इसे छोटा करें, या मैं इस पर आकर्षित कर सकता हूँ, इसलिए मैं
00:09:30इस चीज़ पर आकर्षित कर सकता हूँ, आप जानते हैं, यह सब चुनें और कहें कि इसे बाईं ओर ले जाएं और फिर उसे भेजें
00:09:39नीचे Cloud पर और यह अनिवार्य रूप से उसका एक स्क्रीनशॉट ले लेगा जो मैंने अभी लिखा है
00:09:44और कहूंगा कि ओह ठीक है, चलो उसे थोड़ा बाईं ओर ले जाएं और हम देख सकते हैं कि यह अब बाईं ओर चला गया है और
00:09:49इसके साथ यह वीभत्स चीज़ चल रही है जिसे हम भी हटा सकते हैं, लेकिन आपको इस बिंदु पर क्या करना चाहिए
00:09:55सबसे पहले, आप जानते हैं, एक त्वरित नज़र डालें कि मुझे समग्र डिज़ाइन के बारे में क्या लगता है
00:10:02पहला पास ठीक लग रहा है, सबसे महत्वपूर्ण बात, हमारी इमेज के संदर्भ में, क्या हमें Nano Banana Pro के अंदर वापस जाने की ज़रूरत है
00:10:09और इस इमेज को संपादित करें, क्या हमें इसे छोटा, बड़ा आदि बनाने की ज़रूरत है? यदि वह अच्छा दिखता है
00:10:14मेरा सुझाव है जब हम Cloud Design में हों, तो हम दो-चरणीय प्रक्रिया का उपयोग करें: एक, जो मैं करना चाहता हूँ
00:10:21वह यह है कि मैं अपने वेब पेज के विभिन्न वेरिएंट देखना चाहता हूँ और मैं छोटे tweaks के बारे में बात नहीं कर रहा हूँ
00:10:26मैं कम से कम दो और पूरी तरह से अलग लेआउट देखना चाहता हूँ ताकि मुझे पता चल सके कि मैं किस रास्ते पर जाना चाहता हूँ
00:10:32और एक बार जब हमें ऐसा वेरिएंट मिल जाता है जो हमें पसंद आता है, मैक्रो स्तर पर, तो हम उस पर ध्यान केंद्रित करते हैं और हम
00:10:37अधिक tweaks दिखाए जाते हैं, सिर्फ 5 tweaks नहीं, मैं 15 tweaks के बारे में बात कर रहा हूँ, ताकि हम वास्तव में कुछ ऐसा पा सकें जो हमें पसंद हो
00:10:43क्योंकि लक्ष्य वीडियो लाने से पहले 90% समाधान तक पहुंचना है और फिर वीडियो को Cloud Code में लाने से पहले इसे अपना बनाने के लिए
00:10:48और ऐसा करना वास्तव में आसान है, हमें बस Cloud Design को प्रॉम्प्ट करना है, इसलिए मैं कहने जा रहा हूँ कि क्या आप हमारे लिए दो अतिरिक्त लेआउट वेरिएंट बना सकते हैं
00:10:53वेब पेज जिसके माध्यम से मैं वर्तमान के अलावा क्लिक कर सकता हूँ, इसलिए बस कुछ नए डिज़ाइन जिन्हें हम शामिल कर सकते हैं
00:10:58और मैक्रो वेरिएंट बनाने का यह विचार और फिर एक बार जब हम किसी वेरिएंट पर निर्णय ले लेते हैं, तो बहुत सारे
00:11:03tweaks बनाना, यह वही है जो वास्तव में Cloud Design को Cloud Code से अलग करता है। अब, सीधे प्रॉम्प्ट
00:11:09प्रॉम्प्ट के लिए, वैक्यूम में, मुझे लगता है कि डिज़ाइन फ्रंट एंड पर Cloud Code से थोड़ा बेहतर है, लेकिन यह
00:11:16प्रकार की भिन्नता और दृश्य पुनरावृत्ति जो हम बहुत जल्दी कर सकते हैं, मुझे लगता है कि यह Cloud Design के साथ बड़ा अनलॉक है
00:11:20और वही है जहाँ मूल्य निहित है क्योंकि यदि हम Cloud Code के अंदर भी ऐसा करने की कोशिश करते हैं
00:11:27यह थोड़ा श्रमसाध्य है। और यहाँ वह है जिसके बारे में मैं बात कर रहा हूँ, शीर्ष पर हमारे पास सिनेमैटिक
00:11:32संस्करण है जो मूल था और अब इसने हमें एक आर्काइव और टर्मिनल संस्करण भी दिया है और आप देख सकते हैं
00:11:37कि वे सभी काफी अनोखे हैं और यह पेज के बाकी हिस्सों पर भी लागू होता है, न कि केवल हीरो सेक्शन पर
00:11:45बल्कि सब कुछ और ईमानदारी से इसे देखकर, मुझे लगता है कि टर्मिनल वास्तव में काफी अच्छा दिखता है, हमें यहाँ इमेज बदलनी होगी
00:11:53और हमें निश्चित रूप से वीडियो से दूर जाना होगा लेकिन तुरंत आप इसे देखते हैं और मुझे लगता है कि यह वास्तव में अच्छा दिखता है
00:12:01और निश्चित रूप से आपके मानक रोज़मर्रा के AI निर्मित वेब पेज से अलग दिखता है, इसलिए मैं उसी के बारे में बात कर रहा हूँ जब बात आती है
00:12:09वास्तव में Cloud Design की शक्ति का उपयोग करने की, क्योंकि ये विविधताएं देखना, क्योंकि मैंने
00:12:13ऐसा कुछ करने के बारे में कभी नहीं सोचा होगा या यह भी नहीं पता होगा कि इसे यह देने के लिए प्रॉम्प्ट कैसे करें, मुझे वास्तव में यह पसंद है
00:12:20लेकिन इस वीडियो को ट्रैक पर रखने के लिए, हम क्या करने जा रहे हैं, हम सिनेमैटिक के साथ बने रहेंगे
00:12:24लेकिन मैं आपको यह दिखाना चाहता था क्योंकि विचार यह है कि आप ऐसा करें, वह चुनें जो आपको पसंद है और फिर
00:12:29आप Cloud Design प्रक्रिया के चरण दो पर जाएं जो है tweaks tweaks tweaks, इसलिए हमारे पास
00:12:35ये सभी tweaks यहाँ हैं, लेकिन बिल्कुल वैसे ही जैसे मैंने पहले Cloud Design से मुझे कुछ और विविधताएं देने के लिए कहा था, अब
00:12:40मैं इसे tweaks के साथ बहुत आक्रामक होने के लिए कहने जा रहा हूँ जो यह मुझे देता है। मुझे यह जानने की ज़रूरत नहीं है कि मुझे कौन से tweaks चाहिए
00:12:46मुझे यह जानने की ज़रूरत नहीं है कि ओह, मैं theme को बदलना चाहता हूँ या हेडलाइन या लोगो, मुझे नहीं पता, बस मुझे एक गुच्छा दें
00:12:51और हम इसका पता लगा लेंगे, इसलिए मैंने यहाँ लिखा: चलो सिनेमैटिक के साथ बने रहते हैं, आप अन्य दो को हटा सकते हैं
00:12:56और साथ ही उपलब्ध tweaks की संख्या को आक्रामक रूप से बढ़ाएं
00:13:00और हम देखेंगे कि यह क्या लेकर आता है। अब हम उन सभी अतिरिक्त tweaks को देख सकते हैं जो इसने जोड़े हैं, इसलिए हम
00:13:04लगभग 5 tweaks से लगभग 15 या उससे अधिक हो गए हैं, जो बहुत अच्छा है, इसलिए हमारे पास ये मूल वाले हैं
00:13:11एक्सेंट के साथ, theme, लोगो मार्क, वह अच्छा दिखता है, फ़ॉन्ट, बॉडी फ़ॉन्ट, मोनो फ़ॉन्ट, टाइप स्केल
00:13:15बात यह है कि मैं अब इन सभी के माध्यम से बार-बार जा सकता हूँ, मैं यहाँ तक कि
00:13:22CTA ओवरले डार्कनेस, एम्बर ग्लो भी बदल सकता हूँ, यह नहीं रुकता, यह नहीं रुकता। इसलिए मैंने माध्यम से दौड़ा
00:13:36मेरे अंत में सभी tweaks, एम्बर्स से छुटकारा पाया और यह वह है जो हमें अंततः मिला। अब मेरे पास
00:13:42इसे पूर्ण स्क्रीन देखने की क्षमता है यदि मैं ऊपर present पर जाता हूँ, पूर्ण स्क्रीन, ताकि हमें बेहतर अंदाजा हो सके कि यह कैसा दिखेगा
00:13:51और अभी के लिए, मेरे लिए यह काफी अच्छा दिखता है, याद रखें हमें Cloud Design के अंदर 100% समाधान की आवश्यकता नहीं है
00:13:56हम जितना संभव हो सके उतना करीब पहुंचना चाहते हैं, हम सभी डिज़ाइन निर्णय लेना चाहते हैं जो हम कर सकते हैं और फिर
00:14:02जो हम अंततः करना चाहते हैं, वह इसे वापस Cloud Code में लाना और मामूली tweaks करना है क्योंकि याद रखें Cloud Design एक संसाधन का भूखा है
00:14:08आपको केवल इतना ही उपयोग मिलता है, इसलिए हम इसे गिनना चाहते हैं, इसलिए अब हम इसे वीडियो सेक्शन में बदल सकते हैं जहाँ हम इस बैकग्राउंड को लेते हैं और वास्तव में
00:14:14इसे एनिमेट करते हैं। अब, साइड नोट, यह महत्वपूर्ण है कि हमने यह सब स्थिर बैकग्राउंड के साथ किया क्योंकि
00:14:18जब हम मोबाइल उपयोगकर्ताओं के बारे में बात करते हैं, तो हम नहीं चाहते कि हमारे मोबाइल उपयोगकर्ता किसी ऐसे विशाल वीडियो के साथ टकराएं जो
00:14:23उन्हें धीमा कर सकता है, इसलिए यदि कोई मोबाइल पर है और वे हमारी वेबसाइट पर जाते हैं जिसे हमने यहाँ सेट किया है, तो वे
00:14:29बस स्थिर इमेज देखेंगे, इसलिए हम इसके लिए CDance का उपयोग करने जा रहे हैं, इसलिए फिर से, मैं यहाँ Higgsfield के अंदर वापस आ गया हूँ
00:14:35CDance 2.0 पर जाने वाला हूँ, आपको CDance का उपयोग करने की आवश्यकता नहीं है, CDance बस सबसे अच्छा है जो वहाँ है
00:14:39अभी, अन्य विकल्पों में Kling 3.0 शामिल है, आप Vo 3.1 जैसी किसी चीज़ का भी उपयोग कर सकते हैं और वीडियो सेटअप
00:14:43बहुत आसान है, सचमुच, आप बस अपनी इमेज लेने जा रहे हैं और आप इसे यहाँ छोड़ने जा रहे हैं
00:14:47तो आप सचमुच इसे शुरुआती फ़्रेम के रूप में ऊपर खींचते और छोड़ते हैं और फिर हम बस इसे
00:14:52एक प्रॉम्प्ट देते हैं। अब प्रॉम्प्ट बहुत बुनियादी है, मैंने जो लिखा था वह था: मोशन को बेहद धीमा रखें, क्लाउड शायद ही
00:14:58चल रहे हों, उसके हाथों में आग से एम्बर्स धीरे-धीरे बह रहे हों और हमें कुछ ऐसा मिलता है। हम सूक्ष्म चाहते हैं
00:15:04हम पागल नहीं चाहते, आप नहीं चाहते कि यह एक जंगली वीडियो गेम की तरह दिखे, आप चाहते हैं कि यह लगभग
00:15:08बस एक एनिमेटेड, लो-की GIF की तरह लगे और ऐसा इसलिए है क्योंकि हीरो इमेज सिर्फ हमें कुछ
00:15:15हमारी साइट के लिए स्वभाव दे रही है, आप नहीं चाहते कि यह सब कुछ ले ले और दूसरी बात, जैसा कि आप यहाँ देखेंगे, यह
00:15:21पलटने वाला है क्योंकि अधिक से अधिक आप इससे 15 सेकंड प्राप्त करने जा रहे हैं, आदर्श रूप से आप
00:15:26एक उत्तम लूप बना सकते हैं, लेकिन वह थोड़ा कठिन हो सकता है, इसलिए सबसे अच्छा दांव यह है कि हम जो यहाँ किया है वह करें और बस
00:15:3215 सेकंड का वीडियो हो जो शुरुआत में बहुत लगता है लेकिन यह बहुत भारी नहीं है और
00:15:37अन्य बात जब हम 15 सेकंड के लिए जाते हैं, तो संभावना है कि कोई आपकी वेबसाइट पर जाता है और वे
00:15:43बस वहाँ आपके हीरो पेज पर बैठकर 15 सेकंड तक पढ़ रहे हैं और फिर वे
00:15:48कट से चौंक जाते हैं जब यह लूप पर वापस आता है, यह संभावना नहीं है। सबसे अधिक संभावना यह है कि वे जाते हैं
00:15:54आपके हीरो पर, वाह अच्छा लग रहा है, 10 सेकंड बाद वे लैंडिंग पेज के बाकी हिस्सों को देखने के लिए नीचे हैं कि आप क्या हैं
00:15:59सब के बारे में, इसलिए प्रॉम्प्ट को सरल रखें, इसे सूक्ष्म रखें। यदि आप पागल होना चाहते हैं, तो आगे बढ़ें, इसे
00:16:04जितना संभव हो 15 सेकंड के लिए लंबा बनाएं, आप चाहते हैं कि यह 16:9 हो और आप चाहते हैं कि यह कम से कम
00:16:101080p हो। कुछ मॉडल आपको प्रॉम्प्ट को बढ़ाने का विकल्प देंगे जहाँ यह लगभग
00:16:15कह रहा है, हे, आपने अपना खराब प्रॉम्प्ट डाला और हम इसे बेहतर बनाते हैं, ऐसा न करें, आप हमेशा पूर्ण नियंत्रण चाहते हैं
00:16:20अपने प्रॉम्प्ट का और उम्मीद है कि आपको इसके कुछ वेरिएंट करने होंगे जब तक कि आप इसे
00:16:26सही नहीं कर लेते, इसलिए संभवतः एक ऐसा पाने के लिए जो वास्तव में काम करता है, आपको ऐसा चार या पांच बार करना होगा
00:16:30जब तक कि आप अंततः वह आउटपुट प्राप्त न कर लें जिसकी आप तलाश कर रहे हैं, लेकिन एक बार जब हमें वह आउटपुट मिल जाता है, तो हमें बस
00:16:34इसे डाउनलोड करना है और फिर हम Cloud Design में वापस कूदते हैं और हम बस उस MP4 फ़ाइल को
00:16:40प्रॉम्प्ट विंडो में छोड़ने जा रहे हैं, इसलिए मैंने इसे यहाँ बाईं ओर अपलोड किया और फिर मैंने लिखा कि क्या हम स्थिर बदल सकते हैं
00:16:45हीरो बैकग्राउंड के लिए मेरे द्वारा अभी अपलोड किए गए वीडियो के लिए इमेज और फिर यह आपको कुछ ऐसा देगा
00:16:50जैसे यह और यह सचमुच उतना ही सरल है और यह इस बिंदु पर है कि हम Cloud Design के अंदर काफी हद तक समाप्त हो चुके हैं
00:16:57मेरा मतलब है, यदि आप और बदलाव करना चाहते हैं, तो अधिक tweaks करें, पूरी तरह आप पर निर्भर है, लेकिन यदि
00:17:01आप इस जगह पर हैं, तो मैं कहूंगा कि आप Cloud Design से वास्तव में बाहर निकलने के लिए तैयार हैं और अब लाएं
00:17:05इसे Cloud Code जैसी किसी चीज़ में, जैसा कि हमने पहले बात की थी, करना बहुत आसान है। हम ऊपर जाने वाले हैं
00:17:12share और हम Cloud Code पर hand off करने जा रहे हैं क्योंकि इसमें MP4 में एक वीडियो शामिल है
00:17:17यदि आप केवल copy कमांड करने का प्रयास करते हैं, तो इसे वास्तव में डाउनलोड करने में कुछ परेशानी हो सकती है, इसलिए क्या
00:17:22आपको इसके बजाय क्या करना चाहिए, आप बस ज़िप डाउनलोड करना चाहते हैं, इसलिए यह लेने वाला है
00:17:26सभी फाइलें, वह सारा लाइव वीडियो, हुड के नीचे सभी कोडिंग चीजें और बस उन्हें एक ज़िप में डाल दें
00:17:34फ़ाइल और इसलिए आप डाउनलोड ज़िप कर सकते हैं, आप फिर इन सभी को निकालना चाहते हैं और फिर आप बस
00:17:38उस निकाली गई फ़ोल्डर को लें, इसे Cloud Code में छोड़ें और कहें कि सब कुछ डाउनलोड करें, हम अब जा रहे हैं
00:17:44इस सभी कोड का उपयोग करके एक वेबसाइट बनाने के लिए और आप उस बिंदु पर काफी हद तक समाप्त हो गए हैं। तो मैंने इसे गिरा दिया
00:17:49और कहा कि हम जिस वेब पेज का निर्माण कर रहे हैं, उसके लिए इन सभी फ़ाइलों को निकालें और फिर एक dev सर्वर को स्पिन करें और
00:17:56यहाँ dev सर्वर पर वेब पेज है, यह अप हो गया है और इसके साथ Cloud Code का स्थानांतरण पूरा हो गया है
00:18:03आपने एनिमेटेड हीरो सेक्शन सेट कर लिया है, इसमें वीडियो है, इसमें स्थिर है, सब कुछ जाने के लिए तैयार है
00:18:10आपके लिए मामूली बदलाव करने के लिए और फिर इसे GitHub पर पुश करने से पहले Vercel पर पुश करने और वास्तव में
00:18:14इसे ऑनलाइन होस्ट करने के लिए। तो यहीं मैं आप लोगों के लिए आज छोड़ने जा रहा हूँ। मुझे आशा है कि यह shedding करने में सक्षम था
00:18:19कुछ प्रकाश कि कैसे इन प्रकार की एनिमेटेड वेबसाइट बनाने के लिए Cloud Design और CDance 2.0 की शक्ति को मिलाएं
00:18:25हमेशा की तरह, मुझे बताएं कि आपने क्या सोचा। सुनिश्चित करें कि आप Chase AI को देखें यदि
00:18:29आप उन सभी संसाधनों पर अपना हाथ प्राप्त करना चाहते हैं और मैं आपको बाद में देखूंगा
00:18:33कुछ प्रकाश कि कैसे इन प्रकार की एनिमेटेड वेबसाइट बनाने के लिए Cloud Design और CDance 2.0 की शक्ति को मिलाएं
00:18:39हमेशा की तरह, मुझे बताएं कि आपने क्या सोचा। सुनिश्चित करें कि आप Chase AI को देखें यदि
00:18:44आप उन सभी संसाधनों पर अपना हाथ प्राप्त करना चाहते हैं और मैं आपको बाद में देखूंगा