सिर्फ वेब डिजाइनिंग के लिए फोटोशॉप सीखना


17

मैं एक वेब डिजाइनर बनना चाहता हूं, इसलिए मैं बहुत सारे फोटोशॉप वीडियो ट्यूटोरियल देख रहा हूं, लेकिन उनमें से कुछ ट्यूटोरियल वेब डिजाइनिंग के लिए उपयोगी नहीं हैं। उदाहरण के लिए, कुछ फिल्में त्वचा, या दांतों के बारे में होती हैं या एक फूल खींचती हैं या दीवार या इस तरह की चीजों के पैटर्न को बदलती हैं। क्योंकि मेरे पास वेब डिजाइनिंग के लिए कोई विशिष्ट संसाधन नहीं है, और वे ट्यूटोरियल मेरे लिए समय बर्बाद करने का एक प्रकार हैं!

क्या आप फ़ोटोशॉप में वेब डिज़ाइन सीखने में मेरी मदद करने के लिए कोई ट्यूटोरियल स्रोत जानते हैं?

फ़ोटोशॉप में वेब डिज़ाइनिंग पर ध्यान केंद्रित करने के लिए मुझे क्या करना चाहिए?

वेब डिज़ाइनिंग के लिए फ़ोटोशॉप के कौन से हिस्से आवश्यक हैं और कौन से हिस्से नहीं हैं?

जवाबों:


15

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

उदाहरण के लिए, यदि आपको अपने पृष्ठ पर चमकदार थोड़े-थोड़े चमकीले बटन पसंद हैं (कुछ समय पहले ये बहुत लोकप्रिय थे) तो आपको ब्रश उपकरण के साथ कुछ छाया, कई ग्रेडिएंट, मास्किंग, और शायद थोड़ा हाथ से उपयोग करने की आवश्यकता होगी। एक पृष्ठभूमि के लिए आप बस बनावट / पैटर्न वाले मास्क के साथ एक ठोस रंग या ढाल का उपयोग कर सकते हैं।

चूँकि सीखने के लिए "फ़ोटोशॉप का एक हिस्सा" नहीं है, इसलिए आप जो सबसे अच्छा काम कर सकते हैं वह है विभिन्न उपकरणों का उपयोग करके अच्छी तरह गोल हो जाना। चारों ओर ब्राउज़ करें और सभी प्रकार की साइटों को देखें। उन विशेषताओं पर ध्यान दें जिन्हें आप पसंद करते हैं, और फिर उन्हें अपने आप को फिर से बनाने की कोशिश करें। अक्सर आप तत्वों को विच्छेदित कर सकते हैं - क्या वस्तु की सीमाएं, ग्रेडिएंट्स, बनावट, प्रकाश-स्रोत आदि हैं - और कुछ इसी तरह को फिर से बनाना।

एक ही समय में, मैं मुश्किल से घर को हथौड़ा नहीं कर सकता कि बस फ़ोटोशॉप की तुलना में डिजाइन करने के लिए अधिक है। मेरी सिफारिश स्थानीय सामुदायिक कॉलेज (या घरघराहट) में एक डिजाइन क्लास लेने और संतुलन, रंग, व्हाट्सएप, आदि जैसी चीजों के लिए महसूस करने की होगी। ये अवधारणाएं अक्सर पेशेवर दिखने और किसी की चाची (जैसे,) के बीच अंतर करती हैं । इस परिदृश्य में, व्यापार द्वारा एक डिजाइनर नहीं है ) ने एक Geocities टेम्पलेट संपादित किया।


4
"... वहाँ सिर्फ फ़ोटोशॉप की तुलना में डिजाइन करने के लिए अधिक है।" सुनो सुनो! +1।
फिलिप रेगन

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

17

"मैं एक वेब डिजाइनर बनना चाहता हूं, इसलिए मैं बहुत सारे फोटोशॉप वीडियो ट्यूटोरियल देख रहा हूं"

क्या आप HTML, CSS और JS जानते हैं? यदि नहीं, तो पहले वहाँ शुरू करें।

इसके बाद फोटोशॉप का इस्तेमाल HTML, CSS और JS के साथ जाने वाले ग्राफिक्स को बनाने के लिए एक टूल के रूप में किया जाता है।

फोटोशॉप में विशेष उपकरणों के बारे में कुछ विशेष 'वेब साइट डिजाइन' केंद्रित नहीं है। यह केवल एक छवि निर्माण और संपादन उपकरण है।


4

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

लेकिन एक सामान्य अवलोकन प्राप्त करने के लिए, विशेष रूप से डिजाइनिंग वेबसाइटों के लिए उपयोग किए जाने वाले ट्यूटोरियल के एक सेट के साथ काम करने का प्रयास करें। यहां तक ​​कि वास्तव में बुनियादी ट्यूटोरियल। क्योंकि ये आपके लिए चरणों की रूपरेखा तैयार करेंगे, और आप भविष्य की परियोजनाओं पर इन्हें दोहरा सकते हैं। मैंने नीचे 2 बहुत बढ़िया संसाधन जोड़े हैं, मुझे आशा है कि आप उनकी जाँच करेंगे। मैं गारंटी देता हूं कि आपको एक शुरुआती टेम्पलेट ट्यूटोरियल मिलेगा जो आपको पसंद है - और आप बहुत कुछ सीखेंगे!


4

यदि आप वेबसाइट डिजाइन करना चाहते हैं, तो आप फ़ोटोशॉप की तुलना में पटाखों के साथ काम करना बेहतर होगा। PS, हृदय पर, एक फोटो हेरफेर अनुप्रयोग है, और इसके उपकरण वायरफ्रेम के लिए उपयोग किए जा सकते हैं, वे विशेष रूप से इस पर कुशल नहीं हैं। इसे दूसरे तरीके से रखें: वेब डिज़ाइन के लिए PS का उपयोग करना, InDesign पर DTP एप्लिकेशन के रूप में PS का उपयोग करने जैसा है। हां, यह किया जा सकता है, लेकिन यह इसे करने का एक शानदार तरीका नहीं है, और आप लंबे समय में हार जाएंगे।

पटाखे लाने वाले फायदे हैं:

  • सच वेक्टर आकृतियों के साथ काम करना बहुत आसान है
  • पिक्सेल आयामों को परिभाषित करने के लिए आसान; खिंचाव आदि पर स्ट्रोक का न होना।
  • हर एक छवि को फिर से करने के बिना, अपने मॉकअप में सिटवाइड डिज़ाइन परिवर्तन करने के लिए 'मास्टर पेज' को परिभाषित कर सकते हैं
  • आमतौर पर उपयोग किए जाने वाले UI नियंत्रणों की एक लाइब्रेरी बनाना आसान है (वेब ​​ऐप्स डिजाइन करने के लिए मूल्यवान)
  • यूआई विशिष्ट डेस्कटॉप एप्लिकेशन इंटरफ़ेस के करीब है, जिसका अर्थ है एक सीखने वाला वक्र

केवल वास्तविक लाभ जो फ़ोटोशॉप मेज पर लाता है, वह तथ्य यह है कि

  • फ़ॉन्ट रेंडरिंग बेहतर है
  • आपके सहकर्मी एप्लिकेशन को (थोड़ा) बेहतर जान पाएंगे

1
हां, पटाखे बेहतर हैं, अन्यथा आपको इलस्ट्रेटर और फ़ोटोशॉप दोनों का उपयोग करना होगा और आगे और पीछे स्विच करना होगा।
केकड़ी

0

"फ़ोटोशॉप से ​​डिज़ाइन करने के लिए और भी बहुत कुछ है" के नोट पर: मुझे यह व्यावहारिक लगा: http://naldzgraphics.net/tips/what-designers-need-to-know-about-typography/


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

इसके अलावा यह एक लिंक केवल उत्तर है।
वाइल्डकार्ड

0

फोटोशॉप सिर्फ एक टूल है और जितना बेहतर आप टूल को जानते हैं, उतना ही बेहतर है कि आप इसका इस्तेमाल कर पाएंगे कि आप क्या करना चाहते हैं। हालाँकि, फ़ोटोशॉप को जानने की तुलना में डिज़ाइन करना अधिक है।

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

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

साथ ही, जैसा कि पहले किसी ने उल्लेख किया है, HTML / CSS / JS सीखना वेब डिज़ाइन कार्य के लिए भी एक निश्चित प्लस है।


-2

आप ज्ञात वेब संगतता समस्याओं के लिए अपनी PSD फ़ाइल को यहां सत्यापित कर सकते हैं https://www.oss-usa.com/web-preflight?promo=web-preflight यह मुफ़्त है


हाय निक, GDSE में आपका स्वागत है और आपके उत्तर के लिए धन्यवाद। मैं यह देखने में विफल रहता हूं कि यह प्रश्नों का उत्तर कैसे देता है, क्या आप कृपया विस्तार से बता सकते हैं? धन्यवाद!
विंसेंट

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

धन्यवाद। हालाँकि, यह वास्तव में मदद करेगा यदि आप अपने अनुभव को साझा करना चाहते हैं और उन गलतियों को दूर करना चाहते हैं। इस तरह, आपके उत्तर में बाद में लिंक टूटने की स्थिति में (बहुत अधिक!) मान होगा। लिंक सड़ने का कारण है कि हम (ज्यादातर) लिंक-ओनली पर बहुत उत्सुक नहीं हैं, और यही कारण है कि मैंने आपके उत्तर को वोट दिया है। निराश न हों, कृपया, हम जानते हैं कि इस साइट का उपयोग करना सीखने की अवस्था हो सकती है। हम आपके लिए खुश हैं, योगदान देते रहें!
विंसेंट
हमारी साइट का प्रयोग करके, आप स्वीकार करते हैं कि आपने हमारी Cookie Policy और निजता नीति को पढ़ और समझा लिया है।
Licensed under cc by-sa 3.0 with attribution required.