Έχετε συντάξει μια αρχική διάταξη με γραφικά στοιχεία και θέλετε να δημιουργήσετε μια διάταξη; Κατ 'αρχάς, πρέπει να μάθετε πώς να κόψετε τη διάταξη έτσι ώστε κάθε ένα από τα γραφικά στοιχεία να είναι στη συνέχεια στη σωστή θέση στη μέση, πάνω ή κάτω μέρος της σελίδας.
Οδηγίες
Βήμα 1
Όταν επιλέγετε τεχνικές για το πώς να κόψετε μια διάταξη, θυμηθείτε ότι κάθε σχεδιαστής διάταξης χρησιμοποιεί τις δικές του μεθόδους κοπής όταν εργάζεται με διατάξεις PSD. Επομένως, στο πρώτο στάδιο, επιλέξτε μόνο τις απλούστερες τεχνικές, που περιλαμβάνουν την κοπή της δημιουργημένης διάταξης με γραφικά σε κομμάτια, κάτι που είναι βολικό για αρχάριους. Κατ 'αρχάς, φανταστείτε πρώτα στο μυαλό σας σε ποια μέρη θα διαιρέσετε τη διάταξή σας, σκεφτείτε κάθε ένα από τα ξεχωριστά μέρη του και μόνο τότε προχωρήστε στο τεχνικό μέρος της ίδιας της διαδικασίας. Να θυμάστε ότι η διάταξη του PSD χωρίζεται σε "κομμάτια" ανάλογα με την πολυπλοκότητά του, χωρίζοντάς την σε ξεχωριστά στοιχεία. Επιπλέον, κάθε γραφικό στοιχείο πρέπει να είναι ανεξάρτητο από όλες τις άλλες λεπτομέρειες.
Βήμα 2
Όταν αποφασίζετε πώς να κόψετε μια διάταξη με μια κεφαλίδα που αποτελείται από κουμπιά, ένα ξεχωριστό επίπεδο φόντου και επίπεδα κειμένου, θυμηθείτε ότι σε αυτήν την περίπτωση ολόκληρη η κεφαλίδα δεν μπορεί να κοπεί ως εικόνα. Σε μια τέτοια περίπτωση, είναι καλύτερο να κόβετε σε εικόνες ξεχωριστά όλα τα επίπεδα κειμένου, κάθε κουμπί, καθώς και το επίπεδο φόντου της κεφαλίδας. Δεύτερον, ο τεμαχισμός μιας διάταξης προϋποθέτει ότι ο σχεδιαστής διάταξης εκτελεί ενέργειες με την ακόλουθη σειρά. Εάν το κείμενο είναι μόνο μέρος της διακόσμησης, χρησιμοποιήστε το πριν από τη διάταξη HTML / CSS.
Βήμα 3
Αρχικά, ανοίξτε την ίδια τη διάταξη στο Photoshop έτσι ώστε το πλαίσιο επιπέδων να εμφανίζεται στα δεξιά, το οποίο θεωρείται ως η ραχοκοκαλιά που απαιτείται για να ξεκινήσει η διάταξη. Σε περίπτωση που μπορείτε να κάνετε κλικ σε όλες τις εικόνες, ανοίξτε την έκδοση πλήρους ανάλυσης της διάταξής σας. Στη συνέχεια, σχεδιάστε όλα τα γραφικά στοιχεία έτσι ώστε να φαίνονται ίδια με τη μορφή HTML, επομένως αποθηκεύστε κάθε έντονο γραφικό στοιχείο στην επιθυμητή μορφή: GIF,.
Βήμα 4
Για να επιλέξετε το απαιτούμενο γραφικό στοιχείο, χρησιμοποιήστε ένα εργαλείο όπως το Rectangular Marquee Tool, το οποίο σας επιτρέπει να επισημάνετε την επιλεγμένη περιοχή με μια διακεκομμένη γραμμή. Μετά από αυτό, περικοπή της υπόλοιπης διάταξης μέχρι το διακεκομμένο στοιχείο χρησιμοποιώντας το μενού Image> Crop. Για να απαλλαγείτε από περιττά επίπεδα φόντου, εφαρμόστε ένα ντεγκραντέ, απενεργοποιώντας την ορατότητα των επιπέδων φόντου. Στη συνέχεια, κόψτε τις γωνίες του επιλεγμένου τμήματος και, στη συνέχεια, διατηρήστε όλα τα άλλα στρώματα διαφανή.
