मैं अपना फ़ोटोशॉप पाठ कैसे बना सकता हूं जैसे यह वेब पर दिखाई देता है?


11

क्या मुझे वास्तव में फ़ोटोशॉप में सब कुछ डिज़ाइन करना होगा जिसमें एंटी-अलियासिंग सेट "कोई नहीं" है? मुझे यकीन है कि एक बेहतर तरीका है।

मैं एक सेटिंग करना चाहता हूं ताकि फ़ोटोशॉप में एक बेसिक वेब-सेफ़ (जैसे तहोमा) उठाते समय मैं देख सकूँ कि यह वास्तव में कैसा होगा जब वेब पर दिखाई देगा।

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

क्या कोई एंटी-अलियासिंग विकल्प है जो वेब पर सामग्री को लाइव करने की योजना बनाते समय (जो सबसे समान परिणाम है) के साथ शुरू करना सबसे अच्छा है?


1
एक फ़ॉन्ट 'वेब पर कैसे दिखता है' पूरी तरह से ब्राउज़र, ब्राउज़र सेटिंग्स, ओएस और ओएस सेटिंग्स पर निर्भर करता है। दूसरे शब्दों में, यह अलग-अलग लोगों के लिए अलग-अलग दिखता है।
DA01

जवाबों:


10

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

विंडोज एक्सपी पर अलियासिड टेक्स्ट रेंडरिंग आम है, जहां डिफॉल्ट रूप से क्लियरटाइप डिसेबल होता है। Windows Vista और नए में ClearType डिफ़ॉल्ट रूप से चालू है।


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


2
इस प्रश्न का उत्तर देने के बाद से, Adobe ने फ़ोटोशॉप (विंडोज पर प्लस समतुल्य) के लिए "मैक" और "मैक एलसीडी" विकल्प जोड़े जो सिस्टम फॉन्ट रेंडरिंग का उपयोग करते हैं। यह अक्सर सफारी के बहुत करीब या समान है।
मार्क एडवर्ड्स

8

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

एक फ़ोटोशॉप COMP के विपरीत ग्राहक को एक वास्तविक URL पास करने से, आप ग्राहक की अपेक्षाओं को धराशायी होने से बचाते हैं जब अंतिम उत्पाद अपनी पसंद के ब्राउज़र में थोड़े अलग तरीके से प्रस्तुत करता है बनाम फ़ोटोशॉप कंप्स।

अंततः, यह हमारी जिम्मेदारी है कि हम क्लाइंट को शिक्षित करें और उन्हें ब्राउज़रों और ओएस के बीच होने वाली अपरिहार्य टाइपोग्राफिक विसंगतियों से अवगत कराएं।


1
मेरी कंपनी में, मैं डिज़ाइन बनाता हूं और उन्हें फ्रंट-एंड डेवलपर को सौंप देता हूं। मैं कभी कोड नहीं छूता। इसके साथ ही, मुझे एक समाधान की आवश्यकता है जो वास्तव में वेब पेज के निर्माण में शामिल नहीं है, यह देखने के लिए कि मेरा टेक्स्ट कैसा दिखता है।
jonn_g

2

फ़ोटोशॉप CC में, हमने आपके फोंट के लिए नए अलियासिंग मोड जोड़े हैं। "कुरकुरा", या "मजबूत" के बजाय, नए "मैक एलसीडी" का प्रयास करें। आपको 100% वेब सुरक्षित डिज़ाइन मिलेगा।


1
"100% वेब सुरक्षित डिजाइन" जैसी कोई चीज नहीं है, यह देखते हुए कि ब्राउज़र, फोंट और ऑपरेटिंग सिस्टम में 100% स्थिरता जैसी कोई चीज नहीं है।
DA01

1

संक्षिप्त उत्तर: आप नहीं कर सकते।

न केवल फोटोशॉप कभी भी यह जानने के लिए आदर्श नहीं है कि आपके टाइपफेस इसके बाहर कैसे प्रस्तुत करेंगे, यह सामान्य रूप से फोंट के साथ काम करने के लिए आदर्श नहीं है। (जब मैंने एक डिज़ाइन फर्म / प्रिंट शॉप में काम किया, तो PS में डिज़ाइन की गई सभी चीज़ों को इसी कारण पीडीएफ के रूप में निर्यात किया जाना था)। फिर वेब का मुद्दा आता है, यह ब्राउज़र और ओएस है जो उन ब्राउज़रों को चलाता है। अब तक, जहां तक ​​मुझे जानकारी है, OS X उचित रूप से फोंट प्रदान करने के मामले में सबसे अच्छा है, जबकि लिनक्स दूसरे स्थान पर आता है, और विंडोज का कोर्स अंतिम रूप से आता है। वास्तविकता यह है कि, वे सभी फोंट प्रतिपादन के लिए अलग-अलग एल्गोरिदम का उपयोग करते हैं, और आप हर जगह एक ही परिणाम प्राप्त नहीं करने वाले हैं। यदि कोई समाधान होता है, तो यह होगा कि हम सभी लिनक्स, मैक पर जाएं, या प्रतीक्षा करें 'टिल माइक्रोसॉफ्ट या तो अगली बार विंडोज मेट्रो के साथ सफल होता है (क्षमा करें, मुझे इसे विंडोज 8 कहने से नफरत है) या इसे पूरी तरह से उड़ा देता है,

बस मेरे 2 सेंट,

पैच


0

मेरी नज़र में, ब्राउज़र में रेंडर करना फोटोशॉप के "शार्प" और "क्रिस्प" मैक के बीच और विंडोज पर "क्रिस्प" और "स्ट्रॉन्ग" के बीच कहीं है। मेरा सुझाव है कि जिन ग्राफिक डिजाइनरों के साथ मैं काम करता हूं, उनके लिए लाइव टेक्स्ट का उपयोग करें। डिफ़ॉल्ट "मजबूत" हमेशा उन्हें निराशा के लिए खड़ा करता है। ;)

हमारी साइट का प्रयोग करके, आप स्वीकार करते हैं कि आपने हमारी Cookie Policy और निजता नीति को पढ़ और समझा लिया है।
Licensed under cc by-sa 3.0 with attribution required.