Πώς να σχεδιάσει μια ιστοσελίδα στο Photoshop

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

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

Open Photoshop . Επιλέξτε " Αρχείο" από το μενού και επιλέξτε "New . " Στο παράθυρο διαλόγου που εμφανίζεται τώρα , κάντε κλικ στο " Presets . « Από τις επιλογές , επιλέξτε "Web ". Στη συνέχεια, κάντε κλικ στο "μέγεθος " και από το μενού επιλογών επιλέξτε το μέγεθος που θέλετε για τη σελίδα σας , όπως as1024 x 768 ή 800 x 600 . Ονομάστε το έγγραφο " YourName ιστοσελίδα. " Κάντε κλικ στο κουμπί "OK". Κάντε κλικ στο κουμπί " Νέο επίπεδο " κάτω από το " Layers" παλέτα .
Εικόνων 3

Επιλέξτε το & ldquo ? σχήμα ορθογωνίου " εργαλείο από την παλέτα εργαλείων . Πηγαίνετε στις επιλογές εργαλείων που εμφανίζονται στο επάνω μέρος , ορίστε τη λειτουργία " Shape Layer" και επιλέξτε το χρώμα που θα θέλατε ως φόντο για την ιστοσελίδα σας banner . Τώρα σχεδιάστε το σχήμα πανό πάνω στον καμβά . Κάντε κλικ στο κουμπί " Νέο επίπεδο " και πάλι .
Η

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

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

Πηγαίνετε στο " Layers" παλέτα στην αριστερή πλευρά της οθόνης , κρατήστε πατημένο το πλήκτρο " Ctrl" στο πληκτρολόγιό σας και κάντε κλικ πάνω στην εικόνα προεπισκόπησης δίπλα στο στρώμα . Επιλέξτε " Επεξεργασία" από το μενού και επιλέξτε " Αντιγραφή".
Η 7

Πηγαίνετε πίσω στο έγγραφο " YourName Ιστοσελίδα " . Επιλέξτε " Επεξεργασία" από το μενού και επιλέξτε " Επικόλληση". Χρησιμοποιήστε το "Move" εργαλείο και τη λειτουργία " Κλίμακα " που βρέθηκαν στο " Επεξεργασία" για να τοποθετήσετε την εικόνα που θέλετε στην ιστοσελίδα .
Τετάρτη 8

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

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

10

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