Οδηγός Idiot για το Photoshop, Μέρος 3: Συμβουλές Pro

Διαφήμιση

Πίνακας περιεχομένων

§1. Εισαγωγή

Αυτός ο οδηγός είναι διαθέσιμος για λήψη ως δωρεάν PDF. Κατεβάστε έναν οδηγό Idiot για Photoshop, Μέρος 3: Pro Συμβουλές τώρα . Μη διστάσετε να αντιγράψετε και να μοιραστείτε αυτό με τους φίλους και την οικογένειά σας.

§2-Photoshop Κόλπα που δεν γνωρίζατε

§3-Δημιουργία Banner YouTube με συνδέσμους

§4-Βασική ρετουσίωση φωτογραφιών

§5-BONUS # 1: Δημιουργία σκιαγραφίας από φωτογραφία σε λίγα λεπτά

§6-BONUS # 2: Ολοκλήρωση ενός Favicon στο Photoshop

§7-Συμπέρασμα

1. Εισαγωγή

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

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

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

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

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

Υπάρχουν πάντα αρκετοί τρόποι να κάνετε κάτι στο Photoshop. το πιο σημαντικό είναι να μάθετε τα βασικά - το υπόλοιπο περιορίζεται μόνο από τη φαντασία σας.

Έτσι, τι θα μάθετε αυτή τη φορά;

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

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

Ένα ακόμα πράγμα, πραγματικά συνιστώ τη λήψη και την εκτύπωση του Photoshop Cheat Sheet (συντομεύσεις) από MakeUseOf - είναι μια μεγάλη εξοικονόμηση χρόνου.

Ακριβώς έτσι ξέρετε, χρησιμοποιώ το Adobe Photoshop CS5 (και το συνιστώ ανεπιφύλακτα), αλλά μην ανησυχείτε αν χρησιμοποιείτε μια παλαιότερη έκδοση: σχεδόν όλα τα εργαλεία είναι τα ίδια και θα επισημάνω αυτά που είναι καινούργια. Το MakeUseOf δημοσίευσε πρόσφατα έναν νέο οδηγό για το Photoshop CS6. Μη διστάσετε να το ελέγξετε επίσης.

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

2. Κόλπα του Photoshop που δεν γνωρίζατε

2.1 Πολλαπλή αναίρεση

Στα περισσότερα προγράμματα, το Ctrl + Z θα αναιρέσει τις ενέργειες που έχετε τραβήξει, επιτρέποντάς σας να επιστρέψετε εγκαίρως όσο θέλετε. Στο PS, το Ctrl + Z πηγαίνει μόνο ένα βήμα πίσω, και η επανάληψη θα " απενεργοποιήσει μόνο την αναίρεση ". Θέλετε να επιστρέψετε και πάλι; Πατήστε Ctrl + Alt + Z.

2.2 Γρήγορη αλλαγή μεγέθους της τρέχουσας βούρτσας

Για να αλλάξετε γρήγορα το μέγεθος της βούρτσας: χρησιμοποιήστε το "[" για να μειώσετε και το "]" για μεγέθυνση.

2.3 Ορισμός προσκηνίου / φόντου Προεπιλογή

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

2.4 Αλλαγή χρώματος προσκηνίου / φόντου

Για εναλλαγή μεταξύ των χρωμάτων του προσκηνίου και του φόντου, απλά πατήστε "X".

2.5 Συμπληρώστε με το χρώμα

Για να γεμίσετε γρήγορα μια επιλογή ή ένα στρώμα με το χρώμα του προσκηνίου, χρησιμοποιήστε το Alt + Backspace . Το Ctrl + Backspace θα γεμίσει με το χρώμα φόντου.

2.6 Επαναφορά μάλλον παρά Ακύρωση

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

2.7 Επιλέξτε Πολλαπλά επίπεδα

Για να επιλέξετε δύο ή περισσότερα επίπεδα, κρατήστε πατημένο το πλήκτρο Ctrl και κάντε κλικ στα στρώματα που θέλετε. Αν θέλετε να επιλέξετε έναν αριθμό διαδοχικών επιπέδων, κρατήστε πατημένο το Shift, κάντε κλικ στο πρώτο στρώμα και (κρατώντας το Shift ) κάντε κλικ στο τελευταίο. Θα επιλεγούν όλα τα επίπεδα μεταξύ αυτών των δύο.

2.8 Σχεδιάστε μια τέλεια γραμμή με μια βούρτσα

Για να σχεδιάσετε μια ευθεία γραμμή με μια βούρτσα απλά κάντε κλικ όπου θέλετε να ξεκινήσει η γραμμή, στη συνέχεια Shift + κλικ στο τελικό σημείο (λειτουργεί με 45 ° γωνίες).

2.9 Επαναχρησιμοποίηση του τελευταίου φίλτρου

Έχετε χρησιμοποιήσει ένα φίλτρο μία φορά, αλλά νομίζετε ότι πρέπει να το κάνετε ξανά; Χρησιμοποιήστε τα πλήκτρα Ctrl + F. Θυμηθείτε, λειτουργεί μόνο αν έχετε χρησιμοποιήσει προηγουμένως ένα φίλτρο.

2.10 Αντιγραφή ενός Layer

Υπάρχουν μερικοί διαφορετικοί τρόποι για να το κάνετε αυτό, αλλά ο γρηγορότερος είναι ο Ctrl + J. Βεβαιωθείτε ότι έχετε επιλέξει ένα επίπεδο.

2.11 Αλλαγή μεγέθους αντικειμένου κατά τη διατήρηση του λόγου όψης

Για να αλλάξετε το μέγεθος κάθε αντικειμένου χωρίς παραμόρφωση, εισαγάγετε τη λειτουργία Free Transform με Ctrl + T, κρατήστε πατημένο το Shift και τεντώστε ή συρρικνώστε το αντικείμενο με το ποντίκι σας. Εάν κρατήσετε Alt + Shift, θα αλλάξετε το μέγεθος του αντικειμένου σε σχέση με το κέντρο του.

2.12 Γρήγορη παραμόρφωση

Αν θέλετε να παραμορφώσετε ένα αντικείμενο ή μια επιλογή, χρησιμοποιήστε το Ctrl + T (Free Transform) και κρατήστε πατημένο το πλήκτρο Ctrl για να το παραμορφώσετε. Ο πιο μακρύς τρόπος: με το Free Transform ενεργό, κάντε δεξί κλικ στην επιλογή και επιλέξτε Distort.

2.13 Δημιουργήστε ένα νέο επίπεδο κάτω / πάνω από ένα ενεργό

Μερικές φορές χρειάζεστε ένα νέο επίπεδο κάτω ή πάνω από ένα ενεργό επίπεδο, έτσι πιέζετε το εικονίδιο Νέο στρώμα και μετά σύρετε το φρέσκο ​​στρώμα κάτω ή πάνω από το ενεργό στρώμα, σωστά; Εδώ είναι ένας πιο γρήγορος τρόπος: κρατήστε πατημένο το πλήκτρο Ctrl ή Shift και κάντε κλικ στο εικονίδιο New Layer για να βάλετε ένα νέο επίπεδο κάτω ή πάνω, αντίστοιχα.

2.14 Φραγή τελευταίου φίλτρου

Αισθάνεστε ότι το φίλτρο που εφαρμόσατε είναι πάρα πολύ; Χρησιμοποιήστε το Fade . Shift + Ctrl + F (Edit-> Fade ...) και, στη συνέχεια, παίξτε με επιλογές στο παράθυρο διαλόγου μέχρι να φτάσετε αυτό που χρειάζεστε:

2.15 Γυρίστε το φόντο σε ένα κανονικό επίπεδο

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

2.16 Σύρετε την επιλογή

Αφού γίνει μια επιλογή, μπορείτε να την σύρετε όποτε θέλετε κρατώντας το πλήκτρο Space (χωρίς να αφήσετε το ποντίκι):

2.17 Περιηγηθείτε στον χώρο εργασίας αριστερά / δεξιά / πάνω / κάτω

Για να πλοηγηθείτε προς τα αριστερά ή προς τα δεξιά, κρατήστε πατημένο το πλήκτρο Ctrl και μετακινηθείτε προς τα κάτω ή προς τα πάνω, αντίστοιχα.

Για να πλοηγηθείτε προς τα επάνω ή προς τα κάτω, μετακινηθείτε προς τα επάνω ή προς τα κάτω χωρίς το Ctrl .

2.18 Αντιγράψτε το ορατό και επικολλήστε το σε ένα νέο στρώμα

Πατήστε Ctrl + Shift + Alt + E μαζί και θα αντιγράψετε όλα τα ορατά στοιχεία και θα τα επικολλήσετε σε ένα νέο επίπεδο.

2.19 Γρήγορη αλλαγή του χώρου εργασίας Χρώμα φόντου

Υπάρχουν δύο γρήγοροι τρόποι για να αλλάξετε το χρώμα φόντου του χώρου εργασίας:

α) Κάντε δεξί κλικ σε αυτό για να επιλέξετε από μερικά διαφορετικά χρώματα:

β) Επιλέξτε το εργαλείο Paint Bucket, επιλέξτε ένα χρώμα προσκηνίου και Shift + κάντε κλικ στο φόντο.

2.20 Επιλογή Φόρτωσης Γρήγορης Επίπεδο

Για να φορτώσετε γρήγορα μια επιλογή επιπέδων, απλά κρατήστε πατημένο το πλήκτρο Ctrl και κάντε κλικ στη μικρογραφία του στρώματος:

2.21 Μεταφορά μεταξύ εγγράφων

Εξοικονομήστε χρόνο κατά την εναλλαγή μεταξύ των ανοιχτών παραθύρων εγγράφων: χρησιμοποιήστε το συνδυασμό πλήκτρων Ctrl + Tab για να μεταβείτε προς τα εμπρός και Ctrl + Shift + Tab για εναλλαγή προς τα πίσω:

2.22 Έλεγχος γρήγορης αδιαφάνειας

Για να ρυθμίσετε γρήγορα την αδιαφάνεια ενός επιλεγμένου στρώματος, απλά πατήστε ένα αριθμητικό πλήκτρο για να ορίσετε ένα γρήγορο ποσοστό (" 1 " = 10%, " 2 " = 20%, " 3 " = 30%, ... κλπ.). Αν έχετε ενεργό εργαλείο βουρτσίσματος, θα προσαρμόσει την αδιαφάνεια του πινέλου:

Σημείωση: Εάν πατήσετε δύο αριθμούς γρήγορα, θα αλλάξετε την αδιαφάνεια σε ένα συγκεκριμένο ποσοστό (δηλαδή: θα το αλλάξετε στο 31% εάν πατήσετε γρήγορα " 3 " και " 1 ").

2.23 Γρήγορη εναλλαγή μεταξύ εργαλείων

Ορισμένα εργαλεία έχουν δευτερεύοντα μενού. Για να περιηγηθείτε σε αυτά, δεν χρειάζεται να κάνετε κλικ και να κρατάτε πατημένο το ποντίκι σας αν γνωρίζετε αυτό το μικρό τέχνασμα: κρατήστε πατημένο το Shift και πατήστε το πλήκτρο εργαλείων (μάθετε τα πλήκτρα πρόσβασης από το φύλλο εξαπάτησης που αναφέρεται παραπάνω). Για παράδειγμα: για το εργαλείο Lasso, πατήστε Shift + L.

2.24 Ορατότητα πίνακα

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

2.25 Ακριβός δρομέας

Γυρίστε το Caps Lock αν θέλετε ο κέρσορας να είναι ακριβής:

2.26 Μετάβαση μέσω επιλογών συγχώνευσης

Για να μεταβείτε γρήγορα μέσα από τις επιλογές συγχώνευσης ενός επιλεγμένου στρώματος, κρατήστε πατημένο το Shift και πατήστε - / + :

2.27 Απόκρυψη άλλων επιπέδων

Για να αποκρύψετε όλα τα επίπεδα εκτός από την επιλεγμένη, κρατήστε το Alt και κάντε κλικ στο εικονίδιο "eye":

2.28 Εμφάνιση / απόκρυψη συνεπαγόμενων επιπέδων

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

2.29 Μεγέθυνση έως 100%

Αυτό είναι πολύ χρήσιμο. Για να φέρετε την προβολή σε 100%, κάντε διπλό κλικ στο εργαλείο ζουμ :

2.30 Προσαρμογή Αριθμητικών Τιμών

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

2.31 Διαγραφή κρυφών επιπέδων

Αυτή η μικρή συμβουλή σας βοηθά να απαλλαγείτε από όλα τα κρυμμένα στρώματα σε ένα έγγραφο, το οποίο είναι ιδιαίτερα χρήσιμο όταν εργάζεστε με πολλά στρώματα. Ένα κλικ: μεταβείτε στο Layers-> Delete-> Hidden layers :

2.32 Διαγραφή κενών επιπέδων

Μερικές φορές, σε μια ψηφοφορία υψηλής ταχύτητας μετά από τη φαντασία σας, μπορεί να συμβεί να δημιουργήσετε ένα στρώμα και να το αφήσετε άθικτο. Έτσι παραμένει εκεί - άδειο. Τι γίνεται αν έχετε 50 στρώματα και κάποια από αυτά είναι κενά; Μεταβείτε στο File-> Scripts-> Delete All Empty Layers :

3. Δημιουργία ενός banner YouTube με συνδέσμους

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

Σήμερα θα μάθετε πώς να δημιουργήσετε αυτό το banner στο Photoshop. Ακόμα καλύτερα: θα δημιουργήσετε ένα banner με συνδέσμους (για παράδειγμα στις κοινωνικές σας σελίδες, όπως το Facebook και το Twitter ή στον ιστότοπό σας).

Για να ξεκινήσετε, δημιουργήστε ένα νέο έγγραφο (Ctrl + N) στο Photoshop.

Δημιουργούμε ένα banner μέγιστου μεγέθους, ώστε το πλάτος να είναι 960 px και ύψος έως 150 px . Βεβαιωθείτε ότι η ανάλυση είναι 72 px / inch και πατήστε OK:

Τώρα ας προσθέσουμε μερικά γραφικά και κουμπιά.

Φυσικά θα θελήσετε να βάλετε το λογότυπό σας εκεί. Εισαγάγετε το αρχείο λογότυπου σας στο Photoshop. Εάν είναι ένα αρχείο εικόνας, μπορείτε απλά να κάνετε drag and drop.

Ευθυγραμμίστε το λογότυπο όποτε θέλετε. Χρησιμοποίησα την κλασική θέση: την πάνω αριστερή γωνία.

Προσθέστε κάποιο κείμενο που περιγράφει την κατοχή σας με το εργαλείο κειμένου (T) ακριβώς κάτω από το λογότυπο.

Εάν θέλετε, αλλάξτε το χρώμα φόντου. Προσθέστε μια κλίση, ή κάντε ό, τι θέλετε. Θα προσθέσω μια κλίση.

Χρησιμοποιήστε το εργαλείο κλίσης (G) για να γεμίσετε το φόντο με μια κλίση:

Εντάξει, τώρα έχουμε ένα απλό, σχεδόν έτοιμο για χρήση banner:

Χρειαζόμαστε όμως κοινωνικά κουμπιά: αυτή είναι η κύρια εστίαση αυτού του φροντιστηρίου. Ας ρίξουμε λοιπόν κάποια εικονίδια από την Google. Απλά αναζητήστε εικονίδια RSS, Twitter, Facebook (ή άλλα, αν θέλετε), αντιγράψτε και επικολλήστε τα στην περιοχή εργασίας σας στο Photoshop και ευθυγραμμίστε τα προς τη δεξιά πλευρά του πανό:

Για να προσθέσετε λίγο βάθος στα εικονίδια μας, ας προσθέσουμε κάποια σκιά. Για να το κάνετε, κάντε δεξί κλικ στο στρώμα ενός εικονιδίου και επιλέξτε Blending Options :

Στο αναδυόμενο παράθυρο διαλόγου επιλέξτε Drop Shadow (Οι προεπιλεγμένες τιμές είναι εντάξει):

Εφαρμόστε το ίδιο αποτέλεσμα σε άλλα εικονίδια (μπορείτε να χρησιμοποιήσετε το δεξί κλικ -> Στυλ στυλ αντιγραφής και έπειτα Επικόλληση στυλ στρώματος στον πίνακα επιπέδων).

Προσθέστε κάποιο κείμενο, όπως το "Stay Tuned", ακριβώς πάνω από τα εικονίδια:

Ας υποθέσουμε ότι πήραμε αυτό που χρειαζόμασταν και τώρα ας το σώσουμε για τον ιστό. Μεταβείτε στο File-> Save for Web & Devices, επιλέξτε PNG-8 (για καλύτερη ποιότητα) από το αναπτυσσόμενο μενού και αποθηκεύστε το κάπου:

Τώρα ας προχωρήσουμε στη μεταφόρτωση και την κωδικοποίηση.

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

Βάλτε 150 στην περιοχή κειμένου για το ύψος του Banner Κανάλι :

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

Λοιπόν, ας προσθέσουμε αυτούς τους συνδέσμους.

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

Μεταβείτε στη διεύθυνση www.image-maps.com, περιηγηθείτε στο banner σας και κάντε κλικ στην επιλογή Έναρξη χαρτογράφησης της εικόνας σας:

Στη συνέχεια, θα δείτε μια σελίδα "help image-maps.com", περιμένετε 10 δευτερόλεπτα και κάντε κλικ στο Continue To Next Step .

Στη δεξιά πλευρά, θα δείτε μια περιοχή μενού, κάντε κλικ στο Rectangle :

Κοιτάξτε το πανό σας, θα δείτε ότι υπάρχει ένα ορθογώνιο με περιοχές κειμένου:

Σύρετε / τεντώστε το ορθογώνιο ώστε να ταιριάζει με το πρώτο εικονίδιο (μην ανησυχείτε για τις περιοχές κειμένου τώρα, θα τις αλλάξουμε στον κώδικα) και κάντε κλικ στο κουμπί Αποθήκευση :

Κάντε το ίδιο και για τα άλλα εικονίδια.

Μετά την χαρτογράφηση όλων των εικονιδίων / κουμπιών, κάντε κλικ στην επιλογή Αποκτήστε τον κωδικό σας στη δεξιά στήλη:

Σε αυτήν τη σελίδα, κάντε κλικ στην επιλογή HTML Code:

Εδώ έρχεται το δύσκολο κομμάτι.

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

Έχω ετοιμάσει μια καθαρή έκδοση (για τρία κουμπιά στο banner σας)? μπορείτε απλά να το αντιγράψετε και να ακολουθήσετε τις περαιτέρω οδηγίες.

Καθαρός κώδικας:

Επεξηγήσεις των επισημασμένων (σε κόκκινο) τιμών:

• full_path_to_your_banner - μεταβείτε στη σελίδα σας στο YouTube και κάντε δεξί κλικ στο banner σας (που έχετε ήδη μεταφορτώσει) και (ανάλογα με το πρόγραμμα περιήγησης) βρείτε την πλήρη διεύθυνση URL του banner και αντιγράψτε τον. Θα πρέπει να είναι κάτι σαν http://i2.ytimg.com/u/UcJ1c4V37ArMB8VDO33RhA/profile_header.jpg" . Στη συνέχεια, αντικαταστήστε το full_path_to_your_banner με τη διεύθυνση URL του banner.

• any_name - τοποθετήστε κάποιο όνομα εκεί, όπως "my_mapcode", "johnsmap" κλπ.

• συντεταγμένες1 από το image-maps.com - εάν ελέγξετε τον κώδικα HTML που δημιουργήθηκε από τους χάρτες εικόνας πριν στο Βήμα 3.18, θα δείτε γραμμές όπως αυτό:

Αντιγράψτε αυτά τα ψηφία (επισημαίνονται) όπως είναι και επικολλήστε τα αντί των συντεταγμένων1 από το image-maps.com (στη σωστή σειρά, δηλαδή πρώτες συντεταγμένες αντί συντεταγμένων1, δεύτερη - αντί συντεταγμένων2 κ.ο.κ.).

• first_button_link - ο σύνδεσμος στον οποίο θα οδηγηθεί το πρώτο σας κουμπί. Για παράδειγμα, εάν το πρώτο σας κουμπί είναι η σελίδα Facebook, τότε το first_button_link θα είναι ο σύνδεσμος στη σελίδα σας στο Facebook, συμπεριλαμβανομένου του http: // . Αυτό είναι το ίδιο για τους άλλους συνδέσμους κουμπιών (τους συνδέσμους σας στο Twitter, το Google και άλλα προφίλ / ιστότοπους).

• title_text_for_first_link - ο τίτλος είναι ένα κείμενο που θα εμφανιστεί όταν ο επισκέπτης περάσει το ποντίκι πάνω από έναν σύνδεσμο στο banner σας. Έτσι, βάλτε μια περιγραφή για κάθε σύνδεσμο, όπως "Συμμετάσχετε την κοινότητα του Facebook", "Ακολουθήστε μας στο Twitter" και ούτω καθεξής.

Αντικαταστήστε όλες τις τιμές που σημειώσαμε με κόκκινο χρώμα με τις τιμές από τον κώδικα HTML αντίστοιχα.

Αφού τελειώσετε με τον χάρτη, μπορείτε να κλείσετε το image-maps.com και να το ξεχάσετε. Μεταβείτε ξανά στη σελίδα σας στο YouTube, Επιλογές επωνυμίας / Banners και Χάρτες εικόνων και αντιγράψτε & επικολλήστε τον τελικό σας χάρτη στον αντίστοιχο τομέα και κάντε κλικ στην επιλογή Αποθήκευση αλλαγών .

Αυτό είναι. Ανανεώστε τη σελίδα σας στο YouTube και ελέγξτε τους συνδέσμους σας.

4. Βασική ρετουσάρισμα φωτογραφιών

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

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

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

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

4.1 Επίπεδα

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

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

4.2 Φίλτρο φωτογραφιών

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

Μπορείτε να επιλέξετε από τις προκαθορισμένες ρυθμίσεις φίλτρων από το αναπτυσσόμενο μενού ή να εφαρμόσετε το προσαρμοσμένο επιλεγμένο χρώμα και να προσαρμόσετε την πυκνότητα του επιλεγμένου φίλτρου. Έχω επιλέξει φίλτρο ψύξης για την εικόνα μου για να ενισχύσει τον μπλε τόνο του νερού:

4.3 Dodge and Burn

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

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

4.4 Βούρτσα επούλωσης επιτόπου

Αυτός ήρθε με το CS2, όπως θυμάμαι, και βοηθά με την ψηφιακή "επούλωση", που μερικές φορές ονομάζεται "airbrushing". Σχεδόν κάθε κορίτσι θα παραπονεθεί για την εικόνα της λέγοντας "αφαιρέστε αυτό το σημείο" ή "δεν θέλω αυτό το mole". Δεν υπάρχει πρόβλημα: με το εργαλείο βούρτσας Spot Healing μπορείτε να το κάνετε ευτυχισμένο!

Έχω απομακρύνει το διάσημο σκοινί του Cindy Crawford με ένα μόνο κλικ:

4.5 Θύελλα

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

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

4.6 Συμπλήρωση περιεχομένου

Τώρα αυτό το εργαλείο δεν είναι βασικό: είναι τόσο ισχυρό όσο το ραβδί του Χάρι Πότερ και θα μπορούσε εύκολα να αποτελέσει το αντικείμενο του δικού του οδηγού. Είναι μόνο στο Photoshop CS5 και αργότερα, οπότε αν έχετε μια παλαιότερη έκδοση ... συγνώμη.

Με το Content-Aware Fill μπορείτε να αφαιρέσετε τα ανεπιθύμητα αντικείμενα από μια εικόνα χωρίς να αφήσετε πίσω σας μια μαύρη θέση: Το Photoshop θα μαντέψει τι πρέπει να υπάρχει και να γεμίσει το κενό. Πριν από το CS5 αυτό δεν ήταν εύκολο έργο, αλλά τώρα είναι απλό. Φυσικά δεν είναι τέλειο και για να έχετε τα καλύτερα αποτελέσματα θα πρέπει να κάνετε κάποιες προσαρμογές, αλλά αυτό το εργαλείο κάνει τη δουλειά εξαιρετικά καλά.

Βασικά, το εργαλείο υπολογίζει τη γύρω περιοχή μιας επιλογής και στη συνέχεια "ζωγραφίζει" την περιοχή που γεμίζετε με μια εικασία για το τι πρέπει να υπάρχει. Πραγματικά πρέπει να παίξετε με αυτό για να το πιστέψετε: απλά επιλέξτε το αντικείμενο που θέλετε να αφαιρέσετε αφήνοντας λίγο χώρο γύρω από την επέκταση της επιλογής. Στη συνέχεια, εφαρμόστε το πλήκτρο ( Επεξεργασία-> Συμπλήρωση ή Μετατόπιση + F5 ):

Με αυτά τα 6 εργαλεία μπορείτε να δώσετε στις φωτογραφίες σας μια νέα ματιά σε λίγα λεπτά. Παίξτε με τις τιμές και τις ρυθμίσεις και θα τους εξοικειώσετε περισσότερο.

5. BONUS # 1: Δημιουργία μιας σιλουέτας από μια φωτογραφία μέσα σε λίγα λεπτά

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

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

Σε αυτό το γρήγορο σεμινάριο, θα μάθετε πόσο εύκολα μπορείτε να δημιουργήσετε μια σιλουέτα από σχεδόν οποιαδήποτε εικόνα στο Photoshop.

Λάβετε υπόψη ότι το πιο σημαντικό βήμα είναι να κάνετε μια ωραία επιλογή - όσο πιο ακριβής είναι η καλύτερη ποιότητα η τελική σιλουέτα σας θα είναι.

Βήμα 1

Ανοίξτε μια εικόνα στο Photoshop και κάντε μια επιλογή. Έχω κάνει τη δική μου χρησιμοποιώντας το μαγνητικό εργαλείο Lasso . Είναι ευκολότερο να κάνετε μια επιλογή σε εικόνες που έχουν φόντο με λίγες λεπτομέρειες:

Βήμα 2

Δημιουργήστε ένα νέο επίπεδο κάνοντας κλικ στο μικρό εικονίδιο στην παλέτα "Επίπεδα":

Βήμα 3

Συμπληρώστε την επιλογή με μαύρο:

Βήμα 4

Τώρα ξεφορτώστε το φόντο με απλή διαγραφή του αρχικού στρώματος (στην περίπτωσή μου είναι το στρώμα "εικόνας"):

Αυτό είναι. Η σιλουέτα είναι έτοιμη για χρήση. Τώρα μπορείτε να βάλετε αυτή τη σιλουέτα μπροστά σε οτιδήποτε. Ακολουθεί κάποια "τέχνη":

6. BONUS # 2: Δημιουργία ενός Favicon στο Photoshop

Εάν είστε κάτοχος ιστότοπου ή σχεδιάζετε να είστε ένας, θα χρειαστείτε ένα favicon. Τι είναι αυτό? Ένα favicon είναι ένα μικρό εικονίδιο ή εικόνα (16 × 16 εικονοστοιχεία) που εμφανίζεται στη γραμμή διευθύνσεων ή στην καρτέλα του προγράμματος περιήγησης στο Internet.

Είναι ένα σημαντικό μέρος της ταυτότητας του ιστοτόπου σας, όπως το λογότυπό σας, οπότε μην το υποτιμάτε.

Δεν μπορείτε να δημιουργήσετε μόνο μια εικόνα 16x16px, αλλάξτε την επέκταση αρχείου σε .ico και χρησιμοποιήστε ως favicon. Υπάρχουν πολλά εργαλεία για να δημιουργήσετε ένα favicon, αλλά θα σας δείξω πώς να το κάνετε στο Photoshop.

1. Το Photoshop δεν αναγνωρίζει το .ico από μόνο του, οπότε χρειαζόμαστε ένα plugin για να κάνει το Photoshop "φιλικό" μαζί του. Το plugin είναι δωρεάν και μπορείτε να το κατεβάσετε από το Telegraphics. Ονομάζεται ICO (Windows Icon) Μορφή :

2. Τώρα θα πρέπει να το εγκαταστήσετε στο σύστημά σας:

Κλείστε το Photoshop αν είναι ανοιχτό.

Αποσυσκευάστε το αρχείο και αντιγράψτε και επικολλήστε το αρχείο ICOFormat.8bi στο φάκελο "Μορφές αρχείων " στον κατάλογο Photoshop (Πρόγραμμα αρχείων / Adobe Photoshop / Plugins / Φορμά αρχείων για χρήστες Windows).

3. Ανοίξτε το Photoshop και δημιουργήστε ένα νέο έγγραφο με πλάτος 64px και ύψος 64px (θα είναι πολύ δύσκολο να εργαστείτε με 16 × 16, επομένως είναι πιο άνετο να χρησιμοποιήσετε καμβά 64 × 64).

4. Εάν έχετε ένα λογότυπο, αλλάξτε το μέγεθος σε ένα τετράγωνο, ανοίξτε το με το Photoshop και αλλάξτε το μέγεθος της εικόνας σε 64 × 64. Κατά την αλλαγή μεγέθους, επιλέξτε Bicubic Sharper, διότι αν δεν το κάνετε, θα θολώσει την εικόνα:

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

Αν νομίζετε ότι χρειάζεται περισσότερη δουλειά, ακυρώστε την αλλαγή μεγέθους και συνεχίστε να εργάζεστε. Όταν είναι τελικά έτοιμη, αλλάξτε το μέγεθος σε 16 × 16.

5. Τώρα πρέπει να το αποθηκεύσουμε σε μορφή .ico .

Δεδομένου ότι έχουμε εγκαταστήσει το plugin ICO, το Photoshop μπορεί τώρα να αποθηκευτεί ως ICO. Απλά πηγαίνετε στο File-> Save As ... και επιλέξτε Windows ICO από το αναπτυσσόμενο μενού (θυμηθείτε να το ονομάσετε " favicon "):

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

Προσθέστε αυτόν τον κώδικα κάπου μεταξύ

header.php. Τελείωσες!

7. Συμπέρασμα

Αυτό είναι για τώρα! Ελπίζω αυτός ο οδηγός να σας διδάξει κάτι και να μείνετε συντονισμένοι για τον επόμενο οδηγό του Photoshop από το MakeUseOf.com.

Περισσότεροι οδηγοί του Photoshop:

• Οδηγός Easy Photoshop: Μέρος 1
• Εγχειρίδιο Photoshop του Idiot - 2
• Οδηγός Idiot για το Photoshop, Μέρος 4: Προηγμένες λειτουργίες και εφέ φωτογραφίας διασκέδασης
• Τι νέο υπάρχει στο Photoshop CS6, η τελική επισκόπηση