यह वह टेम्पलेट है जिसे हम आज बनाएंगे:

बार रेस्तरां वेबसाइट लेआउट के लिए एक पूर्ण टेम्पलेट डिज़ाइन करें - पीएस ट्यूटोरियल लोरेली वेब डिज़ाइन

तो, एक नया कैनवास, 900*700px बनाकर शुरुआत करें।
अपने कैनवास पर एक नई परत बनाएं और इसे किसी लकड़ी जैसे पैटर्न से भरें। यदि आपके पास कोई लकड़ी का पैटर्न नहीं है, तो हमारी PSD फ़ाइल डाउनलोड करें।

बार रेस्तरां वेबसाइट लेआउट के लिए एक पूर्ण टेम्पलेट डिज़ाइन करें - पीएस ट्यूटोरियल लोरेली वेब डिज़ाइन

इसके बाद, आयताकार मार्की टूल का उपयोग करके, टेम्पलेट के ऊपरी भाग पर एक पट्टा चुनें, मान लीजिए 140 या 170 पिक्सेल ऊँचा। एक नई परत बनाएं और अपने चयन को भूरे रंग के किसी भी रंग से भरें।

बार रेस्तरां वेबसाइट लेआउट के लिए एक पूर्ण टेम्पलेट डिज़ाइन करें - पीएस ट्यूटोरियल लोरेली वेब डिज़ाइन

लेयर >> लेयर स्टाइल्स >> ग्रेडिएंट पर जाएं और #000000 … #FFFFFF … #000000 रंगों का उपयोग करके, 28% अपारदर्शिता के साथ ग्रेडिएंट प्रभाव लागू करें। परत की भराव को भी लगभग 30% पर सेट करना सुनिश्चित करें।

बार रेस्तरां वेबसाइट लेआउट के लिए एक पूर्ण टेम्पलेट डिज़ाइन करें - पीएस ट्यूटोरियल लोरेली वेब डिज़ाइन

बार रेस्तरां वेबसाइट लेआउट के लिए एक पूर्ण टेम्पलेट डिज़ाइन करें - पीएस ट्यूटोरियल लोरेली वेब डिज़ाइन

अगला कदम। फिर से आयताकार मार्की टूल का उपयोग करके, अपनी पिछली परत के नीचे एक बॉक्स का चयन करें, वह भी अगल-बगल से, लेकिन लगभग दो गुना ऊंचा।

बार रेस्तरां वेबसाइट लेआउट के लिए एक पूर्ण टेम्पलेट डिज़ाइन करें - पीएस ट्यूटोरियल लोरेली वेब डिज़ाइन

एक नई परत बनाएं और अपना मुख्य रंग #013814 और अपना द्वितीयक रंग #005e29 पर सेट करें। ग्रेडिएंट टूल का उपयोग करके, नीचे से ऊपर तक एक रेखा खींचें, ताकि गहरा रंग नीचे हो।

बार रेस्तरां वेबसाइट लेआउट के लिए एक पूर्ण टेम्पलेट डिज़ाइन करें - पीएस ट्यूटोरियल लोरेली वेब डिज़ाइन

बार रेस्तरां वेबसाइट लेआउट के लिए एक पूर्ण टेम्पलेट डिज़ाइन करें - पीएस ट्यूटोरियल लोरेली वेब डिज़ाइन

जबकि यह परत अभी भी चयनित है, परत >> परत शैलियाँ >> सम्मिश्रण विकल्प पर जाएँ और निम्नलिखित समायोजन लागू करें:
आघात
परछाई डालना

अब तक आपका कैनवास इसी तरह दिखना चाहिए।

बार रेस्तरां वेबसाइट लेआउट के लिए एक पूर्ण टेम्पलेट डिज़ाइन करें - पीएस ट्यूटोरियल लोरेली वेब डिज़ाइन

आयताकार मार्की टूल का उपयोग करके, अपने टेम्पलेट के बाएं ऊपरी कोने पर एक बॉक्स का चयन करें, जैसा कि नीचे चित्र में दिखाया गया है:

बार रेस्तरां वेबसाइट लेआउट के लिए एक पूर्ण टेम्पलेट डिज़ाइन करें - पीएस ट्यूटोरियल लोरेली वेब डिज़ाइन

एक नई परत बनाएं, और फिर से ग्रेडिएंट टूल पर स्विच करें, इस बार, पहले की तरह ही हरे रंग का उपयोग करके, ऊपर से नीचे तक एक रेखा खींचें, ताकि गहरा हरा रंग ऊपर हो। इससे लेआउट को बेहतर संतुलन मिलेगा.

बार रेस्तरां वेबसाइट लेआउट के लिए एक पूर्ण टेम्पलेट डिज़ाइन करें - पीएस ट्यूटोरियल लोरेली वेब डिज़ाइन

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