Wanneer ik een illustratie/foto met slagschaduw wil opslaan om op een website te zetten, dan vind ik het resultaat als ik het opsla als een .gif niet mooi.
Het is niet altijd mogelijk om een stuk achtergrond mee op te slaan, omdat je soms met patronen werkt.

Wie weet wat de beste weg is om een foto met slagschaduw op te slaan, zodat de schaduw dus (semi)transparant is?

P.s. ik ga in deze situatie uit van een document in AI3.

PNG is the way to go met transparanties, hoewel Internet Explorer daar niet
altijd even fantastisch mee om kan gaan. Dat kun je dan weer omzijlen door
een hackje te gebruiken, maar echt een fijne ondersteuning bieden ze niet
bij Microsoft... misschien met Internet Explorer 8?

Maar biuten PNG-bestanden kun je zoals je zelf aangaf eigenlijk alleen een stukje
achtergrond meekopiëren, óf, en dat werkt óók niet in alle browsers even goed
maar wel in Safari, een css-tag gebruiken. Je kan namelijk met CSS ook schaduwen
maken, maar dit werkt alleen in Safari, en misschien Opera en Firefox.

Mvg,
Joram

Ik vind beide oplossingen niet echt een bevredigend resultaat geven.
Een stukje achtergrond, was, zoals ik al zei, niet altijd mogelijk.
In CSS een schaduw maken, hmmm, die zijn ook best lelijk hoor, maar da's my humble opinion.

Ik bedoel dus echt een oplossing binnen het 'opslaan als'...
Kan ik dan misschien beter in zo'n geval in PS gaan werken??

Ik had eigenlijk gehoopt op een antwoord in de trant van: "oh je moet daar een instelling veranderen, en dan slaat ie het prachtig op..."
Helaas.

joram om 18:19, 28-05-2008
AI3? Illustrator 3 of CS3? :D

PNG is the way to go met transparanties, hoewel Internet Explorer daar niet
altijd even fantastisch mee om kan gaan. Dat kun je dan weer omzijlen door
een hackje te gebruiken, maar echt een fijne ondersteuning bieden ze niet
bij Microsoft... misschien met Internet Explorer 8?

Maar biuten PNG-bestanden kun je zoals je zelf aangaf eigenlijk alleen een stukje
achtergrond meekopiëren, óf, en dat werkt óók niet in alle browsers even goed
maar wel in Safari, een css-tag gebruiken. Je kan namelijk met CSS ook schaduwen
maken, maar dit werkt alleen in Safari, en misschien Opera en Firefox.

Mvg,
Joram

in ie 7 zit al wel transparant png support hoor

@Bertvanderveen, ik kom er niet uit... sowieso neemt een slagschaduw in AI een groot vlak eromheen, wat mee opgeslagen wordt als je het als gif bewaard.

artikel:
http://www.positioniseverything.net/articles/dropshadows.html
demo:
http://www.positioniseverything.net/articles/sidepages/dropshadow/dropshadow.html

succes,
Joost

Thanks voor zover, allemaal  :  )

Soes om 19:21, 28-05-2008
@Bertvanderveen, ik kom er niet uit... sowieso neemt een slagschaduw in AI een groot vlak eromheen, wat mee opgeslagen wordt als je het als gif bewaard.

Het grote vlak eromheen kun je voorkomen, door in AI de Crop-Area niet te groot rondom je illustratie te maken.
Bij het exporteren naar een ander bestandsformaat zal nu de Crop-Area aangehouden worden voor de bestandsafmetingen.

Zoiets:

overigens kun je in flash ook met filters werken en daar de slagschaduw toevoegen..

@Barthelomeus, dat lijkt me een prima tip. Ga het morgen meteen uitproberen.

P.s. ik krijg toch het idee dat men mijn vraag niet helemaal begrijpt...

GIF kan dat gewoonweg niet en fopt je door quasi-nonchalant
wat grijze of zwarte (harde) pixels in een transparant gebied
te strooien; dan oogt het als een soort groezelige schaduw.

PNG kan doorzichtige pixels (in alle kleuren en tinten) aan,
maar dan alleen in PNG versie 24-bits. En die lusten sommige
browsers weer niet. (JPEG kent helemaal geen transparantie.)

SWF kan iets transparants aan, zowel in pixels als vectoren.
Sterker nog, je kan net zo goed de vorm zònder schaduw in
Flash plakken/plaatsen en Flash de schaduwen laten regelen.
Maar je moet je 't hele zootje dan wel in een SWF plaatsen.

Soes om 22:38, 29-05-2008
@Plexyglazz, dat je er een snijgebied om kunt zetten om zo het witte gebied kleiner te maken, is mij ook bekend, maar daarmee is het gebied daarbinnen niet transparant geworden.

Zolang je geen kleur aan de achtergrond geeft en je bij exporteren voor GIF of PNG kiest, dan kun je kiezen voor een transparante achtergrond. Eventueel kun je bij exporteren ook nog met de eyedropper de achtergrondkleur selecteren en als transparant aangeven.

EDIT: Het voorbeeldbestandje geëxporteerd als PNG24, sleep em naar je desktop en test em gerust even ...

(Bewerkt door Plexyglazz om 13:39, 30-05-2008)