क्या आपने ग्राफिक तत्वों के साथ एक मूल लेआउट संकलित किया है और एक लेआउट बनाना चाहते हैं? सबसे पहले, आपको यह सीखने की ज़रूरत है कि लेआउट को कैसे स्लाइस किया जाए ताकि प्रत्येक ग्राफिक तत्व बाद में पृष्ठ के मध्य, ऊपर या नीचे सही जगह पर हो।
निर्देश
चरण 1
लेआउट को काटने की तकनीक चुनते समय, याद रखें कि PSD लेआउट के साथ काम करते समय प्रत्येक लेआउट डिज़ाइनर इसे काटने के अपने तरीकों का उपयोग करता है। इसलिए, पहले चरण में, केवल सबसे सरल तकनीकों का चयन करें, जिसमें ग्राफिक्स के साथ बनाए गए लेआउट को टुकड़ों में काटना शामिल है, जो शुरुआती लोगों के लिए सुविधाजनक है। सबसे पहले, पहले अपने दिमाग में कल्पना करें कि आप अपने लेआउट को किन भागों में विभाजित करेंगे, इसके प्रत्येक अलग-अलग हिस्सों पर विचार करें, और उसके बाद ही प्रक्रिया के तकनीकी भाग पर आगे बढ़ें। याद रखें कि PSD लेआउट को इसकी जटिलता के आधार पर "हिस्सा" में विभाजित किया गया है, इसे अलग-अलग तत्वों में विभाजित किया गया है। इसके अलावा, प्रत्येक ग्राफिक तत्व अन्य सभी विवरणों से स्वतंत्र होना चाहिए।
चरण 2
बटन, एक अलग बैकग्राउंड लेयर और टेक्स्ट लेयर्स वाले हेडर के साथ एक लेआउट को काटने का निर्णय लेते समय, याद रखें कि इस मामले में पूरे हेडर को चित्र के रूप में नहीं काटा जा सकता है। ऐसी स्थिति में, सभी टेक्स्ट लेयर्स, प्रत्येक बटन के साथ-साथ हेडर की बैकग्राउंड लेयर को अलग-अलग चित्रों में काटना बेहतर होता है। दूसरे, एक लेआउट को टुकड़ा करना यह मानता है कि लेआउट डिजाइनर निम्नलिखित क्रम में क्रिया करता है। यदि टेक्स्ट केवल सजावट का हिस्सा है, तो इसे HTML / CSS लेआउट से पहले उपयोग करें।
चरण 3
सबसे पहले, लेआउट को फोटोशॉप में ही खोलें ताकि लेयर्स पैनल दाईं ओर दिखाई दे, जिसे लेआउट शुरू करने के लिए आवश्यक बैकबोन माना जाता है। उस स्थिति में जब सभी छवियां क्लिक करने योग्य हों, अपने लेआउट का पूर्ण रिज़ॉल्यूशन संस्करण खोलें। इसके बाद, सभी ग्राफिक तत्वों को लेआउट करें ताकि वे HTML प्रारूप के समान दिखें, इसलिए प्रत्येक स्पष्ट ग्राफिक तत्व को वांछित प्रारूप में सहेजें: GIF, JPG, या PNG। अगला, केवल उस तत्व को छोड़ दें जिसे आप काटने जा रहे हैं, और बस अन्य सभी परतों को बंद कर दें, और वांछित परत को फ़ोटोशॉप में पहले से बनाए गए नए दस्तावेज़ में स्थानांतरित करें।
चरण 4
आवश्यक ग्राफिक तत्व का चयन करने के लिए, आयताकार मार्की टूल जैसे टूल का उपयोग करें, जो आपको चयनित क्षेत्र को बिंदीदार रेखा से चिह्नित करने की अनुमति देता है। उसके बाद, इमेज> क्रॉप मेनू का उपयोग करके बाकी लेआउट को डॉटेड एलिमेंट में क्रॉप करें। अनावश्यक पृष्ठभूमि परतों से छुटकारा पाने के लिए, पृष्ठभूमि परतों की दृश्यता को बंद करते हुए, एक ढाल भरण लागू करें। अगला, चयनित भाग के कोनों को ट्रिम करें, और फिर अन्य सभी परतों को पारदर्शी रखें।
