Advertisement
  1. Photo & Video
  2. Photography
Photography

एडोब फोटोशॉप में एक फ्यूचरिस्टिक एनिमेटेड एचयूडी कैसे बनाए (एक्शन के साथ)

by
Difficulty:BeginnerLength:MediumLanguages:

Hindi (हिंदी) translation by Taruni Rampal (you can also view the original English article)

फ़ोटोशॉप में वास्तव में जटिल कार्यों को करने के लिए सबसे बेहतरीन तरीके हैं। यदि आप अभी शुरू कर चुके हैं और कुछ वाकई अविश्वसनीय काम करना चाहते हैं, तो वे आपको एक विशाल लेग उप दे सकते हैं।

इस ट्यूटोरियल में मैं एक तस्वीर में फ़्यूचरिस्टिक, एनिमेटेड हेड-अप डिस्प्ले (या एचयूडी) जोड़ने के लिए ग्राफिक नदी से एक एक्शन का उपयोग करने जा रहा हूं। इसके साथ आपके अनुसरण करने के लिए आपको अपने कंप्यूटर पर डाउनलोड की एक कॉपी की आवश्यकता होगी।यह वह इमेज है जिसके साथ मैं शुरू कर रहा हूं।

start point

और यह वह जगह है जहां हम अंत तक जा रहे हैं।

end point

चलो शुरू करें।

1. एक्शन्स को स्थापित करें

पहली चीज करना फ़ोटोशॉप में क्रियाओं को लोड करना है। फ़ोटोशॉप में Actions Panel पर जाएं यदि यह दृश्यमान नहीं है, तो Window > Actions प्रदर्शित करें।

actions panel
एक्शन्स पैनल।

ऊपरी दाएं कोने में मेनू आइकन पर क्लिक करें और Load Actions चुनें ...

load actions
भार एक्शन्स ... विकल्प।

जहां आपके पास HUD एक्शन डाउनलोड है, नेविगेट करने के लिए फ़ाइल ब्राउज़र का उपयोग करें, .ATN फ़ाइल का चयन करें, और Open पर क्लिक करें।

action file
एक्शन फ़ाइल।

और वह क्रियाएं स्थापित और प्रयोग के लिए तैयार हैं। हम जो HUD एक्शन का उपयोग कर रहे हैं वह वास्तव में दो अलग-अलग कार्रवाइयों से बना है: Face Prepare Action और Add Animated HUD Elements

2. फोटो सेट करें

इसके बाद, हम मूल तस्वीर तैयार करने जा रहे हैं। वह इमेज खोलें, जिसे आप फ़ोटोशॉप में उपयोग करना चाहते हैं। कार्य करने की एक्शन के लिए, जिस फ़ोटो का आप उपयोग कर रहे हैं वह Background लेयर होनी चाहिए। अगर आपने फ़ोटोशॉप में कुछ संपादनों में पहले से ही कुछ किया है, तो आप सुझाव देते हैं कि आप एक संस्करण को एक जेपीजी के रूप में सेव करें और इसके बदले उस कॉपी को काम पर खोलें।

photo in
फ़ोटोशॉप में मेरा बेस फोटो खोलना।

इमेज को 8 Bit RGB में होना चाहिए। यदि आपने अभी एक जीपीजी खोला है, तो यह लगभग निश्चित रूप से होगा, लेकिन यहाँ कैसे जांचना है Image> Mode पर जाएं और सुनिश्चित करें कि RGB Color और 8 Bits/Channel का चयन किया गया है। यदि वे नहीं हैं, तो उन्हें अब चुनें।

check image mode
इमेज मोड की जांच।

सबसे अच्छा एक्शन करने के लिए, आपकी इमेज को कम से कम 2000 पिक्सल चौड़ा होना चाहिए यदि आप सुनिश्चित नहीं हैं कि आपकी इमेज का संकल्प क्या है, तो Image> Image Size पर जाएं और आपको यह डायलॉग बॉक्स मिलेगा।

image size
इमेज आकार की जांच करना।

जैसा कि आप देख सकते हैं, मेरी इमेज 2000px 1333px है, जो ठीक है। हालांकि एक्शन किसी भी आकार की इमेज के साथ काम करेगी, यदि यह बहुत छोटी है तो आप कम गुणवत्ता वाले अंतिम उत्पाद के साथ समाप्त करेंगे। यदि आपकी इमेज 2000px चौड़ाई से बहुत कम है, तो एक अलग उपयोग करने पर विचार करें।

3. फेस तैयार करें

अब फाइल जाने के लिए तैयार है, आइए एक्शन के पहले भाग को चलाने पर गौर करें। Prepare Face Action इमेज में बहुत अधिक शेडिंग और रंग जोड़ता है। इसे डिजाइन करने के लिए डिज़ाइन किया गया है जैसे कि HUD तत्व इमेज में चेहरे पर चमक लगा रहे हैं। इसे ठीक से काम करने के लिए, हमें यह बताने की जरूरत है कि इमेज के कुछ हिस्सों में महत्वपूर्ण क्यों हैं, इसलिए वे दृश्यमान रहते हैं।

कीबोर्ड शॉर्टकट Command-Shift-N या Control-Shift-N के साथ एक नई लेयर बनाएं और Brush को कॉल करें। एक्शन केस-संवेदी है इसलिए सुनिश्चित करें कि आप कैपिटल B का उपयोग करते हैं।

creating brush
ब्रश लेयर बनाना।

कीबोर्ड शॉर्टकट B के साथ Brush टूल का चयन करें और Brush Options से Soft Round Brush चुनें। आप किसी भी रंग का उपयोग कर सकते हैं।

Selecting brush
एक नरम दौर ब्रश का चयन करना।

इसके बाद, उस इमेज के किसी भी हिस्से पर पेंट करने के लिए ब्रश का उपयोग करें, जिसे आप दृश्यमान रहना चाहते हैं। मेरे लिए, यह वास्तव में चेहरे और आँखों का मतलब है।

painted over
जिन क्षेत्रों में मैं तेज चित्रित करना चाहता हूं।

यदि आप नाखुश हैं तो आप फिर से शुरू कर सकते हैं, इसलिए जब आपको कुछ ऐसा लगता है जो आपको लगता है कि अच्छा है, तो Face Prepare Action का चयन करें और इसे चलाएं।

और यहाँ है मेरी इमेज को बाद में जैसा दिखना है।

results
चेहरे के परिणाम कार्रवाई तैयार करें।

मैं इस से बहुत खुश हूँ, तो चलते रहें।

4. HUD तत्वों को जोड़ें

अब जब हमने बेस फोटो तैयार किया है, तो एचयूडी तत्वों को जोड़ना शुरू करने का समय है चुनने के लिए 38 अलग-अलग (22 Simple और 16 Compound तत्व) तत्व हैं, और संभवतः आप उन सभी का उपयोग नहीं करेंगे। साधारण तत्व परिमाण वाले लोगों की तुलना में थोड़ा सा, अच्छा, सरल है। परिसर में बहुत कुछ चल रहा है।

एक तत्व जोड़ने के लिए, Add Animated Element एक्शन को चलाएं और आपके पास एक्शन तत्वों को डाउनलोड करने के लिए नेविगेट करने के लिए File Browser का उपयोग करें।

navigating
तत्व .ATN फ़ाइल के समान स्थान पर हैं।

Compound या Simple फ़ोल्डर्स से एक तत्व का चयन करें। मैं Compound 8 के साथ जा रहा हूँ।

selecting elements
अनुक्रम में पहली फाइल का चयन करें।

अनुक्रम में पहला तत्व चुनें- इसे अंत में _00000.png मिला है- और फिर Open क्लिक करें। एक्शन खत्म हो जाएगी और आपकी इमेज में तत्व जोड़ देगा।

first element
तस्वीर में पहला तत्व।

तत्व की स्थिति और आकार बदलने के लिए Move टूल (V) और Transform टूल (Command-T या Control-T) का उपयोग करें। मैंने इसे अपनी आंखों पर रखा है जैसे किसी प्रकार की लक्ष्यीकरण सरणी।

positioning
पहले तत्व का निर्धारण करना।

और यही, आपने अपना पहला तत्व रखा है। जितनी चाहें उतने तत्वों के लिए इस प्रक्रिया को दोहराएं, हालांकि यह ओवरबोर्ड में जाने के लिए सबसे अच्छा नहीं है। बहुत सारे लोग चीजों को बरबाद करेंगे। यहाँ कुछ और तत्वों के बाद मेरा क्या दिखता है।

more elements
कुछ और तत्व रखें।

5. रंग बदलें

डिफ़ॉल्ट रूप से, यह सब कुछ बहुत ही भविष्यवादी बर्फ-नीला है। यह बहुत अच्छा लग रहा है, लेकिन अगर आप चाहें तो कुछ चीजें मिक्स कर सकते हैं।

किसी भी HUD तत्व का रंग बदलने के लिए, दोहरी क्लिक करें जहां यह Layers के पैनल में नीचे के Outer Glow कहते हैं। यह Layer Styles संवाद बॉक्स लाएगा।

layer options
बाहरी चमक पर डबल क्लिक करें।

इसके बाद, रंग swatch पर क्लिक करें और इसे जो कुछ भी आप चाहते हैं उसे बदलें। मैं इस नाटकीय हरे रंग के साथ चला गया जो ऐसा दिखता है जैसे मैंने एक लक्ष्य हासिल किया है। आपके द्वारा उपयोग किए जाने वाले रंगों की संख्या को सीमित करना सबसे अच्छा है। दो या तीन ठीक है, लेकिन और अधिक यह सिर्फ भड़कीला दिखेंगे।

changed
मैंने बाहरी चमक को नीले से हरे रंग में बदल दिया है।

आप ओवरले का रंग भी बदल सकते हैं जो तस्वीर बैकग्राउंड को प्रभावित कर रहा है। लेयर्स वाले पैनल में एचयूडी फेस समूह में एक रंग लेयर और एक ग्रेडिएंट लेयर होती है जो इसके लिए ज़िम्मेदार हैं।

overlay
रंग ओवरले के लिए जिम्मेदार लेयर्स।

ओवरले रंग बदलने के लिए, प्रत्येक लेयर के रंग swatch पर डबल क्लिक करें और सेटिंग के साथ चारों ओर खेलें। प्रभाव को अच्छे दिखने के लिए, इसे लगभग HUD तत्वों के रंग से मिलान करना चाहिए। वे चमक का निर्माण करने का क्या मतलब है।

green overlay
चीजें हरी आच्छादन के साथ कैसे दिखती हैं

मुझे काफी उदास पसंद है इसलिए मैं उन्हें अपनी इमेज के रूप में छोड़ने जा रहा हूं।

6. इमेज को प्रस्तुत करना

एक बार जब आप सभी तत्व जोड़ लेते हैं और आप जो रंग चाहते हैं, तो सेट अप करने के लिए समय आ गया है। दो अच्छे विकल्प हैं: आप इसे एक जेपीजी इमेज या एक एनिमेटेड जीआईएफ के रूप में सेव सकते हैं। जेपीजी स्थैतिक लेकिन उच्च गुणवत्ता वाला होगा, जबकि जीआईएफ़ में एनीमेटेड HUD तत्व होंगे लेकिन कम गुणवत्ता होगी।

जेपीजी सेव करने जा रहें है।

File > Export > Save for Web (Legacy) पर जाएं।शीर्ष दाएं कोने में Preset ड्रॉपडाउन से जेपीईजी उच्च चुनें। सेव पर क्लिक करें और फिर इसे जहाँ भी आप चाहते हैं उसे सेव करें।

saving jpg
JPG सेव करने जा रहें है।

GIF सहेजा जा रहा है

File > Export > Save for Web (Legacy) पर जाएं Preset ड्रॉपडाउन से जीआईएफ 128 का चयन करें फ़ोटोशॉप को सब कुछ रेंडर करने के लिए कुछ पल लेंगे। निचले भाग में, Animation के तहत Once में Looping Options को Forever बदल दें।

saving gif1
यह GIF बड़े पैमाने पर होने जा रहा है।

2000px विस्तृत GIF विशाल होने जा रहा है। ऊपर दिए गए स्क्रीनशॉट में आप देख सकते हैं कि यह लगभग 20 एमबी होगा यदि यह बहुत बड़ा है, तो इमेज का आकार 1000px या उससे अधिक के बराबर है। फ़ोटोशॉप को इसे फिर से प्रस्तुत करना होगा, लेकिन फिर आपको अधिक उपयोगी फ़ाइल होना चाहिए। इमेज संकल्प 1000px को कम करने के बाद, मेरा GIF सिर्फ 6 एमबी था।

better gif
एक अधिक उपयोगी GIF।

Save पर क्लिक करें और फिर जहाँ भी आप चाहते हैं वहां GIF को सेव करें।

Wrapping Up

और यही है, आप कर चुके हैं। चुनने के लिए इतने सारे अलग-अलग तत्वों के साथ, आप चाहते हैं कि आप किसी भी भविष्य के HUD को बहुत ज्यादा बना सकते हैं। मैं वास्तव में कैसे तैयार इमेज दिखता है के साथ खुश हूँ।

finished
तैयार प्रोडक्ट।

Advertisement
Advertisement
Looking for something to help kick start your next project?
Envato Market has a range of items for sale to help get you started.