Glow-Effekt möglich?

14.07.2005, 09:16

Ich suche nach einer Möglichkeit Text, welchen ich per imagettftext in ein Bild schreibe mit einer Art Aura (Glow-Effekt) zu versehen, um ihn etwas bessre vom Hintergrund abzusetzen. Wie kann ich das am besten in PHP lösen?

14.07.2005, 09:22

Der Aufwand ist einfach zu hoch, um solche Sachen mit PHP zu machen.
Eine einfache Schattierung sollte reichen.

14.07.2005, 09:34

Und wie läßt sich die am einfachsten realisieren? Text in anderer Farbe und leicht versetzt nochmal schreiben?

14.07.2005, 09:39

Jo genau.
1-3 Pixel verschieben, und nicht übertreiben.

Für einen »Glow-Effekt« brauchst du eine aufwendige Berechnung (auf die man erstmal kommen muss), wodurch auch die Serverbelastung nicht gerade klein ist.

14.07.2005, 09:51

I versuch's jetzt mal so (noch nicht getestet):

PHP-Code:

      function glowtext($image,$fontsize,$xpos,$ypos,$color,$bcolor,$font,$text){

        $offset = 1 + floor($fontsize/10);

        imagettftext($image,$fontsize,0,$xpos+$offset,$ypos,$bcolor,$font,$text);

        imagettftext($image,$fontsize,0,$xpos,$ypos+$offset,$bcolor,$font,$text);

        imagettftext($image,$fontsize,0,$xpos-$offset,$ypos,$bcolor,$font,$text);

        imagettftext($image,$fontsize,0,$xpos,$ypos-$offset,$bcolor,$font,$text);

        imagettftext($image,$fontsize,0,$xpos,$ypos,$color,$font,$text);

    }

Edit: funzt einwandfrei!

14.07.2005, 10:23

Zitat:

$offset = 1 + floor($fontsize/10);

Ist aber sehr gewagt hier $offset von der Schriftgrösse abhängig zu machen.
Aber kannst es ja mal probieren und schreiben wie das Ergebnis so aussieht.

14.07.2005, 18:57

Recht gut! Erhöht sich ja auch nur um ein Pixel pro zehn Punkte Schriftgröße. Da ich keine Schrift größer 25 verwende (also max. 3 Pixel Versatz) und die Randfarbe außerdem einen hohen Alphawert hat komme ich dem ursprünglich geplanten Glow-Effekt damit sehr nahe!

Hier ein paar Bilder vom Ergebnis:

Bei zu hohem Alpha-Anteil (letztes Bild) wirkt die eigentliche Schrift allerdings unscharf (zumindestens in der Kombination schwarzer Rand und weiße Schrift).

14.07.2005, 22:26

Muss ich auch mal probieren.
Und wenn es funktioniert kommt es in die Liste:
http://www.cix88.de/cix_php/?ORD=php_grafik_effekte

Themen-Optionen
Druckbare Version zeigen Jemanden per E-Mail auf dieses Thema hinweisen
Thema bewerten
Thema bewerten:

Ähnliche Themen
Thema	Autor	Forum	Antworten	Letzter Beitrag
Unterstrichener Text als Hover Effekt	R4v3r	HTML, Usability und Barrierefreiheit	10	10.04.2008 17:30
Navigationmit Mouseover Effekt	themonk	HTML, Usability und Barrierefreiheit	1	15.08.2006 23:09
[Erledigt] Idee für einen visuellen Effekt		HTML, Usability und Barrierefreiheit	6	02.05.2006 21:56
Frage zu Effekt	BEGINNER-L	HTML, Usability und Barrierefreiheit	2	08.03.2006 13:35
Linktext horizontal mittig... vertical-align ohne effekt	HStev	HTML, Usability und Barrierefreiheit	2	12.01.2006 09:35
JS: Mouseover Effekt für Bilder. Nach include geht er nicht		HTML, Usability und Barrierefreiheit	4	03.12.2005 16:30
Mouse Over Effekt 2 Bilder		HTML, Usability und Barrierefreiheit	7	16.11.2005 10:06
Abgerundetes Rechteckt mit MouseOver Effekt?		HTML, Usability und Barrierefreiheit	1	30.10.2005 18:13
Random CSS Effekt		HTML, Usability und Barrierefreiheit	5	09.10.2005 01:33
Style onmouseover onmouseout Effekt mit id	DonTermi	HTML, Usability und Barrierefreiheit	2	21.08.2005 12:08
Hover Effekt für Textfelder?	Masteroi	HTML, Usability und Barrierefreiheit	3	27.07.2005 14:36
thumbs haben störenden effekt...		PHP Tipps 2005	6	26.03.2005 15:38
[Erledigt] photoshop effekt!		Off-Topic Diskussionen	3	03.11.2004 04:23
PS: vorgefertigter 3d Effekt		Off-Topic Diskussionen	3	12.07.2004 19:12
onClick effekt :>	JanM	HTML, Usability und Barrierefreiheit	13	06.06.2004 14:45

14.07.2005, 09:16
Gast Beiträge: n/a	Glow-Effekt möglich? Ich suche nach einer Möglichkeit Text, welchen ich per imagettftext in ein Bild schreibe mit einer Art Aura (Glow-Effekt) zu versehen, um ihn etwas bessre vom Hintergrund abzusetzen. Wie kann ich das am besten in PHP lösen?


Mister Ad PHP Code Flüsterer Registriert seit: 21.08.2005 Beiträge: 4682 PHP-Kenntnisse: Fortgeschritten

14.07.2005, 09:22
Gast Beiträge: n/a	Der Aufwand ist einfach zu hoch, um solche Sachen mit PHP zu machen. Eine einfache Schattierung sollte reichen.

14.07.2005, 09:34
Gast Beiträge: n/a	Und wie läßt sich die am einfachsten realisieren? Text in anderer Farbe und leicht versetzt nochmal schreiben?

14.07.2005, 09:39
Gast Beiträge: n/a	Jo genau. 1-3 Pixel verschieben, und nicht übertreiben. Für einen »Glow-Effekt« brauchst du eine aufwendige Berechnung (auf die man erstmal kommen muss), wodurch auch die Serverbelastung nicht gerade klein ist.

14.07.2005, 09:51
Gast Beiträge: n/a	I versuch's jetzt mal so (noch nicht getestet): PHP-Code: function glowtext($image,$fontsize,$xpos,$ypos,$color,$bcolor,$font,$text){ $offset = 1 + floor($fontsize/10); imagettftext($image,$fontsize,0,$xpos+$offset,$ypos,$bcolor,$font,$text); imagettftext($image,$fontsize,0,$xpos,$ypos+$offset,$bcolor,$font,$text); imagettftext($image,$fontsize,0,$xpos-$offset,$ypos,$bcolor,$font,$text); imagettftext($image,$fontsize,0,$xpos,$ypos-$offset,$bcolor,$font,$text); imagettftext($image,$fontsize,0,$xpos,$ypos,$color,$font,$text); } Edit: funzt einwandfrei!

14.07.2005, 18:57
Gast Beiträge: n/a	Recht gut! Erhöht sich ja auch nur um ein Pixel pro zehn Punkte Schriftgröße. Da ich keine Schrift größer 25 verwende (also max. 3 Pixel Versatz) und die Randfarbe außerdem einen hohen Alphawert hat komme ich dem ursprünglich geplanten Glow-Effekt damit sehr nahe! Hier ein paar Bilder vom Ergebnis: Bei zu hohem Alpha-Anteil (letztes Bild) wirkt die eigentliche Schrift allerdings unscharf (zumindestens in der Kombination schwarzer Rand und weiße Schrift).

14.07.2005, 22:26
Gast Beiträge: n/a	Muss ich auch mal probieren. Und wenn es funktioniert kommt es in die Liste: http://www.cix88.de/cix_php/?ORD=php_grafik_effekte