GIF making in Adobe Photoshop CC 2015

0
35
GIF Animation

GIF making मे आप फोटोशॉप में GIF Animation कैसे create करेंगे|Gif making हम आपको यहां काफी डिटेल में बताएँगे इसके लिए GIF making के part को हमने तीन section में डिवाइड किया है|

Part 1 – Layout Design
Part 2 – Frame by Frame Animation
Part 3 – Exporting GIF

Part 1 Layout Design

GIF making के लिए सबसे पहले हम फोटोशॉप open करेंगे और एक न्यू पेज ओपेन कर लेंगे Layout Design करने के लिए। इस पेज में हमने ब्लैक कलर फील कर लिया है| हमारा बैकग्राउंड ब्लैक कलर का हो गया है| अब हम यहाँ एक दिवाली का कार्ड का डिजाइन ड्रॉ करेंगे। उसमें एनिमेशन करेंगे|

GIF making के लिए पेज पर एक rectangle draw करेंगे और उस rectangle में हम gradient कलर फील कर देंगे। Gradient फील करने के लिए हमने Tool bar से Gradient tool लेकर प्रॉपर्टी बार में gradient का ऑप्शन शो होगा, वहाँ हम डबल क्लिक करके gradient color का डायलॉग बॉक्स ओपेन हो जायेगा| वहाँ से आप चाहें तो Preset से gradient कलर फील कर सकते हैं अपने ऑब्जेक्ट में या आप वहाँ से new gradient भी create कर सकते हैं| मैं वहां से new gradient क्रिएट कर रही हूँ|

अपने according मैंने yellow और orange मिक्स करके एक gradient color ready कर लिया है और rectangle में fill कर लिया है और डायरेक्शन मैने रेडियल पर कर लिया है| अब मैंने नेट से कुछ images पहले ही डाउनलोड कर रखी है दीवाली से related. अगर आप इन इमेज का यूज़ करना चाहते हैं तो मैं लिंक provide करा रही हूँ, जिस पर क्लिक करके आप इन्हें डाउनलोड करके यूज़ कर सकते हो GIF Making में|

तो मैंने यहां एक इमेज Diya कि फोटोशॉप में ओपेन कर ली है और यहाँ मैंने Diya को लेफ्ट साइड में नीचे की साइड सेट कर लिया है| अब मैंने दिए की लाइट (लॉ) वाली इमेज इम्पोर्ट करा ली है और उस दिये में सेट कर लिया है लॉ की तरह मैंने। इस लॉ को मैंने Diye पे सेट कर दिया है अब हम इस दीये की shadow genrate करेंगे न्यू लेयर में|

हमने एक न्यू लेयर अपने लेयर पैनल में एड कर ली| अब हम Tool bar से brush tool सलेक्ट करेंगे और ब्रश की सेटिंग ओपेन करके वहां से regular soft brush select कर लेंगे और hardness 0 सेट कर देंगे और साइज something 600 पर कर लिया है| कलर हम Diye का dark color select कर लिया है और पेज पर brush से बस एक क्लिक कर दिया हमारे पेज पर एक spot draw हो गया|

अब हम Ctrl + T से उसको दबा देंगे एक तरफ से और Diye के नीचे सेट कर देंगे| सेट करने के बाद हम blend mode से multiple कर दिया है, ताकि shadow का real effect look आये| अब हमने एक शेप ले ली है जिस पर हमने color अपने आप according फील कर दिया है| अपने according हमने इस शेप को blend mode से darker mode पर सेलेक्ट कर लिया|

अब इस shape में हमने हैप्पी दिवाली का एक टेक्स्ट लिख लेंगे और इस टेक्स्ट को अपने according set कर लिया। अब हम अपने rectangle पर एक बॉर्डर देंगे, तो उसके लिए मैंने rectangle वाली लेयर के thumbnail को कंट्रोल के साथ क्लिक करेंगे तो हमारा rectangle सेलेक्ट हो जायेगा|

GIF making in Adobe Photoshop CC 2015 

GIF making

अब हम Select menu से modify से border पर क्लिक करेंगे, क्लिक करते ही बॉर्डर का डायलॉग बॉक्स ओपन होगा वहां पर बॉर्डर का साइज़ हमने 8 सेट कर दिया है और ओके कर दिया है| ओके करते ही हमारे rectangle के चारों ओर बॉर्डर का सलेक्शन बन जायेगा| उसमें हम कोई भी कलर फील कर लेंगे Alt + backspace से, जो कलर foreground में सेलेक्ट होगा, वो हमारे बॉर्डर में fill हो जायेगा|

अब हम Ctrl + D से selection हटा देंगे। GIF making के लिए अब हम एक Kandil की इमेज इम्पोर्ट करेंगे फोटोशॉप में। Kandil को अपने according सेट कर देंगे। अब हम दिये कि लाइट पर पीछे एक shadow light generate करेंगे, ब्रश टूल की हेल्प से एक yellow spot बना देंगे और opacity कम करके उसे लाइट पर सेट कर देंगे इस तरह ताकि वो शैडो लगे लॉ की| अब हम थोड़े से sparkle draw कर देंगे ताकि हम उन्हें crackers की तरह animate कर ले। इस तरह से हमारा Layout ready हो गया है।

2. Frame to Frame Animation

GIF making के लिए हम विंडो मेन्यू में जाकर टाइम लाइन ओपन कर लेंगे| फोटोशॉप में नीचे की साईड हमारी टाइम लाइन ओपन हो गयी है|

GIF making in Adobe Photoshop CC 2015 

GIF making

अब हमारी जो layers हैं जिन्हें हमें animate करना है, उन्हें हम convert to smart object कर लेते हैं| Convert to smart object करने के लिए हम लेयर पर राइट क्लिक करके convert to smart object ऑप्शन पर क्लिक कर लेंगे|

अब हम Diye की लौ को थोड़ा सा लेफ्ट साइड में शिफ्ट कर लेंगे| अब हम टाइमलाइन में न्यू लेयर एड करेंगे और लेयर पैनल में Diye की लौ वाली लेयर को डुप्लीकेट कर लेंगे| Original Diye कि लौ वाली लेयर को ऑफ कर देंगे और कॉफी वाली लेयर हम edit menu में जाकर pappet wrap apply कर देंगे|

GIF making in Adobe Photoshop CC 2015 

GIF making

Diye की लौ की शेप थोड़ा चेंज कर देंगे| अब हम फिर से एक और Diye की लौ की एक और डुप्लीकेट लेयर बनायेंगे और टाइमलाइन में न्यू frame add कर लेंगे। अब हम कॉपी वन वाली लेयर को लेयर पैनल से ऑफ कर देंगे ओर कॉपी टू वाली लेयर पर Puppet wrap apply करके दिए की लौ की shape फिर चेंज कर देंगे।

इस प्रकार हम 2 frame टाइम लाइन में और एड करेंगे और लेयर पैनल में duplicate layer एड करके इसी प्रकार दिए की लौ की शेप चेंज कर देंगे। अब हम प्ले करके देख सकते है हमारे दिए की लौ मे एनिमेशन हो गया| इसी प्रकार हम लौ के पीछे वाली जो शैडो लाइट है, उस पर भी frame by frame एनिमेशन कर देंगे।

GIF making in Adobe Photoshop CC 2015 

GIF making

इसके लिए हमने टाइमलाइन में फर्स्ट वाली प्रेम को फिर सेलेक्ट कर लिया है, और लेयर पैनल से लॉ के पीछे shadow वाली लाइट की लेयर सेलेक्ट कर ली है| अब हम लाइट वाली लेयर की opacity थोड़ी कम कर देंगे। something 80 पर कर दी है| अब टाइमलाइन से दूसरा frame सेलेक्ट करेंगे और shadow की लाइट वाली लेयर की opacity वापस 100 कर देंगे।

अब टाइमलाइन से तीसरा फ्रेम सेलेक्ट कर लेंगे और shadow वाली लेयर की opacity वापस 80 कर देंगे। इसी प्रकार हम टाइमलाइन में एक एक frame सेलेक्ट करके shadow light की opacity कम और बढ़ाते जायेंगे। Kandil पर भी एनिमेशन करेंगे| GIF making के लिए इसके लिए हमने टाइम लाइन में फिर से फर्स्ट फ्रेम सलेक्ट कर लिया है और Kandil वाली लेयर को हमने लेयर पैनल में जाकर कॉपी निकाल ली है|

GIF making

अब हम Kandil के ऊपर के part को अलग और नीचे के part को अलग करेंगे| उसके लिए हमने ओरिजनल Kandil वाली लेयर पे rectangle selection tool से ऊपर के part का सेलेक्शन किया और Mask अप्लाई कर दिया| अब हम कॉपी वाली लेयर में Kandil के नीचे के part का सलेक्शन करेंगे और Mask अप्लाई कर देंगे| इस प्रकार हमारे Kandil के दोनों पार्ट अलग अलग लेयर में शो हो रहे हैं|

हमारे Kandil के part अलग अलग हो गये हैं| अब हम टाइमलाइन से फर्स्ट फ्रेम सलेक्ट करेंगे और Kandil के ऊपर वाले पार्ट को लेयर सेलेक्ट करके राइट साइड करके उसे थोड़ा सा राइट साइड में मूव कर देंगे। उसके बाद नीचे वाले पार्ट में ctrl + T करके वहां wrap का ऑप्शन सेलेक्ट कर थोड़ा सा लेफ्ट साइड में wrap करा देंगे।

GIF making

अब हम सेकंड फ्रेम सेलेक्ट करेंगे टाइम लाइन में और Kandil के ऊपर वाले पार्ट को लेफ्ट साइड में move करा देंगे। उसके बाद नीचे वाले पार्ट में wrap से थोड़ा सा राइट साइड में wrap करा देंगे। इसी प्रकार सारे टाइम लाइन की लेयर में करेंगे और प्ले करके देख सकते हैं। अब हम इस sparkle को animate करेंगे| उसके लिए हम टाइमलाइन के फर्स्ट फ्रेम में sparkle वाली लेयर में sparkle का साइज same रखेंगे|

GIF making

अब सेकंड टाइम लाइन फ्रेम में हम इस बार sparkle की डुप्लीकेट लेयर बनाएंगे और इस बार sparkle का साइज़ ctrl + T की हेल्प से थोड़ा बड़ा कर लेंगे|Next टाइमलाइन फ्रेम select करेंगे इस बार sparkle की डुप्लीकेट लेयर बनाकर और थोड़ा साइज sparkle का बड़ा कर लेंगे| इसी प्रकार आप अपने according सेट कर सकते हैं| अब हम प्ले करके देखेंगे तो हमारा Diye की लौ, लौ के पीछे की shadow लाइट, Kandil और sparkle सब animate हो रहे हैं| इसी प्रकार अपना Gif making हम कर सकते है|

3. Exporting Gif

अब हम GIF making को एक्सपोर्ट कैसे करेंगे? हम इसे विडियो फॉर्मेट में कन्वर्ट करने के लिए फाइल मेन्यू में जाकर एक्सपोर्ट से save for web (Legacy) वाला ऑप्शन सेलेक्ट करेंगे| GIF making के लिए हमारे पास एक्सपोर्ट की विंडो ओपन हो जायेगी| वहाँ से हम फॉर्मेट में GIF सलेक्ट कर लेंगे|

Looping से forever सेलेक्ट कर लेंगे और save पर क्लिक कर देंगे| उसके बाद लोकेशन आपको सेट करना है जहां save करनी है file और फॉर्मेट में Image Only करके save कर देंगे| हमारी Gif save हो गयी| आप इसे अपने ब्राउज़र में ओपेन करके देख सकते हैं|

LEAVE A REPLY

Please enter your comment!
Please enter your name here