Πώς να οικοδομήσουμε ιστοσελίδες στο Photoshop

Photoshop δεν είναι μια ιστοσελίδα εργαλείο οικοδόμησης , αλλά μπορεί να αποδειχθεί πολύτιμη στον προγραμματισμό και το σχεδιασμό της ιστοσελίδας σας . Photoshop σας επιτρέπει να συνειδητοποιήσουμε την εμφάνιση και την αισθητική του site σας και εύκολα να κάνετε αλλαγές πριν να οικοδομήσουμε το site . Η οικοδόμηση ενός δικτυακού τόπου στο Photoshop είναι ένα σχετικά απλό έργο, αλλά είναι πιθανό να πάρει τα μέρη της δοκιμής και λάθους , πριν να δημιουργήσετε ένα σχέδιο είστε ευχαριστημένοι με . Τα πράγματα που θα χρειαστείτε
Photoshop ή παρόμοιο λογισμικό επεξεργασίας εικόνας

Παρουσίαση Περισσότερες οδηγίες
Layout την ιστοσελίδα σας με το Photoshop
Η

1 Δημιουργήστε ένα νέο αρχείο στο Photoshop . Ρυθμίστε το πλάτος του αρχείου 1.024 pixels και το ύψος σε 1.000 pixels . 2

Πατήστε Ctrl R ( Cmd R για Mac ) για να κάνουν οι κυβερνώντες ορατό στο νέο αρχείο σας .

με 3

Κάντε κλικ στον οριζόντιο χάρακα και σύρετε προς τα κάτω για να δημιουργήσετε μια νέα οριζόντια κατευθυντήρια γραμμή . Μετακίνηση αυτής της κατευθυντήριας γραμμής έως 20 pixels από την κορυφή της εικόνας . Δημιουργήστε ένα άλλο οριζόντιο οδηγό και σύρετε έως 20 pixels από το κάτω μέρος της εικόνας .
Η

4 Κάντε κλικ στο κατακόρυφο χάρακα και να τη σύρετε για να δημιουργήσετε μια νέα κάθετη κατευθυντήρια γραμμή . Μετακίνηση αυτής της κατευθυντήριας γραμμής έως 20 pixels από τα αριστερά της εικόνας . Δημιουργήστε μια άλλη κατακόρυφο οδηγό και σύρετε έως 20 pixels από τα δεξιά της εικόνας . Τώρα έχουμε τις απαρχές μιας ιστοσελίδας διάταξης . Οι οδηγοί μας δίνουν περιθώρια κέρδους από τις άκρες της οθόνης και καθορίζουν την περιοχή όπου το περιεχόμενο της ιστοσελίδας θα τοποθετηθεί .
5

Κάντε κλικ στον οριζόντιο χάρακα και σύρετε ένα άλλο οριζόντιο οδηγό προς τα κάτω για να ρυθμίσετε το χαμηλότερο σύνορα της header της ιστοσελίδας σας . Περίπου 100 pixels από την κορυφή της σελίδας θα πρέπει να σας δώσει το χώρο που χρειάζεστε . Επαναλάβετε αυτή τη διαδικασία για να ρυθμίσετε την άκρη του footer της ιστοσελίδας σας , καθορίζοντας το υποσέλιδο , όπως είναι περίπου 100 pixels από το κάτω μέρος της εικόνας .
Η

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

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