10 Killer Adobe Photoshop Συμβουλές για Σχεδιαστές

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

Αλλά πόσο καλά ξέρετε για το Photoshop; Μερικές φορές αναρωτιόμαστε γιατί ορισμένοι σχεδιαστές ιστοσελίδων μπορούν να σχεδιάσουν μια διάταξη ιστοσελίδας με εξαιρετικά βαρύ γραφικά σε 5 ημέρες, ενώ χρειάζονται περίπου 10 ημέρες για να ολοκληρώσουμε αυτό το είδος σχεδιασμού. Δεν πρόκειται πιθανώς για το πόσο γρήγορα μπορείτε να κάνετε κλικ, είναι για το πόσο καλά ξέρετε για το Photoshop, πώς θα ξεκλειδώσετε όλες τις δυνατότητές του για να αυξήσετε την παραγωγικότητά σας.

Θέλουμε να μάθετε πώς μπορείτε να ξεκλειδώσετε το πλήρες δυναμικό της. Ναι, γι 'αυτό δημιουργήσαμε αυτήν την ανάρτηση, για να σας προσφέρουμε 10 εξαιρετικά χρήσιμες συμβουλές για Photoshop για να αυξήσετε την ταχύτητα σχεδιασμού σας. Μπορεί να υπάρχει συντόμευση, χαρακτηριστικό ή ρύθμιση που δεν γνωρίζετε, αλλά όχι πια. Με αυτό το άρθρο θα τα μάθετε όλα, και θα σχεδιάσετε πιο γρήγορα και πιο γρήγορα.

Σημείωση: Τα πλήκτρα συντόμευσης που αναφέρονται σε αυτό το άρθρο είναι σε μορφή Windows Photoshop. Αν χρησιμοποιείτε Mac, βεβαιωθείτε ότι γνωρίζετε ότι Ctrl = Cmd (Command) και Alt = Opt (Option).

10. Αναίρεση, Περισσότερα Αντικατάσταση Παρακαλώ

Πιστεύω απόλυτα ότι εμείς οι σχεδιαστές είμαστε πολύ εθιστικοί για να ανατρέψουμε κάτι, ακόμα και όταν κάναμε λάθος στο σκίτσο, τείνουμε να το «ανατρέψουμε».

Όπως ίσως γνωρίζετε πατώντας Ctrl + Z στο Photoshop, μπορείτε να αναιρέσετε την προηγούμενη ενέργεια που κάνατε, αλλά όταν πιέσετε ξανά τον ίδιο συνδυασμό πλήκτρων, θα επαναλάβει την προηγούμενη ενέργεια. Αυτό είναι απολύτως αφύσικο και ενοχλητικό, καθώς πρέπει πάντα να ακυρώσετε πολλές φορές για να φτάσετε στο κράτος που θέλετε.

Πιστεύετε ή όχι, το Photoshop έχει ένα συγκεκριμένο κουμπί για πολλαπλή αναίρεση και είναι Alt + Ctrl + Z. Ναι, χρησιμοποιώντας αυτό το συνδυασμό πλήκτρων μπορείτε να αναιρέσετε πολλές φορές, ανάλογα με την τιμή των Πολιτικών Ιστορίας που έχετε ορίσει στην επιλογή Επεξεργασία> Προτιμήσεις> Εκτέλεση.

Αν χρησιμοποιείτε τον κοινό συνδυασμό πλήκτρων Undo, ο οποίος είναι Ctrl + Z, μπορείτε απλά να πατήσετε Ctrl + Shift + Alt + K για να αποκτήσετε πρόσβαση στον πίνακα Συντόμευση πληκτρολογίου και να αλλάξετε το συνδυασμό πλήκτρων Αναίρεση στην περιοχή Επεξεργασία σε Ctrl + Z.

9. Δειγματοληψία Χρώμα, οπουδήποτε!

Σκοντάψατε σε έναν όμορφα σχεδιασμένο ιστότοπο και αναρωτιέστε ποια είναι τα ακριβή χρώματα που χρησιμοποιεί; Αυτό συμβαίνει πολύ συχνά όταν αναζητώ έμπνευση κατά τη διάρκεια της διάταξης του ιστότοπου στο Photoshop. Για μένα θα ξεκινήσω μια συλλογή χρωμάτων, θα πάρει το χρώμα και θα πάρει τον αριθμό hex και στη συνέχεια κάντε κλικ στην παλέτα χρωμάτων στο Photoshop, στη συνέχεια εισαγάγετε τον δεκαεξαδικό αριθμό έπειτα πάρτε το χρώμα, αρκετά ενοχλητικό δεν είναι αυτό?

Λοιπόν, δεν χρειάζεται πραγματικά να υποφέρετε από αυτό, μπορείτε απλά να κάνετε κλικ στο εργαλείο Σταγονόμετρο ή πατώντας I για να το ενεργοποιήσετε, στη συνέχεια κάντε κλικ στην οθόνη εργασίας του Photoshop και σύρετε το εικονίδιο Σταγονόμετρο σε οπουδήποτε στην οθόνη για να πάρετε το χρώμα θέλω. Ναι, είναι πραγματικά τόσο εύκολο.

8. Ευέλικτος οδηγός

Η συμβουλή # 8 είναι στην πραγματικότητα ένας συνδυασμός 2 συμβουλών, ελπίζω ότι δεν σας πειράζει να πάρετε περισσότερες συμβουλές. Ως σχεδιαστής ιστού πρέπει να ασχοληθούμε πολύ με τον οδηγό για τη σωστή τοποθέτηση ενός στοιχείου, με άλλα λόγια το pixel είναι τέλειο.

Πώς δημιουργείτε έναν οδηγό; Κάντε κλικ στην επιλογή Προβολή, Νέος οδηγός και στη συνέχεια επιλέξτε οριζόντιο ή κάθετο οδηγό, εισαγάγετε τη θέση του και κάντε κλικ στο Enter; Εντάξει, μπορείτε να αποθηκεύσετε αυτά τα έργα απλά πατώντας Ctrl + R για να ενεργοποιήσετε το εργαλείο χάρακα, κάντε κλικ στο εργαλείο και σύρετε προς τα κάτω για να δημιουργήσετε έναν οριζόντιο οδηγό ή αντίστροφα.

Εκτός από την άμεση δημιουργία οδηγών, εδώ είναι μια άλλη χρήσιμη συμβουλή για εσάς. Κατά τη μεταφορά ενός οδηγού με το εργαλείο Μετακίνησης το οποίο μπορεί να ενεργοποιηθεί χρησιμοποιώντας το πλήκτρο V, πατήστε και κρατήστε πατημένο το πλήκτρο Alt για να αλλάξετε τον οριζόντιο οδηγό στον κάθετο οδηγό ή αντίστροφα. Τώρα μπορείτε πιθανώς να θεωρήσετε τον εαυτό σας ως επαγγελματία για τη χρήση οδηγό.

7. Κλωνοποίηση στυλ επιπέδου διασκέδασης

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

Έχετε συνειδητοποιήσει ποτέ ότι υπάρχει ένα fx εικονίδιο δίπλα στο στρώμα σας; Καλά όλα υπάρχουν για κάποιο λόγο, αν πατήσετε Alt και σύρετε το fx εικονίδιο σε ένα άλλο στρώμα, θα αντιγράψει τα στυλ του πρώτου επιπέδου σε αυτό που σύρετε, αν δεν είναι βολικό?

Επίσης, αν ενδιαφέρεστε για την κοινή χρήση αυτού fx εικονίδιο, σας επιτρέπει να μετακινήσετε τα στυλ ενός στρώματος σε ένα άλλο και το μόνο που χρειάζεται να κάνετε είναι απλά να σύρετε το εικονίδιο σε άλλο επίπεδο χωρίς να πατήσετε το πλήκτρο Alt.

6. Εύκολη το κεντράρισμα του στοιχείου

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

Στην πραγματικότητα, έχετε έναν τρόπο να κάνετε αυτήν την όλη διαδικασία πολύ πιο εύκολη, κάντε κλικ στο στρώμα του στοιχείου που θέλετε να το απόλυτο κέντρο, στη συνέχεια πιέστε Ctrl + A για να επιλέξετε ολόκληρο το έγγραφο. Στη συνέχεια, πυρπολίστε το εργαλείο Μετακίνηση και θα δείτε μερικά εικονίδια δίπλα στην επιλογή, Εμφάνιση μετασχηματιστών ελέγχου. Κάντε κλικ στο 2ο εικονίδιο για κάθετο κέντρο του στοιχείου και, στη συνέχεια, κάντε κλικ στο 5ο εικονίδιο για να οριζόντια κεντράρετε το στοιχείο, εκεί πηγαίνετε, ένα απόλυτο κεντραρισμένο στοιχείο.

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

Μπορείτε να μελετήσετε άλλες επιλογές ευθυγράμμισης δίπλα στην επιλογή Show Transform Controls, είναι πολύ χρήσιμες για την ευθυγράμμιση των στοιχείων σας σε ένα ευρύ φάσμα καταστάσεων.

5. Προβολή επιλογής, μία κάθε φορά

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

Στο παρελθόν πρέπει να απενεργοποιήσω την ορατότητα του στρώματος της εικόνας του ρυθμιστή, του στρώματος του φόντου του ρυθμιστή και του στρώματος φόντου του περιεχομένου, αλλά τώρα μπορώ απλά να κρατήσω πατημένο το πλήκτρο Alt και μετά να κάνω κλικ στο εικονίδιο 'eye' δίπλα στην ομάδα κουμπιών την ορατότητα όλων των επιπέδων έτσι ώστε να βλέπω μόνο αυτά τα κουμπιά. Αφού τα εξέτασα, μπορώ να επαναλάβω το κόλπο και πάλι για να επιστρέψω την ορατότητα όλων των στρωμάτων.

Αυτό το τέχνασμα είναι επίσης εξαιρετικά χρήσιμο ενώ πρόκειται για το τεμαχισμό της εικόνας. Θέλετε να κόψετε το κουμπί του ρυθμιστή χωρίς άλλο στοιχείο όπως την εικόνα του ρυθμιστή, ώστε να μπορείτε να χρησιμοποιήσετε αυτό το τέχνασμα για να απενεργοποιήσετε την ορατότητα όλων των επιπέδων για να κόψετε μόνο το κουμπί και στη συνέχεια να επαναλάβετε το κόλπο για να ανακτήσετε την ορατότητα όλων των επιπέδων, ενεργοποιήστε και απενεργοποιήστε την ορατότητα των στρώσεων.

4. Προσαρμόστε την παρακολούθηση γραμματοσειρών, ανά πάσα στιγμή

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

Εντάξει, ας πούμε ότι θέλω να μειώσω την παρακολούθηση του τύπου, '360' έτσι ο τύπος του λογοτύπου μου φαίνεται μοναδικός που ο επισκέπτης θυμάται ευκολότερα. Μπορώ να επιλέξω το "POLO360" χρησιμοποιώντας το εργαλείο Τύπου το οποίο μπορεί να ενεργοποιηθεί πατώντας το πλήκτρο T, μετά κρατήστε πατημένο το πλήκτρο Alt και πατήστε το κουμπί για να αρχίσετε να μειώνετε την παρακολούθηση του τύπου, η οποία θα φέρει το αποτέλεσμα παραπάνω.

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

3. Instant Layer Selection = Νίκη

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

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

2. Έξυπνο αντικείμενο για έξυπνο σχεδιαστή

Όπως το όνομά της, το Smart Object κάνει την επεξεργασία σας πιο έξυπνη, πραγματοποιώντας 2 βασικές λειτουργίες: πραγματοποιεί μη καταστροφικές μετατροπές και διεξάγει φιλτράρισμα. Αυτό το χαρακτηριστικό έρχεται πολύ χρήσιμο, ειδικά όταν παράγετε διάταξη τοποθεσίας με βαριά γραφικά όπως φωτογραφίες αποθεμάτων, εικονίδια κοινωνικών μέσων και κιτ UI και το μόνο που χρειάζεται να κάνετε είναι να κάνετε δεξί κλικ σε ένα επίπεδο και, στη συνέχεια, κάντε κλικ στην επιλογή 'Μετατροπή σε έξυπνο αντικείμενο' απολαύστε τα οφέλη της.

Η πρώτη λειτουργία λέει ότι μόλις μετατραπεί ένα στρώμα σε ένα Smart Object, μπορείτε να το μετατρέψετε ούτως ή άλλως, χωρίς να χάσετε την αρχική του ποιότητα. Στην περίπτωσή μας, θέλουμε να κάνουμε μικρότερο το ρυθμιστικό εικόνας, ώστε να μετατρέψουμε τα στρώματα του slider εικόνας σε Smart Object και να το μετατρέψουμε σε κάτι μικρότερο.

Ouch, είναι πολύ μικρό, γι 'αυτό αποφάσισα να το αλλάξω.

Φαίνεται ότι όλα είναι εντάξει και τίποτα δεν συνέβη καλά; Παρακάτω είναι το αποτέλεσμα αν εφαρμόσατε μια μεταστροφή προς τα πίσω χωρίς να μετατρέψετε το στρώμα σε Smart Object.

Έτσι, μπορείτε πιθανώς να δείτε τη διαφορά εδώ, ειδικά το κουμπί κουμπιών του ρυθμιστή. Η μετατροπή προς τα πίσω χωρίς το Smart Object που εφαρμόζεται σε στρώματα καθιστά το πλήκτρο του ρυθμιστή και του ρυθμιστή να χάσει την ποιότητά του. Έτσι, μετατρέποντας ένα στρώμα σε Smart Object, μπορείτε να το μετατρέψετε σε οποιοδήποτε μικρότερο μέγεθος που θέλετε, αλλά μόλις μετανιώσεις για την απόφασή σας, μπορείτε να το αλλάξετε χωρίς να χάσετε την ποιότητα.

Ένα άλλο πλεονέκτημα, μετατρέποντας το επίπεδο σε Smart Object, μόλις εφαρμόσετε το φίλτρο σε ένα Smart Object, θα εμφανιστεί ένα στρώμα φίλτρου κάτω από το στρώμα του έξυπνου αντικειμένου, ώστε να μπορείτε να απενεργοποιήσετε το φίλτρο πιο εύκολα απλώς απενεργοποιώντας την ορατότητα του στρώματος του φίλτρου και αυτό ονομάζεται μη καταστρεπτικό φιλτράρισμα , μεγάλη εξοικονόμηση χρόνου για το έργο σας.

1. Στιγμιότυπο από όμορφο παρελθόν

Τώρα μάθατε πώς να αναιρέσετε πολλές φορές, να αντιγράφετε στυλ επιπέδων, να επιταχύνετε την επιλογή στρώσεων και να χρησιμοποιείτε το έξυπνο αντικείμενο αυτές τις εξαιρετικές συμβουλές εξοικονόμησης χρόνου. Λοιπόν, αυτές είναι πολύ βολικές δεξιότητες που αυξάνουν σημαντικά την παραγωγικότητα σας, αλλά τι γίνεται μετά από 2 ώρες εργασίας, σας εξέφρασε τη λύπη σας για την επεξεργασία και αποφάσισε να ξεκινήσει από τη μέση; Επαναλάβετε το τελείως θα είναι πολύ εξαντλητικό και βαρετό, ακόμη και να εφαρμόζετε όλες τις συμβουλές δολοφόνων που έχετε μάθει πριν, οπότε όταν το Snapshot κλωτσάει.

Το στιγμιότυπο σας επιτρέπει να δημιουργήσετε ένα προσωρινό αντίγραφο οποιασδήποτε κατάστασης της επεξεργασίας σας, οπότε όταν αντιμετωπίζετε προβλήματα στη βελτίωση του σχεδιασμού σας και αποφασίσετε να επιστρέψετε, μπορείτε απλά να κάνετε κλικ σε ένα στιγμιότυπο για να σας φέρει πίσω στην κατάσταση που επιθυμείτε. Για να τραβήξετε ένα στιγμιότυπο, απλά πρέπει να ανοίξετε την παλέτα ιστορικού και κάντε κλικ στο εικονίδιο 2 που βλέπετε στο κάτω μέρος της παλέτας.

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

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

Αντανάκλαση

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

Λοιπόν, μοιραστήκαμε το καλύτερο, τι γίνεται με εσάς; Αν δεν σας πειράζει, μοιραστείτε τις συμβουλές σας σχετικά με τις δολοφόνες του Photoshop για να μας ενημερώσετε για τον καλύτερο τρόπο χρήσης του Photoshop, χάρη για τη γενναιοδωρία σας!