() translation by (you can also view the original English article)
इस ट्यूटोरियल में हम एडोब फोटोशॉप में एक एनिमेटेड glitch टेम्पलेट तैयार करेंगे जो किसी भी इमेज के साथ इस्तेमाल किया जा सकता है।
मैंने अपने GraphicRiver पोर्टफोलियो के लिए उसी तरह के Retrowave 8 Bit Template के लिए एनीमेशन बनाया है।
ट्यूटोरियल की सम्पत्तिया
- कोई भी फोटो जिसे आप इस मैनीपुलेशन के लिए उपयोग करना चाहते हैं। आप Unplash और Pixabay पर कुछ निःशुल्क तस्वीरें पा सकते हैं या PhotoDune पर उच्च गुणवत्ता वाले फ़ोटो खरीद सकते हैं। मैंने इस तस्वीर को Unsplash से चुना है
1. दस्तावेज़ कैसे तैयार करें
Step 1
एक नया दस्तावेज़ बनाने के लिए Control-N दबाएं और निम्न सेटिंग्स का उपयोग करें: 500 x 500 px; 300 dpi.
Step 2
File > Place पर जाएं और अपनी इमेज को दस्तावेज़ के अंदर रखें।
Step 3
दस्तावेज़ के कैनवास को भरने के लिए अपनी इमेज का आकार बदलें और Enter पर क्लिक करें।
Step 4
अपनी इमेज लेयर पर Right Click करें और Rasterize Layer को सेलेक्ट करें
Step 5
M को दबाएं और फिर अपने दस्तावेज़ के स्क्वायर एरिया को सेलेक्ट करें।
Step 6
हमारी इमेज को क्रॉप करने के लिए, अपने सिलेक्शन पर Right Click करें और Layer Via Cut चुनें।
Step 7
अपनी खाली लेयर को सेलेक्ट करें और Layers के पैनल के निचले दाएं कोने में Delete Icon पर क्लिक करें।
Step 8
अपने नए लेयर के नाम पर Double Click करें और इसे "Placeholder" में बदलें।
Step 9
लेयर पर Right Click करें और फिर Convert to Smart Object को सेलेक्ट करें।
2. फ्रेम्स और एनीमेशन एलिमेंट्स कैसे बनाएं
Step 1
अब हमें अपने भावी एनीमेशन के लिए फ्रेम बनाने की आवश्यकता है। Right Click > Duplicate का उपयोग करके अपने स्मार्ट ऑब्जेक्ट के सात डुप्लिकेट बनाएं।
Step 2
एक फ्रेम सीक्वेंस (sequence) में लेयर के डुप्लिकेट का नाम बदलें।
Step 3
दूसरे को छोड़कर सभी लेयर्स Invisible बनायें।
Step 4
अपना दूसरा फ़्रेम चुनें, Control-T क्लिक करें, और फिर Warp आइकन पर क्लिक करें।
Step 5
अपने चित्र को फैलाने के लिए warp के ग्रिड के अलग-अलग किनारों को खींचें।
Step 6
अगले स्तर को Visible बनाएं और उसी तरह Warp Tool का उपयोग करके इसे बढ़ाएं।
Step 7
Warp Tool का उपयोग करके अगली लेयर को बाहर खींचें।
Step 8
अगली लेयर को सेलेक्ट करें, Control-T पर क्लिक करें, और फिर Edit > Transform > Distort पर जाएं।
Step 9
Shift दबाए रखते हुए, निचले दाएं पॉइंट को 2° और ऊपरी दाएँ बिंदु को -2° स्थानांतरित करें, और Enter क्लिक करें।
Step 10
उसी लेयर पर Double Click करें और फिर Green और Blue चैनल Uncheck करें
Step 11
अगली लेयर को सेलेक्ट करें Distort Mode में Transform Tool का उपयोग करें ऊपरी बाएं बिंदु को 2° बाईं तरफ और नीचे दाईं ओर 2° बाईं ओर ले जाने के लिए, और Enter पर क्लिक करें।
Step 12
लेयर पर Double Click करें और फिर Red और Blue चैनलों को Uncheck करें।
Step 13
हमारी अंतिम लेयर चुनें और Blending Mode को Hard Mix में बदल दें।
Step 14
अब हमें टीवी लाइन टेक्सचर बनाने की जरूरत है। U प्रेस करें और निम्न सेटिंग्स के साथ एक नया Rectangle बनाएँ: Width: 500 px; Height: 4
Step 15
रेक्टेंगल को दस्तावेज़ के ऊपर Move मारें।
Step 16
रेक्टेंगल को Duplicate करें और Shift को पकड़े हुए 8 px नीचे रखें।
Step 17
अब आपको पूरे दस्तावेज़ को भरने तक रेक्टेंगल के अधिक डुप्लिकेट बनाने की आवश्यकता है।
Step 18
Shift को पकड़े हुए सभी रेक्टेंगल लेयर्स को सेलेक्ट करें, और फिर Right Click करें और Rasterize Layer को सेलेक्ट करें।
Step 19
उसके बाद, Right Click करें और Merge Layers चुनें।
Step 20
हमारी नई लेयर Duplicate करें और Shift को पकड़े हुए 504 px ऊपर की ओर स्थानांतरित करें.
Step 21
इन लेयर्स को Merge करें और लेयर "Tv Texture" को Rename करें।
Step 22
लेयर की Opacity को 15% और Overlay में blending मोड में बदलें।
Step 23
Shift-Control-N का उपयोग करके एक नई लेयर बनाएं और इसे "Frame" नाम दें, और फिर इसे ब्लैक के साथ Fill करें। Fill विकल्प को 0% में बदलें।
Step 24
लेयर पर Double Click करें और Stroke पैरामीटर चुनें। निम्नलिखित सेटिंग्स का प्रयोग करें: Size: 25 px; Position: Inside; Color: Black।
Step 25
अब हमें लेयर style को rasterize करना होगा: Right Click > Rasterize Layer Style।
Step 26
Filter > Blur > Gaussian Blur पर जाएं और निम्नलिखित सेटिंग्स का उपयोग करें: Radius: 4px।
Step 27
Control-T का उपयोग करके कैनवास को भरने के लिए लेयर का आकार बदलें और Shift दबाएं रखें।
3. एनीमेशन कैसे बनाएं
Step 1
अब हम अपने एनीमेशन का निर्माण शुरू करने के लिए तैयार हैं। Window > Timeline पर जाएं और Create Video Timeline पर क्लिक करें।
Step 2
पहले और दूसरे फ़्रेम्स को दिखाई दें, और फिर दूसरे को चुनें और Timeline पैनल पर जाएं।
Step 3
"Frame 02" की Opacity को 0% में बदलें।
Step 4
Timeline पैनल में दूसरी फ्रेम खोलें और Time Indicator को 0:00:00:05 पर ले जाएं।
Step 5
अब आपको पहली कीफ्रेम बनाने की आवश्यकता है। पहले Keyframe बनाने के लिए Opacity के निकट Timer आइकन पर क्लिक करें।
Step 6
Time Indicator को 0:00:00:13 पर ले जाएं और फिर लेयर की Opacity को 100% में बदल दें।
Step 7
उसके बाद, Time Indicator को 0:00:00:20 पर ले जाएं और लेयर की Opacity को 0% में बदल दें।
Step 8
अगली लेयर को सेलेक्ट करें और Opacity को 0% में बदल दें। उसके बाद, opacity को बदलने के साथ तीन Keyframes बनाएं, वही जैसा हमने ऊपर किया था, 0:00:00:13, 0:00:00:20 और 0:00:00:26 पर।
Step 9
Timeline पैनल पर तीन Keyframes चुनें, और फिर Right Click करें और Copy चुनें।
Step 10
Timeline Indicator को 0:00:01:00 पर ले जाएं और फिर New Keyframe पर क्लिक करें और Control-V का उपयोग कर अपने कीफ्रेम पेस्ट करें।
Step 11
उसके बाद, Timeline Indicator को 00:00:02:00 पर ले जाएं और फिर अपने Keyframes पेस्ट करें। पहली Keyframe को 0:00:00:24 तक ले जाएं और आखिरी Keyframe 0:00:02:20 तक लें। इसलिए हम अपने लेयर के उपयोग के लिए विविधता जोड़ सकते हैं।
Step 12
अब हमें Timeline Indicator को 00:00:03:10 में ले जाने की आवश्यकता है और एक और समय Keyframes पेस्ट करें। उसके बाद, पहले Keyframe को 0:00:03:13 और अंतिम Keyframe को 0:00:03:21 तक ले जाएं।
Step 13
चलो हमारी अगली लेयर एनिमेट करें। लेयर "Frame 04" चुनें और लेयर की Opacity को 0% में बदलें। उसके बाद, Keyframes के दो लघु अनुक्रम (short sequences) जोड़ें, जैसा हमने पहले किया था, 0:00:00:18 और 0:00:01:03 पर केंद्रीय Keyframes के साथ।
Step 14
0:00:03:05 और 0:00:03:20 पर केंद्रीय Keyframes के साथ 0:00:03:00 पर एक और Keyframe sequence जोड़ें।
Step 15
हमारे द्वारा बनाई गई Keyframes की एक प्रति बनाएँ, और उसे 00:00:04:00 पर ले जाएं।
Step 16
Layers के पैनल में अगली लेयर को सेलेक्ट करें, और Opacity को 0% में बदलें। इसके बाद, Keyframes के तीन लघु अनुक्रम जोड़ें, जैसा कि हमने पहले किया था, 0:00:00:15, 0:00:01:00 और 0:00:01:15 पर केंद्रीय Keyframes के साथ।
Step 17
0:00:02:15, 0:00:02:20 और 0:00:03:20 अंक के साथ एक और अधिक Keyframes अनुक्रम जोड़ें।
.jpg)
.jpg)
.jpg)
Step 18
अब हमें अगली लेयर के लिए एनीमेशन बनाने की आवश्यकता है "Frame 06" की 0% की Opacity को बदलें और 0:00:01:00, 0:00:01:15, और 0:00:02:00 पर केंद्रीय Keyframes के साथ Keyframes के तीन लघु दृश्य बनाएं।
Step 19
Keyframes कॉपी करें और 0:00:03:00 पर पहले Keyframe के साथ पेस्ट करें।
Step 20
अंतिम लेयर को सेलेक्ट करें और Opacity को 0% में बदलें। उसके बाद, निम्नलिखित बिंदुओं के साथ एक Keyframe अनुक्रम बनाएँ: 0:00:00:15, 0:00:00:18, और 0:00:00:22।
Step 21
Keyframes के दो डुप्लिकेट बनाएं और इसे 0:00:01:24 और 0:00:01:24 पर ले जाएं।
Step 22
आखिरी Keyframes दृश्यों का डुप्लिकेट sequences करें और इसे 0:00:03:10 पर ले जाएं।
Step 23
और अब हमें हमारे TV टेक्सचर के लिए एनीमेशन बनाने की आवश्यकता है लेयर को सेलेक्ट करें और 0:00:00:00 पर पहले Keyframe बनाने के लिए Position के निकट Timer आइकन पर क्लिक करें।
Step 24
Time Indicator को Timeline के अंत में ले जाएं और फिर Shift को पकड़े हुए 500px नीचे की तरफ ले जाएं।
4. एनिमेशन को Gif फाइल के रूप में कैसे Save करें
हमारा एनिमेशन अब रेंडर करने के लिए तैयार है। Save for Web विंडो खोलने के लिए Alt-Shift-Control-S दबाएं, और फिर Forever के लिए Looping Option सेट करें। उसके बाद, आप अपने एनिमेशन को एक gif फ़ाइल के रूप में सेव कर सकते हैं। यदि आप gif फ़ाइल का आकार कम करना चाहते हैं तो आप इस मेनू में Image Size बदल सकते हैं।
5. टेम्पलेट में प्रयुक्त इमेज को कैसे बदलें
Step 1
यदि आप अपने एनीमेशन के लिए उपयोग की गई इमेज को बदलना चाहते हैं, तो प्लेसहोल्डर लेयर पर Right Click > Edit Contents करें।
Step 2
अपनी नई इमेज को पुराने से ऊपर रखें, प्लेसहोल्डर को बंद करने के लिए Alt-F4 दबाएं, और उसके बाद Save चुनें।
बहुत बढ़िया काम, आपने कर लिया!
इस तरह, हम स्मार्ट ऑब्जेक्ट का उपयोग करके एडोब फोटोशॉप में एनिमेटेड टेम्पलेट बना सकते हैं।
मुझे आशा है कि आपने इस ट्यूटोरियल का आनंद लिया है, और ट्यूटोरियल के साथ किसी भी मदद के लिए मुझसे संपर्क करने में संकोच न करें। आप GraphicRiver पर अपने पोर्टफोलियो पर मेरे Retrowave 8 Bit Template भी देख सकते हैं।
