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

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

Σάρωση και εισαγωγή εικόνας στο Photoshop , εάν έχετε ένα . Διαφορετικά , δημιουργήστε ένα νέο έγγραφο . Χρησιμοποιήστε ιδέα του σχεδιασμού σας για να αρχίσει η κατασκευή διάταξή σας . Δημιουργήστε ένα νέο στρώμα στην παλέτα επιπέδων , πιάσε το εργαλείο κουβά μπογιά , επιλέξτε το χρώμα του φόντου σας και να πετάμε το χρώμα πάνω στον καμβά . 2

Χρησιμοποιήστε ορθογώνια ως σύμβολα κράτησης θέσης για να αποκλείουμε από χώρους για μια κεφαλίδα , πλοήγηση μπαρ και τα κουμπιά , εικόνες , περιοχές περιεχομένου , κλπ. Δημιουργήστε ένα νέο στρώμα για ένα συγκεκριμένο ορθογώνιο , πιάσε το εργαλείο επιλογής , σύρετε ένα ορθογώνιο κατάλληλου μεγέθους και γεμίστε το με το χρώμα χρησιμοποιώντας το εργαλείο κουβά μπογιά .
Η
3

" Flesh " τα επιμέρους στοιχεία του σχεδιασμού ιστοσελίδας σας . Αντικαταστήστε κράτησης θέσης σας με αυτά τα στοιχεία . Βάλτε κάθε επιμέρους στοιχείο για δικό της επίπεδο , καθώς και . Τοποθετήστε μια εικόνα φόντου , αν επιλέξετε να συνεργαστεί με ένα . Αυτό το στρώμα θα πρέπει να είναι δευτερόλεπτα από τον πυθμένα του σωρού και στην κορυφή του στρώμα χρώματος υποβάθρου . Δημιουργήστε ένα πανό σελίδα χρησιμοποιώντας οποιονδήποτε συνδυασμό των φωτογραφιών , εικόνα και κείμενο. Δημιουργήστε λογότυπα , κουμπιά πλοήγησης , και τα γραφικά που χρειάζεστε για τη σελίδα σας . Συμπληρώστε περιοχές κειμένου με το πραγματικό κείμενο ή " lorem ipsum " αντίγραφο με την αρπαγή το εργαλείο κειμένου , τοποθετώντας το κείμενο σε ένα νέο επίπεδο , καθώς και την επεξεργασία του μέσα από τις ρυθμίσεις της παραγράφου στο drop -down μενού Παράθυρο .
Η 4

Κάντε τη σύνθεση σελίδα ισορροπημένο και ευχάριστο στο μάτι . Περιλαμβάνουν κοινά στοιχεία σε διαφορετικούς τομείς του σχεδιασμού της σελίδας για να δημιουργήσετε μια αίσθηση της ρευστότητας . Κάντε κάθε στοιχείο της σελίδας μοιάζει σαν να ανήκει και ταιριάζει με τη σελίδα .
5

Διπλότυπο καμβά σας όταν είστε ικανοποιημένοι με το σχεδιασμό της ιστοσελίδας σας. Κάντε κλικ στο drop -down μενού Layers και επιλέξτε " Ισοπέδωση εικόνας . " Χωρίστε τις διάφορες περιοχές του περιεχομένου της σελίδας σας και να τα διαχωρίσετε σε μεμονωμένα αρχεία εικόνας . Πιάσε το εργαλείο επιλογής , σύρετε ένα ορθογώνιο γύρω από ένα γραφικό στοιχείο , κάντε δεξί κλικ και επιλέξτε " Αντιγραφή". Επικολλήστε αυτό το αντίγραφο σε ένα νέο αρχείο εικόνας και να περικόψετε την εικόνα στα άκρα του οπτικού στοιχείου . Επαναλάβετε αυτό το βήμα για όλα τα στοιχεία της σελίδας , και να αποθηκεύσετε κάθε αρχείο σε ένα web-friendly μορφή εικόνας .
Η
εικόνων