Πώς να κάνετε τέλειες προοπτικές αλλαγές στο Photoshop για εικόνες και λογότυπα

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

Χρησιμοποιώντας το εργαλείο μετασχηματισμού για τέλειες αντιστοιχίες

Ας χρησιμοποιήσουμε μια εικόνα οθόνης gadget ως βάση: μια κοινή ανάγκη για marketers (ή συγγραφείς ιστού σαν εμένα). Η πηγή μας εδώ είναι ένας διακόπτης Nintendo με μια κανονική οθόνη 16: 9, αλλά πρέπει να βάλετε σε ένα screenshot κάτι άλλο - ας πούμε μια εικόνα από Zelda αντί Mario. Εδώ είναι οι εικόνες που θα χρησιμοποιήσω, ώστε να μπορείτε να τις αρπάξετε και να εξασκηθείτε μόνοι σας:

Επισημάνετε την εικόνα του στιγμιότυπου στο εργαλείο στρώσεων και, στη συνέχεια, ενεργοποιήστε το εργαλείο μετασχηματισμού με τη συντόμευση Ctrl + T στα Windows ή την εντολή Command + T σε macOS.

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

Κρατήστε πατημένο το κουμπί Ctrl στα Windows ή το κουμπί Command στο Mac, στη συνέχεια κάντε κλικ σε ένα από τα λευκά τετράγωνα στη γωνία του screenshot που είναι μέρος του εργαλείου Transform. Κρατώντας πατημένο το πλήκτρο Ctrl και το αριστερό κουμπί του ποντικιού, σύρετε μία από τις γωνίες της κορυφαίας εικόνας στιγμιότυπου οθόνης στην αντίστοιχη γωνία στην οθόνη του διακόπτη στην κάτω εικόνα. Μεγέθυνση στην προβολή των εικονοστοιχείων αν χρειάζεται να τα ταιριάξετε τέλεια.

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

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

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

Χρήση του εργαλείου μετασχηματισμού σε εικόνες με περίεργο μέγεθος

Πέστε ότι έχετε αυτή την εικόνα ενός φορητού υπολογιστή Mac και δεν θέλετε να χρησιμοποιήσετε ένα λογότυπο της Apple σε μια διαφήμιση. Θα προτιμούσατε να αναδείξετε το λογότυπο της εταιρείας σας. Θα χρησιμοποιήσω ως παράδειγμα ένα κυκλικό λογότυπο αναθεώρησης Geek - και οι δύο εικόνες πηγής είναι κάτω.

Έτσι, θέλετε να καλύψετε το λογότυπο της Apple όπως και πριν την οθόνη του τηλεφώνου, αλλά τώρα το επίπεδο της εικόνας πηγής (το καπάκι του φορητού υπολογιστή) δεν ταιριάζει με το στρώμα που θέλετε να προσθέσετε (το κυκλικό λογότυπο) και θα πρέπει να συνεχίσετε κρατήστε την προοπτική σωστή. Σε αυτήν την περίπτωση, πρόκειται να χρησιμοποιήσουμε κάτι άλλο στην φωτογραφία ως οδηγό: το σχεδόν ορθογώνιο καπάκι του φορητού υπολογιστή. Θα ταιριάξουμε την προοπτική του λογότυπου με το καπάκι του φορητού υπολογιστή και στη συνέχεια θα το μειώσουμε στο μέγεθος που χρειαζόμαστε, διατηρώντας παράλληλα την προοπτική κλειδωμένη.

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

Επειδή το καπάκι του φορητού υπολογιστή δεν είναι τετράγωνο, ο κύκλος σας είναι λίγο υπερβολικά μεγάλος. Μπορείτε να την προσαρμόσετε ξανά σε μετασχηματισμό τετραγωνικού μεγέθους. Μπορείτε να κάνετε αυτό το μάτι εάν δεν χρειάζεται να είναι τέλειο ή περιστρέψτε το κάτω από το επίπεδο και χρησιμοποιήστε τους οδηγούς του Photoshop's Ruler εάν χρειάζεστε περισσότερη ακρίβεια. Πατήστε Enter για να εφαρμόσετε τον μετασχηματισμό όταν είστε έτοιμοι.

Τώρα έχετε μια τετράγωνη εικόνα πάνω από την οθόνη του φορητού υπολογιστή και είναι σωστό να ταιριάζει με το λογότυπο της Apple κάτω. Πρέπει να το διαχωρίσετε, οπότε δεν φαίνεται καθόλου. Με το εργαλείο μετασχηματισμού ενεργό, κρατήστε πατημένο το πλήκτρο Alt + Shift σε Windows ή Option + Shift σε ένα Mac, στη συνέχεια κάντε κλικ σε μία από τις γωνίες και σύρετέ το προς τα μέσα για να κλιμακωθεί η εικόνα του λογότυπου προς τα κάτω, έτσι δεν είναι πολύ μεγαλύτερο από το λογότυπο της Apple.

Εδώ είναι το τελικό αποτέλεσμα:

Εάν η κατώτατη εικόνα σας είναι αρκετά κανονική, με προοπτική κλίση που είναι προβλέψιμη στη μία πλευρά, μπορείτε να κρατήσετε Ctrl + Alt + Shift σε Windows ή Command + Option + Shift σε Mac για να χρησιμοποιήσετε το εργαλείο Μετατροπή στη λειτουργία Skew. Είναι πολύ σπάνιο ότι η εικόνα σας θα ευθυγραμμιστεί τέλεια για αυτό, όμως.

Χρήση του ελεύθερου μετασχηματισμού σε ακανόνιστες επιφάνειες

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

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

Για να το διορθώσετε, πατήστε Ctrl + T ή Command + T για να ενεργοποιήσετε το εργαλείο Transform και κοιτάξτε στο επάνω μέρος του παραθύρου του Photoshop. Ψάχνετε για το κυρτό ορθογώνιο κουμπί που ενεργοποιεί τη λειτουργία Warp. Κλίκαρέ το.

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

Το Warp Tool χρησιμοποιεί κάποια πρακτική για να χρησιμοποιήσει αποτελεσματικά. Μπορεί να χρειαστεί να αναιρέσετε και να επαναλάβετε την εργασία σας αρκετές φορές. Αλλά μέσα σε λίγα λεπτά, θα πρέπει να είστε σε θέση να ταιριάζει αρκετά καλά με την καμπύλη της μπάλας. Πατήστε Enter για να εφαρμοστεί ο μετασχηματισμός.

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

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

Κάλυψη εικόνας: Shutterstock / Wachiwit, Shutterstock / Αφρική Studio, Shutterstock / Ygor, Γιώργος GR / Shutterstock.com, Nintendo