How to animation in Photoshop CC 2015

2
143
How to Animation in Photoshop

How to Animation in Photoshop Photoshop में यह कोई नया concept नहीं है| Photoshop में बल्कि यह पिछले कुछ सालों से ज्यादा चलन में आया है| Photoshop में GIF file बनाते हैं या उनको वीडियो में भी save कर सकते हैं|

How to Animation in Photoshop start करने से पहले हमें यह जानना आवश्यक है कि GIF होता क्या है? GIF एक Format होता है image का|जिसका extension .gif होता है| Image के कोई format होते हैं, as like- JPEG, PNG, GIF etc. PNG, Jpeg format के बारे में अगर आप जानना चाहते हैं तो आप इस लिंक पर क्लिक करके उसकी full details ले सकते हैं|

How to PNG convert to JPEG / PNG image को JPEG format में किस प्रकार Convert करे?

आजकल सोशल मीडिया में ज्यादातर post होते हैं वो GIF format में होते हैं| GIF की full form Graphic Interchange Format होती है| अगर आप normal camera से कोई फोटो खींचे, तो वह still होती है मतलब उसमें कोई movement नहीं होगा|

एनिमेशन में जो चीज़ें होती है वो move करती हैं one place से another place. उसको animation move कहेंगे और आप still image को एनिमेशन कर सकते हैं| मगर आपकी पहली image, दूसरी image से थोड़ी अलग होनी चाहिए| तो ये दोनों photos हमारे 2 frames है|

हम इन फोटो को अलग अलग frames में रख कर इन्हें एनिमेशन कर देते हैं| अगर हम ज्यादा फ्रेम्स का एनिमेशन बनाना चाहते हैं तो हमें उतनी ही फोटो की need होगा. उन frames में animate करने के लिए| जब हम सारे फ्रेम्स को एक साथ play करेंगे तो वह animate होती दिखेंगी| आपने mostly internet पर कुछ images देखी होंगी जैसे कुछ offers, या किसी product की| इसमें हल्का animation होता हुआ होता है उन्हें हमें GIF कहते हैं|

अगर आप एनिमेशन सीखना चाहते हैं तो ये समझ लें कि GIF animation का पहला step होता है| GIF एनिमेशन को आप कुछ सॉफ्टवेयर की हेल्प से create कर सकते हैं| Mostly GIF बनाने के लिए जो सॉफ्टवेयर यूज़ होता है वो है Photoshop.
How to animation in Photoshop बनाने के लिए हम यहां Photoshop CC 2015 का use कर रहे हैं| How to animation in Photoshop स्टार्ट करने के लिए हम Photoshop CC 2015 open करते हैं| ओपन करने के बाद हम New File open करते हैं फाइल का साइज़ आप अपने according सेट कर सकते हैं|

अब फाइल ओपन करने के बाद मैं Tool bar से एक shape बनाने के लिए shape tool से एक shape सलेक्ट कर लेती हूँ| आप जब shape tool select करेंगे तो प्रॉपर्टी bar में आपको कुछ shapes show होंगे उसमें आप क्लिक करके कई सारे shape presets show होंगे| आपको वहाँ से shape select कर ले अगर वहाँ से आपको shape नहीं मिल रही है तो आप राइट arrow click करें वहाँ एक drop down list आयेगी वहां से आप all shapes पर क्लिक करेंगे और append कर देंगे, उसके बाद आपकी सारी shape presets में add हो जायेंगी नीचे की तरफ़|

How to Animation in Photoshop

How to animation in Photoshop

अब यहाँ से मैं एक shape ले लेती हूँ| मैंने यहाँ एक Ring के shape को सेलेक्ट कर लिया है, क्योंकि मैं इसमें एक एनिमेशन इस प्रकार का बनाना चाहती हूँ, जैसे जब कुछ loading होता है, तो उस टाइम loading में जो एनिमेशन होता है वो इफेक्ट में फोटोशॉप में create करूँगी|

मैंने ये shape फोटोशॉप की page पर draw कर लिया है| अब हम How to animation in Photoshop स्टार्ट करेंगे अब हम इस shape पर Gradient color का यूज़ करेंगे| Gradient डालने के लिए हम Gradient color को Tool bar से use ना करके, हम layer panel में Blend modeसे Gradient का यूज़ करेंगे| उसके लिए हम shape layer पर double click किया|

हमारे सामने Blend Mode Window open हो जायेगी| इसमें Gradient overlay का option होता है| आपको ऑप्शन पर क्लिक करना होगा| क्लिक करते ही Gradient Overlay का ऑप्शन सेलेक्ट हो जायेगा| सेलेक्ट होने के बाद आपको सेटिंग में कुछ सेटिंग करनी होंगी| As Like:- Blend mode में Normal रखना है| Opacity 100% रखनी है| स्टाईल में हम Angle style सलेक्ट कर लेंगे| Scale 100% रखना है और डिग्री पर जीरो सेट कर दें अभी| उसके बाद Gradient पर क्लिक करें|

How to Animation in Photoshop

How to animation in Photoshop

हमारे पास Gradient के बहुत सारे presets की विंडो ओपन हो जायेगी| आप चाहें तो यहां से कोई Gradient select कर सकते हैं| आप यहाँ पर अपनी पसंद का New gradient create कर सकते हैं| How to animation in Photoshop के लिए हम यहां, New gradient create कर लेते हैं। Create करने के लिए हम जो कलर की लाइन नीचे शो हो रही है उस पर क्लिक करेंगे तो Gradient का एक कलर और add हो जायेगा|

How to animation in Photoshop में यहाँ एक Bucket बन जायेगी ब्लैक कलर की| हमें उसका कलर चेंज करना है| उसके लिए हमने उस Bucket पर डबल क्लिक करके कलर की विंडो ओपन हो जायेगी| अब यहां से हम वो कलर add करेंगे जो आप दिखाना चाहते हैं| कलर सेलेक्ट करने के बाद ओके कर देंगे हमारे Bucket में सेलेक्ट कलर fill हो गया| अब हम एक और कलर का Gradient add करेंगे उसी के थोड़ा दूरी पर|

हम उस Bucket पर भी डबल क्लिक करके कलर विंडो ओपन कर लेंगे और अब हम इसमें ब्लैक कलर सेलेक्ट कर लेते हैं| Bucket में ब्लैक कलर fill हो गया| अब हम इसी प्रकार लास्ट वाली Bucket में भी डबल क्लिक करके कलर विंडो ओपन कर ले उसमें भी ब्लैक कलर fill कर लेंगे|

हम जो Gradient set कर रहे हैं उसका preview हम shape पर देख सकते हैं| इस प्रकार आप देखेंगे कि हमने यहाँ shape पर पूरे ब्लैक कलर fill किया है, बस एक जगह वो कलर add किया है जो हमें यहां चाहिए| जो कलर हमने add किया है उसकी लोकेशन आप ध्यान में रखें यहाँ लोकेशन 30 के पास मैंने सेट कर दी है और उसके पास ब्लैक वाली bucket की लोकेशन मैंने यहाँ 40 के पास सेट कर दी है|

How to Animation in Photoshop

How to animation in Photoshop

Location set करने के बाद हमने presets की विंडो पर ओके क्लिक कर दिया है|Blend mode window को भी ओके कर दिया है| ओके करने के बाद आपके Layer Panel में Shape वाली लेयर के नीचे effect में Gradient का ऑप्शन show होगा| हम उस option पर राइट क्लिक करके Blending के ऑप्शन को क्लिक करना है| अब जो Blend होगा वो Shape layer पर नहीं होगा, बल्कि Gradient पर Blending mode काम करेगा |

अब हम Blending mode से Inner Glow पर क्लिक करेंगे| How to animation in Photoshop में Inner Glow select करने के बाद हमें कुछ सेटिंग सेट करनी होंगी| हम कलर को white सेलेक्ट करेंगे, Blend Mode में हम Overlay को सलेक्ट करेंगे, opacity 100% कर ले Technique आप Softer रखे और Source में Edge सेलेक्ट करें|

अब उसके बाद साइज पर ज्यादा फोकस न रखे| साइज आपको ज्यादा से ज्यादा रखना है तो दस से ज़्यादा न करें| Contour पर आकर वहाँ से आप Ring Double वाली शेप सेलेक्ट कर ले| इससे Shape पर थ्रीडी लुक आ जायेगा थोड़ा थोड़ा। Range 50% रखें और Jitter 0% पर रखे| ये सेटिंग सेट करने के बाद ओके पर क्लिक कर दें|

How to animation in Photoshop स्टार्ट करने के लिए हम shape में जो Gradient है उसमें हम Round animation देंगे| How to animation in Photoshop करने के लिए हम Window menu पर क्लिक करेंगे और टाइमलाइन के ऑप्शन पर क्लिक करेंगे| फोटोशॉप में नीचे की तरफ़ टाइमलाइन की लेयर ओपन हो जायेगी|

How to Animation in Photoshop

How to animation in Photoshop

टाइम लाइन में अभी हमें एक लेयर दिख रही है इस Layer को मैं add कर जाऊँगी| New Layer add करने के लिए हम टाइमलाइन में नीचे New Layer के ऑप्शन पर क्लिक करेंगे| हमारे पास एक New Layer Add हो जायेगी| Timeline की इस लेयर को हम Frame भी कह सकते हैं |

How to animation in Photoshop में अब जो हमने New Frame लिया है उसे सलेक्ट करेंगे और Layer Panel से Layer पर डबल क्लिक करें और Gradient overlay के ऑप्शन को सेलेक्ट कर लें और Degree जो हमारी अभी जीरो पर सेट थी उसे 20 degree प्लस में कर दे और ओके कर दे| अब फिर से एक frame add करेंगे टाइम लाइन में और उसे सलेक्ट करें फिर Layer Panel में जाकर shape layer में डबल click करें और Gradient overlay से degree 40 प्लस सेट कर दे|

इसी प्रकार next frame add करेंगे Timeline में और फिर Layer panel में shape layer पर double click करके Gradient overlay का ऑप्शन सेलेक्ट करके degree 60 कर देंगे| इसी प्रकार से हम हर new frame पर 20 प्लस डिग्री सेट करते जायेंगे|

How to Animation in Photoshop

How to animation in Photoshop

New frame add करके Layer panel से Shape layer पर double click करके Gradient overlay सेलेक्ट करके last -240 degree हम सेट कर लेते हैं| ये हमारे सारे frames टाइमलाइन में add हो गये| अब हम टाइमलाइन में play बटन आ रहा है उससे play करके देख सकते हैं| हमारे रिंग में Gradient में राउंड एनिमेशन स्टार्ट हो गया है Frame by Frame. इस प्रकार से आप फोटोशॉप में एनीमेशन बना सकते हैं|

अब हम टाइमलाइन में first frame select करेंगे और shift press करके last frame पर क्लिक करेंगे| हमारे सारे frame select हो जायेंगे एक साथ| अब timeline में राइट साइड से ऊपर की ओर एक arrow सा बन के आता है। Arrow पर क्लिक करें, और यहां से मैं reverse frame कर दे रही हूँ। जैसे ही Reverse frame select करके प्ले किया तो हमारा एनिमेशन reverse direction में प्ले होना, स्टार्ट हो जायेगा।

अगर आपने clock wise बनाया है और उसे anti clock wise play करना चाहते हैं, तो आप रिवर्स से सेलेक्ट करके कर सकते हैं। इसी प्रकार हम How to animation in Photoshop का सवाल solve कर, फोटोशॉप में बहुत सारे GIF create कर सकते हैं।

2 COMMENTS

  1. You are so awesome! I do not believe I’ve read through a single thing like that before. So wonderful to find another person with some original thoughts on this topic. Really.. thank you for starting this up. This site is something that’s needed on the web, someone with a bit of originality.

LEAVE A REPLY

Please enter your comment!
Please enter your name here