Korištenje prozirnih slika na webu i ispisu
Dakle, samo ste pažljivo uklonili pozadinu s slike i sada želite koristiti djelomično transparentnu sliku negdje drugdje. Što radiš? Pa, odgovor nije jednostavan - ovisi o tome kamo idete s njom. Pogledajmo vaše mogućnosti.
Iz Photoshopa (inačice prije CS4)
Najprije, ako radite u Photoshopu i idete na ispis ili web, provjerite Izvoz prozirnog slikovnog čarobnjaka koji se nalazi pod izbornikom Pomoć. Postavit će vam niz pitanja i izvesti sliku u odgovarajućem formatu. Ova je opcija uklonjena u Photoshop CS4.
Postoje samo dva načina prikazivanja digitalne slike. Slika će se pojaviti na zaslonu kao što je pametni telefon, tablet ili stolni (ili veći) zaslon ili u ispisu. Tako se odluka svodi na format datoteke.
Slika ide na zaslon.
Ovdje imate tri izbora: GIF, PNG ili "zavaravanje JPEG-om".
- GIF - GIF je izvorni format s transparentnom podrškom za web. Problem s GIF-om jest smanjenje palete boja na više od 256 boja, što uzrokuje promjenu boja, posterizaciju ili bojanje boja i iskrivljavanje u visokoj boji slike kao što su fotografije. Ako su fizičke dimenzije slike male kao što je 1-inčni kvadrat, ili ćete postavljati sliku na web stranice društvenih medija kao što je Twitter, onda je GIF razmatranja. Još jedan nedostatak GIF-a jest da podržava samo 1-bitnu transparentnost. Što to znači da svaki piksel na vašoj slici može biti potpuno transparentan ili ne transparentan. To znači takve uobičajene tehnike kao što su sjene i vinjete.
- PNG - PNG je format razvijen da prevlada mnoga ograničenja GIF-a. Podržava visoku boju i djelomičnu prozirnost pomoću alfa kanala . Iako PNG već neko vrijeme traje, trebalo mu je dosta vremena da se postigne široko prihvaćanje zbog nedostatka podrške preglednika u prvim godinama. No, transparentne PNG datoteke podržane su od IE7, a danas su podržane u svim popularnim web preglednicima, tako da je siguran korištenje PNG ovih dana, osim ako znate da velik dio vaše publike koristi vrlo stari hardver i softver. PNG slike se također obično vide na mobilnim uređajima.
- Imajte na umu da, ako želite zadržati punu transparentnost bez anti-alising halo, trebate spremiti svoju PNG datoteku kao PNG-24, a ne PNG-8. PNG-8 je koristan za smanjenje veličine datoteke PNG datoteka kada vam nije potrebna transparentnost, ali ima iste ograničenja palete boja kao i GIF datoteke .
- Drugi uobičajeni PNG format je PNG-32. To nije 32-bitna slika s milijardama boja. Ovo je standardna 24-bitna slika s dodatnim 8-bitnim tonovima sivim tonovima koji se koriste za transparentnost. U dijaloškom okviru Export As ..., ako kliknete potvrdni okvir Transparentnost, stvarate PNG-32 sliku.
- Lažna prozirnost s JPEG-om - Ovo je rad oko kojeg će područja slike koja želite biti prozirna ispunjena istom bojom ili tekstura boje kao i na web stranici na kojoj će biti postavljeni. To najbolje funkcionira kada postavljate sliku na čvrstu pozadinu ili malu, suptilno teksturiranu pozadinu gdje usklađivanje neće biti problem.
- To je jedan od načina za to. Drugi je da koristite alat za odabir kako biste maskirali područje čvrste boje ili upotrijebili naredbu Fill kako biste ispunili odabir krutom bojom.
- Više o JPEG-u
Slika ide na aplikaciju izgleda stranice kao što su InDesign, QuarkXpress ili PageMaker.
Ovdje imate tri izbora: Adobe izvorni PSD format, ugrađene staze ili alfa kanali.
- Adobe izvorni PSD format - PSD zadržava transparentnost među Adobe aplikacijama, pa ako radite u potpunosti u Adobeovim aplikacijama, jednostavno koristite Photoshop izvorni PSD format s transparentnošću.
- Ugrađeni putevi (EPS) - EPS slike podržavaju upotrebu ugrađenih stabala za rezanje i većina aplikacija za objavljivanje stolnih računala prihvaćat će EPS format . Kada se ugrađene staze koriste za transparentnost, izolirani objekt može imati samo teške rubove. Ne postoji djelomična transparentnost.
- Više na stazama | Više o stazama za presijecanje
- Alfa kanali (TIFF) - Alfa kanali bitmap maske koji definiraju transparentnost u nijansi sive. Kada se koristi u aplikacijama za izgled stranice, TIFF format je poželjan za slike s transparentom alfa kanala .
- Više o Alpha kanalima Više o maskama
Embedded Paths vs. Alpha Channels - Pojedinosti o kreiranju i korištenju ugrađenih staza i alfa kanala nalaze se u ovom pet dijelu udžbeniku iz Objavljivanja o stolnim računalima.
Ažurirano od strane Tom Green.
Povezano: Koji format grafičkih datoteka najbolje je koristiti kada?