फ्लैश कैटलिस्ट - फोटोशॉप प्रोजेक्ट लेआउट

• मई 5, 2024

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

1. पोर्टफोलियो के लिए डिजाइन सरल गोल आयतों का एक लेआउट होगा। नीचे के 500 x 500 आयत में इन दो रंगों से एक सरल ढाल होगा - #ffffff और # c9c1a5।
   
   
2. इसके बाद, मैंने लोगो और थंबनेल के लिए एक बड़े और तीन छोटे मैट जोड़े। फोरग्राउंड रंग को काले रंग के सेट के साथ, मैंने चार मैट को खींचने के लिए कस्टम शेप टूल और गोल वर्ग आकार का उपयोग किया। फिर मैंने मैट को खत्म करने के लिए ड्रॉप शैडो, इनर शैडो और इनर ग्लो लेयर स्टाइल का एक संयोजन जोड़ा।
   
   
3. Engravers MT फ़ॉन्ट का उपयोग करते हुए, मैंने शीर्षक को पोर्टफोलियो लेआउट के शीर्ष पर जोड़ा। इसके बाद, मैंने पाठ को व्यवस्थित किया और पाठ को उसी परत शैलियों को लागू किया जैसा मैंने मैट पर किया था।
   
   
4. इसके बाद, मैंने मैट में तीन थंबनेल जोड़े, जिसमें मैं चाहता हूं कि लोगो को बाएं से दाएं देखा जाए। बेशक, हम कैटलिस्ट में नेविगेशन बटन सेट करेंगे ताकि दर्शक किसी भी क्रम में लोगो को देख सके।
   
   
5. फिर, मैंने उसी क्रम में लेयर्स पैनल में लोगो जोड़े।
   
   
6. अंत में, मैंने एक ड्रॉप शैडो (डिफ़ॉल्ट सेटिंग्स) को बैकग्राउंड लेयर में जोड़ा।
   
   यह परियोजना बहुत छोटी है और मैं आमतौर पर इस आकार की परियोजना के लिए लेयर्स पैनल में फ़ोल्डर्स का उपयोग नहीं करता हूं। हालांकि, मैं यह प्रदर्शित करना चाहता हूं कि जब हम कैटलिस्ट में फ़ाइल आयात करते हैं, तो फ़ोटोशॉप के लेयर्स पैनल की जानकारी बनी रहेगी। इस उद्देश्य के लिए, मैंने "थंबनेल" फ़ोल्डर में सभी थंबनेल, "लोगो" फ़ोल्डर के सभी लोगो और "पृष्ठभूमि" फ़ोल्डर में सभी पृष्ठभूमि ग्राफिक्स रखा।
   
   
7. अब हम इस ग्राफिक लेआउट को फ्लैश कैटालिस्ट में आयात करने के लिए तैयार हैं। अपने फोटोशॉप फ़ाइल को PortfolioLayout.psd के रूप में सहेजें।
   
   
8. Adobe Flash उत्प्रेरक खोलें। वेलकम स्क्रीन पर, हम डिज़ाइन फ़ाइल से एडोब फोटोशॉप पीएसडी फ़ाइल से नई परियोजना बनाएँगे। अपनी PortfolioLayout.psd फ़ाइल में ब्राउज़ करें।
   
   
9. संवाद बॉक्स में, ध्यान दें कि कैटलिस्ट ने पहले ही पहचान लिया है कि हमारी परियोजना PSD फ़ाइल के आकार से 500 x 500 पिक्सल होगी। अपने वेबपृष्ठ से मिलान करने के लिए संपादन योग्य और पृष्ठभूमि रंग रखने के लिए निष्ठा विकल्प सेट करें।
   
   आइए फ्लैश कैटालिस्ट में लेयर्स पैनल की जांच करें। ध्यान दें कि हमारे पास अपने PSD फ़ाइल में सभी समान परतें और फ़ोल्डर्स हैं, साथ ही उनके संबंधित नाम भी। यह भी ध्यान दें कि कैटालिस्ट ने उन परतों शैलियों को शामिल करने के लिए परतें बनाई हैं जिन्हें हमने फ़ोटोशॉप में लागू किया था। यदि आप दृश्यता आइकन पर क्लिक करते हैं, तो आप देखेंगे कि अभी भी इन शैलियों पर हमारा नियंत्रण है।

अगले ट्यूटोरियल में, हम अपने ग्राफिक्स से यूआई घटकों को बनाना शुरू करेंगे।

कॉपीराइट 2018 एडोब सिस्टम्स शामिल। सभी अधिकार सुरक्षित। Adobe उत्पाद स्क्रीन शॉट (ओं) को Adobe सिस्टम शामिल से अनुमति के साथ पुनर्मुद्रित किया गया। Adobe, Photoshop, Photoshop एल्बम, Photoshop तत्व, Illustrator, InDesign, GoLive, Acrobat, Cue, Premiere Pro, Premiere Elements, Bridge, After Effects, InCopy, Dreamweaver, Flash, ActionScript, आतिशबाजी, योगदान, कैप्टिनेट, फ्लैश कैटालिस्ट और फ्लैश पेपर संयुक्त राज्य अमेरिका और / या अन्य देशों में शामिल Adobe Systems का या तो [a] पंजीकृत ट्रेडमार्क [s] या ट्रेडमार्क [s] है।

वीडियो निर्देश: वास्तुकला लेआउट प्रस्तुति - फ़ोटोशॉप वास्तुकला (मई 2024).