Πώς να δημιουργήσετε ένα διαφανές σχέδιο. Πώς να δημιουργήσετε PNG με διαφάνεια στο Adobe Photoshop (έκδοση CC και πάνω); Πώς να φτιάξετε ένα διαφανές φόντο για μια εικόνα

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

Σε αυτό το άρθρο, θα πούμε Πώς να κάνετε διαφάνεια στο photoshop.

Δημιουργία αρχείου

Το πρώτο βήμα είναι να δημιουργήσετε ένα αρχείο. Για να το κάνετε αυτό, ανοίξτε Adobe Photoshopκαι στο μενού Αρχείο ( Αρχείο) στο επάνω μέρος της σελίδας, επιλέξτε "Δημιουργία" ( Νέος).

Στη συνέχεια, στο παράθυρο που εμφανίζεται νέο έγγραφο » ( Νέο έγγραφο) δημιουργήστε ένα αρχείο με το σωστό μέγεθος και βεβαιωθείτε ότι η ανάλυση του εγγράφου είναι 72 pixel ανά ίντσα ( επειδή το αρχείο προορίζεται για χρήση στον Ιστό). Και επίσης ότι επιλέξατε την τιμή "Διαφανές" ( διαφανής) στην αναπτυσσόμενη λίστα Περιεχόμενο φόντου ( περιεχόμενο φόντου).

*Πριν δημιουργήσουμε ένα PNG με διαφάνεια στο Photoshop, πρέπει να διευκρινίσουμε ότι σε αυτό το παράδειγμα δημιουργούμε μια εικόνα για να ανεβάσουμε ως φόντο για τον ιστότοπο, επομένως το μέγεθος του εγγράφου ορίζεται ως εξής: πλάτος 3000 px, ύψος 1730 px, τα οποία είναι τα προτεινόμενα μεγέθη για λήψεις εικόνων HD:

Αφού ορίσετε τις παραμέτρους, κάντε κλικ στο OK για να ανοίξετε ένα νέο έγγραφο.

Στη συνέχεια, στον πίνακα Layers ( Επίπεδα) βεβαιωθείτε ότι εργάζεστε στο διαφανές στρώμα και όχι στο φόντο:

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

Εκδόσεις Photoshop παλαιότερες από το CC 2015:

Τώρα θα πούμε Πώς να κάνετε μια εικόνα διαφανή στο photoshop, που κυκλοφόρησε πριν το CC 2015 . Αυτές οι εκδόσεις χρησιμοποιούν τη μέθοδο Save for Web ( Αποθήκευση για Ιστό και συσκευές) για αποθήκευση και βελτιστοποίηση εικόνων PNG για χρήση στον Ιστό. Για να χρησιμοποιήσετε αυτήν τη μέθοδο, απλώς μεταβείτε στο μενού Αρχείο ( Αρχείο), και μετά - "Αποθήκευση για τον Ιστό" ( Αποθήκευση για Ιστό και συσκευές):

Στη συνέχεια, στο παράθυρο που εμφανίζεται, επιλέξτε PNG-24 από το αναπτυσσόμενο μενού πιθανών τιμών και, στη συνέχεια, βεβαιωθείτε ότι είναι επιλεγμένες οι επιλογές "Διαφάνεια" ( Διαφάνεια) Και " Μετατροπή σε sRGB» ( Μετατροπή σε sRGB). Αυτό επιβεβαιώνει ότι η εικόνα θα περιέχει διάφανο φόντοκαι η λειτουργία χρώματός του θα μετατραπεί σε sRGB, τον προτεινόμενο χρωματικό χώρο για τον ιστό.

Πεδία " Μέγεθος εικόνας» ( Μέγεθος εικόνας) συμπληρώνονται αυτόματα με τις τιμές που καθορίσατε όταν δημιουργήσατε το αρχείο. Αλλά αν θέλετε να αλλάξετε το μέγεθος του αρχείου πριν το αποθηκεύσετε, μπορείτε να το κάνετε τώρα.

Έκδοση Photoshop CC 2015:

Πριν, Πώς να κάνετε τις φωτογραφίες διαφανείς στο photoshop, πρέπει να γνωρίζετε ότι από την έκδοση CC 2015 η επιλογή "Αποθήκευση για Web" ( Αποθήκευση για Ιστό και συσκευές) στο μενού Αρχείο ( Αρχείο) φέρει την ένδειξη Legacy. Και αντικαταστάθηκε από μια νέα επιλογή "Εξαγωγή" ( Εξαγωγή), το οποίο προσφέρει την ίδια λειτουργικότητα με ταχύτερη αποθήκευση σε μικρότερο αρχείο και σε η καλύτερη ποιότητα. Για να χρησιμοποιήσετε την επιλογή Εξαγωγή, κάντε κλικ στο μενού Αρχείο ( Αρχείο), και μετά - " Εξαγωγή ως» ( εξαγωγή ως).

Σημείωση: Η Adobe εξακολουθεί να προσφέρει μια επιλογή Αποθήκευση για Web ( Αποθήκευση για Ιστό και συσκευές) στο Photoshop CC 2015 και είναι διαθέσιμο μέσω File > Export ( Αρχείο > Εξαγωγή) ή όταν χρησιμοποιείτε τη συντόμευση πληκτρολογίου Command+Option+Shift+S (για Mac) ή Ctrl+Alt+Shift+S (για υπολογιστή):

Στη συνέχεια, στο παράθυρο που εμφανίζεται, επιλέξτε PNG από το αναπτυσσόμενο μενού Μορφοποίηση ( Μορφή) και βεβαιωθείτε ότι είναι επιλεγμένες οι επιλογές "Διαφάνεια" ( Διαφάνεια) Και " Μετατροπή σε sRGB» ( Μετατροπή σε sRGB).

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

Πώς λοιπόν δημιουργείτε ένα διαφανές φόντο στο Photoshop;

Ξεκινάμε το Photoshop και ανοίγουμε την πειραματική φωτογραφία. Κάντε κλικ στο μενού Αρχείο - Άνοιγμα και καθορίστε τη θέση της εικόνας.

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

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

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

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

Εμφανίστηκε μια διακεκομμένη γραμμή (μυρμήγκια που τρέχουν). Απομένει να πατήσετε το πλήκτρο DELETE στο πληκτρολόγιο και το φόντο θα διαγραφεί. Δείτε πώς έγινε:

Σούπερ! Τώρα αποεπιλέξτε πατώντας CTR+D στο πληκτρολόγιό σας.

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

Για να το κάνετε αυτό, κάντε κλικ στο μενού Αρχείο - Αποθήκευση για τον Ιστό. Ή απλώς χρησιμοποιήστε ALT+SHIFT+CTRL+S.

Θα δείτε ένα παράθυρο στο οποίο πρέπει οπωσδήποτε να επιλέξουμε τη μορφή PNG-24 και μόνο μετά από αυτό κάντε κλικ στο κουμπί Αποθήκευση.

Και τώρα δείτε τι ήταν και τι έγινε:

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

Αυτά για σήμερα, καλή επιτυχία!

Ρίξτε μια ματιά στο σχήμα στη μορφή jpg, ο περιβόητος χαρακτήρας κινουμένων σχεδίων Mammoth που έχασε τη μητέρα του .. θέλω να κλάψω .. όχι, όχι γιατί το μαμούθ δεν μπορεί να βρει τη μητέρα του (αν και γι' αυτό), αλλά επειδή το μπλε φόντο πονάει τρομερά τα μάτια του! Θέλω απλώς να αφαιρέσω αυτό το μπλε και να γεμίσω το φόντο της εικόνας με τέτοιο χρώμα που να συνδυάζεται με το φόντο της σελίδας..

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

Ένα παράδειγμα όπου μια εικόνα επικαλύπτεται πάνω από μια υφή:











Ανοίξτε το Photoshop και σχεδιάστε μια εικόνα με ένα μαμούθ αντί για μπλε φόντο ενός κελιού; Και μετά προσπαθήστε να τα προσαρμόσετε στο κύριο φόντο της σελίδας; Αυτό δεν είναι επιλογή!!!

Το αναφέρω λοιπόν μορφές γραφικών gifΚαι png- Υποστηρίξτε τη λειτουργία διαφάνειας, καθιστώντας έτσι δυνατό να κάνουμε ορισμένες περιοχές της εικόνας αόρατες στο ανθρώπινο μάτι - αυτό ακριβώς που χρειαζόμαστε!

Τώρα με τη σειρά:

1. Ανοίξτε την εικόνα με το φόντο της οποίας θέλετε να κάνετε διαφανές Adobe Photoshop.

2. Ανοίξτε έναν σελιδοδείκτη "Εικόνα" >> "Λειτουργία" >> "Χρώματα με ευρετήριο".


3. Στο παράθυρο διαλόγου που εμφανίζεται "Χρώματα με ευρετήριο"βάλτε ένα "Ν "Διαφάνεια"και πατήστε "ΕΝΤΑΞΕΙ"


4. Χρησιμοποιώντας το εργαλείο επιλογής "Μαγικό ραβδί"Και "Γόμα"σβήνουμε το φόντο της εικόνας, κάνοντας πραγματικά διαφανή τα μέρη που χρειαζόμαστε.

5. Λοιπόν, αποθηκεύστε την εικόνα μας σε μορφή gif.. σελιδοδείκτης "Αρχείο" >> "Αποθήκευση για τον Ιστό…"στο παράθυρο που εμφανίζεται, υποδείξτε (συμφωνώ) ότι η εικόνα θα αποθηκευτεί στη μορφή gifΚάντε κλικ "Αποθηκεύσετε".. επιλέξτε ένα φάκελο, γράψτε ένα όνομα - όλα αυτά είστε εσείς, ελπίζω να ξέρετε πώς ..

Δημιουργήθηκε όλη η εικόνα με διαφανές φόντο!!

Τώρα μπορεί να εισαχθεί ξανά στη σελίδα μας, χωρίς να ξεχάσουμε να αλλάξουμε την επέκταση jpgεπί gif .




Δημιουργία διαφανών περιοχών σε ένα σχέδιο


gif" alt="Μαμούθ"> !}



Πολύ συχνά, όταν δημιουργούσα ευχετήριες κάρτες ή βίντεο, συναντούσα την ερώτηση: Πώς μπορώ να το κάνω αυτό χωρίςη γνώση photoshop?

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

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

Και τώρα θα σας πω ένα ακόμη μυστικό: σήμερα θα μάθετε πώς να κάνετε το φόντο της εικόνας διαφανές. Και θα το κάνετε εντελώς δωρεάν και θα αφιερώσετε μόνο 2 λεπτά από το χρόνο σας.

Ας ξεκινήσουμε δουλειά.

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

Το παρακάτω παράθυρο θα ανοίξει μπροστά σας:

Πατήστε " Μεταφόρτωση εικόνας από υπολογιστή". Επιλέξτε την εικόνα που έχετε ετοιμάσει. Μπορείτε να την τοποθετήσετε σε ξεχωριστό φάκελο στις εικόνες. Ή στην επιφάνεια εργασίας, για να μην ψάχνετε για πολλή ώρα. Κάντε κλικ μια φορά σε αυτήν την εικόνα και κάντε κλικ στο " Άνοιξε".

Η εικόνα εμφανίζεται στη σελίδα του διακομιστή:

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

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

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

Εμφανίζεται ένα παράθυρο στο οποίο ερωτηθείτε: "Θέλετε να αποθηκεύσετε την εικόνα πριν κλείσετε;" Πατήστε " Ναί".

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

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

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

Πώς να φτιάξετε ένα διαφανές φόντο για μια εικόνα

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

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

Φόρτωση της εικόνας μας. Στα δεξιά στο παράθυρο "Επίπεδα", θα εμφανιστεί το επίπεδο "Φόντο", στο οποίο υπάρχει μια κλειδαριά (δεν επιτρέπει την αφαίρεση του φόντου της εικόνας).

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

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

Τώρα διαγράφουμε το φόντο πατώντας το κουμπί «Διαγραφή» και παίρνουμε την εικόνα που χρειαζόμαστε με διάφανο φόντο.




Μπλουζα