परीक्षण अगर एक bg पुनरावृत्ति टाइल ठीक से फ़ोटोशॉप में होगा?

9

मैं अक्सर वेब पर उपयोग किए जाने वाले फ़ोटोशॉप में पृष्ठभूमि बनावट बनाने के लिए काम कर रहा हूं। दुर्भाग्य से मुझे आमतौर पर अनुमान लगाना पड़ता है, या बस अन्य वेबसाइटों से मुफ्त का उपयोग करना पड़ता है।

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

नीचे एक दो उदाहरण पृष्ठभूमि टाइलें हैं ताकि आप देख सकें कि मैं किस बारे में बात कर रहा हूं:

tile1

tile2

— भाग्य द्वीप
स्रोत

17

अपनी छवि बनाएं। उदाहरण के लिए, मान लें कि यह 200px वर्ग है
FILTERS> OTHER> OFFSET पर जाएं और x और y संख्याओं में टाइप करें जो आपकी छवि का आकार आधा है (इस मामले में 100px)
यह आपकी छवि को कई पिक्सेल पर स्थानांतरित कर देगा और उस पिक्सेल को बंद कर देगा जो कैनवास को दूसरी तरफ ले जाया गया था। अब आपको अपनी छवि के मध्य में एक सीम चलता हुआ दिखाई देगा जहाँ पैटर्न पूरी तरह से दोहरा नहीं है।
जो भी आपको पसंद आए (उपकरण एक सामान्य विकल्प है) का उपयोग करके इसे एक सहज मिश्रण बनाने के लिए इस सीम को स्पर्श करें।
अपनी नई छवि सहेजें।

अधिक जटिल चित्रों के लिए, आपको 1/4 पिक्सेल के आयामों को अंतिम रूप से करने की आवश्यकता हो सकती है, किनारों को छूने के लिए पिक्सेल आयाम जो आपको पहली बार कैनवास के किनारे के पास गिर गए थे।

— DA01
स्रोत

शुक्रिया यह सही है! वास्तव में मैं क्या ढूंढ रहा था

— डेस्टिनी आइलैंड्स

5

DA01 जवाब देता है कि इसे कैसे बनाया जाए लेकिन आपका सवाल यह है कि इसे कैसे टेस्ट किया जाए। उस प्रश्न का उत्तर है:

अपनी पैटर्न परत का चयन करें
संपादित करें> पैटर्न को परिभाषित करें
नई परत बनाएँ
सभी का चयन करे
संपादित करें> भरें> पैटर्न> अपना पैटर्न चुनें
ठीक है मारो और देखो अगर यह अच्छा लग रहा है

— रयान
स्रोत

2

ओह। मैंने प्रश्न को पूरी तरह से गलत समझा! अच्छा सुझाव। एक अन्य विकल्प केवल एक दोहराई गई पृष्ठभूमि के साथ एक परीक्षण HTML फ़ाइल बनाना है। फिर बस फ़ाइल को फिर से सहेज कर रखें और ब्राउज़र को फिर से लोड करें।

— DA01

1

हाँ, मुझे पता था कि यह HTML / CSS में कैसे किया जाता है, लेकिन यह नहीं पता था कि फ़ोटोशॉप भी परीक्षण कर सकता है। सलाह के लिए धन्यवाद!

— नियति द्वीप

2

मैं परंपरागत रूप से छवि को jpg या png के रूप में सहेजता हूं और फिर मूल HTML का उपयोग करके परीक्षण का परीक्षण कर सकता हूं।

<html>
<head></head>
<body style="background: url(image.jpg) repeat 0 0;">
</body>
</html>

एक ब्राउज़र में खोलें और आप टाइलिंग देख सकते हैं और बस "image.jpg" को पुन: सहेज सकते हैं और संशोधनों की जांच करने के लिए वेब पेज को रीफ्रेश कर सकते हैं।

— स्कॉट
स्रोत

1

ऐसा करने का एक और तरीका भी है, लेकिन सीमा यह है कि अन्य सभी पैटर्न उसी आकार के होने चाहिए जो आप देखेंगे।

कदम:

200px बॉक्स द्वारा एक 200px बनाओ।
इसे स्मार्ट ऑब्जेक्ट में परिवर्तित करें।
इसे डुप्लिकेट और संरेखित करें ताकि क्षैतिज रूप से 3 बक्से हों। सुनिश्चित करें कि बीच में कोई अतिव्यापी या रिक्त स्थान न हो।
तीन ऊर्ध्वाधर स्तंभों में चयनित तीन बक्से को डुप्लिकेट करें।
यदि पहले से सक्षम नहीं है, तो फ़्लोटिंग फ़्लोटिंग विंडो को सक्षम करें।
डबल क्लिक करें और स्मार्ट ऑब्जेक्ट खोलें।
दोनों विंडो को इस प्रकार संरेखित करें ताकि आप दोनों फाइलों को देख सकें।
जो भी पैटर्न आप चाहते हैं उसके साथ स्मार्ट ऑब्जेक्ट भरें और इसे एक साथ अन्य विंडो में कार्रवाई में देखें।

— मुहम्मद उमर
स्रोत

1

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

— TaranQ
स्रोत

1

मैंने टाइल दृश्य नामक एक क्रोम एक्सटेंशन लिखा है जो आपको एक छवि पर क्लिक करने और यह देखने का अधिकार देता है कि यह कैसे टाइल है।

— tknomad
स्रोत

: वहाँ भी इस वेब-आधारित टूल मैं हाल ही में पता चला है tile.toyls.com

— थॉमस Guyot-Sionnest

0

जिस तरह से मैं ऐसा करता हूं वह बस एक jpg के रूप में टाइल को सहेजता है और इसे मेरे डेस्कटॉप पर टाइल करने के लिए सेट करता है। बहुत जल्दी और आसान।

— जील
स्रोत