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

Υπάρχουν πολλοί τρόποι για να δημιουργήσει μια ιστοσελίδα με εφαρμογές web, όπως Deamweaver ή Frontpage , ή ακόμη και το χέρι - κωδικοποιημένα HTML . Ωστόσο , αν θέλετε την ιστοσελίδα σας να είναι ελκυστικά γραφικά , συνθέτουν τη διάταξη στο Photoshop . θα είναι πολύ πιο εύκολο να επεξεργαστείτε αργότερα επίσης . Θα πρέπει να σχεδιάσουν ένα λογότυπο , κεφαλίδα , εικονίδια, κουμπιά , εικόνες /φωτογραφίες , τις διαφημίσεις ( αν χρειάζεται ) , τα χρώματα , τις γραμματοσειρές και την υφή . Κάντε ένα mock-up μπροστά από το χρόνο , πριν από την εφαρμογή HTML . Αν έχετε ήδη ιδέες για τη σύνθεση ιστοσελίδα σας , το σκίτσο σε ένα κομμάτι χαρτί . Οδηγίες
Σχεδιασμός γραφικών ιστοσελίδες με το Photoshop
Η

1 Μεταβείτε στο μενού Αρχείο > Νέο . Είσοδος Πλάτος : 800 pixels , ύψος : 600 pixels . Ρυθμίστε την ανάλυση 72 pixel /ίντσα , RGB χρώματος 8bit . Ρυθμίστε τα περιεχόμενα φόντο με διαφανείς . Κάντε κλικ στο OK . 2

Δημιουργήστε την κεφαλίδα και το σχεδιασμό πλοήγησης . Περιλαμβάνουν ένα λογότυπο , banner ad περιοχή , κάποια γραφικά και τα κουμπιά πλοήγησης . Κάντε το ύψος του header 150 pixels και 30 pixels για τα κουμπιά . Τοποθετήστε το λογότυπο και τα γραφικά πανό στην υπόλοιπη περιοχή . Προσθήκη χαρακτήρων κράτησης θέσης για κείμενο .
Εικόνων 3

Επιλέξτε ένα λογότυπο εικόνα από το I Χρηματιστήριο . Πηγαίνετε στο σύνδεσμο της εικόνας δείγμα που έχει ένα υδατογράφημα στην εικόνα . Κάντε δεξί κλικ πάνω στην εικόνα και επιλέξτε αντίγραφο της εικόνας . Επιλέξτε το παράθυρο του Photoshop και το αρχείο στο οποίο εργάζεστε . Επικολλήστε την εικόνα πάνω στο νέο στρώμα . Μεταβείτε στο μενού Επεξεργασία> Μετασχηματισμός> Κλίμακα . Κρατήστε πατημένο το πλήκτρο Shift για να διατηρεί το ποσοστό και το μέγεθος της εικόνας . Επιλέξτε ένα τμήμα που θέλετε με την Ορθογώνια εργαλείο μαρκαρίσματος , πιέστε ελέγχου ( εντολή στο Mac ) + πλήκτρα shift και εγώ να αντιστρέψετε την επιλογή . Πατήστε ελέγχου ( εντολή στο Mac ) + d για να καταργήσετε την επιλογή . Στη συνέχεια, πατήστε το πλήκτρο Delete για να αφαιρέσετε το υπόλοιπο της εικόνας .
Η 4

Δημιουργήστε κουμπιά για την πλοήγηση στο web . Επιλέξτε το εργαλείο κειμένου στο Photoshop . Σύρετε το πλαίσιο κειμένου στην οθόνη και πληκτρολογήστε ένα όνομα για το κουμπί , όπως το σπίτι ή Επικοινωνήστε μαζί μας .
5

Σχεδιάστε τη διάταξη του περιεχομένου στην περιοχή του σώματος . Εάν η ιστοσελίδα σας έχει πολλές συνδέσεις , να αξιοποιήσει την αριστερή στήλη για πρόσθετες συνδέσεις . Επιλέξτε το εργαλείο κειμένου . Κάντε κλικ και σύρετε το πλαίσιο κειμένου πάνω στον καμβά . Τοποθετήστε το σώμα κειμένου στην κύρια περιοχή περιεχομένου του καμβά . Προσθέστε κάποια ομοίωμα κείμενο από Loren Ipsum ως κάτοχος χώρο . Θα αντικαταστήσει το κείμενο αυτό σε μεταγενέστερο χρόνο , όταν είστε έτοιμοι να γράψετε το περιεχόμενο Ιστού σας .
Η 6

Προσθέστε το περιεχόμενο υποσημείωση κάτω από το βασικό περιεχόμενο . Αυτές θα περιλαμβάνουν το λογότυπο της εταιρείας σας , το κείμενο των πνευματικών δικαιωμάτων και ένα αντίγραφο των links που εμφανίζονται στην κεφαλίδα .
Η 7

Τοποθετήστε τα τελευταία νέα , ανακοινώσεις , περίληψη δελτίο τύπου και τις προσφορές ή διαφημίσεις στη δεξιά στήλη δόμησης το web site σας .
8

Δημιουργήστε μια γραμμή φορές σε 600 pixels σε ύψος .
Η 9

Βελτιστοποιήστε τις εικόνες που θέλετε να δημοσιεύσετε στην ιστοσελίδα σας . Κόψτε τις εικόνες με το εργαλείο φέτα .
Η 10

Κάντε κλικ στο μενού Αρχείο . Κάντε κλικ στο Αποθήκευση για το Web . Σύρετε τη γραμμή slide ποιότητας για να ρυθμίσετε την ποιότητα της εικόνας και το μέγεθος του αρχείου . Κάντε κλικ στο κουμπί Αποθήκευση .
Η 11

Κάντε διπλό κλικ στο αρχείο HTML ( Photoshop δημιουργεί το αρχείο του φακέλου images και HTML στον ίδιο κατάλογο . ) Ελέγξτε τη διάταξη της ιστοσελίδας σας στο πρόγραμμα περιήγησής σας στο διαδίκτυο . Θα πρέπει να έχετε μια ολοκληρωμένη ιστοσελίδα στο Photoshop στην οθόνη σας .
Η
εικόνων