Πώς να δημιουργήσετε Web Χωροθετήσεις στο Photoshop

σχεδιασμός ενός δικτυακού τόπου μπορεί να είναι πολλή διασκέδαση ακόμη προκλητική . Ίσως το πιο δύσκολο μέρος του σχεδιασμού είναι να αποφασιστεί πώς να θέσει από κάθε τμήμα της ιστοσελίδας . Ενώ αυτό μπορεί να επιτευχθεί με πολλούς συντάκτες του Διαδικτύου , συχνά δεν είναι τα καλύτερα εργαλεία σε αυτό το πρώιμο στάδιο του σχεδιασμού . Adobe Photoshop παρέχει έναν ευκολότερο και πιο αποτελεσματικό τρόπο για τη δημιουργία της μακέτας ιστοσελίδων, διότι επιτρέπει σε σας για να απεικονίσει τη διάταξη , χωρίς να ασχολείται με τον κώδικα HTML . Αυτό το σεμινάριο θα σας διδάξει να δημιουργήσει μια δικτυακή διάταξη στο Photoshop CS3 ? Άλλες εκδόσεις του Photoshop θα πρέπει να είναι παρόμοια . Τα πράγματα που θα χρειαστείτε
Adobe Photoshop
Η Εμφάνιση Περισσότερες οδηγίες
Η

1 Ανοίξτε ένα νέο έγγραφο . Αν χρησιμοποιείτε το Adobe CS3 ή νεότερη έκδοση , η Adobe έδωσε μια προκαθορισμένη ρύθμιση για ιστοσελίδες που είναι 640 x 480 pixels . Στο " Νέο" παράθυρο διαλόγου , επιλέξτε "Web " από το drop -down μενού " Preset" . Αν δεν έχετε ένα web προκαθορισμένη ή τη διάταξη web σας είναι ένα διαφορετικό μέγεθος , πληκτρολογήστε το μέγεθος της ιστοσελίδας σας στο " Πλάτος " και " Ύψος " κουτιά . 2

Γεμίστε το φόντο με το χρώμα του φόντου . Επιλέξτε το " εργαλείο κάδου γεμίσματος . " Κάντε διπλό κλικ στο " Χρώμα προσκηνίου " για να ανοίξετε το " Color Picker ". Επιλέξτε το "Μόνο Web Colors " κουτάκι . Στη συνέχεια , επιλέξτε στρώμα φόντο σας . Επιλέξτε το " OK".
Εικόνων 3

Τοποθετήστε το banner. Δημιουργήστε ένα νέο στρώμα . Επιλέξτε " Αρχείο> Τοποθέτηση ... " Πλοηγηθείτε στην εικόνα banner σας και κάντε κλικ στο "OK". Τοποθετήστε το banner σας όπως επιθυμείτε . Εάν δεν έχετε μια εικόνα banner , μπορείτε να δημιουργήσετε μια θέση για το banner σας , όπως φαίνεται στο επόμενο βήμα .
Η 4

Προσθέστε τα υπόλοιπα τμήματα της διάταξης web . Δημιουργήστε ένα νέο στρώμα για κάθε τμήμα της ιστοσελίδας . Επιλέξτε ένα εργαλείο σχήματος από το μενού εργαλείων . Επιλέξτε ένα χρώμα φόντου για το τμήμα . Σχεδιάστε το υπόλοιπο διάταξη για την ιστοσελίδα σας .
5

φέτα τη διάταξη web για να την προετοιμάσει για το web . Επιλέξτε το " Φέτα " εργαλείο. Σχεδιάστε ένα πλαίσιο γύρω από κάθε τμήμα .
Η 6

Αποθήκευση για το web . Επιλέξτε " Αρχείο> Αποθήκευση για το Web . " Πατήστε "Control A " για να επιλέξετε όλες τις φέτες . Στη συνέχεια , πατήστε το κουμπί " Αποθήκευση". Επιλέξτε " HTML και εικόνας " από το drop -down μενού " Μορφή " . Βεβαιωθείτε ότι είναι επιλεγμένο το "All Slices " και να σώσει τη διάταξη σε σας ιστοσελίδα φάκελο . Η διάταξη web είναι τώρα έτοιμο να προσθέσετε περιεχόμενο σε ένα πρόγραμμα επεξεργασίας ιστοσελίδων όπως το Dreamweaver .
Η
εικόνων