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

Σχετικά με τη διαδικασία

Προσπαθήστε να εξασκηθείτε στην ακόλουθη σειρά ενεργειών.


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

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

1 ψήφος

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

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

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

Βασικές γνώσεις και ένα μυστικό για να κερδίζεις πάντα

Άρα, πρώτα πρέπει να ανοίξουμε το Photoshop. Συνιστώ ανεπιφύλακτα να κατεβάσετε αυτό το πρόγραμμα ( αγορά έκδοση με άδεια χρήσηςμπορείτε εδώ ). Δεν θα βρεις ποτέ καλύτερη από αυτήν. Εάν φοβάστε ότι δεν θα κατακτήσετε και θα ξοδέψετε χρήματα μάταια, ξεχνώντας εντελώς το πρόγραμμα μετά την πρώτη προσπάθεια, μπορείτε να δοκιμάσετε ηλεκτρονική υπηρεσία https://editor.0lik.ru/ . Είναι πολύ πιο βολικό να έχετε το δικό σας πρόγραμμα και πολύ σύντομα θα καταλάβετε γιατί.

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

Δημιουργούμε ένα νέο έγγραφο.

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

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

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

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

Κρατήστε για μερικά δευτερόλεπτα αριστερό κουμπίκάντε κλικ στο κουμπί για να ανοίξετε ένα πρόσθετο μενού και επιλέξτε τη διαβάθμιση.

Ένα άλλο επιπλέον μενού έχει ανοίξει στο επάνω μέρος. Ισχύει αποκλειστικά για κλίσεις. Κάντε κλικ στο κείμενο - ένα ειδικό μενού κειμένου θα ανοίξει στο επάνω μέρος, στο πινέλο και ... καλά, καταλαβαίνετε.

Κάντε κλικ στο βέλος δίπλα στο εικονίδιο χρώματος. Εδώ αποθηκεύονται οι τυπικές μεταβάσεις ή αυτές που έχετε μεταφορτώσει.

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

Η εγκατάσταση νέων προτύπων δεν είναι πρόβλημα. Κατεβάστε τα από το Διαδίκτυο, επιλέξτε το παξιμάδι στην επάνω δεξιά γωνία και βρείτε τον σύνδεσμο "Λήψη ...".

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

Θα προστεθούν στο κάτω μέρος της λίστας.

γέμισμα

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

Βλέπεις τη διαφορά.

Μπορείτε να στρίψετε οπουδήποτε.

Για να διατηρήσετε τη γραμμή σας να κινείται και να μην θαμπώνει η κλίση, κρατήστε πατημένο Κουμπί Shiftκαθορίζοντας την κατεύθυνση.

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

Πιάνουμε το αριστερό κουμπί του ποντικιού για το παρακάτω χρώμα και το μετακινούμε αριστερά ή δεξιά.

Να σε τι κατέληξα.

Πώς να εφαρμόσετε μια κλίση στο κείμενο για να κάνετε τα γράμματα να φαίνονται μοντέρνα

Τώρα ας γράψουμε κάτι. Επιλέξτε το κατάλληλο κουμπί.

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

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

Τώρα ας δημιουργήσουμε ένα νέο επίπεδο. Υπάρχουν τρεις επιλογές για την επίλυση του προβλήματος: κρατήστε πατημένο το Shift, ctrl, N ταυτόχρονα. χρησιμοποιήστε τον πίνακα στην κορυφή, βρείτε εκεί "Επίπεδο - νέο - δημιουργία". χρησιμοποιήστε το κουμπί στο γρήγορο μενού στα δεξιά. Στην παρακάτω εικόνα το έχω δείξει με ένα βέλος.

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

Αυτό δεν είναι το τέλος του κειμένου. Κοιτάξτε, έχουμε 2 στρώματα: το ένα με κλίση και το δεύτερο με γράμματα. Γιατί συνέβη εκεί; Θα εξηγήσω όσο καλύτερα μπορώ. Γράψτε στα σχόλια αν δεν είναι ξεκάθαρο. Έχετε γράψει το κείμενο. Το Photoshop συνειδητοποίησε ότι αυτά ήταν γράμματα και μάλιστα σου πρότεινε να τα αυξήσεις, να τα μειώσεις, να αλλάξεις τη γραμματοσειρά κ.λπ.

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

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

Διαγράφουμε το επίπεδο κειμένου για να μην μπερδευτούμε. Κάντε κλικ σε αυτό κάντε δεξί κλικποντίκι και επιλέξτε την επιθυμητή επιλογή.

Τύποι ντεγκραντέ, γεμίσματα σχημάτων και δημιουργία αστεριών

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

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

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

Επομένως, επιλέξτε ένα ορθογώνιο ή έναν κύκλο. Δεν πειράζει.

Τώρα το χρώμα πλήρωσης.

Ας προχωρήσουμε στο τμήμα ντεγκραντέ.

Χρειαζόμαστε έναν ρόμβο εδώ.

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

Παίξτε με τις ρυθμίσεις και θα έχετε την τέλεια εφαρμογή.

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

Τώρα κρατήστε το alt και σύρετε το αντίγραφο στο πλάι.

Πήρα αυτό το αποτέλεσμα.

Δημιουργία νέας κλίσης και κουμπιών για ιστότοπους

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

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

Επιλέξτε ένα οικείο εργαλείο και κάντε κλικ στο πιάτο.

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

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

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

Μπορείτε να δημιουργήσετε όσα θέλετε.

Για να κάνετε τη μετάβαση να φαίνεται μοντέρνα, πρέπει να εξομαλύνετε τα χρώματα. Μην αγγίζετε αυτόν τον δείκτη και όλα θα πάνε καλά. Πρέπει να είναι 100%. Ετοιμος. Μπορείτε να κάνετε κλικ στο "OK" ή "Αποθήκευση" - όλα εξαρτώνται από την επιθυμία σας.

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

Τώρα προσθέστε μια μετάβαση και voila.

Προσθέστε κείμενο στο κουμπί και αυτό είναι όλο. Δεν είναι ξεκάθαρο γιατί ολοκληρώθηκε η απαραίτητη κατασκευή. Παρεμπιπτόντως, μπορείτε να κατεβάσετε την πηγή μου αν θέλετε ( Λήψη πηγής gradient.psd ). Μπορείτε να το ανοίξετε στο Photoshop και να βελτιώσετε την εικόνα μου. Δεν νομίζω ότι θα είναι δύσκολο.

Εντάξει όλα τελείωσαν τώρα. Τώρα ξέρετε πολλά για τις κλίσεις. Εάν είστε σχεδιαστής, σχεδιαστής διάταξης, δημιουργός ιστότοπου ή θέλετε να γίνετε και αυτό το μάθημα ήταν πραγματικά χρήσιμο για εσάς, εγγραφείτε στο ενημερωτικό δελτίο και μάθετε περισσότερα για αυτά που σας ενδιαφέρουν. Μπορείτε επίσης να ρίξετε μια ματιά σε αυτόν τον ιστότοπο: https://photoshop-master.org/disc149/ . Εδώ μπορείτε να βρείτε ένα σύννεφο τόσο επί πληρωμή όσο και δωρεάν μαθήματαπου θα σας διδάξει πραγματική, επαγγελματική εργασία με το Photoshop.

Καλή τύχη και τα λέμε ξανά.

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

Τέτοιες μεταβάσεις είναι απαραίτητες όταν κάνετε σύνθετα κολάζ ή θέλετε να τακτοποιήσετε όμορφα πολλές εικόνες σε μία.

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

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

Τώρα ας ρίξουμε μια πιο προσεκτική ματιά:

Μαλακή γόμα

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

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

1. Σύρετε την εικόνα που θέλετε να διαγράψετε εν μέρει στην κορυφή της παλέτας επιπέδων.

Σημείωση

Πριν από τη διαγραφή, είναι καλή ιδέα να δημιουργήσετε ένα αντίγραφο του επιπέδου που θα εργαστείτε σε περίπτωση που δεν σας αρέσει το αποτέλεσμα (πατήστε Ctrl+J για να το κάνετε αυτό). Για να μην σας ενοχλεί το νέο επίπεδο, μπορείτε να απενεργοποιήσετε την ορατότητά του (και να το ενεργοποιήσετε ξανά εάν χρειάζεται).

2. Επιλέξτε τη γόμα πατώντας το πλήκτρο E και ρυθμίστε τη σε λειτουργία πινέλου. Για να το κάνετε αυτό, στη γραμμή επιλογών, στην αναπτυσσόμενη λίστα Λειτουργία, επιλέξτε Βούρτσα. Στη συνέχεια, από την αναπτυσσόμενη λίστα προεπιλογών βούρτσας, επιλέξτε μια μαλακή βούρτσα. Βεβαιωθείτε ότι τα πεδία Αδιαφάνεια και Πίεση έχουν οριστεί στο 100.

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

3. Τοποθετήστε το δείκτη του ποντικιού πάνω στην εικόνα και διαγράψτε το ανεπιθύμητο μέρος. Εάν κάνετε κάποιο λάθος ή αλλάξετε γνώμη κάποια στιγμή, χρησιμοποιήστε την παλέτα Ιστορικό για να επιστρέψετε μερικές πινελιές ή να αναιρέσετε την τελευταία λειτουργία πατώντας το συνδυασμό πλήκτρων Ctrl + Z.

Μαλακές βούρτσες και μάσκες στρώσεων

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

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

Δείτε πώς να δημιουργήσετε εφέ γρήγορης κίνησης:

1. Ανοίξτε την εικόνα και δημιουργήστε ένα αντίγραφο του αρχικού στρώματος πατώντας το συνδυασμό πλήκτρων Ctrl + J.

2. Επιλέξτε την εντολή μενού Filters => Blur => Motion Blur. Με αυτό το φίλτρο, μπορείτε να δημιουργήσετε την αίσθηση ότι το αντικείμενο κινείται πολύ γρήγορα. Δεδομένου ότι το φίλτρο θολώνει ολόκληρη την εικόνα, καθίσταται δύσκολο να δείτε το επιθυμητό αντικείμενο σε αυτήν, επομένως θα πρέπει να κρύψετε μέρος του θαμπού στρώματος προσθέτοντας μια μάσκα στρώματος. Για να το προσθέσετε, κάντε κλικ στο κουμπί με την εικόνα ενός κύκλου σε ορθογώνιο στο κάτω μέρος της παλέτας.

3. Πατήστε το πλήκτρο B για να επιλέξετε το εργαλείο Brush και επιλέξτε μια μεγάλη μαλακή βούρτσα. Ορίστε το μαύρο ως χρώμα προσκηνίου.

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

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

μάσκες ντεγκραντέ

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

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

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

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

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

Παρατηρήσατε ένα σφάλμα στο κείμενο - επιλέξτε το και πατήστε Ctrl + Enter . Ευχαριστώ!

Γεια σας αγαπητοί αρχάριοι webmasters. Πάλι .

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

Μια τέτοια ενέργεια ονομάζεται κλίση, και αφού στην πραγματικότητα είναι εικόνα φόντου, τότε εκτελείται από την ιδιότητα φόντου που παίρνει δύο τιμές:

1. γραμμική κλίση - μετάβαση χρώματος από τη μια άκρη ή τη γωνία στην άλλη.

2. radial-gradient - μετάβαση χρώματος από το κέντρο στις άκρες.

Είναι γραμμένο ως εξής:

φόντο : -moz-linear-gradient (top, #ff0000, #ffcfcf );
κορυφή, #ff0000, #ffcfcf);

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

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

Βάλτε ένα πρόθεμα στην αρχή της τιμής και ξεκινά με μια παύλα.

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





Έγγραφο χωρίς τίτλο





Это самый простой, двухцветный градиент. Разберём подробно значения свойства background

В первой строке задаётся фон для браузеров не поддерживающих линейный градиент.

Следующие 5 строк — для отображения фона в разных браузерах. Сначала пишется значение градиента с префиксом в начале.

Затем, в круглых скобках:

top — направление от которого начинается первый цвет (может быть bottom , left , right )

#ff0000 — через запятую первый цвет;

#ffcfcf — через запятую второй цвет;

У Safari, до 5-ой версии, и у Chrome до десятки был свой собственный синтаксис, заметно увеличивающий код. Наверное поэтому, градиент для этих версий, зачастую, не указывается, особенно при наличии большого количества цветов.

Можно сделать переход цвета не горизонтально, или вертикально, а из угла в угол. Для этого существуют следующие направления:

bottom right — от правого нижнего угла к левому верхнему;

bottom left — от левого нижнего к правому верхнему;

top right — от правого верхнего к левому нижнему;

top left — от левого верхнего к правому нижнему;

Можно сделать переход цвета от центра блока к краям. Тогда в значении вместо слова linear (линейный), ставиться radial (радиальный)

#gradient {
background : #ff0000 ;
background : -moz-radial-gradient (center, ellipse cover, #ff0000, #ffcfcf );
background : -webkit-radial-gradient (center, ellipse cover, #ff0000, #ffcfcf );
center, ellipse cover, #ff0000, #ffcfcf );
center, ellipse cover, #ff0000, #ffcfcf );
width : 600px ;
height : 400px ;
border : 1px solid #333 ;
}

А теперь давайте сделаем, так сказать, что-то типа радуги. Для этого добавим в вышеприведённый код ещё пару цветов, и зададим в процентах объём каждого цвета (количество цветов не ограничивается)

Объём цвета задаётся от 0% до 100%, (первый — 0%, последний — 100%, остальные между ними в порядке следования). Рассмотрим этот вариант на радиальном градиенте. На линейном делается всё аналогично.

#gradient {
background : #ff0000 ;
background : -moz-radial-gradient ();
background : -webkit-radial-gradien t(center, ellipse cover, #ff0000 0%, #00b630 30%, #6ff5f5 70%, #ffcfcf 100% );
background : -o-radial-gradient (center, ellipse cover, #ff0000 0%, #00b630 30%, #6ff5f5 70%, #ffcfcf1005 );
background : -ms-radial-gradient (center, ellipse cover, #ff0000 0%, #00b630 30%, #6ff5f5 70%, #ffcfcf 100% );
width : 600px ;
height : 400px ;
border : 1px solid #333 ;
}

Принцип, я думаю, понятен. Так что строку для Safari до пятой версии, и Chrome до десятой, попробуйте написать самостоятельно.

Градиент задаётся любому блоку HTML (body, div, h1-6, p, ul, ol), и как глобальным, так и встроенным стилем (это для сайта на WordPress).

Теперь несколько слов о том, как и где подбирать цвета. Есть сервисы по созданию градиентов, предлагающие и цвет, и процент объёма, и код градиента, но выбор у них ограничен предложением.

Поэтому я пользуюсь инструментом colorscheme.ru , в котором можно подобрать цвет в неограниченном диапазоне, и оптимально подобранных последовательностях и сочетаниях.

В верхнем ряду панели выбирается количество сочетаемых цветов. Пройдя по «Угол 30°» меняется диапазон выбора.

В «Регулировка схемы», тон делается темнее или светлее. В «Список цветов», все цвета, присутствующие на схеме, располагаются по насыщенности, и с кодом в подписи.

В общем неограниченные возможности по подбору цветовой гаммы для создания градиента.

Желаю творческих успехов.

— Рабинович! У вас есть разменять сто долларов?
— Нет, но спасибо за комплимент!

Две одесситки:
— Роза, как тебе нравится моё новое платье?
— Извини, Сара, я спешу, мне сейчас не до скандалов!

Создание коллажа – это не просто объединение нескольких фотографий в одну. Правильный коллаж показывает мастерство автора, а также демонстрирует его умение красиво и грамотно расположить фотографии так, чтобы это выглядело стильно и привлекательно. Удачным и заметным будет коллаж, в котором между фотографиями нет заметных границ – вместо этого фотографии как бы перетекают друг в друга. Этого эффекта можно добиться, выполнив несложные операции в Adobe Photoshop.

Вам понадобится

  • - программа Adobe Photoshop

Инструкция

  • Откройте две фотографии примерно одинакового размера, которые вы хотите объединить в коллаж.
  • Нажмите клавишу V, чтобы активировать инструмент перемещения, и перетащите одну фотографию на другую, чтобы они оказались обе в одном окне в двух разных слоях.
  • Выберите в списке из появившихся двух слоев верхний, а затем добавьте к нему векторную маску (Add layer mask).
  • Около пиктограммы фотографии в строке слоя появится пиктограмма маски в виде белого квадрата. Щелкните на нее, чтобы активировать слой. Пиктограмма будет обведена черной рамкой, что показывает ее активность.
  • На панели инструментов выберите градиент и укажите направление градиента, проведя линию от правого нижнего угла к правому верхнему углу. Вы заметите, как одно из изображений начнет проявляться сквозь другое там, где вы провели угловой градиент.
  • Экспериментируйте и меняйте длину и ширину градиента, пока результат вас не удовлетворит, и изображения не будут плавно и красиво перетекать друг в друга в том месте, в котором вы хотите видеть переход.
  • Чтобы добиться нужного эффекта, используйте градиент только при активированном режиме маски слоя – в противном случае, у вас ничего не выйдет.
  • Выходите из режима маски, щелкнув курсором мыши на пиктограмме фотографии в слое, уже после того, как ваш коллаж будет готов.
  • Объедините слои (Merge layers) и сохраните коллаж в нужном формате.