Anzeige

Text verzerren?

Text verzerren? | PSD-Tutorials.de

Erstellt von Daniel_Knecht, 07.08.2009.

  1. Daniel_Knecht

    Daniel_Knecht PSD-Mitglied

    Dabei seit:
    21.06.2005
    Beiträge:
    426
    Geschlecht:
    männlich
    Ort:
    Zwickau/Sachsen
    Software:
    Cinema 4D R18, Adobe Collection CS6, Microsoft Office 2013, Visual Studio 2015
    Text verzerren?
    Hallo,
    ich wollt mal fragen ob es eine möglicheit gibt einen geschriebenen Text via Javascript oderso zu verzerren?

    HIER 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?
     
    #1      
  2. CronoS21

    CronoS21 Gesperrt

    Dabei seit:
    13.04.2009
    Beiträge:
    394
    Geschlecht:
    männlich
    Ort:
    Körner
    Software:
    Adobe Flash CS3; Adobe Photoshop CS3; Adobe Dreamweaver CS3
    Kameratyp:
    ODYS cam
    Text verzerren?
    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
     
    #2      
  3. Daniel_Knecht

    Daniel_Knecht PSD-Mitglied

    Dabei seit:
    21.06.2005
    Beiträge:
    426
    Geschlecht:
    männlich
    Ort:
    Zwickau/Sachsen
    Software:
    Cinema 4D R18, Adobe Collection CS6, Microsoft Office 2013, Visual Studio 2015
    Text verzerren?
    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.
     
    #3      
  4. rodolfo4711

    rodolfo4711 Nicht mehr ganz neu hier

    Dabei seit:
    28.02.2007
    Beiträge:
    88
    Geschlecht:
    männlich
    Ort:
    Bayern
    Software:
    Photoshop CS5
    Text verzerren?
    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?
     
    #4      
  5. Trapila

    Trapila Nicht mehr ganz neu hier

    Dabei seit:
    11.10.2007
    Beiträge:
    207
    Geschlecht:
    weiblich
    Software:
    alles und jedes
    Text verzerren?
    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 ;)
     
    #5      
  6. stroyer

    stroyer Aktives Mitglied

    Dabei seit:
    03.01.2009
    Beiträge:
    567
    Text verzerren?
    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.
     
    #6      
  7. beyoNd92

    beyoNd92 Noch nicht viel geschrieben

    Dabei seit:
    06.08.2009
    Beiträge:
    11
    Geschlecht:
    männlich
    Software:
    Visual Studio 2008 (C#), PS CS3
    Kameratyp:
    Olympus E-510 Spiegelreflex
    Text verzerren?
    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
     
    #7      
  8. stroyer

    stroyer Aktives Mitglied

    Dabei seit:
    03.01.2009
    Beiträge:
    567
    Text verzerren?
    AW: Text verzerren?

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

    Daniel_Knecht PSD-Mitglied

    Dabei seit:
    21.06.2005
    Beiträge:
    426
    Geschlecht:
    männlich
    Ort:
    Zwickau/Sachsen
    Software:
    Cinema 4D R18, Adobe Collection CS6, Microsoft Office 2013, Visual Studio 2015
    Text verzerren?
    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?
     
    #9      
  10. stroyer

    stroyer Aktives Mitglied

    Dabei seit:
    03.01.2009
    Beiträge:
    567
    Text verzerren?
    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!)
     
    #10      
  11. Daniel_Knecht

    Daniel_Knecht PSD-Mitglied

    Dabei seit:
    21.06.2005
    Beiträge:
    426
    Geschlecht:
    männlich
    Ort:
    Zwickau/Sachsen
    Software:
    Cinema 4D R18, Adobe Collection CS6, Microsoft Office 2013, Visual Studio 2015
    Text verzerren?
    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 ;)).
     
    #11      
  12. stroyer

    stroyer Aktives Mitglied

    Dabei seit:
    03.01.2009
    Beiträge:
    567
    Text verzerren?
    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.
     
    #12      
  13. beyoNd92

    beyoNd92 Noch nicht viel geschrieben

    Dabei seit:
    06.08.2009
    Beiträge:
    11
    Geschlecht:
    männlich
    Software:
    Visual Studio 2008 (C#), PS CS3
    Kameratyp:
    Olympus E-510 Spiegelreflex
    Text verzerren?
    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
     
    #13      
  14. Daniel_Knecht

    Daniel_Knecht PSD-Mitglied

    Dabei seit:
    21.06.2005
    Beiträge:
    426
    Geschlecht:
    männlich
    Ort:
    Zwickau/Sachsen
    Software:
    Cinema 4D R18, Adobe Collection CS6, Microsoft Office 2013, Visual Studio 2015
    Text verzerren?
    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 ;)
     
    #14      
  15. stroyer

    stroyer Aktives Mitglied

    Dabei seit:
    03.01.2009
    Beiträge:
    567
    Text verzerren?
    AW: Text verzerren?

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

    Daniel_Knecht PSD-Mitglied

    Dabei seit:
    21.06.2005
    Beiträge:
    426
    Geschlecht:
    männlich
    Ort:
    Zwickau/Sachsen
    Software:
    Cinema 4D R18, Adobe Collection CS6, Microsoft Office 2013, Visual Studio 2015
    Text verzerren?
    AW: Text verzerren?

    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?
     
    #16      
  17. stroyer

    stroyer Aktives Mitglied

    Dabei seit:
    03.01.2009
    Beiträge:
    567
    Text verzerren?
    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
     
    #17      
  18. Daniel_Knecht

    Daniel_Knecht PSD-Mitglied

    Dabei seit:
    21.06.2005
    Beiträge:
    426
    Geschlecht:
    männlich
    Ort:
    Zwickau/Sachsen
    Software:
    Cinema 4D R18, Adobe Collection CS6, Microsoft Office 2013, Visual Studio 2015
    Text verzerren?
    AW: Text verzerren?

    Nene PHP passt nur weiß ich grad nich wohin damit *rotwerd*

    *** Ich hab ja 2PN´s hab ich garnet mitbekommen :D ***
     
    #18      
  19. beyoNd92

    beyoNd92 Noch nicht viel geschrieben

    Dabei seit:
    06.08.2009
    Beiträge:
    11
    Geschlecht:
    männlich
    Software:
    Visual Studio 2008 (C#), PS CS3
    Kameratyp:
    Olympus E-510 Spiegelreflex
    Text verzerren?
    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);
    ?>
     
    #19      
  20. stroyer

    stroyer Aktives Mitglied

    Dabei seit:
    03.01.2009
    Beiträge:
    567
    Text verzerren?
    AW: Text verzerren?

    Nein so leicht geht das auch wieder nicht.
    PHP:
    1.  
    2. <?php
    3. header ("Content-type: image/png");
    4. $im = @ImageCreate (50, 100)
    5.       or die ("Kann keinen neuen GD-Bild-Stream erzeugen");
    6. $background_color = ImageColorAllocate ($im, 255, 255, 255);
    7. $text_color = ImageColorAllocate ($im, 233, 14, 91);
    8. ImageTTFText ($im, $size, $angle, $x, $y, $color, $fontfilename, $text);
    9. ImagePNG ($im);
    10. ?>
    11.  
    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:
    http://s12.directupload.net/images/090807/ntv3ryvy.jpg
     
    Zuletzt von einem Moderator bearbeitet: 07.08.2009
    #20      
Seobility SEO Tool
x
×
×