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

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

Αποφασίστε ποια στοιχεία θα θέλατε στη σελίδα σας , όπως οι εικόνες ή τη θέση και την εμφάνιση των κουμπιών πλοήγησης. Φόρτωση εικόνων που θα χρησιμοποιήσετε στον υπολογιστή . 2

Open Photoshop . Επιλέξτε " Αρχείο" από το μενού και κάντε κλικ στο "Άνοιγμα ". Στο πλαίσιο διαλόγου που εμφανίζεται , αλλάξτε το " ; " σε "Web ". Από το μέγεθος του " Presets " κάτω από αυτό, επιλέξτε το μέγεθος σελίδας Web που θέλετε , όπως 1024x768 ή 800x600 pixels . Αλλάξτε το " Ιστορικό " για να "διαφανής ". Κάντε κλικ στο " OK".
Εικόνων 3

Κάντε κλικ στο κουμπί " Νέο επίπεδο " κάτω από το " Layers" παλέτα . Επιλέξτε το " στυλό " από τα εργαλεία . Πηγαίνετε στις επιλογές στην κορυφή και ρυθμίστε τη λειτουργία εργαλείο για να « Γεμίστε ». Επιλέξτε το χρώμα που θέλετε για σας banner .
Η

4 Κάντε κλικ για να τοποθετήσετε ένα σημείο όπου θέλετε μια γωνία του banner σας . Στη συνέχεια, κάντε κλικ τρεις φορές για να δημιουργήσει τις άλλες γωνίες . Χρησιμοποιήστε τα " Χάρακες " για να βεβαιωθείτε ότι μπορείτε να πάρετε τις θέσεις σωστά .
5

Επαναλάβετε τα βήματα 3-4 για να δημιουργήσει όλα τα άλλα σχήματα που χρειάζεστε, όπως τα πλήκτρα πλοήγησης .
Η 6

Επιλέξτε ένα από τα στρώματα με ένα γραφικό πλήκτρο πλοήγησης σε αυτό . Κάντε κλικ στο κουμπί " FX " που βρίσκεται στο κάτω μέρος του "Layers " παλέτα . Από τις επιλογές , επιλέξτε " Λοξοτομή και ανάγλυφο . " Στο πλαίσιο διαλόγου που εμφανίζεται , επιλέξτε "Inner Bevel . " Προσαρμόστε τις ρυθμίσεις μέχρι να σας αρέσει το αποτέλεσμα στην προεπισκόπηση . Κάντε κλικ στο " OK".
Η

7 Κάντε δεξί κλικ στην τρέχουσα στρώση . Από τις επιλογές , επιλέξτε " Copy Layer Style . " Κάντε δεξί κλικ σε κάθε ένα από τα άλλα στρώματα κουμπί . Από τις επιλογές , επιλέξτε " Επικόλληση Layer Style . "
8

Επιλέξτε "Αρχείο" από το μενού και επιλέξτε " Open". Στο πλαίσιο διαλόγου που εμφανίζεται , εντοπίστε μία από τις εικόνες που έχετε τοποθετήσει και να το ανοίξετε . Κάντε δεξί κλικ στο στρώμα και επιλέξτε " Διπλασιασμός επιπέδου " από τις επιλογές που εμφανίζονται . Στο παράθυρο διαλόγου , κάντε το έγγραφο ιστοσελίδας του "Destination ". Επαναλάβετε αυτή τη διαδικασία με όλες τις άλλες εικόνες .
Η 9

Πηγαίνετε πίσω στο έγγραφο της ιστοσελίδας και να χρησιμοποιήσετε τη λειτουργία " Κλίμακα " ( βρίσκεται στην ενότητα " Επεξεργασία" ) για να αλλάξετε το μέγεθος των εικόνων σε ό, τι θέλετε για το σελίδα . Στη συνέχεια, χρησιμοποιήστε το "Move" εργαλείο για να τους τοποθετήσετε .
Η 10

Επιλέξτε το "Τύπος " από τα εργαλεία . Επιλέξτε το μέγεθος της γραμματοσειράς και το χρώμα που θέλετε και πληκτρολογήστε όλο το κείμενο σας , συμπεριλαμβανομένων τόσο στο κυρίως κείμενο της σελίδας, καθώς και το κείμενο για τα κουμπιά και το banner.
Η 11

Χρησιμοποιήστε τη " Φέτα " εργαλείο για να διαιρέσει το σχέδιό σας σε τμήματα . Στη συνέχεια, κάντε δεξί κλικ σε κάθε τμήμα και το όνομα αυτό .
Η 12

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