Πώς να κάνω μια ιστοσελίδα χρησιμοποιώντας το Adobe Photoshop

Photoshop Adobe καθιστά εύκολο να δημιουργήσετε ένα μοναδικό σχεδιασμό μιας ιστοσελίδας . Ισχυρά γραφικά εργαλεία και εφέ του Photoshop παρέχει στους χρήστες με εκτεταμένο έλεγχο πάνω στην εμφάνιση , το χρώμα και εικόνες . Αντί να συγχέεται με σύνθετη κωδικοποίηση και άλλα σενάρια , μπορείτε να σχεδιάσετε και να δημιουργήσετε πλήρη Web design σας στο Photoshop και στη συνέχεια να εξάγουν εύκολα στο Web , μέσω ενός προγράμματος HTML . Τα πράγματα που θα χρειαστείτε
Logo Computer
ή κύριο γραφικό
Adobe Photoshop
πρόγραμμα επεξεργασίας HTML , όπως το Adobe Dreamweaver
Η Εμφάνιση Περισσότερες οδηγίες
Η 1

Χρησιμοποιήστε το Photoshop για να ανοίξετε το λογότυπο ή την εικόνα που θέλετε να χρησιμοποιήσετε ως το κύριο γραφικό στην ιστοσελίδα σας . 2

Αποφασίστε σχετικά με ένα συνδυασμό χρωμάτων για την ιστοσελίδα σας , χρησιμοποιώντας την εικόνα σας ως οδηγό . Στον πίνακα εργαλείων , επιλέξτε το εργαλείο σταγονόμετρο . Φέρτε το σταγονόμετρο πάνω από ένα χρώμα στην εικόνα σας . Κάντε κλικ και το εργαλείο θα πάρει ένα δείγμα του χρώματος που μόλις επιλέξατε . Θα μπορείτε να δείτε συγκεκριμένες πληροφορίες , όπως τον αριθμό RGB , του χρώματος στο " Χρώμα " πάνελ. Πάρτε τη σημείωση του συγκεκριμένου αριθμού RGB για κάθε χρώμα που θα δοκιμάσετε . Συνεχίστε να χρησιμοποιείτε το εργαλείο σταγονόμετρου για να δοκιμάσετε τα διάφορα χρώματα στην εικόνα σας . Αφού έχουν δοκιμάσει διάφορα χρώματα , επιλέξτε τουλάχιστον τρία χρώματα που θα θέλατε να χρησιμοποιήσετε ως χρωματικό συνδυασμό για την ιστοσελίδα σας . Τα χρώματα θα πρέπει να αντιπαρατεθεί μια την άλλη και να είναι ελαφριά, μεσαία και σκούρα .
Εικόνων 3

Πηγαίνετε στο "Αρχείο" στο κύριο μενού πλοήγησης του Photoshop . Επιλέξτε " New ... " και να δημιουργήσετε ένα νέο έγγραφο με πλάτος 600 pixel και ύψος 300 pixels . Αυτό θα είναι το κεντρικό banner και header πλοήγησης για την ιστοσελίδα σας .
Η 4

Αποφασίστε σχετικά με τη γραμματοσειρά για τη σελίδα σας . Σκεφτείτε την ιδέα που θέλετε να μεταβιβάσετε . Πηγαίνετε στον πίνακα εργαλείων και επιλέξτε το κουμπί "Text " . Σύρετε το ποντίκι σας για να δημιουργήσετε ένα ορθογώνιο στο νέο σας έγγραφο . Πληκτρολογήστε το κείμενο της κεφαλίδας σας στο Web . Επισημάνετε το κείμενο που μόλις έγραψε και στη συνέχεια να πάει στις επιλογές κειμένου στην κορυφή του Photoshop . Δοκιμάστε διαφορετικούς τύπους και μεγέθη γραμματοσειρών , και να πειραματιστούν με το χρώμα του κειμένου και την ευθυγράμμιση μέχρι να είστε ικανοποιημένοι . Χρησιμοποιήστε το "Move" εργαλείο στον πίνακα εργαλείο για να μετακινήσετε το κείμενο της κεφαλίδας σας όπου θέλετε στο έγγραφο .
5

Δημιουργήστε ένα υπόβαθρο για το νέο banner σας, χρησιμοποιώντας ένα από τα χρώματα από το προκαθορισμένο σας χρωμάτων . Πηγαίνετε στο παράθυρο Layers και επιλέξτε το κουμπί " Γεμίστε ή επίπεδο ρύθμισης " στο κάτω μέρος . Κάντε κλικ στο " Solid Color" και εισάγετε τις πληροφορίες RGB που πήρε κάτω για το χρώμα που θέλετε να χρησιμοποιήσετε . Το στρώμα θα καλύπτει πλέον το κείμενο που έγραψε στο προηγούμενο βήμα . Στον πίνακα επιπέδων , σύρετε το "Solid Color " στρώμα που μόλις δημιουργήσατε , έτσι ώστε να είναι κάτω από το " Κείμενο " στρώμα . Το χρώμα θα πρέπει τώρα να είναι στο παρασκήνιο .
Η 6

Βεβαιωθείτε ότι είναι επιλεγμένο το " κείμενο " το αρχείο στον πίνακα επιπέδων . Στη συνέχεια, επιλέξτε το λογότυπό σας ή αρχείο γραφικών , έτσι ώστε να έρχεται στο προσκήνιο . Στον πίνακα εργαλείων , κάντε κλικ στο εργαλείο κίνηση, η οποία θα πρέπει να είναι στην κορυφή . Σύρετε το λογότυπό σας εικόνα σε νέο έγγραφο της ιστοσελίδας σας . Ένα νέο στρώμα θα πρέπει άμεσα να δημιουργηθεί στο έγγραφό σας με το λογότυπό σας . Με επιλεγμένο το λογότυπο στρώμα σας , κάντε κλικ στο κουμπί " fx " στον πίνακα επιπέδων. Κάντε κλικ στο " Επιλογές ανάμειξης ... » και να δοκιμάσετε ποικιλία του Photoshop ανάμειξης εργαλεία για να βοηθήσει το λογότυπό σας ταιριάζει άψογα το χρώμα του φόντου .
Η 7

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

Πηγαίνετε στο " Αρχείο" και κάντε κλικ στο κουμπί "Αποθήκευση για το Web . " Από το αναπτυσσόμενο μενού , επιλέξτε τη ποια μορφή θέλετε να αποθηκεύσετε το αρχείο ( . Jpg , . Png ή . Gif ) . Photoshop θα σώσει και τη βελτιστοποίηση του banner σας για το Web .
Η 9

Ανοίξτε επεξεργαστή HTML σας και να δημιουργήσετε ένα νέο έγγραφο HTML που έχει έναν πίνακα με πέντε σειρές και μία στήλη . Τοποθετήστε το banner σας στην πρώτη γραμμή . Δημιουργία ενός χάρτη εικόνας για κάθε μία από τις λέξεις πλοήγησης σας και να προσθέσετε τον προορισμό σύνδεσμο . Οι υπόλοιπες τέσσερις σειρές μπορεί να γεμίσει με το κείμενο της ιστοσελίδας.
Η
εικόνων