सोशल मीडिया पोस्ट अजिबात अजिबात कसे अॅनिमेट करायचे ते शिकूया
तुम्हाला तुमच्या सोशल मीडिया पोस्ट वेगळे दिसाव्यात असे वाटत असल्यास, तुम्हाला अॅनिमेशन कसे जोडायचे ते शिकणे आवश्यक आहे. अवघ्या काही मिनिटांत, तुम्ही एखादे चित्र घेऊ शकता आणि त्याचे इंटरनेट सोन्यामध्ये रूपांतर करू शकता. व्यवसाय आणि ब्रँड दोन्ही तयार करण्यासाठी या प्लॅटफॉर्मवर उपस्थिती टिकवून ठेवणे महत्त्वाचे आहे हे आपण सर्वजण जाणतो, परंतु वेळेची बांधिलकी अनेक नवीन कलाकारांना बंद करू शकते. आम्ही तुम्हाला एक चांगला मार्ग दाखवण्यासाठी आलो आहोत.
ग्राफिक डिझायनरना आजकाल सोशल मीडियासाठी अधिक सामग्री तयार करण्यास सांगितले जात आहे आणि लक्षवेधी डिझाइनपेक्षा चांगले काय आहे हे तुम्हाला माहीत आहे? हालचाल करणारी लक्षवेधी रचना. तुम्ही फोटोशॉपमध्ये काही काळ काम करत असल्यास, अॅनिमेशन जोडण्यासाठी तुम्ही विचार करता त्यापेक्षा जवळ आहात. आज, आम्ही आफ्टर इफेक्ट्स सुरू करू जेणेकरून इंटरफेस किती परिचित असू शकतो हे तुम्ही पाहू शकता. आफ्टर इफेक्ट्समध्ये आम्ही काही डिझाइन्स घेऊ आणि काही सूक्ष्म हालचाली जोडू.
{{lead-magnet}}
Prep your image in Photoshop
![](/wp-content/uploads/history/148/mu2ybhk35r.jpeg)
आम्ही फोटोशॉप CC 2022 आणि After Effects CC 2022 सह काम करणार आहोत, परंतु ही तंत्रे जुन्या आवृत्त्यांमध्ये देखील कार्य केले पाहिजे. यासाठी आम्ही ते अगदी साधे ठेवत आहोत. आता तुम्ही फोटोशॉपमध्ये अॅनिमेट करू शकता, परंतु ते खूप आव्हानात्मक असू शकते. त्याऐवजी, तुमच्या फायली तयार करणे सोपे आहे जेणेकरून ते After Effects मध्ये चांगले काम करतील.
ऍनिमेट करण्यासाठी योग्य प्रतिमा कशी निवडावी
सुरू करण्यासाठी, तुम्हाला योग्य प्रतिमा निवडण्याची आवश्यकता आहे. दिसतAfter Effects इंटरफेसमध्ये प्रभुत्व मिळवणे.
![](/wp-content/uploads/history/148/mu2ybhk35r-1.jpeg)
आम्ही स्केटबोर्डरची प्रतिमा निवडली आहे आणि आम्हाला पार्श्वभूमी अॅनिमेट करायची आहे. हे तुम्हाला फ्रीलान्स डिझायनर आणि अॅनिमेटर म्हणून मिळणाऱ्या बर्याच कामांसारखे आहे. तुमच्या क्लायंटला फोरग्राउंडमधून काही घटक खेचले जातील आणि एकतर नवीन ठिकाणी ठेवावे किंवा काही प्रकारे अॅनिमेटेड हवे असतील.
तर वरील प्रतिमा पाहता, आपण त्यांना कसे हलवावे? बरं, आम्ही एक जुनी युक्ती वापरणार आहोत. विषय हलवण्याऐवजी, पार्श्वभूमी डावीकडून उजवीकडे फिरेल, हालचालीची छाप देईल.
![](/wp-content/uploads/history/148/mu2ybhk35r-2.jpeg)
तुम्हाला प्रकाशाकडेही लक्ष देणे आवश्यक आहे. स्थिर प्रतिमेसाठी वेगळा प्रकाश स्रोत छान दिसत असला तरी, जेव्हा तुम्ही ती वेगळ्या पार्श्वभूमीवर हलवण्यास सुरुवात कराल तेव्हा किंवा प्रकाशयोजना यापुढे जुळत नसलेल्या पार्श्वभूमीवर तो बंद होईल. तुमच्या दर्शकांना नक्की काय चूक आहे हे कदाचित कळणार नाही, पण ते परिणामापासून विचलित होतील. मद्यधुंद जादूगाराप्रमाणे, तो खरोखर भ्रम मारतो.
![](/wp-content/uploads/history/148/mu2ybhk35r-3.jpeg)
तुमचे स्तर वेगळे करा (आणि त्यांना नाव द्या)
जसे तुम्ही वरील व्हिडिओमध्ये पाहू शकता, आम्ही विषय वेगळे करण्यासाठी मुखवटे (शक्यतो विनाशकारी) वापरत आहोत, बोर्ड, सावली आणि पार्श्वभूमी. हे आम्हाला तयार करण्यास अनुमती देतेआम्हाला रस्त्यावर समस्या आढळल्यास सूक्ष्म निराकरणे. आम्ही नुकतेच पिक्सेल हटवले असल्यास, ते कायमचे निघून गेले आहेत (एकदा तुम्ही CTRL/CMD+Z श्रेणी ओलांडल्यावर).
तुम्ही जाताना प्रत्येक लेयरला नाव देण्याची खात्री करा. लेयर 1 - 100 च्या सूचीमध्ये ती प्रतिमा शोधण्याचा प्रयत्न करण्यापेक्षा काहीही वाईट नाही.
पार्श्वभूमीला थोडे पॉलिश आवश्यक आहे, कारण ती आमच्या अभिप्रेत दृष्टीकोनाशी पूर्णपणे जुळलेली नाही.
![](/wp-content/uploads/history/148/mu2ybhk35r-4.jpeg)
बॅकग्राउंड लूप करण्याचा आमचा हेतू आहे, परंतु तुम्ही पाहू शकता की दोन्ही बाजू पूर्णपणे जुळत नाहीत. डावी बाजू आमच्या मार्गदर्शकांसोबत अधिक संरेखित असल्याने, ती बाजू कॉपी करू, ती फ्लिप करू आणि उजवीकडे टाकू. एकदा आम्ही ते लाईन केले की, स्तर विलीन करण्यासाठी CTRL/CMD+E वापरा.
तुमच्या प्रतिमेचा आकार तपासा
आम्ही आफ्टर इफेक्ट्समध्ये इमेज आणण्यापूर्वी, आम्हाला आमच्या इमेजचा आकार तपासावा लागेल. आफ्टर इफेक्ट्स काही मोठ्या फाईल्स हाताळू शकतात...पण तुमचा कॉम्प्युटर इतका शक्तिशाली नसेल. तुमच्या प्रतिमेचा आकार बदलण्याचे अनेक मार्ग आहेत, परंतु आम्ही आमचा कॅनव्हास बदलून सुरुवात करणार आहोत. हे कोणत्याही पिक्सेलशी गोंधळ न करता आमचा कॅनव्हास बदलतो आणि नंतर आम्ही आमच्या प्रतिमांचा आकार बदलू शकतो.
![](/wp-content/uploads/history/148/mu2ybhk35r-5.jpeg)
आम्ही आमचा कॅनव्हास ( इमेज > कॅनव्हास आकार… ) 1920x1080 वर समायोजित केला. आता आमच्या प्रतिमा खूप मोठ्या होत्या, म्हणून आम्हाला त्या फिट होण्यासाठी समायोजित कराव्या लागतील.
![](/wp-content/uploads/history/148/mu2ybhk35r-6.jpeg)
अजूनही काही अपूर्णता आहेत, परंतु आम्ही त्या आफ्टर इफेक्ट्समध्ये थोड्या मोशन ब्लरने दुरुस्त करू शकतो. तुमच्या लक्षात येईल की कॅनव्हासच्या काठाच्या बाहेर काही पिक्सेल टांगलेले आहेत.काहीवेळा आपण ते राहू इच्छित असाल, परंतु आम्हाला त्यांची AE मध्ये आवश्यकता नाही. कॅनव्हासमध्ये बसण्यासाठी तुमच्या प्रतिमा द्रुतपणे ट्रिम करण्यासाठी क्रॉप टूल ( C ) वापरा. आता आमची प्रतिमा After Effects मध्ये आणण्याची आणि अॅनिमेटिंग सुरू करण्याची वेळ आली आहे.
Fotoshop फाइल्स After Effects मध्ये इंपोर्ट करणे
तुमची लेयर नावे तपासा आणि नंतर तुमचे काम सेव्ह करा (आम्ही शिफारस करतो “to_AE” सारखे काहीतरी जोडत आहे जेणेकरून तुम्ही तुमची फाइल सहज शोधू शकता. तुम्हाला After Effects वर जाण्यासाठी मदत हवी असल्यास, आम्ही तुम्हाला कव्हर केले आहे. तुम्ही तो व्हिडिओ पाहू शकता किंवा ही द्रुत पद्धत वापरू शकता.
फोटोशॉप मधून आफ्टर इफेक्ट्समध्ये फाइल कशी इंपोर्ट करायची
- इफेक्ट्सनंतर उघडा
- फाइल > इंपोर्ट > फाइल्सवर जा
- तुमची फाइल निवडा
- इम्पोर्ट क्लिक करा
आता फोटोशॉप आणि After Effects मधील तुलना तपासा.
![](/wp-content/uploads/history/148/mu2ybhk35r-7.jpeg)
बरेच एकसारखे दिसते? Adobe ने विविध सॉफ्टवेअर्समधील गोष्टी परिचित ठेवण्याचा प्रयत्न केला, क्रिएटिव्ह क्लाउडमधील अॅप्स दरम्यान हलवणे आणखी सोपे बनवणे. टाइमलाइनमध्ये तुमचे स्तर थोडेसे वेगळे दिसत असले तरीही तुम्हाला खाली दिसेल. म्हणूनच तुमच्या लेयर्सना नाव देणे ही एक महत्त्वाची पायरी होती.
या नवीन सह रचना (com to us pros) तुम्ही तुमचा FPS किंवा फ्रेम-प्रति-सेकंद सेट करू शकाल. सर्वसाधारणपणे, अॅनिमेशन 24 fps (फुटेजच्या 1 सेकंदाच्या 24 फ्रेम्स) वर केले जाते, परंतु अशी परिस्थिती असू शकते जिथे तुम्हाला कमी किंवा जास्त आवश्यक आहे. हे सर्व प्रकल्प आणि आपल्यावर अवलंबून आहेक्लायंटच्या गरजा.
तुमची रचना सेट करा
आम्हाला आशा आहे की तुम्ही तुमची कॉफी घेतली असेल, कारण आम्ही वेगाने जाणार आहोत (गेमचे नाव एक अॅनिमेटेड सोशल मीडिया पोस्ट आहे अजिबात वेळ, बरोबर?)
आता, या स्केटबोर्डरला अॅनिमेट करण्याचा सर्वात सोपा मार्ग म्हणजे पार्श्वभूमी हलवणे, बरोबर? जेव्हा आपण ते मार्गाबाहेर हलवतो, तेव्हा असे दिसते की स्केटर पुढे जातो.
![](/wp-content/uploads/history/148/mu2ybhk35r-8.jpeg)
आम्हाला फक्त पार्श्वभूमी डुप्लिकेट करायची आहे, जसे ते कार्टूनमध्ये करतात. स्तर पकडा, नंतर संपादित करा > वर जा. डुप्लिकेट ( CMD/CTRL + D ) आणि तुम्हाला एकदम नवीन लेयर मिळेल. आम्ही सैद्धांतिकदृष्ट्या डझनभर प्रती बनवू शकतो आणि त्या उडतांना सजीव करू शकतो, परंतु एक सोपी पद्धत आहे: मोशन टाइल.
आफ्टर इफेक्ट्समध्ये अॅनिमेट करणे
मोशन टाइल
तुमच्या स्क्रीनच्या उजव्या बाजूला, इफेक्ट्स आणि प्रीसेट वर जा, नंतर मोशन टाइल शोधा. ते तुमच्या लेयरवर ड्रॅग आणि ड्रॉप करा (त्याला चुकीच्या लेयरवर टाकू नका याची काळजी घ्या, जरी ते काही छान प्रभाव निर्माण करू शकतील).
डावीकडे तुम्हाला दोन प्रमुख पर्यायांसह तुमचे प्रभाव नियंत्रणे दिसतील: आउटपुट रुंदी आणि आउटपुट उंची. जेव्हा आपण आउटपुट रुंदीमध्ये “200” ठेवतो…
![](/wp-content/uploads/history/148/mu2ybhk35r-9.jpeg)
आता आपल्याला डावीकडे आणि उजवीकडे आपली पार्श्वभूमी थोडी अधिक असते. आम्ही थोड्या प्रमाणात इमेज प्रभावीपणे डुप्लिकेट केली आहे. आता तुम्ही डुप्लिकेट केलेल्या भागावर क्लिक करण्याचा प्रयत्न केल्यास, तुम्ही ते करू शकणार नाही. फक्त तुमचा मूळ स्तर हलवला जाऊ शकतो.
अर्थात, साधे डुप्लिकेशन किंवा टाइलिंग लहान बनवतेकलाकृती जर आपण जमिनीवर किंवा पार्श्वभूमीकडे पाहिले तर अशा रेषा आहेत ज्या अगदी योग्य दिसत नाहीत. आणि शेवटी, आउटपुट नंबरसह ते जास्त करू नका. तुम्ही तुमचा काँप्युटर क्रॅश कराल.
हे अॅनिमेट करण्यासाठी, प्रथम आमची रचना लांबी समायोजित करूया. रचना वर जा > रचना सेटिंग्ज.
![](/wp-content/uploads/history/148/mu2ybhk35r.png)
आम्ही वर चर्चा केल्याप्रमाणे आमची FPS देखील बदलू शकतो. हे 5 सेकंदांसाठी सेट करा आणि ही प्रतिमा अॅनिमेट करण्याची वेळ आली आहे.
कीफ्रेमसह अॅनिमेट करणे
तुमच्या क्लीन प्लेट लेयरवर खाली फिरा आणि तुम्हाला तुमचे ट्रान्सफॉर्म पर्याय दिसतील.
![](/wp-content/uploads/history/148/mu2ybhk35r-1.png)
तुमच्या टाइमलाइनच्या सुरुवातीला तुमचा प्लेहेड सर्व प्रकारे आहे याची खात्री करा, नंतर स्थिती च्या पुढील स्टॉपवॉच क्लिक करा. हे टाइमलाइनवर त्या क्षणी तुमच्या लेयरचा x आणि y अक्ष चिन्हांकित करते. तुम्ही टाइमलाइनवर तुमची पहिली कीफ्रेम तयार केली आहे. हे After Effects मधील अॅनिमेशनचे मूलभूत बिल्डिंग ब्लॉक्स आहेत.
प्लेहेडला तुमच्या टाइमलाइनच्या शेवटी हलवा आणि तुम्ही दुसरी कीफ्रेम तयार कराल. आता ट्रान्सफॉर्मवर परत जा आणि स्थिती समायोजित करा जेणेकरून पार्श्वभूमी डावीकडून उजवीकडे (किंवा उजवीकडून डावीकडे, जर तुमचा हा टोनी हॉक 360 बोनलेसवर फ्लिप करायचा असेल तर).
जेव्हा तुम्ही प्ले दाबता तेव्हा, आफ्टर इफेक्ट्स वाटप केलेल्या वेळेत पहिल्या आणि शेवटच्या कीफ्रेमवर अस्तित्वात राहण्यासाठी लेयरला कसे हलवायचे आहे ते इंटरपोलेट करते.
GIF
आम्हाला आमचा स्केटबोर्डर अधिक वेगाने फिरायचा असेल तर आम्ही फक्तदिलेल्या वेळेत प्लेटच्या खाली आणखी पुढे जाणे आवश्यक आहे. हळू हलविण्यासाठी, कमी जमीन झाकून ठेवा. पण एक गोष्ट आपण लक्षात घेत आहोत की ती इतकी काटकसर नाही. आमची डुप्लिकेट टाइल जिथे एकत्र येते ती शिवण थोडी जंकी आहे. सुदैवाने, आम्ही ते काही मोशन ब्लरसह कव्हर करू शकतो.
मोशन ब्लर जोडा
मोशन ब्लर म्हणजे लेन्सच्या एक्सपोजर दरम्यान हलणाऱ्या वस्तूमुळे प्रतिमांचे स्ट्रेकिंग किंवा स्मीअरिंग. व्हिडीओ मोशन ब्लरमध्ये सामान्यतः लेन्स एका ऑब्जेक्टवर फोकस करत असताना फोकस आयटम बॅकग्राउंडमध्ये हलवल्यामुळे होतो. आमच्या बाबतीत, हाच प्रभाव आम्ही वापरू इच्छितो.
![](/wp-content/uploads/history/148/mu2ybhk35r-10.jpeg)
मोशन ब्लर नियंत्रण दाबा (तीन मंडळे एकत्र). तुम्हाला तुमच्या लेयर्सच्या पुढे बॉक्स दिसतील. फक्त तुमची स्वच्छ प्लेट निवडा आणि मोशन ब्लर पहा आणि अपूर्णता लपवा. तसंच, आमच्याकडे घाम न काढता काही उत्तम अॅनिमेशन आहे. परंतु आपण नेहमी गोष्टींना अधिक स्पर्श करू शकतो.
वास्तववादी सावल्या जोडणे
तुमच्या लक्षात येईल की स्केटबोर्डच्या खाली असलेल्या सावलीमध्ये मूळ जमिनीपासून एक रेषा आहे.
![](/wp-content/uploads/history/148/mu2ybhk35r-11.jpeg)
आम्ही एक चांगली सामाजिक प्रतिमा बनवण्याचा प्रयत्न करत नाही. आम्ही आजूबाजूला शेअर करण्यासारखे काहीतरी बनवण्याचा प्रयत्न करत आहोत. ते लवकर दुरुस्त करूया. आता, फोटोशॉपमध्ये आणण्यापूर्वी आम्ही हे फक्त निराकरण करू शकलो असतो, परंतु आम्ही विसरलो (किंवा त्याऐवजी, आम्ही ते चरण वगळले जेणेकरून आम्ही तुम्हाला येथे दाखवू शकू! पहा, आम्ही संपूर्ण वेळ काय करत आहोत हे आम्हाला ठाऊक होते).
प्रथम, तयार करा लेयर > वर जाऊन नवीन स्तर; नवीन ( CMD/CTRL + Y ) आणि ब्लॅक फिल निवडा. हे आपल्या रचनेच्या आकाराचे काळे घन तयार करते. पेन टूल (पी) वापरून, आपण एक साधा आकार काढणार आहोत. हे परिपूर्ण असण्याची गरज नाही, फक्त सावलीची मूलभूत कल्पना.
![](/wp-content/uploads/history/148/mu2ybhk35r-12.jpeg)
एकदा आम्ही मुखवटा बंद केल्यावर आम्हाला आमच्या प्रतिमेवर तयार केलेला आकार दिसेल. ते... ठीक आहे. परंतु आपण ते कार्य करू शकतो. पॉइंट्स आणि बेझियर हँडल्स वापरून, स्केटबोर्डच्या खाली बसत नाही तोपर्यंत आकार समायोजित करा. तुम्ही फोटोशॉपमध्ये मुखवटे बनवले असल्यास, हे परिचित वाटले पाहिजे.
थोड्याशा कामाने, आमच्याकडे स्केटबोर्डच्या खाली बसणारे काहीतरी आहे.
![](/wp-content/uploads/history/148/mu2ybhk35r-13.jpeg)
आता मूळ शॅडो लेयर बंद करा आणि आमच्या नवीन लेयरचे नाव बदला Shadow (किंवा Shadow 2, किंवा Darkwing Duck, किंवा जे तुमच्यासाठी काम करते). फोटोशॉप प्रमाणेच आमच्याकडे ब्लेंडिंग मोड आहेत. तुम्हाला ते दिसत नसल्यास, F4 दाबा. तुमची नवीन सावली गुणाकार वर स्विच करा.
हे थोडे कठोर दिसत आहे, तर चला कडांना पंख देऊ या. मास्क मेनू उघडा आणि तुम्हाला आणखी पर्याय दिसतील.
![](/wp-content/uploads/history/148/mu2ybhk35r-2.png)
फेदरिंग आणि व्हॉइला समायोजित करा! जेव्हा आम्ही परत खेळतो, तेव्हा आमच्याकडे आता एक चपळ अॅनिमेटेड प्रतिमा आहे, आणि प्रामाणिकपणे आम्हाला अजिबात वेळ लागला नाही.
रेंडर रांगेत रेंडर करा
अर्थात, ही प्रतिमा कायमची After Effects मध्ये बसल्यास ती तुमच्यासाठी काहीही करत नाही. आपण ते दुरुस्त करू शकतो का ते पाहू या.
तुम्हाला या संज्ञेशी अपरिचित असल्यास, रेंडरिंग फक्त After Effects (किंवासर्व स्तर एका मूव्हीमध्ये बेक करण्यासाठी (mp4, mpeg, Quicktime, इ) तुम्ही रचना तयार करण्यासाठी कोणते अॅप वापरता. Quicktime तुमच्या बहुतांश गरजांसाठी काम करेल, परंतु आम्ही Apple ProRes 422 ची देखील शिफारस करतो. या प्रकरणात, चला अॅनिमेशन वापरूया, जी एक असंपीडित, उच्च-रिझोल्यूशन फाइल असेल. तुमच्याकडे कोणताही ऑडिओ असल्यास, तो विंडोच्या तळाशी चालू असल्याची खात्री करा.
![](/wp-content/uploads/history/148/mu2ybhk35r-3.png)
ठीक आहे दाबा, आणि नंतर ही फाईल कुठे जाईल ते निवडणे आवश्यक आहे. आउटपुट टू दाबा आणि आपले इच्छित स्थान शोधा.
काय अंदाज लावा? तुम्ही नुकतेच अॅनिमेशन बनवले आहे. तुम्ही एक चित्र काढले, ते नीटनेटके लेयर्समध्ये कापले, ते लेयर्स अॅनिमेटेड केले आणि त्या कंपोझिशनला मूव्हीमध्ये बदलले. आम्ही आत्ता तुम्हाला जाणून घेण्यासाठी खूप उत्सुक आहोत.
अर्थात, तुम्हाला खरोखर फॅन्सी मिळवायचे असेल तर, तुम्ही व्हिडिओकडे परत जावे जेणेकरुन आम्ही तुम्हाला आणखी काही शिकवू शकू युक्त्या
GIF
तुमचा प्रभाव नंतरचा प्रवास किकस्टार्ट करा
तुमच्या फोटोशॉप डिझाईन्स अॅनिमेट केल्याने एक सामाजिक प्रतिमा तयार होते आणि ती व्हायरलमध्ये बदलते दाबा (कदाचित). एकदा आपण मूलभूत गोष्टी समजून घेतल्यावर, आपण आश्चर्यकारक मार्गांनी आपले कार्य जिवंत करण्यास सक्षम व्हाल. तुम्ही तुमच्या अॅनिमेशन प्रवासाला सुरुवात करण्यासाठी एखादे ठिकाण शोधत असल्यास, After Effects Kickstart वर जा!
After Effects Kickstart हा मोशन डिझायनर्ससाठी इफेक्ट्सनंतरचा अंतिम परिचय अभ्यासक्रम आहे. या कोर्समध्ये, तुम्ही सर्वात सामान्यपणे वापरलेली साधने आणि ते वापरण्याच्या सर्वोत्तम पद्धती शिकाल