Antworten auf deine Fragen:
Neues Thema erstellen

Antworten zum Thema „Text verzerren?“

Daniel_Knecht

PSD-Mitglied

Hallo,
ich wollt mal fragen ob es eine möglicheit gibt einen geschriebenen Text via Javascript oderso zu verzerren?

das ist ein Bild vom Text. Aber wenn die Statistiken sich ändern was ja eig. teilweise der fall ist müsste man ja immer wieder das Bild Editieren und neu Hochladen.
Gibt es da eine Lösung dafür das mit Javascript iwie zu regeln so das man den Text nur Normal in der php Datei schreiben braucht oder in einer Seperaten .txt-Datei?
 

CronoS21

Gesperrt

AW: Text verzerren?

weiß nicht aber so wie ich das sehe hat der 2 bielder ein mal das bild und die stats denk mal der anderet das sedes mal um
 

Daniel_Knecht

PSD-Mitglied

AW: Text verzerren?

Der jenige bin ich ;) :D

Ja ich ändere immer das Bild das stimmt. Habe aber schon mehrere Anfragen von Usern des Spieles bekommen ob ich das Script evtl. zum Download bereit stelle. Da gibts nur das Problem das 1. Nicht jeder Zeit & Lust hat das ganze Bild zu ändern (Öffnen/Bearbeiten/Speichern/Hochladen) und 2. nicht jeder ahnung in sachen Bildbearbeitung hat ;)

Deshalb dachte ich da sman das irgendwie über Javascript etc. lösen kann.
 

rodolfo4711

Nicht mehr ganz neu hier

AW: Text verzerren?

Hallo,

was spricht dagegen, das Bild als Hintergrund-Bild zu verwenden und den Text als Text anzuzeigen oder als transparentes Bild darüber?
 

Trapila

Nicht mehr ganz neu hier

AW: Text verzerren?

Das Bild als Hintergrundbild verwenden und eine die Schrift drüberlegen ist finde ich auch die beste Lösung. Der Text hat dann aber evtl. keinen Effekt mehr. Verbessert aber die Lesbarkeit ;)
 

stroyer

Aktives Mitglied

AW: Text verzerren?

Du könntest ein Bild von jedem Buchstaben und allen Zahlen von 0-9 machen und die dann in PHP (entweder nur nebeneinandersetzen oder als ein einziges Bild ausgeben) oder in JS entsprechend der Statistik zusammenfügen.
 

beyoNd92

Noch nicht viel geschrieben

AW: Text verzerren?

Sowas kannst du mit PHP machen..
du musst kucken obs geht hab Code bei google gefunden konnte ihn aber noch nicht Testen (bin nicht zu Hause).
Müsste aber Funktionieren.


<?php
header ("Content-type: image/png");
$im = @ImageCreate (50, 100)
or die ("Kann keinen neuen GD-Bild-Stream erzeugen");
$background_color = ImageColorAllocate ($im, 255, 255, 255);
$text_color = ImageColorAllocate ($im, 233, 14, 91);
ImageString ($im, 1, 5, 5, "Ein Test-String", $text_color);
ImagePNG ($im);
?>



quelle PHP: imagecreate - Manual





lg
 

stroyer

Aktives Mitglied

AW: Text verzerren?

Das ist sinnlos, weil dabei kann man weder den Schrifteffekt nachmachen noch spezielle 3D-Transformationen machen.
 

Daniel_Knecht

PSD-Mitglied

AW: Text verzerren?

Hallo, Danke für eure Antworten.
Ich wollte zwar nicht grad so eine Diskusion auslösen aber ok :)

Also kurz und knapp: Es geht nicht zu machen einen Text mit JS so zu verzerren das es so aussieht wie auf dem Bild?
 

stroyer

Aktives Mitglied

AW: Text verzerren?

Auf dem Bild ist er ja nicht unbedingt verzerrt.
Ich würde ein Bild machen, auf dem alle Buchstaben in gleichen Abständen oben sind. Das kannst du dann über JS so manipulieren, dass pro DIV, das das Bild als BG hat, ein bestimmter Buchstabe angezeigt wird.

Mit welchem Programm hast du die Schrift im Bild gemacht?

(Kurz und gut: Es gibt eine Möglichkeit!)
 

Daniel_Knecht

PSD-Mitglied

AW: Text verzerren?

Ich weiß nicht genau wie du das jetzt mit der Buchstaen meinst :(

Die Schrift habe ich mir mit Photoshop erstellt (Wegen dem Abgenutzen Effekt ;)).
 

stroyer

Aktives Mitglied

AW: Text verzerren?

Ich habe gemeint dass du ein PNG-Bild erstellst wo in der Schriftart folgender Text steht:

abcdefghijklmnopqrstuvwxyz0123456789%:.,ABCDEFGHIJKLMNOPQRSTUVWXYZ

In JS verwendest du pro Buchstabe ein DIV das immer den richtigen Bereich anzeigt.

Schick mir sonst die PS Datei vom Text und ich schreib dir ein Script dazu.
 

beyoNd92

Noch nicht viel geschrieben

AW: Text verzerren?

Ich dachte die Schrift sei einfach nur ein Font..... (also das sah schon so aus)
Weil du hättest dann können den Font angeben und dann hätte dir PHP das mit dem Font geschrieben.


lg
 

Daniel_Knecht

PSD-Mitglied

AW: Text verzerren?

Also ich hab auch noch 2 andere Fonts hier die man evtl. auch als Schriftart für die stats nehmen könnte.

Nur wie man direkt ne font einbaut das weiß ich nicht weil ich das noch nie gemacht habe mit externen fonts ;)
 

stroyer

Aktives Mitglied

AW: Text verzerren?

Wenn du eine TTF hast, geht
PHP:
ImageTTFText ($image, $size, $angle, $x, $y, $color, $fontfilename, $text);
wobei die Font eine .ttf sein muss.
 

Daniel_Knecht

PSD-Mitglied

AW: Text verzerren?

Wenn du eine TTF hast, geht
PHP:
ImageTTFText ($image, $size, $angle, $x, $y, $color, $fontfilename, $text);
wobei die Font eine .ttf sein muss.

Was bedeuten genau die $ angaben? Also was die bedeuten sieht man ja aber was muss ich da eintragen?
Bei ImageTTFText muss denk ich mal der CSS Name (ID) hin oder?
 

stroyer

Aktives Mitglied

AW: Text verzerren?

Nein, das war PHP Code. Wenn geht es nur über PHP.
Wenn du kein PHP zur Verfügung hast ist die andere Alternative besser =>PM
 

beyoNd92

Noch nicht viel geschrieben

AW: Text verzerren?

Einfach dahin wo edein Altes Foto war statt <img src="basfdas.png">
einfach

<?php
ImageTTFText ($image, $size, $angle, $x, $y, $color, $fontfilename, $text);
?>
 

stroyer

Aktives Mitglied

AW: Text verzerren?

Nein so leicht geht das auch wieder nicht.
PHP:
<?php
header ("Content-type: image/png");
$im = @ImageCreate (50, 100)
      or die ("Kann keinen neuen GD-Bild-Stream erzeugen");
$background_color = ImageColorAllocate ($im, 255, 255, 255);
$text_color = ImageColorAllocate ($im, 233, 14, 91);
ImageTTFText ($im, $size, $angle, $x, $y, $color, $fontfilename, $text);
ImagePNG ($im);
?>
Das in eine eigene PHP-Datei und die dann als src angeben.
Aber ich feile schon an einer JS-Lösung.

EDIT: Würde folgende Font reichen:
 
Zuletzt bearbeitet von einem Moderator:
Bilder bitte hier hochladen und danach über das Bild-Icon (Direktlink vorher kopieren) platzieren.
Antworten auf deine Fragen:
Neues Thema erstellen

Willkommen auf PSD-Tutorials.de

In unseren Foren vernetzt du dich mit anderen Personen, um dich rund um die Themen Fotografie, Grafik, Gestaltung, Bildbearbeitung und 3D auszutauschen. Außerdem schalten wir für dich regelmäßig kostenlose Inhalte frei. Liebe Grüße senden dir die PSD-Gründer Stefan und Matthias Petri aus Waren an der Müritz. Hier erfährst du mehr über uns.

Stefan und Matthias Petri von PSD-Tutorials.de

Nächster neuer Gratisinhalt

03
Stunden
:
:
25
Minuten
:
:
19
Sekunden

Flatrate für Tutorials, Assets, Vorlagen

Statistik des Forums

Themen
175.155
Beiträge
2.581.850
Mitglieder
67.221
Neuestes Mitglied
opaklaus
Oben