अपनी खुद की वेबसाइट बनाना हमेशा एक स्केच और भविष्य के डिजाइन के विकास के साथ शुरू होता है, और इस विकास का एक अभिन्न हिस्सा फ़ोटोशॉप में साइट डिज़ाइन का विज़ुअलाइज़ेशन है और तैयार डिज़ाइन को बाद के लेआउट के लिए ब्लॉक में काटना है। साइट डिज़ाइन की एक तस्वीर को सही ढंग से काटने की क्षमता सीधे लेआउट की आगे की सफलता और सर्वर पर ग्राफिक फ़ाइलों की सही नियुक्ति को प्रभावित करती है।
निर्देश
चरण 1
फ़ोटोशॉप में बनाया गया डिज़ाइन लेआउट खोलें, जो वांछित रिज़ॉल्यूशन की एक ठोस छवि है। फोटोशॉप में टूलबार से, स्लाइस टूल चुनें। अस्थायी रूप से सभी टेक्स्ट लेयर्स, इनपुट फ़ील्ड्स, आइकन्स और समान तत्वों की दृश्यता को बंद कर दें।
चरण 2
चुने हुए टूल के साथ गाइड लाइन बनाएं जिसके साथ आप साइट को काटेंगे - छवि पर ये लाइनें हरी होंगी। वांछित आकार और मात्रा के संरचनात्मक तत्वों में एक-टुकड़ा लेआउट को ध्यान से विभाजित करें।
चरण 3
इस बारे में सोचें कि आप छवि को कैसे काटेंगे - इसमें बहुत अधिक व्यक्तिगत तत्व नहीं होने चाहिए। गाइड लाइन बनाने के लिए, इमेज के ऊपर कर्सर को ऊपरी रूलर पर रखें, बायाँ-क्लिक करें और गाइड को नीचे खींचें। माउस बटन छोड़ें।
चरण 4
सभी गाइड सेट होने के बाद (ऊर्ध्वाधर और क्षैतिज दोनों), लेआउट को टुकड़ा करने के लिए आगे बढ़ें।
चरण 5
ऊपर चुने गए कटिंग टूल का उपयोग करके, प्रत्येक दिशानिर्देश की शुरुआत पर बायाँ-क्लिक करके लेआउट को काटें और प्रदर्शित फ़ील्ड को वांछित वस्तु के आकार तक खींचे जिसे आप काटना चाहते हैं। बाएं माउस बटन को छोड़ दें ताकि कटे हुए टुकड़े के बाएं कोने में एक सीरियल नंबर दिखाई दे।
चरण 6
टुकड़ों की सीमाओं को मैन्युअल रूप से खींचकर समायोजित करें। समग्र छवि के कटे हुए हिस्सों को सहेजने के लिए, फ़ाइल मेनू पर "वेब पेजों के लिए सहेजें" विकल्प पर क्लिक करें और जेपीईजी प्रारूप का चयन करें। सहेजें विंडो में, "सभी टुकड़े" चुनें।
चरण 7
कट-आउट छवि अंशों को अलग से सहेजने के बाद, पृष्ठ डिज़ाइन के सभी दृश्य तत्वों को सहेजें - टेक्स्ट ब्लॉक, बटन, लाइनें, आदि।
