कसरी कुनै पनि समयमा सामाजिक मिडिया पोष्टलाई एनिमेसन गर्ने सिक्नुहोस्
यदि तपाइँ तपाइँको सामाजिक मिडिया पोस्टहरू अलग देखिन चाहनुहुन्छ भने, तपाइँले एनिमेसन कसरी थप्ने भनेर सिक्नु आवश्यक छ। केहि मिनेटमा, तपाइँ एक तस्विर लिन सक्नुहुन्छ र यसलाई इन्टरनेट सुनमा रूपान्तरण गर्न सक्नुहुन्छ। हामी सबै बुझ्छौं कि यी प्लेटफर्महरूमा उपस्थिति कायम राख्नु व्यवसाय र ब्रान्ड दुवै निर्माण गर्न महत्त्वपूर्ण छ, तर समय प्रतिबद्धताले धेरै नयाँ कलाकारहरूलाई बन्द गर्न सक्छ। हामी तपाईलाई राम्रो तरिका देखाउन यहाँ छौं।
ग्राफिक डिजाइनरहरूलाई आजकल सामाजिक मिडियाको लागि थप सामग्री सिर्जना गर्न भनिएको छ, र तपाईलाई थाहा छ कि आकर्षक डिजाइन भन्दा राम्रो के हो? एक आँखा आकर्षक डिजाइन कि सर्छ। यदि तपाइँ केहि समयको लागि फोटोशपमा काम गर्दै हुनुहुन्छ भने, तपाइँ एनिमेसन थप्नको लागी सोच्नु भन्दा नजिक हुनुहुन्छ। आज, हामी प्रभावहरू पछि सक्रिय गर्नेछौं ताकि तपाईंले इन्टरफेस कत्तिको परिचित हुन सक्छ भनेर देख्न सक्नुहुन्छ। हामी केही डिजाइनहरू लिनेछौं र प्रभावहरू पछि केही सूक्ष्म चालहरू थप्नेछौं।
{{lead-magnet}}
Prep Your Image in Photoshop
हामी Photoshop CC 2022 र After Effects CC 2022 सँग काम गर्नेछौं, तर यी प्रविधिहरू पुराना संस्करणहरूमा पनि काम गर्नुपर्छ। यसका लागि हामीले यसलाई धेरै सरल राखेका छौं। अब तपाईं फोटोशपमा एनिमेट गर्न सक्नुहुन्छ, तर त्यो एकदम चुनौतीपूर्ण हुन सक्छ। यसको सट्टा, तपाइँका फाइलहरू तयारी गर्न सजिलो छ ताकि तिनीहरू प्रभाव पछि राम्रोसँग काम गर्नेछन्।
एनिमेट गर्न सही छवि कसरी छान्ने
सुरु गर्न, तपाईंले सही छविहरू छान्नु पर्छ। हेरAfter Effects इन्टरफेस मा निपुणता।
हामीले स्केटबोर्डरको छवि चयन गरेका छौं, र हामी पृष्ठभूमि एनिमेट गर्न चाहन्छौं। यो धेरै कामसँग मिल्दोजुल्दो छ जुन तपाईंले फ्रीलान्स डिजाइनर र एनिमेटरको रूपमा पाउनुहुनेछ। तपाइँको क्लाइन्टले अग्रभूमिबाट केहि तत्व तान्नु पर्छ र कि त कतै नयाँ वा कुनै तरिकामा एनिमेटेड राखिएको छ।
त्यसोभए माथिको छवि हेर्दै, हामीले तिनीहरूलाई कसरी सार्न सक्छौं? खैर, हामी पुरानो चाल प्रयोग गर्न जाँदैछौं। विषय सार्नुको सट्टा, पृष्ठभूमिले बायाँबाट दायाँ घुम्ने छ, आन्दोलनको छाप दिन्छ।
तपाईले प्रकाशमा पनि ध्यान दिन आवश्यक छ। जब एक फरक प्रकाश स्रोत स्थिर छविको लागि राम्रो देखिन्छ, यो बन्द देखिने छ जब तपाइँ यसलाई फरक पृष्ठभूमिमा सार्न सुरु गर्नुहुन्छ, वा जसमा प्रकाश अब मेल खाँदैन। तपाइँको दर्शकले के गलत हो थाहा नहुन सक्छ, तर तिनीहरू प्रभावबाट विचलित हुनेछन्। एक रक्सी जादूगर जस्तै, यो साँच्चै भ्रम मार्छ।
आफ्ना तहहरू अलग गर्नुहोस् (र तिनीहरूलाई नाम दिनुहोस्)
तपाईंले माथिको भिडियोमा देख्न सक्नुहुन्छ, हामी विषयलाई अलग गर्न मास्क (अधिमान्य रूपमा गैर विनाशकारी) प्रयोग गर्दैछौं, बोर्ड, छाया, र पृष्ठभूमि। यसले हामीलाई बनाउन अनुमति दिन्छसूक्ष्म समाधानहरू यदि हामीले सडकमा समस्या देख्छौं। यदि हामीले भर्खरै पिक्सेलहरू मेट्यौं भने, तिनीहरू सदाका लागि गायब हुन्छन् (एकपटक तपाईंले CTRL/CMD+Z दायरा पार गरिसकेपछि)।
तपाईं जाँदा प्रत्येक तहको नाम सुनिश्चित गर्नुहोस्। लेयर 1 - 100 को सूचीमा एउटा छवि फेला पार्ने प्रयास गर्नुभन्दा खराब अरू केही छैन।
पृष्ठभूमिलाई थोरै पालिश चाहिन्छ, किनकि यो हाम्रो अभिप्रेत परिप्रेक्ष्यसँग मिल्दैन।
यो हाम्रो उद्देश्य पृष्ठभूमि लुप गर्ने हो, तर तपाईले देख्न सक्नुहुन्छ कि दुई पक्षहरू एकदम मिल्दैनन्। बायाँ छेउ हाम्रो गाईडहरूसँग बढी पङ्क्तिबद्ध भएको हुनाले, त्यो छेउको प्रतिलिपि बनाउनुहोस्, यसलाई फ्लिप गर्नुहोस्, र यसलाई दायाँतिर छोड्नुहोस्। एकपटक हामीले यसलाई पङ्क्तिबद्ध गरिसकेपछि, तहहरू मर्ज गर्न CTRL/CMD+E प्रयोग गर्नुहोस्।
तपाईँको छवि आकार जाँच गर्नुहोस्
हामीले छविलाई After Effects मा ल्याउनु अघि, हामीले हाम्रो छवि आकार जाँच गर्न आवश्यक छ। After Effects ले केही राम्रा ठूला फाइलहरू ह्यान्डल गर्न सक्छ...तर तपाईंको कम्प्युटर त्यति शक्तिशाली नहुन सक्छ। तपाईंको छवि आकार परिवर्तन गर्ने थुप्रै तरिकाहरू छन्, तर हामी हाम्रो क्यानभास परिवर्तन गरेर सुरु गर्न जाँदैछौं। यसले कुनै पनि पिक्सेलसँग गडबड नगरी हाम्रो क्यानभास परिवर्तन गर्दछ, र त्यसपछि हामी फिट हुनका लागि हाम्रा छविहरू रिसाइज गर्न सक्छौं।
हामीले हाम्रो क्यानभास ( छवि > क्यानभास साइज… ) लाई 1920x1080 मा समायोजन गर्यौं। अब हाम्रा छविहरू धेरै ठूला थिए, त्यसैले हामीले तिनीहरूलाई फिट गर्न समायोजन गर्नुपर्नेछ।
अझै पनि केही अपूर्णताहरू छन्, तर हामी ती कुराहरूलाई After Effects मा थोरै मोशन ब्लर गरेर समाधान गर्न सक्छौँ। तपाईंले याद गर्नुहुनेछ कि क्यानभासको किनारा बाहिर केही पिक्सेलहरू झुण्डिएका छन्।कहिलेकाँही तपाइँ ती रहन चाहानुहुन्छ, तर हामीलाई AE मा उनीहरूको आवश्यकता पर्दैन। क्रप उपकरण ( C ) प्रयोग गर्नुहोस् तपाईंको छविहरूलाई द्रुत रूपमा क्यानभासमा फिट गर्न ट्रिम गर्नुहोस्। अब यो हाम्रो छविलाई After Effects मा ल्याउने र एनिमेसन सुरु गर्ने समय हो।
फोटोशप फाइलहरू After Effects मा आयात गर्दै
तपाईँको तह नामहरू जाँच गर्नुहोस् र त्यसपछि तपाईंको काम बचत गर्नुहोस् (हामी सिफारिस गर्छौं। "to_AE" जस्तो केहि थप्दै ताकि तपाइँ सजिलैसँग तपाइँको फाइल फेला पार्न सक्नुहुन्छ। यदि तपाइँलाई प्रभाव पछि सम्म पुग्न मद्दत चाहिन्छ भने, हामीले तपाइँलाई कभर गरेका छौं। तपाइँ त्यो भिडियो हेर्न सक्नुहुन्छ, वा यो द्रुत विधि प्रयोग गर्न सक्नुहुन्छ।
फोटोशपबाट प्रभावहरू पछि फाइल कसरी आयात गर्ने
- प्रभावहरू पछि खोल्नुहोस्
- फाइलमा जानुहोस् > आयात गर्नुहोस् > फाइलहरू
- तपाईको फाइल चयन गर्नुहोस्
- Import मा क्लिक गर्नुहोस्
अब फोटोशप र After Effects बीचको तुलना जाँच गर्नुहोस्।
धेरै मिल्दोजुल्दो देखिन्छ? Adobe ले विभिन्न सफ्टवेयरहरू बीच चीजहरू परिचित राख्न प्रयास गर्यो, क्रिएटिभ क्लाउडमा एपहरू बीच सार्न अझ सजिलो बनाउँदै। तपाईंले टाइमलाइनमा हाम्रा तहहरू तल देख्नुहुनेछ, यद्यपि तिनीहरू थोरै फरक देखिन्छन्। यसैले तपाईंको तहहरूको नामकरण यस्तो महत्त्वपूर्ण चरण थियो।
यस नयाँसँग कम्पोजिसन (कम्प टू हामीलाई प्रो) तपाईं आफ्नो FPS वा फ्रेम-प्रति-सेकेन्ड सेट गर्न सक्षम हुनुहुनेछ। सामान्यतया, एनिमेसन 24 fps मा गरिन्छ (24 फ्रेम फुटेजको 1 सेकेन्ड बराबर), तर त्यहाँ परिस्थितिहरू हुन सक्छ जहाँ तपाईंलाई बढी वा कम चाहिन्छ। यो सबै परियोजना र तपाइँको मा निर्भर गर्दछग्राहकको आवश्यकताहरू।
तपाईँको रचना सेट अप गर्नुहोस्
हामी आशा गर्छौं कि तपाईंले आफ्नो कफी खानु भएको छ, किनकि हामी छिटो जान लागेका छौं (खेलको नाम एनिमेटेड सोशल मिडिया पोस्ट हो। सबै समय, सही?)
अब, यो स्केटबोर्डर एनिमेट गर्ने सबैभन्दा सजिलो तरिका पृष्ठभूमि सार्न हो, हैन? जब हामी यसलाई बाटोबाट बाहिर सार्छौं, यो लगभग स्केटर अगाडि बढेको जस्तो देखिन्छ।
हामीले पृष्ठभूमिको नक्कल गर्न आवश्यक छ, कार्टुनहरूमा जस्तै। तह समात्नुहोस्, त्यसपछि सम्पादन > मा जानुहोस्। नक्कल ( CMD/CTRL + D ) र तपाईंले एकदम नयाँ तह पाउनुहुनेछ। हामीले सैद्धान्तिक रूपमा दर्जनौं प्रतिलिपिहरू बनाउन सक्छौं र तिनीहरूलाई उडाएर एनिमेट गर्न सक्छौं, तर त्यहाँ एउटा सजिलो विधि छ: मोशन टाइल।
After Effects मा एनिमेटेड
Motion Tile
तपाईंको स्क्रिनको दायाँ छेउमा, Effects र Presets मा जानुहोस्, त्यसपछि Motion Tile खोज्नुहोस्। यसलाई तपाईंको तहमा तान्नुहोस् र छोड्नुहोस् (यसलाई गलत तहमा नछोड्नुहोस्, यद्यपि यसले केही राम्रो प्रभावहरू सिर्जना गर्न सक्छ)।
बायाँमा तपाईंले दुई मुख्य विकल्पहरूको साथमा आफ्ना प्रभाव नियन्त्रणहरू देख्नुहुनेछ: आउटपुट चौडाइ र आउटपुट उचाइ। जब हामीले "200" लाई आउटपुट चौडाइमा राख्छौं...
अब हामीसँग बायाँ र दायाँतिर हाम्रो पृष्ठभूमिको अलि बढी छ। हामीले प्रभावकारी रूपमा छविलाई सानो मात्रामा नक्कल गरेका छौं। अब यदि तपाईंले नक्कल गरिएको क्षेत्रमा क्लिक गर्न प्रयास गर्नुभयो भने, तपाईं सक्षम हुनुहुने छैन। तपाईंको मूल तह मात्र सार्न सकिन्छ।
निस्सन्देह, साधारण नक्कल वा टाइलिंगले सानो बनाउँछकलाकृतिहरू। यदि हामीले जमिन वा पृष्ठभूमिमा हेर्यौं भने, त्यहाँ रेखाहरू छन् जुन एकदम सही देखिँदैन। र अन्तमा, आउटपुट नम्बरको साथ यसलाई अधिक नगर्नुहोस्। तपाईंले आफ्नो कम्प्युटर क्र्यास गर्नुहुनेछ।
यसलाई एनिमेसन गर्नको लागि, पहिले हाम्रो रचना लम्बाइ समायोजन गरौं। रचनामा जानुहोस् > कम्पोजिसन सेटिङहरू।
हामीले माथि छलफल गरेझैं हामीले हाम्रो FPS पनि परिवर्तन गर्न सक्छौं। यसलाई 5 सेकेन्डको लागि सेट गर्नुहोस्, र यो छवि एनिमेसन गर्ने समय हो।
कीफ्रेमहरूसँग एनिमेसन गर्दै
तपाईँको क्लिन प्लेट तहमा घुमाउनुहोस् र तपाईंले आफ्नो रूपान्तरण विकल्पहरू देख्नुहुनेछ।
तपाईँको टाइमलाइनको सुरुमा तपाईँको प्लेहेड सबै तरिकाले छ भनी सुनिश्चित गर्नुहोस्, त्यसपछि स्थान छेउमा स्टपवाच क्लिक गर्नुहोस्। यसले तपाईंको तहको x र y अक्षलाई टाइमलाइनमा त्यो क्षणमा चिन्ह लगाउँछ। तपाईंले भर्खर आफ्नो पहिलो कीफ्रेम टाइमलाइनमा सिर्जना गर्नुभयो। यी After Effects मा एनिमेसनको आधारभूत निर्माण ब्लकहरू हुन्।
प्लेहेडलाई आफ्नो टाइमलाइनको अन्त्यमा सार्नुहोस् र तपाईंले अर्को कीफ्रेम सिर्जना गर्नुहुनेछ। अब ट्रान्सफर्ममा फर्कनुहोस् र स्थिति समायोजन गर्नुहोस् ताकि पृष्ठभूमि बायाँबाट दायाँ (वा दायाँबाट बायाँ, यदि तपाइँ यो Tony Hawk wannabe लाई हड्डीरहित 360 मा फ्लिप गर्ने लक्ष्य राख्दै हुनुहुन्छ भने)।
जब तपाईँले प्ले थिच्नु हुन्छ, आफ्टर इफेक्टले तोकिएको समय भित्र पहिलो र अन्तिम कुञ्जीफ्रेमहरूमा अवस्थित हुनको लागि लेयरलाई कसरी सार्न आवश्यक छ भनी अन्तर्क्रिया गर्छ।
GIF
यदि हामी हाम्रो स्केटबोर्डर छिटो सार्न चाहन्छौं भने, हामीतोकिएको समयमा प्लेट तल सार्न आवश्यक छ। ढिलो सार्नको लागि, कम जमिन ढाक्नुहोस्। तर त्यहाँ एउटा कुरा छ जुन हामीले ध्यान दिइरहेका छौं कि त्यो त्यति मितव्ययी छैन। हाम्रो डुप्लिकेट टाइल सँगै आउने सिम अलिकति जंकी छ। सौभाग्य देखि, हामी केहि गति धमिलो संग यसलाई कभर गर्न सक्छौं।
मोशन ब्लर थप्नुहोस्
मोशन ब्लर भनेको लेन्सको एक्सपोजरको समयमा कुनै वस्तु चलेको कारणले छविहरूको स्ट्रेकिंग वा स्मीयरिंग हो। भिडियो मोशन ब्लरमा सामान्यतया एउटा वस्तुमा फोकस गर्ने लेन्सले गर्दा फोकस गरिएका वस्तुहरू ब्याकग्राउन्डमा सर्छ। हाम्रो मामलाको लागि, त्यो प्रभाव हो जुन हामी प्रयोग गर्न चाहन्छौं।
मोशन ब्लर नियन्त्रणमा थिच्नुहोस् (तीन सर्कलहरू सँगै नजिक छन्)। तपाईंले आफ्नो तहको छेउमा बक्सहरू देख्नुहुनेछ। केवल आफ्नो सफा प्लेट चयन गर्नुहोस्, र गति ब्लर हेर्नुहोस् त्रुटिहरू लुकाउनुहोस्। त्यस्तै, हामीसँग पसिना नछोडिकन केही उत्कृष्ट एनिमेसनहरू छन्। तर हामी सँधै चीजहरू अझ बढी छुन सक्छौं।
वास्तविक छायाहरू थप्दै
तपाईंले याद गर्न सक्नुहुन्छ कि स्केटबोर्ड मुनिको छायामा अझै पनि मूल भूमिबाट रेखा छ।
हामी एक राम्रो सामाजिक छवि बनाउन कोशिस गर्दैनौं। हामी वरपर साझेदारी गर्न लायक केहि बनाउन कोशिस गर्दैछौं। यसलाई छिटो सच्याऔं। अब, हामीले यसलाई फोटोशपमा ल्याउनु अघि यसलाई फिक्स गर्न सक्थ्यौं, तर हामीले बिर्सियौं (वा बरु, हामीले त्यो चरण छोड्यौं ताकि हामी तपाईंलाई यहाँ देखाउन सक्छौं! हेर्नुहोस्, हामीलाई थाहा थियो कि हामीले के गरिरहेका थियौं)।
पहिले, एउटा सिर्जना गर्नुहोस् तह > मा गएर नयाँ तह; नयाँ ( CMD/CTRL + Y ) र कालो फिल चयन गर्नुहोस्। यसले हाम्रो संरचनाको आकारको कालो ठोस बनाउँछ। पेन उपकरण (P) को प्रयोग गरेर, हामी एक साधारण आकार कोर्न जाँदैछौं। यो सिद्ध हुनु पर्दैन, छायाको आधारभूत विचार मात्र हो।
एकपटक हामीले मास्क बन्द गरेपछि हामी हाम्रो छविमा सिर्जना गरिएको आकार देख्नेछौं। सबै ठिकै छ। तर हामी यसलाई काम गर्न सक्छौं। बिन्दुहरू र बेजियर ह्यान्डलहरू प्रयोग गरेर, स्केटबोर्ड मुनि फिट नभएसम्म आकार समायोजन गर्नुहोस्। यदि तपाईंले फोटोशपमा मास्कहरू बनाउनुभयो भने, यो परिचित महसुस गर्नुपर्छ।
थोरै कामको साथ, हामीसँग स्केटबोर्ड मुनि फिट हुने कुरा छ।
अब मूल छायाँ तहलाई टगल गर्नुहोस् र हाम्रो नयाँ तह छाया (वा छाया २, वा डार्कविङ डक, वा तपाईंको लागि काम गर्ने जुनसुकै काम) नामकरण गर्नुहोस्। फोटोशपमा जस्तै, हामीसँग ब्लेन्डिङ मोडहरू छन्। यदि तपाईंले तिनीहरूलाई देख्नुभएन भने, F4 मा थिच्नुहोस्। आफ्नो नयाँ छायालाई गुणा मा स्विच गर्नुहोस्।
यो थोरै कठोर देखिन्छ, त्यसैले किनाराहरू फेदर गरौं। मास्क मेनु खोल्नुहोस् र तपाईंले थप विकल्पहरू देख्नुहुनेछ।
फेदरिङ र भोइला समायोजन गर्नुहोस्! जब हामी ब्याक खेल्छौं, हामीसँग अब एक चतुर एनिमेटेड छवि छ, र यसले इमानदारीपूर्वक हामीलाई कुनै पनि समय लिदैन।
रेन्डर लाममा रेन्डर गर्नुहोस्
निस्सन्देह, यदि यो सदाको लागि After Effects मा बस्यो भने यो छविले तपाईंको लागि केहि गरिरहेको छैन। हामी यसलाई ठीक गर्न सक्छौं कि भनेर हेरौं।
यदि तपाईं शब्दसँग अपरिचित हुनुहुन्छ भने, रेन्डरिङले प्रभाव पछि मात्र बताउँछ (वातपाईंले रचना निर्माण गर्न प्रयोग गर्ने जुनसुकै एप) सबै तहहरूलाई एउटा चलचित्रमा बेक गर्न (mp4, mpeg, Quicktime, आदि)। क्विकटाइमले तपाईका धेरैजसो आवश्यकताहरूको लागि काम गर्नेछ, तर हामी Apple ProRes 422 लाई पनि सिफारिस गर्छौं। यस अवस्थामा, एनिमेसन प्रयोग गरौं, जुन असम्पीडित, उच्च-रिजोल्युसन फाइल हुनेछ। यदि तपाइँसँग कुनै अडियो छ भने, यो सञ्झ्यालको फेदमा घुमाइएको निश्चित गर्नुहोस्।
ठीक छ थिच्नुहोस्, र त्यसपछि तपाईंले यो फाइल कहाँ जानेछ भनेर चयन गर्न आवश्यक छ। आउटपुटमा मा थिच्नुहोस् र आफ्नो मनपर्ने स्थान पत्ता लगाउनुहोस्।
के अनुमान लगाउनुहोस्? तपाईंले भर्खरै एनिमेसन गर्नुभयो। तपाईंले तस्विर लिनुभयो, यसलाई सफा तहहरूमा काट्नुहोस्, ती तहहरूलाई एनिमेसन गर्नुभयो, र त्यो रचनालाई चलचित्रमा परिणत गर्नुभयो। हामी अहिले तपाईलाई चिन्न पाउँदा निकै उत्साहित छौं।
अवश्य पनि, यदि तपाईं वास्तवमै फेन्सी प्राप्त गर्न चाहनुहुन्छ भने, तपाईंले भिडियोमा फर्कनु पर्छ ताकि हामी तपाईंलाई केही थप सिकाउन सक्छौं। चालहरू।
GIF
Kickstart your After Effects यात्रा
तपाईँको फोटोशप डिजाइनहरू एनिमेसनले सामाजिक छवि लिन्छ र यसलाई भाइरलमा परिणत गर्दछ हिट (हुनसक्छ)। एकचोटि तपाईंले आधारभूत कुराहरू बुझ्नुभयो भने, तपाईं आफ्नो कामलाई अद्भुत तरिकामा जीवनमा ल्याउन सक्षम हुनुहुनेछ। यदि तपाइँ तपाइँको एनिमेसन यात्रा सुरु गर्न को लागी एक ठाउँ खोज्दै हुनुहुन्छ भने, प्रभाव किकस्टार्ट पछि जानुहोस्!
प्रभाव पछि किकस्टार्ट गति डिजाइनरहरु को लागी परम प्रभाव पछि परिचय पाठ्यक्रम हो। यस पाठ्यक्रममा, तपाईंले सबैभन्दा सामान्य रूपमा प्रयोग हुने उपकरणहरू र तिनीहरूलाई प्रयोग गर्नका लागि उत्तम अभ्यासहरू सिक्नुहुनेछ