Πώς να δημιουργήσετε μια αρχική σελίδα στο Photoshop CS3

Παρά το γεγονός ότι περιλαμβάνει διάφορα στάδια και μια βασική εξοικείωση με τα εργαλεία του Photoshop , δημιουργώντας μια κεντρική σελίδα στο Photoshop μπορεί να γίνει , εφόσον έχετε κάποια εξοικείωση με το σχεδιασμό διεπαφής . Το Photoshop είναι χρήσιμο για τη δημιουργία γραφικών βαριά ιστοσελίδες , που συνήθως χρησιμοποιείται σε μια αρχική σελίδα , ή αυτό που είναι γνωστό ως μια εικόνα του χάρτη . Ο χάρτης εικόνας είναι μια σειρά από εικόνες που μπορεί να ρυθμιστεί για να δημιουργήσετε συνδέσεις που λειτουργούν ως κουμπιά . Το όφελος από τη χρήση ενός χάρτη εικόνας σχεδιασμένο στο Photoshop είναι ότι η αρχική σελίδα σας θα φαίνεται πολύ πιο ελκυστική ως ένα γραφικό αντί για ένα μάτσο πρότυπο μορφοποιημένο κείμενο . Τα πράγματα που θα χρειαστείτε
Photoshop CS3 Στοκ Εικόνες ( για τη σελίδα σας )
Logo ( για τη σελίδα σας )
Η Εμφάνιση Περισσότερες οδηγίες
Δημιουργία Αρχική Σελίδα σας στο Photoshop

1

Ανοίξτε Photoshop . Κάντε κλικ στο " Αρχείο" > " Νέο" για να δημιουργήσετε ένα νέο αρχείο . Για το μέγεθος , επιλέξτε "Web προκαθορισμένο " και επιλέξτε 640 x 480 ή μεγαλύτερη . 2

Επιλέξτε το σχεδιασμό τα χρώματα και το θέμα σας . Γεμίστε το επίπεδο φόντου με χρωματικές επιλογές σας χρησιμοποιώντας τα εργαλεία σχεδίασης του Photoshop . Επιλέξτε χρώματα χρησιμοποιώντας το εργαλείο Color Picker , και συμπληρώστε το φόντο σας με τη μετάβαση στο μενού : Κάντε κλικ στο κουμπί "Επεξεργασία" > " Γεμίστε " > " προσκηνίου /Χρώμα φόντου . "
Εικόνων 3

Προσθέστε τις επιλογές κειμένου και τη γραμματοσειρά , με τη μορφή των πλήκτρων χρησιμοποιώντας θέμα το χρώμα σας . Επιλέξτε το εργαλείο κειμένου , που διατίθεται στη γραμμή εργαλείων , ή επιλέξτε το παράθυρο Type ( " Παράθυρο " > " Character" ) για να δείτε τις επιλογές . Χρησιμοποιήστε το εργαλείο κειμένου για να δημιουργήσετε μια βασική διάταξη για όπου θέλετε τα κουμπιά σας , συνδέσμους και άλλο κείμενο που πρέπει να ενσωματωθεί στο σχεδιασμό σας . Για επιπλέον βάθος εικόνας και αισθητική αναβάθμιση , να προσθέσετε εφέ κειμένου, όπως σκιές στο στρώμα στυλ σας . Αποκτήστε πρόσβαση στις επιδράσεις τύπου πηγαίνοντας στο μενού : " Layer" > " Στυλ Layer" > " . Σκιά Drop "
Η 4

Ενσωματώστε τις εικόνες και το λογότυπο σας στο σχεδιασμό του σπιτιού σας . Χρωματίστε τις εικόνες για να ταιριάζει με το σχέδιό σας και να προσαρμόσετε τρόπους ανάμειξης , διαφάνεια στρώμα και τοποθέτηση της εικόνας μέχρι να είστε ικανοποιημένοι με τη διασύνδεση του σχεδιασμού αρχική σελίδα σας . Ρυθμίστε τα χρώματα πηγαίνοντας στο μενού : "Εικόνα " > " Ρύθμιση " > " Ισορροπία χρωμάτων ". Μπορείτε να ρυθμίσετε τη διαφάνεια των εικόνων σας από την πρόσβαση στο χαρακτηριστικό Αδιαφάνεια , βρέθηκε στο επάνω μέρος της παλέτας Layers . Το μενού Λειτουργία Blend είναι επίσης προσβάσιμο στην παλέτα Layers .
5

Κάντε τυχόν πρόσθετες προσαρμογές στο σχεδιασμό του σπιτιού σας χρησιμοποιώντας τα εργαλεία σχεδίασης του Photoshop .
Η

6 Κάντε κλικ στο " αρχείο " > " Αποθήκευση ως "και αποθηκεύστε την εικόνα σας ως αρχείο PSD .
εικόνων Κάντε το σπίτι σας Σχεδιασμός Λειτουργική ως μιας ιστοσελίδας
Η 7

φέτα εικόνα σας να σπάσει οπτικό σχεδιασμό σας σε τμήματα της εικόνας του χάρτη , επιλέγοντας το εργαλείο φέτα , που βρέθηκαν στην εργαλειοθήκη . Χωρίστε την εικόνα σας σε ένα πλέγμα με κουτιά , τοποθετώντας φέτες ( με τη μορφή τετράγωνα ή ορθογώνια σχήματα ) πάνω από τα κουμπιά , τα γραφικά και άλλα μέρη του σχεδίου σας .
8

Επιλέξτε το εργαλείο Φέτα Επιλογή για περισσότερες επιλογές , βρίσκεται κάτω από το μενού του εργαλείου φέτα . Ένα υπομενού θα εμφανιστεί στο πάνω μέρος της οθόνης με διάφορες επιλογές για να προσαρμόσετε τον τεμαχισμό της εικόνας σας .
Η 9

συνδέσμους τις εικόνες σας σε άλλες σελίδες . Επιλέξτε το εργαλείο Φέτα Επιλογή . Κάντε κλικ στο μικρό εικονίδιο στη δεξιά που μοιάζει με ένα έγγραφο πλαίσιο κειμένου για να ανοίξετε ένα παράθυρο που σας επιτρέπει να ρυθμίσετε συνδέσεις και διευθύνσεις URL ( διευθύνσεις ιστοσελίδων ) για κάθε κομμάτι . Αυτό θα σας επιτρέψει να δημιουργήσετε υπερ-συνδέσεις ( κουμπιά που οδηγούν σε άλλες σελίδες Web ) από την εικόνα σας .

10

Αρχίστε να εξάγουν φέτες εικόνα σας και τις ρυθμίσεις σύνδεσμος εικόνας . Κάντε κλικ στο " Αρχείο" > "Αποθήκευση για το Web και συσκευές " για να ανοίξετε το παράθυρο Export .
Η 11 ελέγξτε τις ρυθμίσεις σας, κάνοντας κλικ στο υπομενού βέλος στο " Επεξεργασία ρυθμίσεων εξόδου », και να προσαρμόσετε ανάλογα με τις ανάγκες .

Προσαρμόστε τις ρυθμίσεις σας, ενώ ακόμα στο παράθυρο διαλόγου Αποθήκευση . Επιλέξτε το φάκελο στον οποίο θέλετε αρχεία εικόνας χάρτη σας για να πάτε . Μετακινηθείτε προς τα κάτω στο "Format" και επιλέξτε " HTML και εικόνες . " Κάντε κλικ στο κουμπί " Αποθήκευση" για να αποθηκεύσετε την εικόνα του χάρτη . Αυτό θα εξάγει το αρχείο HTML ( που χρησιμοποιείται για την εμφάνιση της εικόνας χάρτη σας στο Web ) με τον κύριο φάκελο καταλόγου , καθώς και να δημιουργήσετε αυτόματα ένα ξεχωριστό φάκελο για τις εικόνες σας, όπου τα διαφορετικά γραφικά ( καθορίζονται από τις ρυθμίσεις φέτα σας) θα πάει .
Τετάρτη 12

Για να ελέγξετε τη σελίδα σας στο Web , ανοίξτε το πρόγραμμα περιήγησής σας , ανοίξτε νέο φάκελο σας , και κάντε κλικ στο αρχείο HTML .
Η
εικόνων