2009 17 अक्टूबर 2009

Photoshop फ़ाइल से HTML / सीएसएस के लिए WordPress श्रृंखला के लिए

Screen shot 2009-10-17 at 4.59.04 PM मैं मैं करने के लिए इस्तेमाल की तरह मेरे दैनिक ब्लॉग को पढ़ने के लिए समय याद आती है, लेकिन मेरे पसंदीदा में से एक से इस महान श्रृंखला के पार आया: क्रिस Coyier, जिसका एक साइट सीएसएस ट्रिक्स मुझे मदद की है बेहद.

वह श्रृंखला में आप एक वेबपेज लेआउट बनाने के डिजाइन की प्रक्रिया से लेता है, टुकड़ा करने की क्रिया और कोडन प्रक्रिया जहां सीएसएस डिजाइन जीवन के लिए आते हैं बनाता है. इसके बाद उन्होंने आप से WordPress की तरह एक सेमी (सामग्री प्रबंधन प्रणाली) में है कि कोड को एकीकृत करने की प्रक्रिया के माध्यम से ले जाता है. इस तरह से सब कुछ (पदों, फ़ीड, अद्यतन) गतिशील और व्यापक साइट है. मुझे आशा है कि आप अपने आरएसएस फ़ीड की सदस्यता, अपने अन्य ब्लॉगों की जाँच करें और श्रृंखला का आनंद.

मैंने टिप्पणी की है कि मैं आशा व्यक्त की श्रृंखला में एक 4 करने के लिए हमें prepping के और फोटो गैलरी, संपर्क फ़ॉर्म, खरीदारी की टोकरी और चहचहाना फ़ीड में एन्कोडिंग प्रक्रिया दिखाने. हम सभी को देखने के लिए वापस जाँच करने के लिए होगा!

भाग 1 पूर्ण खरोंच से फ़ोटोशॉप में ग्राहक से कुछ प्रदान की संसाधनों के साथ शुरू होता है. हम डिजाइन और साइट के लिए मुखपृष्ठ त्वचा.

Screen shot 2009-10-17 at 4.47.42 PM

भाग 2 से पता चलता है कि कैसे टुकड़ा करने के लिए XHTML / सीएसएस में फ़ोटोशॉप से ​​डिजाइन.

Screen shot 2009-10-17 at 4.47.28 PM

भाग 3 से पता चलता है कि यह कैसे एक WordPress टेम्पलेट में कनवर्ट करने के लिए.

Screen shot 2009-10-17 at 4.45.57 PM

शेयर

2009 8 Jul 2009

ठीक है, वापस डिजाइन और फ़ोटोशॉप युक्तियाँ!

1. मेनू का उपयोग कर के बिना एक फ़ाइल खोलें

सरल. डबल क्लिक करें जादू - ग्रे Photoshop विंडो की पृष्ठभूमि क्षेत्र और फ़ाइल खोलें संवाद प्रकट होता है?

10 फ़ोटोशॉप-1.jpg

2. यदि ग्रे सुस्त है, काले कमाल है और किसी भी रंग बेहतर है!

एक छवि खिड़की के अंदर काला करने के लिए ग्रे से ग्रे (या अपनी पसंद का एक रंग), नियंत्रण + छवि के आसपास के क्षेत्र पर राइट क्लिक करें (कमांड + मैक पर राइट क्लिक करें) को बदलने के लिए और एक रंग का चयन करें.

10 फ़ोटोशॉप-2.jpg

3. नमूना अग्रभूमि और पृष्ठभूमि रंग

अग्रभूमि या पृष्ठभूमि छवि से नमूना रंग बदलने के पैवंद पर क्लिक करने के बजाय, eyedropper उपकरण क्लिक करें और एक अग्रभूमि रंग नमूना करने के लिए क्लिक करें - ऑल्ट (मैक पर विकल्प) पकड़ के लिए एक नया पृष्ठभूमि रंग नमूना.

10 फ़ोटोशॉप सुविधाओं 3.jpg

4. एक आकार या चयन स्थिति

जब आप कोई आकृति या चयन चित्रकारी कर रहे हैं और आकार ठीक है लेकिन स्थिति गलत है, माउस बटन पकड़ रखने के लिए और spacebar के रूप में आप या इच्छित स्थिति में आकार चयन चाल पकड़. Spacebar के जाने के लिए और अपने आकार बनाने के लिए जारी करते हैं.

10 फ़ोटोशॉप सुविधाओं 4.jpg

5. एक चयन वापस जाओ

यदि आप अपने चयन खो दिया है, प्रेस Ctrl + Shift + डी (कमांड + + मैक पर विकास शिफ्ट) इसे वापस लाने के. Ctrl + डी (कमांड + मैक पर डी) चयन deselects.

10 फ़ोटोशॉप सुविधाओं 5.jpg

6. छिपाएँ रखें और

यदि चयन एक प्रकार का बड़ा खेमा अपने रास्ते में हो रही है, Ctrl + एच (कमांड + मैक पर एच) चयन छिपाने के, लेकिन यह अभी भी जगह में छोड़ जाएगा. भूल जाते हैं या नहीं इसे वापस बारी पर आप क्यों चीजें जिस तरह से आप उन्हें काम करने की उम्मीद नहीं कर रहे हैं आश्चर्य हो सकता है.

10 फ़ोटोशॉप सुविधाओं 6.jpg

7. देखो तुम क्या पर काम कर रहे हैं

यह मेरी सब समय की सबसे बड़ी समय बचाने है! जब आप एक दस्तावेज़ से दूसरे करने के लिए एक बड़ी परत खींचें परत थंबनेल पर Ctrl + क्लिक करें द्वारा पूरे परत और इसके आकार देने वाले हैंडल (कमांड + मैक पर क्लिक करें) को देखने के लिए चुन सकते हैं. तो प्रेस Ctrl + T (कमांड + मैक पर टी) परिवरतित हैंडल और Ctrl + 0 (शून्य) (या Command + मैक पर 0) को देखने के लिए छवि हटना ताकि आकार देने वाले हैंडल दिखाई दे रहे हैं.

10 फ़ोटोशॉप सुविधाओं 7.jpg

8. या पैलेटें ऊपर ढेर लाइन

एक ही संवाद में पक्ष द्वारा पट्टियाँ पक्ष ढेर, दूसरों पर एक पैलेट खींचें जब तक एक ब्लू लाइन के चारों ओर दिखाई देता है और चलते हैं. को पट्टियाँ एक दूसरे की स्क्रीन के नीचे शीर्ष पर ढेर करने के लिए खींचें, और अन्य पैलेट के नाम के ऊपर पट्टी पर एक पैलेट ड्रॉप.

10 फ़ोटोशॉप सुविधाओं के 8a.jpg के

10 फ़ोटोशॉप सुविधाओं के 8b.jpg के

9. कोई संवाद रीसेट बटन है? हाँ, वहाँ है!

जब आप इस करते हैं, तो रद्द करें बटन एक रीसेट बटन में बदल जाता है - आप सबसे फ़ोटोशॉप संवाद उनकी मूल सेटिंग्स या Alt कुंजी (मैक पर विकल्प) जब संवाद के अंदर कम से कम मूल सेटिंग्स के कुछ संस्करण को पुनर्स्थापित कर सकते हैं.

10 फ़ोटोशॉप सुविधाओं 9.jpg

10. अपने सभी ellipses सर्किलों में बदल सकते हैं

एक अंडाकार या एक चक्र के आकार का उपयोग वृत्त खींचना, Shift कुंजी पकड़ एक बार आप ड्राइंग शुरू कर दिया है और दीर्घवृत्त एक चक्र बन जाएगा. दोनों कुंजी पकड़ जब तक आप सही माउस बटन जाना रखने के केंद्र से बाहर निकालना, ऑल्ट कुंजी (मैक पर विकल्प) के रूप में आप एक दीर्घवृत्त ड्राइंग शुरू, फिर Shift कुंजी को जोड़ने के लिए यह एक चक्र बनाने के पकड़.

10 फ़ोटोशॉप - सुविधाओं-10.jpg

शेयर