Χρήση διαφανών εικόνων στον Ιστό και στην εκτύπωση
Έτσι, απομακρύνετε με προσοχή το φόντο από μια εικόνα και τώρα θέλετε να χρησιμοποιήσετε τη μερικώς διαφανή εικόνα κάπου αλλού. Τι κάνεις? Λοιπόν, η απάντηση δεν είναι απλή - εξαρτάται από το πού πηγαίνετε μαζί της. Ας ρίξουμε μια ματιά στις επιλογές σας.
Από το Photoshop (εκδόσεις πριν από το CS4)
Πρώτον, εάν εργάζεστε στο Photoshop και πρόκειται να εκτυπώσετε ή Web, ελέγξτε τον Οδηγό εξαγωγής διαφανών εικόνων που βρίσκεται στο μενού Βοήθεια. Θα σας ρωτήσει μια σειρά ερωτήσεων και θα εξάγετε την εικόνα στην κατάλληλη μορφή. Αυτή η επιλογή καταργήθηκε στο Photoshop CS4.
Υπάρχουν πραγματικά μόνο δύο τρόποι εμφάνισης μιας ψηφιακής εικόνας. Η εικόνα πρόκειται να εμφανιστεί είτε σε οθόνη, όπως οθόνη smartphone, tablet ή επιφάνεια εργασίας (ή μεγαλύτερη), είτε σε έντυπη μορφή. Έτσι, η απόφαση καταλήγει σε μορφή αρχείου.
Η εικόνα πηγαίνει σε μια οθόνη.
Έχετε τρεις επιλογές εδώ: GIF, PNG, ή "φαινομενικά με JPEG".
- Το GIF - GIF είναι η αρχική μορφή με υποστήριξη διαφάνειας για τον Παγκόσμιο Ιστό. Το πρόβλημα με το GIF είναι ότι μειώνει την παλέτα χρωμάτων σε όχι περισσότερα από 256 χρώματα, προκαλώντας μεταβολές χρώματος, posterization ή banding των χρωμάτων και παραμόρφωση σε υψηλές έγχρωμες εικόνες, όπως φωτογραφίες. Εάν οι φυσικές διαστάσεις της εικόνας είναι μικρές όπως το τετράγωνο 1 ίντσας ή θα τοποθετήσετε την εικόνα σε μια τοποθεσία κοινωνικών μέσων όπως το Twitter, τότε το GIF είναι ένα θέμα. Ένα άλλο μειονέκτημα για το GIF είναι ότι υποστηρίζει μόνο τη διαφάνεια 1-bit. Αυτό σημαίνει ότι κάθε εικονοκύτταρο στην εικόνα σας είναι είτε εντελώς διαφανές είτε όχι. Αυτό σημαίνει τέτοιες κοινές τεχνικές όπως σκιές και βινιέτες.
- PNG - PNG είναι μια μορφή που αναπτύχθηκε για να ξεπεράσει πολλούς από τους περιορισμούς του GIF. Υποστηρίζει υψηλό χρώμα και μερική διαφάνεια χρησιμοποιώντας κανάλια άλφα . Παρόλο που η PNG βρίσκεται εδώ και πολύ καιρό, χρειάστηκε πολύς χρόνος για την ευρεία υιοθεσία λόγω της έλλειψης υποστήριξης του προγράμματος περιήγησης στα πρώτα της χρόνια. Αλλά τα διαφανή αρχεία PNG υποστηρίζονται από το IE7 και υποστηρίζονται σήμερα σε όλους τους δημοφιλείς περιηγητές ιστού, επομένως είναι ασφαλές να χρησιμοποιείτε PNG αυτές τις μέρες εκτός αν γνωρίζετε ότι ένα μεγάλο μέρος του κοινού σας χρησιμοποιεί πολύ παλιό υλικό και λογισμικό. Οι εικόνες PNG εμφανίζονται συνήθως σε κινητές συσκευές.
- Λάβετε υπόψη ότι αν θέλετε να διατηρήσετε πλήρη διαφάνεια χωρίς ένα αντιλαϊκό φωτοστέφανο, πρέπει να αποθηκεύσετε το αρχείο PNG σας ως PNG-24 και όχι ως PNG-8. Το PNG-8 είναι χρήσιμο για τη μείωση του μεγέθους αρχείου των αρχείων PNG όταν δεν χρειάζεστε διαφάνεια, αλλά έχει τους ίδιους περιορισμούς της παλέτας χρωμάτων με τα αρχεία GIF .
- Μια άλλη κοινή μορφή PNG είναι το PNG-32.Αυτό δεν είναι μια εικόνα 32-bit με δισεκατομμύρια χρώματα. Πρόκειται για μια τυπική εικόνα 24-bit με ένα επιπλέον κανάλι διαβάθμισης 8-bit για διαφάνεια.Στο παράθυρο διαλόγου Εξαγωγή ... του Photoshop, αν κάνετε κλικ στο πλαίσιο ελέγχου Διαφάνεια, δημιουργείτε μια εικόνα PNG-32.
- Fake Transparency με JPEG - Πρόκειται για μια εργασία γύρω από την οποία οι περιοχές της εικόνας που θέλετε να είναι διαφανείς γεμίζουν με το ίδιο χρώμα ή υφή φόντου με την ιστοσελίδα στην οποία θα τοποθετηθούν. Αυτό λειτουργεί καλύτερα όταν τοποθετείτε την εικόνα σε ένα συμπαγές έγχρωμο φόντο ή ένα μικρό, απαλά υφή φόντου όπου η ευθυγράμμιση δεν θα αποτελεί πρόβλημα.
- Αυτός είναι ένας τρόπος να το κάνουμε. Ένα άλλο είναι να χρησιμοποιήσετε ένα εργαλείο επιλογής είτε για να αποκρύψετε την περιοχή του συμπαγούς χρώματος είτε για να χρησιμοποιήσετε την εντολή Συμπλήρωση για να γεμίσετε την επιλογή με το συμπαγές χρώμα.
- Περισσότερα στο JPEG
Η εικόνα πηγαίνει σε μια εφαρμογή διάταξης σελίδας όπως το InDesign, το QuarkXpress ή το PageMaker.
Έχετε τρεις επιλογές εδώ: Adobe φυσική μορφή PSD, ενσωματωμένες διαδρομές ή κανάλια άλφα.
- Η φυσική μορφή PSD της Adobe - το PSD διατηρεί τη διαφάνεια μεταξύ των εφαρμογών Adobe, οπότε αν εργάζεστε εξ ολοκλήρου σε εφαρμογές Adobe, απλά χρησιμοποιήστε τη φυσική μορφή PSD του Photoshop με διαφάνεια.
- Ενσωματωμένα μονοπάτια (EPS) - Οι εικόνες EPS υποστηρίζουν τη χρήση ενσωματωμένων διαδρομών αποκοπής και οι περισσότερες εφαρμογές δημοσίευσης στην επιφάνεια εργασίας θα αποδεχθούν τη μορφή EPS . Όταν τα ενσωματωμένα μονοπάτια χρησιμοποιούνται για διαφάνεια, το απομονωμένο αντικείμενο μπορεί να έχει μόνο σκληρές άκρες. Δεν υπάρχει μερική διαφάνεια.
- Περισσότερα για τα μονοπάτια | Περισσότερα σχετικά με τις διαδρομές αποκοπής
- Κανάλια άλφα (TIFF) - Τα κανάλια Alpha είναι μάσκες bitmap που ορίζουν τη διαφάνεια σε αποχρώσεις του γκρι. Όταν χρησιμοποιείται σε εφαρμογές διάταξης σελίδας, προτιμάται η μορφή TIFF για εικόνες με διαφάνεια κανάλι άλφα .
- Περισσότερα για τα κανάλια Alpha | Περισσότερα για τις μάσκες
Embedded Paths vs. Alpha Channels - Λεπτομέρειες σχετικά με τη δημιουργία και τη χρήση ενσωματωμένων διαδρομών και καναλιών άλφα μπορούν να βρεθούν σε αυτό το εκπαιδευτικό σεμινάριο από το τμήμα About Desktop Publishing.
Ενημερώθηκε από τον Tom Green.
Σχετικά: Ποια μορφή αρχείου γραφικών είναι καλύτερη για χρήση πότε;