Autor |
Nachricht |
mucartist
Threadersteller
Dabei seit: 27.02.2012
Ort: -
Alter: -
Geschlecht:
|
Verfasst Do 14.06.2012 00:48
Titel Web: Text aufblenden per animiertem Gif |
|
|
Hallo,
Flash soll nicht verwendet werden. Ich möchte einen orangefarbenen Willkommen-Text auf einer Website einblenden per animiertem Gif.
Wie das grundsätzlich funktioniert weiß ich.
Das Problem: der Hintergrund der Website ist ein Foto, also nicht monochrom. Die Fläche, auf der der Text steht (Leinwand), ist natürlich transparent (Index-Transparenz, da Gif).
Die Opazität wird in ca. 60 Bildern von Null auf 100 gesetzt. Leider wird der Text nicht sukzessive orange (quasi aus dem Nichts), sondern zunächst erscheint ein Weiß erst dann sukzessive das Orange. Es liegt wohl daran, dass das Ganze nur mit einer Farbmischung möglich ist (Orange + Weiß z.B.).
Weiß jemand, wie es richtig funktioniert oder klappt das Ganze nur auf monochromen Hintergrund?
(Ich arbeite mit Fireworks MX 4 und Dreamweaver 8 - alles ziemlich alt).
Merci
Zuletzt bearbeitet von mucartist am Do 14.06.2012 00:52, insgesamt 1-mal bearbeitet
|
|
|
|
|
Typografit
Dabei seit: 31.01.2006
Ort: -
Alter: 61
Geschlecht:
|
Verfasst Do 14.06.2012 07:08
Titel
|
|
|
Könntest Du auch PNG-24 verwenden statt GIF?
|
|
|
|
|
Anzeige
|
|
|
top
Moderator
Dabei seit: 25.11.2003
Ort: Hedwig Holzbein
Alter: 52
Geschlecht:
|
Verfasst Do 14.06.2012 09:47
Titel
|
|
|
Bei GIF-Bildern gibt es keine halbtransparenten Pixel wie bei PNG.
PNG unterstützt Alpha-Masken aber leider keine Animationen.
Ich würde mich mal auf die Suche nach einem passendem Javascript machen. (Dann könntest du auch ganz auf Text als Grafik verzichten und richtige Schrift verwenden.)
http://www.google.de/search?q=javascript+fadein
Zuletzt bearbeitet von top am Do 14.06.2012 09:47, insgesamt 1-mal bearbeitet
|
|
|
|
|
greenhorn1
Dabei seit: 25.04.2012
Ort: -
Alter: -
Geschlecht: -
|
Verfasst Do 14.06.2012 10:15
Titel
|
|
|
Typografit hat geschrieben: | Könntest Du auch PNG-24 verwenden statt GIF? |
PNG kann man nicht animieren.
Wenn die Schrift in Orange angelegt ist, dann muss sie auch Orange sein. Es ist egal ob dahinter ein Foto ist.
Hast Du eventuell noch eine Ebene mit weißem Text?
|
|
|
|
|
Benutzer 119642
Account gelöscht
Ort: -
|
Verfasst Do 14.06.2012 12:56
Titel
|
|
|
Man kann .png's schon animieren, gibt ja die Erweiterung:
http://de.wikipedia.org/wiki/Animated_Portable_Network_Graphics
Das Problem ist nur, dass die zB von FireFox super unterstützt werden, von Chrome (zumindest bei mir hier auf dem Mac) leider nicht.
Aber wenn du eine Lösung hast, wie sich dein Schriftzug wirklich rein ins Orange färbt, würds mich freuen, wenn du das hier postest
Zuletzt bearbeitet von am Do 14.06.2012 12:57, insgesamt 2-mal bearbeitet
|
|
|
|
|
greenhorn1
Dabei seit: 25.04.2012
Ort: -
Alter: -
Geschlecht: -
|
Verfasst Do 14.06.2012 22:18
Titel
|
|
|
Sparkling-Brain hat geschrieben: | Man kann .png's schon animieren, gibt ja die Erweiterung:
http://de.wikipedia.org/wiki/Animated_Portable_Network_Graphics
Das Problem ist nur, dass die zB von FireFox super unterstützt werden, von Chrome (zumindest bei mir hier auf dem Mac) leider nicht.
Aber wenn du eine Lösung hast, wie sich dein Schriftzug wirklich rein ins Orange färbt, würds mich freuen, wenn du das hier postest |
Wow, dass wusst ich nicht. Schade eigentlich das dieses Format nicht akzeptiert wird.
Schriftzug Orange färben.
Also entweder du legst den Schriftzug in dem gewünschten Orange auf transparenten an und lässt den Text in die zuerst leere Ebene fließen. Oder Du legst Dein Orange in unterschiedlichen Transparenzschritten pro Ebene an bis 100% erreicht sind und beginnst dann mit dem Lauftext.
|
|
|
|
|
mucartist
Threadersteller
Dabei seit: 27.02.2012
Ort: -
Alter: -
Geschlecht:
|
Verfasst Do 14.06.2012 23:35
Titel
|
|
|
Hallo alle,
danke erstmal für Tipps und Unterstützung.
Da es tatsächlich nicht funktioniert auf einem Foto Schrift aus dem Nichts bis auf 100% Opazität einzublenden (per Gif_ani), hab ich das Problem jetzt so gelöst, dass die Schrift reinläuft (kommt hinter einem länglichen Logo vor) und dabei das Orange bekommt.
Dass die Schrift anfangs weiß ist stört dann nicht so sehr, da sie in Bewegung ist und ja schnell ins Orange kippt.
Das Ganze ist für einen Entwurf für 'nen Kunden, ob's ein Auftrag wird, weiß ich noch nicht, deshalb muss es jetzt nicht perfekt sein.
(Übrigens nicht Alpha-Transparenz sondern Index-Transparenz, wie ich nachgelesen habe)
Dennoch wird es dann irgendwann einmal kompromisslos gut sein müssen.
Hab ich das richtig verstanden, dass sowas mit Javascript geht?
(Das hab ich leider nicht gelernt).
Aber solche Codeschnipsel kann man sich ja besorgen.
Wenn alle Stricke reißen, dann eben doch Flash, was ich eigentlich vermeiden wollte.
Auf das altmodische animierte Gif wollte ich zurückgreifen, weil es mit jedem Schweinebrowser und auch bei abgeschaltetem Java oder fehlendem Flash funktioniert.
Danke nochmal + keep Coding
Mucartist
Zuletzt bearbeitet von mucartist am Do 14.06.2012 23:40, insgesamt 1-mal bearbeitet
|
|
|
|
|
easteregg
Dabei seit: 15.02.2003
Ort: Deutschland
Alter: 36
Geschlecht:
|
Verfasst Do 14.06.2012 23:52
Titel
|
|
|
mucartist hat geschrieben: | Auf das altmodische animierte Gif wollte ich zurückgreifen, weil es mit jedem Schweinebrowser und auch bei abgeschaltetem Java oder fehlendem Flash funktioniert. | Die gif-Ani kann ja ein Fallback vom Javascript sein - z.B. in der <noscript> Anweisung dann eingelagert.
|
|
|
|
|
|
|
|
Ähnliche Themen |
Dateigröße von animiertem Banner
[Flash] Problem mit animiertem Menü
Schriften gelöscht - Excel/Word Text Text nicht angezeigt
Indesign Text vektorisieren oder Text einbetten
Dreamwaever MX 2004 7.0.1: Text als Text einfügen
Text in Text formatieren
|
|