Gorm Sørensen skrev:
> Yes, har lige fixet noget sammen her:
>
http://home20.inet.tele.dk/goinsilver/Gennemsigtig/gennemsigtig.html
Det er en god idé at gemme *.psd-filen som du har gjort i dette eksempel.
Når du har den så er det ret nemt for du har i billedet en hvid baggrund
på et baggrundslag og teksten på et gennemsigtigt lag. Den hvide baggrund
har du ikke noget at bruge til, så baggrundslaget tager du ved i
lagpaletten og trækker det ned i skraldespanden i bunden af lagpaletten.
<
http://home18.inet.tele.dk/madsen/photoshop/gennemsigtig/slet_baggrund.png>
(Du kan også bare slukke for baggrundslaget som Trine fortæller).
Nu står du tilbage med tekstlaget som er gennemsigtigt. Det kan du se
ved at Photoshop viser nogle ternede felter rundt om teksten som her:
<
http://home18.inet.tele.dk/madsen/photoshop/gennemsigtig/tern.png>
Gem nu billedet som en *.PSD-fil for udfra den kan du meget nemt lave
kopier til brug på nettet på forskelligt farvede baggrunde. For at det
skal blive helt perfekt skal du blot vide nogenlunde hvilken farve
din grafik med transparens skal indsættes på. Hvorfor kan du se senere.
Nu skal grafikken gøres klar til web og det kan du med fordel gøre med
værktøjet 'Gem til Web' eller 'Save for Web' i den engelske Photoshop,
så du trykker Shift + Ctrl + Alt + S (eller går op i Fil-menuen og
vælger 'Gem til Web'), og dette vindue åbner nu op:
<
http://home18.inet.tele.dk/madsen/photoshop/gennemsigtig/gem_til_web.png>
Der er en del indstillingsmuligheder og jeg vil ikke komme ind på
dem alle, men det er vigtigt at du vælger enten *.gif eller *.png i
filformatet, for du kan ikke have transparens i et *.jpg-billede.
Du skal også huske fluebenet i 'Gennemsigtighed' / 'Transparency'.
Hvis du glemmer det flueben så bliver billedet ikke gennemsigtigt.
Bemærk at hvis du klikker på fanebladet 'Optimeret', så kan du nede
i venstre hjørne af 'Gem til Web' se hvor meget grafikken vil komme
til at fylde i filstørrelsen, afhængig af hvilke indstillinger du
laver ovre i højre side. Ret praktisk. Du kan også direkte se hvordan
grafikken vil komme til at se ud på hjemmesiden, hvis du ser den i
optimeret.
Det er god idé at du i feltet 'Bund' (Matte på engelsk), vælger den
farve som baggrundsfarven på din hjemmeside har. Funktionen sørger
for at blande de yderste pixels på grafikken med den farve du vælger
som bund, hvilket får kanterne på grafikken til at fremstå mere
jævne, hvis da ellers du sørger for at vælge den samme farve som din
hjemmeside har forstås. Du behøver ingen bund hvis grafikkens kanter
er vandrette eller lodrette, men skrå linier bliver væsentlig jævnere
hvis du laver en bund med baggrundsfarven fra hjemmesiden.
Du kan se forskellen på at gemme uden bund eller med bund i den
samme farve som siden har, her:
<
http://home18.inet.tele.dk/madsen/photoshop/gennemsigtig/bund>
Det er en dum idé at gemme med en bund som har en hel anden farve end
hjemmesiden. Du kan se hvad det resulterer i her, hvor HH-logoet bla.
er gemt med en hvid bund, men placeret på en mørkegrå baggrund:
<
http://home18.inet.tele.dk/madsen/photoshop/hh/matte> - og det er så
årsagen til at du ikke kan lave et gennemsigtigt stykke grafik som
passer på alle farver baggrunde. Du bliver nødt til at have en original
(*.psd-filen med det gennemsigtige tekstlag i dette eksempel) som du
laver dine kopier udfra med den rigtige farve bund, hvis du vil opnå
et optimalt resultat.
Teknikken med at blande de yderste pixels med baggrunden hedder anti-
aliasing eller slet og ret udjævning på dansk.
--
Med venlig hilsen
Madsen.