Avatar billede Slettet bruger
23. april 2004 - 17:44 Der er 9 kommentarer og
1 løsning

Hvordan transparent?

Hej,

Jeg har lavet et billede i Photoshop. Der ligger et baggrundslayer med et baggrundsmønster. Oven på det har jeg et par tekst layers med noget drop shadow på. Det ser fint ud i PS, men jeg vil gerne gemme selve teksten som en transparent gif, som så sættes ind via html hvor background attributen er den samme baggrund som den jeg bruger i ps.

Håber I forstår hvad jeg mener :)
Avatar billede robertk Nybegynder
23. april 2004 - 17:49 #1
Hej ezolu,

Det kan ikke helt lade sig gøre det du vil, og så alligevel kan det, hvis jeg forstår dig ret, du vil blot genne dine tekst med shadow som en gif med transp. bg ?

Problemer ligger i gif ikke helt kan håndtere en gradient farve som der vil være i din skygge, den vil lave en hvis ramme omkring.

Mvh
Robertk
Avatar billede robertk Nybegynder
23. april 2004 - 17:49 #2
Oke det gik lidt hurtigt, håber du forstod det.
Avatar billede robertk Nybegynder
23. april 2004 - 17:50 #3
Kan vi måske se et eks. på det du laver, bare en lille del af det ? vil gøre det lettere for os at hjælpe dig :)
Avatar billede Slettet bruger
23. april 2004 - 18:02 #4
>Det kan ikke helt lade sig gøre det du vil, og så alligevel kan det, hvis jeg >forstår dig ret, du vil blot genne dine tekst med shadow som en gif med transp. bg ?

Du forstår mig ret, men hvad er alternativet? PNG?

Jeg har ikke mulighed for at uploade noget ligenu...
Avatar billede robertk Nybegynder
23. april 2004 - 18:58 #5
At du gemmer din bg PÅ billedet med teksten.. :( eneste option jeg kan se! hvis du VIL ha' skygge på.
Avatar billede Slettet bruger
23. april 2004 - 19:10 #6
som jpg og ingen transparens?
Avatar billede robertk Nybegynder
23. april 2004 - 21:18 #7
Yes ! det er den eneste måde du kan gøre det på, desværre.. det samme problem hvis f.eks du bruger macromedia flash og godt vil have en trasp. bg på en gif det kan heller ikke lade sig gøre..

Jeg ved man kan gøre det med noget script.. altså hvis din tekst er html med noget javascript, tror jeg - men det skal jeg ikke gøre mig klog på :)

Så tag du dine points igen, og se om ikke du kan implantere det MED bg.

Go' weekend.
Robertk
Avatar billede robertk Nybegynder
23. april 2004 - 21:21 #8
ret sikker på det ikke er hvad du søgermen her er noget shadow i javascript
http://www.mompswebdesign.com/jscript/shadtxtgen.html
http://www.shivbasu.com/web/jsfun/jsfun9.php
Avatar billede breon Nybegynder
23. april 2004 - 23:04 #9
Du kan godt bruge PNG formattet, og faktisk går mange folk i selvsving når de fortæller hvor godt PNG er i forhold til JPG og GIF. Det er også rigtigt, men problemet er bare at selvom PNG formattet har været fremme i 7-8 år nu, understøtter mange browsere på markedet ikke alle PNG's herligheder, f.eks. true alpha transparency, som altså gør baggrunden transparent. IE er nok en af de dårligste mht. understøttelse af PNG, men med lidt fingerfærdighed kan man godt få IE til at vise transparente PNG filer korrekt (normalt vises billedet med en farvet baggrund).

Det man skal gøre er, at bruge noget CCS når billedet skal vises:

<DIV ID="mitPNGbillede"
STYLE="position:relative;
height:69px;
width:276px;
filter:progid:DXImageTransform.Microsoft.AlphaImageLoadersrc='PNGbillede.png',sizingMethod='scale');"></DIV>

Dette trick virker dog kun i IE og andre browsere vil ignorere billedet, så jeg vil anbefale dig at kigge nærmere her: http://www.alistapart.com/articles/pngopacity/ - her beskrives bl.a. hvordan man kan bruge javascript til at tjekke browser version.

Det er måske meget at sætte sig ind i, men det er god viden, hvis man ønsker at bruge PNG formattet.
Avatar billede spe Nybegynder
24. april 2004 - 14:01 #10
I denne artikel http://www.eksperten.dk/artikler/38 kan du læse hvordan du kan simulere den gradvise udtoning af din skygge i Photoshop.
Avatar billede Ny bruger Nybegynder

Din løsning...

Tilladte BB-code-tags: [b]fed[/b] [i]kursiv[/i] [u]understreget[/u] Web- og emailadresser omdannes automatisk til links. Der sættes "nofollow" på alle links.

Loading billede Opret Preview
Kategori
IT-kurser om Microsoft 365, sikkerhed, personlig vækst, udvikling, digital markedsføring, grafisk design, SAP og forretningsanalyse.

Log ind eller opret profil

Hov!

For at kunne deltage på Computerworld Eksperten skal du være logget ind.

Det er heldigvis nemt at oprette en bruger: Det tager to minutter og du kan vælge at bruge enten e-mail, Facebook eller Google som login.

Du kan også logge ind via nedenstående tjenester