Το εφέ out-of-border είναι μια εντυπωσιακή τεχνική για να κάνετε τις εικόνες να φαίνονται ζωντανές και δυναμικές. Το θέμα φαίνεται να πηδάει έξω από το κάδρο, δημιουργώντας μια συναρπαστική τρισδιάστατη εμφάνιση. Μπορείτε εύκολα να δημιουργήσετε αυτό το εφέ στο Photoshop συνδυάζοντας μάσκες στρώματος, αποκοπή και σκίαση. Σε αυτό το σεμινάριο, θα σας δείξω βήμα προς βήμα πώς να κάνετε μια εικόνα να πηδήξει έξω από το κάδρο και να δημιουργήσετε ένα εξαιρετικό θέαμα. Ας ξεκινήσουμε!

Βήμα 1:

Αρχικά, ανοίγω μια φωτογραφία της επιλογής μου και δημιουργώ ένα πλαίσιο. Ο ευκολότερος τρόπος για να το κάνω αυτό είναι με το εργαλείο Custom Shape (Προσαρμοσμένο σχήμα ) . Μπορώ να καλέσω έτοιμα σχήματα στο επάνω κέντρο του πίνακα ελέγχου.

Εκτός πλαισίου - αφήστε την εικόνα να ξεφύγει από ένα πλαίσιο

Βήμα 2:

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

Εκτός πλαισίου - αφήστε την εικόνα να ξεφύγει από ένα πλαίσιο

Βήμα 3:

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

Εκτός πλαισίου - αφήστε την εικόνα να ξεφύγει από ένα πλαίσιο

Βήμα 4:

Το κάδρο μου μοιάζει τώρα έτσι μετά από περίπου 30 δευτερόλεπτα εργασίας παραμόρφωσης:

Εκτός πλαισίου - αφήστε την εικόνα να ξεφύγει από ένα πλαίσιο

Βήμα 5:

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

Εκτός πλαισίου - αφήστε την εικόνα να ξεφύγει από ένα πλαίσιο

Βήμα 6:

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

Εκτός πλαισίου - αφήστε την εικόνα να ξεφύγει από ένα πλαίσιο

Βήμα 7:

Τώρα κάνω κλικ στην επιλογή Enhance Edge (Βελτίωση άκρων ) στο επάνω μέρος του πίνακα ελέγχου και αλλάζω την εμφάνιση σε On Black (Σε μαύρο ), ώστε να μπορώ να εντοπίζω γρήγορα τα σφάλματα αποκοπής.

Εκτός πλαισίου - αφήστε την εικόνα να ξεφύγει από ένα πλαίσιο

Βήμα 8:

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

Εκτός πλαισίου - αφήστε την εικόνα να ξεφύγει από ένα πλαίσιο

Βήμα 9:

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

Εκτός πλαισίου - αφήστε την εικόνα να ξεφύγει από ένα πλαίσιο

Βήμα 10:

Τώρα ξεκρύβω τη στρώση snowboard και κάνω κλικ στη μάσκα στρώσης. Στη συνέχεια, πατάω Ctrl+Backspace (το χρώμα φόντου πρέπει να είναι λευκό). Με αυτόν τον τρόπο θα εμφανιστεί ξανά η στρώση της σανίδας χιονιού στην περιοχή του πλαισίου της εικόνας.

Εκτός πλαισίου - αφήστε την εικόνα να ξεφύγει από ένα πλαίσιο

Βήμα 11:

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

Εκτός πλαισίου - αφήστε την εικόνα να ξεφύγει από ένα πλαίσιο

Βήμα 12:

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

Εκτός πλαισίου - αφήστε την εικόνα να ξεφύγει από ένα πλαίσιο

Βήμα 13:

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

Εκτός πλαισίου - αφήστε την εικόνα να ξεφύγει από ένα πλαίσιο

Βήμα 14:

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

Εκτός πλαισίου - αφήστε την εικόνα να ξεφύγει από ένα πλαίσιο

Βήμα 15:

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

Εκτός πλαισίου - αφήστε την εικόνα να ξεφύγει από ένα πλαίσιο

Βήμα 16:

Αλλάζω τις ιδιότητες του σχήματος για να ορίσω το μέγεθος jitter στο 100%, ώστε να μην έχουν όλες οι νιφάδες χιονιού το ίδιο μέγεθος.

Εκτός πλαισίου - αφήστε την εικόνα να ξεφύγει από ένα πλαίσιο

Βήμα 17:

Αυξάνω επίσης τη διασπορά.

Εκτός πλαισίου - αφήστε την εικόνα να ξεφύγει από ένα πλαίσιο

Βήμα 18:

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

Εκτός πλαισίου - αφήστε την εικόνα να ξεφύγει από ένα πλαίσιο

Βήμα 19:

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

Εκτός πλαισίου - αφήστε την εικόνα να ξεφύγει από ένα πλαίσιο

Βήμα 20:

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

Εκτός πλαισίου - αφήστε την εικόνα να ξεφύγει από ένα πλαίσιο

Βήμα 21:

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

Εκτός πλαισίου - αφήστε την εικόνα να ξεφύγει από ένα πλαίσιο

Βήμα 22:

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

Εκτός πλαισίου - αφήστε την εικόνα να ξεφύγει από ένα πλαίσιο

Βήμα 23:

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

Εκτός πλαισίου - αφήστε την εικόνα να ξεφύγει από ένα πλαίσιο

Βήμα 24:

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

Εκτός πλαισίου - αφήστε την εικόνα να ξεφύγει από ένα πλαίσιο

Βήμα 25:

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

Εκτός πλαισίου - αφήστε την εικόνα να ξεφύγει από ένα πλαίσιο

Βήμα 26:

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

Στη συνέχεια, κάνω κλικ στην επιλογή Enhance Edge (Βελτίωση άκρων ) στο πάνω μέρος του πίνακα ελέγχου και αλλάζω τη λειτουργία προβολής ώστε να μπορώ να δω την επιλογή μου. Ρυθμίζω το μέγεθος της άκρης του πινέλου του εργαλείου Radius Enhance σε περίπου 30 pixels και τώρα ζωγραφίζω πάνω στη γούνα.

Εκτός πλαισίου - αφήστε την εικόνα να ξεφύγει από ένα πλαίσιο

Βήμα 27:

Η γούνα έχει πλέον αποτυπωθεί τέλεια από την επιλογή και επιλέγω την τιμή Layer Mask για Output to.

Εκτός πλαισίου - αφήστε την εικόνα να ξεφύγει από ένα πλαίσιο

Βήμα 28:

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

Εκτός πλαισίου - αφήστε την εικόνα να ξεφύγει από ένα πλαίσιο

Βήμα 29:

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

Εκτός πλαισίου - αφήστε την εικόνα να ξεφύγει από ένα πλαίσιο

Βήμα 30:

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

Εκτός πλαισίου - αφήστε την εικόνα να ξεφύγει από ένα πλαίσιο

Βήμα 31:

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

Εκτός πλαισίου - αφήστε την εικόνα να ξεφύγει από ένα πλαίσιο

Βήμα 32:

Για να δώσω στο πλαίσιο μια σκιά μόνο στο εξωτερικό μέρος, διπλασιάζω το επίπεδο του πλαισίου και προσθέτω εκεί μια σκιά πτώσης.

Εκτός πλαισίου - αφήστε την εικόνα να ξεφύγει από ένα πλαίσιο

Βήμα 33:

Το αποτέλεσμα τότε μοιάζει κάπως έτσι:

Εκτός πλαισίου - αφήστε την εικόνα να ξεφύγει από ένα πλαίσιο

Βήμα 34:

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

Εκτός πλαισίου - αφήστε την εικόνα να ξεφύγει από ένα πλαίσιο

Βήμα 35:

Το αποτέλεσμα θα είναι τότε το εξής:

Εκτός πλαισίου - αφήστε την εικόνα να ξεφύγει από ένα πλαίσιο