Δημιουργήστε ένα ημιδιαφανές φόντο στο Photoshop. Πώς να κάνετε ένα στρώμα διαφανές και ημιδιαφανές στο Photoshop

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

Πώς να φτιάξετε ένα διαφανές φόντο στο Photoshop

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

1. Ανοίξτε Photoshop. Ανοίξτε το με μια εικόνα που πρέπει να τοποθετηθεί σε διαφανές φόντο ( Αρχείο->Άνοιγμα…).

2. Επιλέξτε ολόκληρη την εικόνα/φωτογραφία ( Ctrl+O).

3. Αντιγράψτε την επιλεγμένη εικόνα ( Ctrl+C).

4. Ανοίξτε νέο αρχείοστο Photoshop ( Αρχείο->Νέο…ή Ctrl+N). Στο παράθυρο που εμφανίζεται, στη χαμηλότερη αναπτυσσόμενη λίστα, επιλέξτε την τιμή Διαφανής- «διαφάνεια»:

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

5. Επικολλήστε την εικόνα που αντιγράφηκε προηγουμένως σε ένα νέο αρχείο με διαφανές φόντο. Για αυτό χρησιμοποιούμε παραδοσιακά Ctrl+V. Ως αποτέλεσμα, το ρεύμα, εντελώς άδειο και διαφανές στρώμαΗ εικόνα που αντιγράφηκε προηγουμένως θα επικολληθεί.

6. Επιλέξτε την περιοχή που θέλετε να διαγράψετε χρησιμοποιώντας τακτικά εργαλεία επιλογής ( Μ)

ή χρησιμοποιώντας «μαγικά» εργαλεία ( W):

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

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

Στο Photoshop, εκτός από την κατάσταση " πλήρως ορατή" Και " εντελώς διαφανές» υπάρχει προϋπόθεση μερική ορατότηταή μερική διαφάνεια. Η μερική ορατότητα ενός αντικειμένου στην εικόνα υποδεικνύεται ως ποσοστό.

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

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

1. Εκκινήστε το Photoshop και ανοίξτε τη φωτογραφία μας σε αυτό ( Αρχείο->Άνοιγμα…).

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

Σε αυτήν την περίπτωση, το κείμενο θα τοποθετηθεί αυτόματα ξεχωριστό στρώμακαι να είναι 100% ορατή.

3. Ρυθμίστε την ορατότητα του λευκού κειμένου στη φωτογραφία στο 40%. Για να το κάνετε αυτό, στο παράθυρο στρώσεων ( Επίπεδα) μετακινήστε το ρυθμιστικό ιδιότητας Αδιαφάνειασε τιμή 40%:

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

Σε ποια μορφή πρέπει να αποθηκεύσω μια εικόνα με διαφάνεια;

Λάβετε υπόψη ότι δεν μπορείτε να αποθηκεύσετε μια φωτογραφία που έχει υποστεί επεξεργασία στο Photoshop με διαφανείς περιοχές σε μορφή JPEG - αυτή η μορφή δεν υποστηρίζει διαφάνεια. Διαφανείς περιοχέςόταν αποθηκευτούν ως JPG, θα γεμίσουν αυτόματα με χρώμα (λευκό από προεπιλογή). Μεταξύ των μορφών που χρησιμοποιούνται στον ιστό, μόνο τα GIF και PNG εμφανίζονται σωστά από τα προγράμματα περιήγησης και υποστηρίζουν τη διαφάνεια. Εγγενής μορφή Photoshop PSDδεν εμφανίζεται από προγράμματα περιήγησης.

Δυστυχώς, μορφές γραφικώνΤο GIF και το PNG έχουν τους περιορισμούς τους. Μορφή GIF, όπως το 8-bit PNG, μπορεί να αποθηκεύσει έως και 256 χρώματα, επομένως δεν είναι κατάλληλο για αποθήκευση φωτογραφιών. Αν και το 24-bit PNG είναι κατάλληλο για την αποθήκευση φωτογραφιών και άλλων γραφικών με διαβαθμίσεις και διαφάνεια, πολλοί ιστότοποι θέτουν περιορισμούς στις μορφές γραφικών που μπορούν να ανεβάσουν οι επισκέπτες. Επομένως, μπορείτε να ανεβάσετε τις φωτογραφίες ή τα avatar σας σε τέτοιους ιστότοπους μόνο σε μορφή JPG ή GIF. Σε αυτήν την περίπτωση, θα πρέπει να αποθηκεύσετε τη φωτογραφία όχι σε διαφανές φόντο, αλλά να εισαγάγετε στο Photoshop το φόντο στο οποίο θα τοποθετηθεί στον ιστότοπο, να αποθηκεύσετε τα αποτελέσματα σε JPG και μόνο στη συνέχεια να τη ανεβάσετε στον ιστότοπο.

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

Γιατί είναι απαραίτητο αυτό;

Η διαφάνεια μιας εικόνας στο Photoshop μπορεί να απαιτείται περισσότερο διάφορα καθήκοντα. Για παράδειγμα, πρέπει να τοποθετήσετε μια εικόνα σε μια άλλη και να αντικαταστήσετε το φόντο. Εδώ δεν υπάρχει διαφάνεια. Ή πρέπει να κάνετε ένα υδατογράφημα. Θα πρέπει επίσης να είναι ημιδιαφανές. Και γενικά, η διαφάνεια είναι σχεδόν το πιο σημαντικό συστατικό οποιασδήποτε εργασίας στο Photoshop. Υπάρχουν πολλές χρήσεις για τη διαφάνεια. Γι' αυτό αξίζει να μάθετε πώς να χρησιμοποιείτε αυτό το ενδιαφέρον εργαλείο για δημιουργικότητα.

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

Κάνοντας όλη την εικόνα διαφανή

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

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

Αποθήκευση της επεξεργασμένης εικόνας

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

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

Δημιουργία στην εικόνα

Εδώ, κατ 'αρχήν, δεν υπάρχει τίποτα περίπλοκο. Το πρώτο πράγμα που πρέπει να κάνετε είναι να ανοίξετε μια νέα εικόνα. Στη συνέχεια, προσθέστε ένα νέο επίπεδο στο μενού επιπέδων και μεταβείτε στο εργαλείο "Κείμενο". Εισαγω απαιτούμενο κείμενοκαι να το μετατρέψουμε όπως χρειαζόμαστε, χρησιμοποιώντας στοιχεία ελέγχου. Στη συνέχεια, αρχίζουμε να δημιουργούμε διαφάνεια στο Photoshop. Βεβαιωθείτε ότι έχετε επιλέξει το επίπεδο κειμένου και, στη συνέχεια, προσαρμόστε τη διαφάνειά του χρησιμοποιώντας τα ρυθμιστικά που γνωρίζουμε ήδη. Στη συνέχεια, μεταβείτε ξανά στο μενού στρώσεων και εκτελέστε την εντολή “Flatten Layers”. Πρέπει να αποθηκεύσετε ξανά το αποτέλεσμα Μορφή PNG.

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

Κάνοντας το φόντο μιας εικόνας διαφανές

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

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

συμπέρασμα

Χάρη σε αυτό το σύντομο σεμινάριο, μάθατε πώς να χρησιμοποιείτε τη διαφάνεια στο Photoshop. Τώρα η δουλειά σας με αυτό το πρόγραμμα θα είναι πιο παραγωγική. Και η διαφάνεια χρειάζεται πάντα. Ανεξάρτητα από το είδος της διαδικασίας επεξεργασίας που κάνετε. Το κύριο πράγμα είναι να μην το παρακάνετε, γιατί δεν είναι απαραίτητη η υπερβολική διαφάνεια. Η εικόνα πρέπει να είναι τουλάχιστον λίγο ορατή. Με τον ίδιο τρόπο, μπορείτε να αποθηκεύσετε αντικείμενα με διάφανο φόντο σε μορφή PSD για μελλοντική χρήση σε άλλα έργα. Η χρήση της διαφάνειας φόντου ή εικόνας μπορεί να είναι ένας πολύ καλός τρόπος για να επεκτείνετε τους δημιουργικούς σας ορίζοντες. Γι' αυτό, μελλοντικοί θεοί του Photoshop. Προπονηθείτε και θα είστε ευχαριστημένοι.

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

Ποιο στρώμα θεωρείται διαφανές;

Ας δούμε την πρώτη κατάσταση. Ας πούμε ότι έχουμε μια πρωτότυπη εικόνα. Ας πούμε μια φωτογραφία. Και θα πρέπει να δημιουργήσουμε ένα νέο επίπεδο. Ας πούμε χρησιμοποιώντας τον συνδυασμό πλήκτρων ctrl+shift+n.

Αυτό το νέο στρώμα θα είναι διαφανές.

Δεύτερη κατάσταση. Έχετε ήδη ένα έγγραφο με δύο επίπεδα. Και τα δύο είναι αδιαφανή. Κάπως έτσι μοιάζει.

Σε τι στρώμα έχουμε πρωτότυπη εικόναδύο μπορούμε να παρατηρήσουμε στο παράθυρο στρώσεων. Ας προσπαθήσουμε να κάνουμε το στρώμα Harley Quinn διαφανές.

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

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

Πώς να κάνετε ένα στρώμα ημιδιαφανές;

Ας επιστρέψουμε στην ίδια πηγή με τον Deadpool και τη Harley. Αλλά αυτή τη φορά μετακινούμε το ρυθμιστικό όχι στο μηδέν. Ας το αφήσουμε, ας πούμε, στο 50 τοις εκατό Τι θα συμβεί;

Η υποδοχή είναι πολύ χρήσιμη. Συχνά χρησιμοποιείται στο σχεδιασμό ιστοσελίδων και κατά τη δημιουργία κολάζ.

Ποια άλλη μέθοδος μπορούμε να επηρεάσουμε τη διαφάνεια ενός στρώματος;

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

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

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

Ιδιότητα αδιαφάνειας

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

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

Παράδειγμα 1: Φόντο σε ιστοσελίδα

HTML5 CSS3 IE 9+ Cr Op Sa Fx

RGBA

Συνήθως, από τη σχεδίαση, μόνο το φόντο ενός στοιχείου πρέπει να είναι ημιδιαφανές και το κείμενο πρέπει να είναι αδιαφανές για να διατηρείται η αναγνωσιμότητα. Ιδιότητα αδιαφάνειαςδεν είναι κατάλληλο εδώ επειδή το κείμενο μέσα στο στοιχείο θα είναι επίσης μερικώς διαφανές. Είναι καλύτερο να χρησιμοποιήσετε τη μορφή RGBA, η οποία περιλαμβάνει ένα κανάλι άλφα, ή με άλλα λόγια, μια τιμή διαφάνειας. Η τιμή γράφεται rgba και, στη συνέχεια, οι τιμές των στοιχείων κόκκινου, μπλε και πράσινου χρώματος παρατίθενται σε παρενθέσεις, χωρισμένες με κόμμα. Το τελευταίο είναι η διαφάνεια, η οποία ορίζεται από 0 έως 1 (Εικ. 1), με 0 να σημαίνει πλήρη διαφάνεια και 1 αδιαφάνεια του χρώματος.

Ρύζι. 1. Σύνταξη για τη χρήση του rgba

Το Παράδειγμα 2 δείχνει την εφαρμογή Μορφή RGBAγια να δημιουργήσετε ένα ημιδιαφανές φόντο.

Παράδειγμα 2. Ημιδιαφανές φόντο

HTML5 CSS3 IE 9+ Cr Op Sa Fx

Αποτέλεσμα αυτό το παράδειγμαφαίνεται στο Σχ. 2. Η αδιαφάνεια του φόντου έχει οριστεί στο 90%.

Ρύζι. 2. Ημιδιαφανές φόντο και αδιαφανές κείμενο

Θα χρειαστείτε

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

Οδηγίες

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

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

Πηγές:

• Ακριβώς για τη δημιουργία ιστοσελίδων και banner

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

Θα χρειαστείτε

• Επεξεργαστής κώδικα HTML

Οδηγίες

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

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

Έτσι γνωρίζετε το πλάτος της διάταξης ιστοσελίδα. Προετοιμάστε μια εικόνα για ανάρτηση. Ανεβάστε το στον διακομιστή όπου βρίσκεται ο ιστότοπός σας. Η εικόνα πρέπει να αποθηκευτεί σε ένα από τα τρεις μορφές: jpeg, gif ή png. Για σωστή εμφάνισηΤο φόντο πρέπει να είναι το ίδιο πλάτος με το πλάτος της σελίδας.

Ανοίξτε το πρόγραμμα επεξεργασίας κώδικα html στο οποίο θέλετε να αλλάξετε το φόντο. Βρείτε τη γραμμή "φόντο-εικόνα". Εάν δεν υπάρχει τέτοια γραμμή, γράψτε την στο πεδίο ετικέτας "body". Όπως σε μια εικόνα.
Σε αυτόν τον κώδικα, το "url("images/bg.jpg")" είναι η διαδρομή προς το φόντο σας . Σημειώστε το. Αποθηκεύστε τις αλλαγές σας.

Σημείωση

Για σωστή εμφάνιση, το φόντο πρέπει να είναι το ίδιο πλάτος με το πλάτος της σελίδας.

Χρήσιμες συμβουλές

Για να επεξεργαστείτε τον ιστότοπό σας, χρησιμοποιήστε το Dreamweaver.

Πηγές:

• πώς να φτιάξετε έναν ιστότοπο με εικόνες το 2019

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

Οδηγίες

Δημιουργήστε ένα νέο αρχείο - ανοίξτε την επιλογή Νέο στο μενού Αρχείο και επιλέξτε την επιλογή Διαφανές στο παράθυρο ρυθμίσεων. Το αρχείο που δημιουργήθηκε θα αποτελείται εξ ολοκλήρου από διαφανές φόντο. Ενώ είναι σε λειτουργία αυτό το αρχείο, πατήστε Ctrl+V για να επικολλήσετε αυτό που αντιγράψατε προηγούμενο αρχείοεπιλεγμένη περιοχή. Η εικόνα σας ως το δεύτερο επίπεδο του αρχείου θα καλύπτει το διαφανές φόντο.

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

Μόλις η επιλογή είναι έτοιμη, κλείστε την και πατήστε Διαγραφή. Τα επιπλέον μέρη της εικόνας θα εξαφανιστούν και θα δείτε ένα διαφανές φόντο.

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

Επιλέγω σωστό μέγεθος, και χρώμα και, στη συνέχεια, γράψτε το επιθυμητό κείμενο πάνω στη φωτογραφία. Ένα ξεχωριστό επίπεδο κειμένου θα εμφανιστεί στην παλέτα Layers. Μετακινήστε το ρυθμιστικό στη γραμμή Αδιαφάνεια στον πίνακα Επίπεδα στο 30-40%. Θα δείτε πώς η επιγραφή γίνεται ημιδιαφανής.

Βίντεο σχετικά με το θέμα

Κατά τη δημιουργία λογότυποείναι πολύ επιθυμητό να μπορούμε να κάνουμε το φόντο του διαφανές - σε αυτήν την περίπτωση θα ταιριάζει πιο οργανικά σε οποιοδήποτε σχέδιο, είτε πρόκειται για σελίδα ιστότοπου, είτε για έγγραφο σε Μορφή Word, φλας ή βίντεο κλιπ, κ.λπ. Επιπλέον, το ημιδιαφανές λογότυπο μπορεί να εφαρμοστεί ως υδατογράφημα σε εικόνες και φωτογραφίες. Το πιο κοινό εργαλείο για αυτό το είδος γραφικά έργα- Adobe Photoshop.