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

Κατά τη δημιουργία μιας ιστοσελίδας , πολλοί άνθρωποι χρησιμοποιούν το λογισμικό στροφή στα παραδοσιακά προγράμματα όπως το Frontpage , Dreamweaver , ή το Expression Web . Αλλά το Adobe Photoshop μπορεί επίσης να χρησιμοποιηθεί για να δημιουργήσει μια πλήρως λειτουργική ιστοσελίδα. Χρησιμοποιώντας Photoshop για το σκοπό αυτό έχει το πλεονέκτημα ότι έχετε τα πολλά και ευέλικτα εργαλεία γραφικών του Photoshop στο χέρι όταν δημιουργείτε την ιστοσελίδα σας , επιτρέποντάς σας να σχεδιάσετε μια πραγματικά επαγγελματική εμφάνιση διάταξης . Οδηγίες
Η 1

Brainstorm για το τι θέλετε την ιστοσελίδα σας να μοιάσει . Ο σκοπός που έχετε για το site θα έχει σημαντικό αντίκτυπο στην εμφάνιση των σελίδων . Για παράδειγμα , αν ιστοσελίδα σας είναι για μια επιχείρηση , θα θέλετε ένα απλό , καθαρό layout που χρησιμοποιεί μόνο λίγα χρώματα με συνέπεια σε όλο το σχεδιασμό . 2

Τοποθετήστε εικόνες ή φωτογραφίες που θέλετε να προσθέσετε στη σελίδα Web στον υπολογιστή σας .
εικόνων 3

Open Photoshop . Επιλέξτε " Αρχείο" και κάντε κλικ στο " Νέο ". Το παράθυρο διαλόγου μεγέθους έγγραφο θα ανοίξει . Κάντε το πλάτος pixel και αριθμούς ύψους ό, τι θέλετε για την ιστοσελίδα σας . Από το 1024 x 768 είναι η πιο συνηθισμένη ρύθμιση για τις οθόνες , ίσως να θέλετε να πάτε με αυτό .
Η

4 Επιλέξτε το " Paintbucket " εργαλείο και να το χρησιμοποιήσετε για να γεμίσει τον καμβά με το χρώμα ή το μοτίβο που θέλετε για το ιστορικό σας ( αν και είναι συνήθως καλύτερο να κολλήσει με το λευκό ) . Κάντε κλικ στο εικονίδιο "New Layer" στο κάτω μέρος του "Layers " πάνελ.
5

Επιλέξτε το " Marquue " εργαλείο επιλογής από τη γραμμή εργαλείων . Σχεδιάστε μια επιλογή από πάνω στον καμβά όπου θέλετε banner σας . Επιλέξτε το " Paintbucket " εργαλείο και να το χρησιμοποιήσετε για να γεμίσει το πανό με ό, τι χρώμα θέλετε . Αν θέλετε , μπορείτε να χρησιμοποιήσετε τις " Επιλογές ανάμειξης " στο κάτω μέρος του "στρώματα" πίνακα για να προσθέσετε ένα " Λοξοτομή και ανάγλυφο " ή " Drop σκιά " επίδραση στο banner.
Η 6

Χρήση η ίδια μέθοδος που χρησιμοποιείται στο βήμα 5 για να δημιουργήσετε όλα τα κουμπιά και τα μπαρ πλοήγησης για την ιστοσελίδα σας .
Η 7

Ανοίξτε οποιαδήποτε εικόνα που θα θέλατε να προσθέσετε στο banner σας και το " Αντιγραφή" και "Επικόλληση " τους στο έγγραφό της ιστοσελίδας σας . Αλλάξτε το μέγεθος και τη θέση τους πάνω από το banner.
8

Επιλέξτε " Κείμενο " εργαλείο και να θέσει σε όλο το κείμενο για τη σελίδα σας .
Η

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

Επιλέξτε " Αρχείο" και κάντε κλικ στο κουμπί "Αποθήκευση για το Web ή συσκευές . " Ονομάστε το αρχείο της ιστοσελίδας σας , και Photoshop θα σώσει ένα φάκελο με φέτες εικόνες σας και μια ιστοσελίδα μπορείτε τώρα να φορτώσει .
Η
εικόνων