Typography in Photoshop CC 2015

0
22

Typography in Photoshop

Typography in Photoshop, न्यूज पेपर, मैगजीन, आदि में आप लोग daily देखते होंगे कि Typography यानी Type tool से रिलेटेड बहुत सारी चीजें अलग अलग तरह से दिखती हैं।

आपको लगता है ये कैसे लिखा गया, या आप जब डिजाइन कर रहे होते हैं उस कंडीशन में सबसे ज्यादा जो मुश्किल लगता है वो type tool लगता होगा, यानी Typography लगता होगा, कि कंटेंट को कैसे लिखना चाहिए, क्या फॉन्ट साइज रखना चाहिए? कहाँ पर कैसे कैसे किन चीजों को रखना चाहिए, फॉन्ट कलर क्या रखना चाहिए। इन चीजों से रिलेटेड आज मैं आपको बताऊँगा।

Typography एक तरह से letters और text को व्यवस्थित करने की कला है, जो book को स्पष्ट और visually रूप से learner के लिए आकर्षक बनाती है। Typography में font style उपस्थिति और संरचना शामिल होती है, जिसका उद्देश्य कुछ भावनाओं को स्पष्ट करना और विशिष्ट संदेश देना होता है। संक्षेप में, Typography वह है जो text को जीवन में लाता है।

Typography in Photoshop करने के लिए हमने सबसे पहले अपने सिस्टम में फोटोशॉप ओपन कर लिया है| मैं यहां Adobe Photoshop CC 2015 का यूज़ कर रही हूँ| फोटोशॉप ओपन करने के बाद आप सबसे पहले विंडो मेन्यू में क्लिक करके वहां से पैराग्राफ का ऑप्शन ओपन कर लें| पैराग्राफ की विंडो ओपन हो जायेगी| पैराग्राफ में दो ऑप्शन है Paragraph और Character. अब ये पैराग्राफ और कैरेक्टर होता क्या है, इसके बारे में मैं यहाँ डिटेल provide कराऊँगी|

सबसे पहले हम करेक्टर का tab ओपेन कर लिया| इसी पर Typography in Photoshop based होती है| अब हमें कुछ भी लिखना है for example आप जब xyz कुछ भी लिखते हैं, तो लिखने में प्रॉब्लम आती है, कि इतना कंटेंट कैसे लिखे, क्या लिखा जाये? अल्टीमेट पैसेज हो या सौ दो सौ words का कुछ passage मिल जाये लिखा हुआ मिल जाये ताकि उसमें कुछ प्रेक्टिस कर ले तो उसके लिए ज्यादातर Lorem Ipsum का यूज़ करते हैं, पर Lorem Ipsum होता क्या है,

Typography in Photoshop कुछ ऐसे words या paragraph होते हैं जो by default लिखे हुए होते हैं इंग्लिश में, जिसे आप यूज़ कर सकते हैं अपने डिजाइन में की जहाँ पर जितने words की जरूरत हो वहां पर आप उतने words यूज़ कर सकते हैं|

Typography in Photoshop

Typography in Photoshop

उसके लिए आप type tool लें और क्लिक करके पेज पे drag करा दे जब आप क्लिक करके drag कराते हैं, तो पेज पर एक तरह से rectangle box बन जाता है| अब जब ये rectangle बन गया तो आप कुछ भी टाइप करेंगे तो इसमें तो टेक्स्ट सारा उसी बॉक्स के अंदर ही टाइप होगा| आप इस बॉक्स में कुछ टाइप करना चाहते हैं मगर आपके पास मैटर नहीं है तो आप टाइप मेन्यू में जायें वहाँ सबसे नीचे ऑप्शन आता है Lorem Ipsum का उस पर क्लिक कर दें आपका मैटर उस बॉक्स के अंदर पेस्ट हो जायेगा|

उसके बाद आप enter press कर दे या प्रॉपर्टी बार में right का ऑप्शन पर क्लिक करते ही टेक्स्ट आपके पेज पर अप्लाई हो गया| अब आप इसमें देखेंगे कि सारे लेटर्स लेफ्ट में एक सीध में हैं यानी इसे हम लेफ्ट alignment कहेंगे और अगर हम फोटोशॉप में देखेंगे तो ये टैक्स्ट दोनों साइड से यानी लेफ्ट एंड राइट दोनों साइड align है तो हम इसे justify alignment कहेंगे|

जब type tool आपका सलेक्ट है तो उसके property bar में आपको सिर्फ तीन alignment ही शो होंगे, लेफ्ट सेंटर और राइट align. वहां Justify alignment आपको शो नहीं होगा, तो इसके लिए आपको अब पैराग्राफ विंडो में आना होगा, वहां आपको Justify का alignment show होगा जो automatically highlight हो रहा होगा| हमारा text जो फोटोशॉप में लिखा जायेगा, वो Justify alignment में ही टाइप होगा| अभी हम वहाँ से लेफ्ट आनलाइन सेलेक्ट कर लेते हैं, हमारे सारे टेस्ट left align हो गए|

अब अगर अब हम जो Text की लाइन्स लिखी हुई है उनके बीच में अगर मैं स्पेस बढ़ाना चाहती हूँ, तो इसे हम लोग कहते हैं line spacing और अगर एक word लिखा हुआ है और इसके बीच में यानी हर letter के बीच में अगर स्पेस देना हो तो उसको हम letter spacing कहेंगे| तो ये दोनों line spacing एंड line spacing इन दोनों चीजों की जरूरत हर दिन पड़ती है, हमको Typography in Photoshop में।

Typography in Photoshop

Typography in Photoshop

तो लाइन में स्पेस के लिए हम पैराग्राफ विंडो से character tab ओपेन कर लेंगे और उसमें set the line leading के option से हम लाइन में स्पेसिंग सेट कर सकते हैं। अगर हमारे words कहीं भी overlap करते हैं तो हम लाइन स्पेसिंग सही करके उनको सही कर सकते हैं। जब line spacing कम हो जाता है तो हम लाइन स्पेसिंग ऑप्शन से लाइन में स्पेस बढ़ाकर words का overlap सही कर सकते हैं।

लाइन स्पेसिंग बढ़ाने के लिए या तो आप बॉक्स के अंदर साइज लिखकर कर सकते हैं या फिर आप set the line leading पर जायेंगे, वहाँ आपको cursor में दो arrow दिखाई देंगे। उसमें अगर आप माउस को क्लिक करें करें right साइड में जायेंगे तो स्पेसिंग और बढ़ेगा और लेफ्ट साइड में आयेंगे तो स्पेसिंग कम होगा|

Typography in Photoshop

Typography in Photoshop

अब अगर हमें character के बीच की स्पेसिंग बढ़ानी है, तो हमें character tab में ही लाइन स्पेसिंग ऑप्शन के नीचे ही set the tracking का ऑप्शन आता है तो अब वहां से character के बीच की स्पेसिंग को घटा बढ़ा सकते हैं| Character स्पेसिंग भी हम बॉक्स के अंदर साइज लिखकर या set the tracking का symbol आता है वहां cursor लेकर जायें तो दो arrow show होंगे उसमें भी आप character की स्पेसिंग को कम या बढ़ा सकते हैं|

अगर आप अपने टेक्स्ट का कलर चेंज करना चाहते हैं तो character tab में ही ऑटो का ऑप्शन आता है उसके सामने कलर आते हैं| आप उन कलर्स पर क्लिक करेंगे वहां से कलर विंडो ओपन हो जायेगी आप वहाँ से जो भी कलर चेंज करना चाहते हैं वहां से select करके कर सकते हैं|

अगर आप किसी particular टेक्स्ट का कलर चेंज करना चाहते हैं, तो आप इतने text को सलेक्ट कर लें और फिर उनका कलर change कर सकते हैं और select वाले टेस्ट का कलर चेंज हो जायेगा| Character tab में ही आपको font style चेंज करने और font size चेंज करने का भी ऑप्शन मिलता है| जहां से आप font का साइज और स्टाइल भी चेंज कर सकते है|

Typography in Photoshop में मैं यहाँ एक example बना रही हूँ। Typography फोटोशॉप में कैसे क्रिएट कर सकते हैं। हम टाइपोग्राफी इफेक्ट बनाने के लिए कुछ filters और कुछ blend mode का भी उपयोग करेंगे|

Typography काफी easy है बनाने में, लेकिन आपको text और elements को जोड़ने में कुछ समय लग सकता है, लेकिन एक बार जब ऐसा करते हैं तो आगे की प्रक्रिया बहुत ही easy होती है।

Step 1 – Typography in Photoshop बनाने के लिए मैंने फोटोशॉप ओपन कर लिया है और एक नया पेज बना लिया है पेज का साइज मैंने 2560 x 1440 px का उपयोग किया है फिर एक मैंने इमेज अपने पेज पर ओपेन कर ली है। मेरे पास जो फोटो है उसका बैकग्राउंड व्हाइट कलर का है इसलिए मैं बैकग्राउंड को easily हटा दे रही हूँ।

Typography in Photoshop

Typography in Photoshop

Step 2 – अब मैंने इस इमेज की एक डुप्लीकेट लेयर बना ली है लेयर पैनल में नीचे साइड डुप्लीकेट लेयर ऑप्शन आता है वहां से बना सकते हैं या Ctrl + J से हम इसकी एक डुप्लीकेट लेयर बना ली है। डुप्लीकेट लेयर पर हम इसे ब्लैक एंड व्हाइट करेंगे तो इसके लिए हम Image Menu में जायेंगे।

वहाँ से हम Adjustment से Desaturate पर जायेंगे। हमारी जो फोटो है वो ब्लैक एंड व्हाइट हो गयी है। अब इस ब्लैक एंड व्हाइट फोटो के पीछे हम white color बैकग्राउंड करेंगे| इसके बाद हम इस फाइल को सेव कर देंगे और अभी हमने save psd format में ही save किया है।

Typography in Photoshop

Typography in Photoshop

Step 3 – अब हम टूल बॉक्स से Type Tool लेंगे और एक बॉक्स क्रिएट करेंगे drag कराके| अब इस बॉक्स के अंदर हम Text लिखना शुरू कर देंगे। ये जो हम text लिख रहे हैं ये सिर्फ हम इमेज में टाइपोग्राफी डिजाइन बनाने के लिए कर रहे हैं ये जरूरी नहीं है कि ये जो टैक्स्ट लिख रहे हैं ये पढ़ने में आए ये जरुरी नही| अब हम इनकी लाइन हाइट के साथ वर्क करेंगे। space कम करेंगे ताकि ये overlay हो सके। Text को बहुत bold और size बढ़ा देंगे। कुछ highlight कर देंगे text.

Typography in Photoshop

Typography in Photoshop

Step 4 – हमने सारे Text को अलग अलग layers में लिख लिये हैं| अब हम हर लेयर पर Layer Menu में जाकर Layer styles से drop shadow हर लेयर पे अप्लाई करेंगे| Drop Shadow में blend mode में हम multiply पे करेंगे।

कलर हम ब्लैक रखेंगे और angle हम इसका 90 लगेंगे और Distance, Spread and Size 5 करेंगे।
साथ ही सभी layers को ग्रुप बनायेंगे और ग्रुप को डुप्लीकेट करेंगे। फिर Layer Menu में जाकर Merge layers करेंगे और फिर Filter>Blur>Gaussian Blur करेंगे। Radius को 10 पिक्सल रखेंगे और जो यह हमारी Blur layer है, इसको रियल लेयर के पीछे रखेंगे। ये एक तरह से shadow लगेगी।

अब orignial layer का हम फिर डुप्लीकेट कर सकते हैं और इसे थोड़ा ऊपर और लेफ्ट साइड में थोड़ा सा मूव कर देंगे।

Typography in Photoshop

Typography in Photoshop

Step 5 – अब हम सभी Text Layer को सेलेक्ट करके उन्हें merge कर देंगेCtrl + E करके| अब हम Filter>Distort>Displace जायेंगे। एक डायलॉग बॉक्स ओपन होगा वहाँ पर आपको फाइल चुनने के लिए कहेगा। आप PSD फाइल वहां से चुनेंगे, जिसे हमने सेव करा था| उसके बाद कुछ सेटिंग्स करेंगे। Horizontal and Vertical Scale ये पंद्रह करें और Tile का उपयोग करेंगे।

Typography in Photoshop

Typography in Photoshop

जो फोटो वाली लेयर है उसे व्हाइट टेक्स्ट लेयर के ऊपर रखेंगे फिर फोटो लेयर को ब्लैंड मोड से burn light में कन्वर्ट कर देंगे। टेक्स्ट लेयर को मास्क करेंगे ताकि आपके पास फोटो के ऊपर सिर्फ टेक्स्ट हो।

Typography in Photoshop

Typography in Photoshop

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

LEAVE A REPLY

Please enter your comment!
Please enter your name here