Silhouette GIF animata.

[zerobruno]

È possibile rimuovere i colori di una GIF tramite canvas o in altre maniere?
Vorrei poter rimuovere i canali alpha lasciando l'immagine animata, di cui visibile solo la proiezione.

Ho visto che si può fare qualcosa di simile col CSS, ma pecca in compatibilità tra browsers.

Grazie.

[NLSweb]

non ho mai provato con una gif animata....
ma l'unico modo e' usando SVG feColorMatrix , in pratica trasformi l'immagine da scala di colori a scala di grigi...
esempio : trasforma la foto in scala di grigi quando ci si passa sopra con il mouse
DEMO

[zerobruno]

non ho mai provato con una gif animata....
ma l'unico modo e' usando SVG feColorMatrix , in pratica trasformi l'immagine da scala di colori a scala di grigi...
esempio : trasforma la foto in scala di grigi quando ci si passa sopra con il mouse
DEMO

E per far sì che risulti sempre nero?

[NLSweb]

la Silhouette funziona solo se hai una trasparenza alpha

in questo esempio uso un PNG

DEMO

il principio e' sempre lo stesso , basta modificare i parametri nella matrice.


W3C

[zerobruno]

la Silhouette funziona solo se hai una trasparenza alpha

in questo esempio uso un PNG

DEMO

il principio e' sempre lo stesso , basta modificare i parametri nella matrice.


W3C

Here is It
Grazie Mille!!! Mi hai risparmiato tantissimo lavoro che altrimenti avrei fatto con Photoshop D:
[spoiler]
+1
[/spoiler]

Edit:
Questo codice scarseggia di compatibilità cross browser.

[zerobruno]

Si può rimuovere il colore in php usando data:image?

[NLSweb]

Prova a vedere qui .. LINK1 , LINK2

[zerobruno]

Prova a vedere qui .. LINK1 , LINK2

<?
$image =*imagecreatefrompng('nathalie.png');
imagefilter($image,*IMG_FILTER_COLORIZE,*0,*0,*0);
imagepng($image,*'img_nera.png');
imagedestroy($image);
?>

non esce una silhouette... l'immagine viene solo scurita!

[NLSweb]

... converti in una scala di grigi (IMG_FILTER_GRAYSCALE) e poi modifichi luminosita' e contrasto (IMG_FILTER_BRIGHTNESS , IMG_FILTER_CONTRAST) ...

ci sarebbe anche PECL extensions ImageMagick ....

[zerobruno]

 <?
$image =imagecreatefrompng('nathalie.png');
imagefilter($im, IMG_FILTER_GRAYSCALE);
imagefilter($im, IMG_FILTER_BRIGHTNESS);
imagefilter($im, IMG_FILTER_CONTRAST);
$base = base64_encode(imagepng($image));
imagedestroy($image);
echo '<img src="data:image/png;base64,'.$base.'">';
?>

Stampa a video
<img src="data:image/png;base64,">

[NLSweb]

il codice non e' scritto correttamente...

guarda gli esempi a fondo pagina che ci sono in questo link

[zerobruno]

il codice non e' scritto correttamente...

guarda gli esempi a fondo pagina che ci sono in questo link

Ah, grazie! Non ci avevo proprio fatto caso.

<?
$im = imagecreatefrompng('a.png');
imagefilter($im, IMG_FILTER_GRAYSCALE);
imagefilter($im, IMG_FILTER_BRIGHTNESS,255);
imagefilter($im, IMG_FILTER_CONTRAST,100);
$base = base64_encode(imagepng($im));
imagedestroy($im);
echo '<img src="data:image/png;base64,'.$base.'">';
?>

L'immagine è sempre rotta, ma stavolta stampa ciò che è visibile in questa pagina:
http://zerobruno.altervista.org/files/image/a.php