Πώς να κάνει ένα πρότυπο στο Web με το Adobe Photoshop CS3

Adobe Photoshop CS3 είναι ένα ισχυρό εργαλείο διάταξης Web πέραν των δυνατοτήτων του ως φωτογραφική πρόγραμμα επεξεργασίας . Οι χρήστες μπορούν να δημιουργήσουν πρότυπα για τις ιστοσελίδες που χωρίζουν τα διάφορα στοιχεία της σελίδας , έτσι ώστε να μπορεί να βελτιστοποιηθεί ξεχωριστά για να μεγιστοποιήσετε την απόδοση της σελίδας . Δημιουργώντας ένα πρότυπο Web στο Photoshop CS3 είναι τόσο απλή όσο η δημιουργία μιας διάταξης και χρήση του προγράμματος " εργαλείο Κόβουμε . " Photoshop φροντίζει βασικών HTML κωδικοποίησης και σας επιτρέπει να επικεντρωθεί στη δημιουργία των πιο ελκυστική ιστοσελίδα δυνατό . Τα πράγματα που θα χρειαστείτε
Υπολογιστών
λογισμικό Adobe Photoshop CS3

Παρουσίαση Περισσότερες οδηγίες
Η 1

Ανοίξτε Photoshop CS3 και επιλέξτε "Αρχείο > Νέο" για να δημιουργήσετε ένα νέο καμβά . Επιλέξτε " Web " από το drop -down μενού " Preset" και προτίμησε τη σελίδα ανάλυση του προτύπου σας στην από "Μέγεθος " drop-down . Κάντε κλικ στο " OK". 2

Προσθήκη οπτικά στοιχεία της σελίδας , όπως φωτογραφίες ή άλλες εξωτερικές τέχνης χρησιμοποιώντας την εντολή " Αρχείο> Τοποθέτηση " . Μπορείτε να αλλάξετε την τέχνη σας , κάνοντας κλικ και σύροντας τα σημεία αγκύρωσης κατά μήκος του πλαισίου οριοθέτησης , και μπορείτε να το μετακινήσετε γύρω , κάνοντας κλικ και σύροντας έξω από το πλαίσιο οριοθέτησης . Μπορείτε επίσης να προσθέσετε οπτικά στοιχεία της δικής σας χρησιμοποιώντας τα εργαλεία σχεδίασης του Photoshop , όπως το " Brush Tool " και τα εργαλεία σχήματος .
Εικόνων 3

Προσθήκη κειμένου στη σελίδα σας, χρησιμοποιώντας το "Εργαλείο Type" που βρίσκεται στον Πίνακα Tools στο αριστερό μέρος της οθόνης σας . Μπορείτε να δημιουργήσετε μια παράγραφο πλαίσιο που θα περιορίσει την έκταση ότι το κείμενο μπορεί να ρέει μέσα από κάνοντας κλικ και σύροντας με το εργαλείο .
Η

4 Επιλέξτε το " Tool φέτα " από τον Πίνακα Tools . Κάντε κλικ και σύρετε γύρω από κάθε στοιχείο του προτύπου της ιστοσελίδας σας για να δημιουργήσετε φέτες για κάθε μία. Αυτό θα διαιρέσει τη σελίδα σας και σας επιτρέπουν να βελτιστοποιήσετε κάθε στοιχείο για την πιο αποτελεσματική εμφάνιση και χρήση στο Web .
5

Επιστροφή στο μενού "Αρχείο" και επιλέξτε " Αποθήκευση για web & συσκευές . " Βεβαιωθείτε ότι το " Εργαλείο χειρός " είναι επιλεγμένο στο παράθυρο διαλόγου που προκύπτει . Επιλέξτε ένα στοιχείο του προτύπου της σελίδας σας και σημειώστε τις επιλογές στα δεξιά του πλαισίου διαλόγου .
Η

6 Ρυθμίστε τη μορφή προβολής για κάθε φέτα με βάση τις δικές σας προτιμήσεις ( μαύρο και άσπρο και το κείμενο εικόνες είναι καλύτερο αποθηκεύονται ως αρχεία GIF , ενώ οι φωτογραφίες και υψηλής έγχρωμες εικόνες αποθηκεύονται καλύτερα ως αρχεία JPEG ) . Προσαρμόστε τη ρύθμιση " Ποιότητα " ή " Χρώμα " πεδία για κάθε φέτα για τη βελτιστοποίηση του χρόνου φόρτωσης και απόδοση προβολής στο διαδίκτυο . Οι περισσότερες εικόνες θα εμφανιστούν με λίγα σε καμία υποβάθμιση σε πολύ χαμηλότερη ποιότητα από την προεπιλεγμένη ρύθμιση . Κάντε κλικ στο κουμπί "Αποθήκευση " όταν έχετε βελτιστοποιημένη κάθε φέτα αναλόγως.
Η 7

Εισάγετε έναν τίτλο και θέση αποθήκευσης για το πρότυπο Web σας και βεβαιωθείτε ότι το μενού "Format" ρυθμίζεται σε " HTML και εικόνες . " Κάντε κλικ στο κουμπί "Αποθήκευση".
Η
εικόνων