mediengestalter.info
FAQ :: Mitgliederliste :: MGi Team

Willkommen auf dem Portal für Mediengestalter

Aktuelles Datum und Uhrzeit: Mi 24.04.2024 13:36 Benutzername: Passwort: Auto-Login

Thema: Web: Text aufblenden per animiertem Gif vom 14.06.2012


Neues Thema eröffnen   Neue Antwort erstellen MGi Foren-Übersicht -> Software - Nonprint -> Web: Text aufblenden per animiertem Gif
Seite: 1, 2  Weiter
Autor Nachricht
mucartist
Threadersteller

Dabei seit: 27.02.2012
Ort: -
Alter: -
Geschlecht: Männlich
Verfasst Do 14.06.2012 00:48
Titel

Web: Text aufblenden per animiertem Gif

Antworten mit Zitat Zum Seitenanfang

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
  View user's profile Private Nachricht senden
Typografit

Dabei seit: 31.01.2006
Ort: -
Alter: 61
Geschlecht: Männlich
Verfasst Do 14.06.2012 07:08
Titel

Antworten mit Zitat Zum Seitenanfang

Könntest Du auch PNG-24 verwenden statt GIF?
  View user's profile Private Nachricht senden
Anzeige
Anzeige
top
Moderator

Dabei seit: 25.11.2003
Ort: Hedwig Holzbein
Alter: 52
Geschlecht: Männlich
Verfasst Do 14.06.2012 09:47
Titel

Antworten mit Zitat Zum Seitenanfang

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
  View user's profile Private Nachricht senden
greenhorn1

Dabei seit: 25.04.2012
Ort: -
Alter: -
Geschlecht: -
Verfasst Do 14.06.2012 10:15
Titel

Antworten mit Zitat Zum Seitenanfang

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?
  View user's profile Private Nachricht senden Website dieses Benutzers besuchen
Benutzer 119642
Account gelöscht


Ort: -

Verfasst Do 14.06.2012 12:56
Titel

Antworten mit Zitat Zum Seitenanfang

Man kann .png's schon animieren, gibt ja die Erweiterung:
http://de.wikipedia.org/wiki/Animated_Portable_Network_Graphics *zwinker*
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 Lächel


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

Antworten mit Zitat Zum Seitenanfang

Sparkling-Brain hat geschrieben:
Man kann .png's schon animieren, gibt ja die Erweiterung:
http://de.wikipedia.org/wiki/Animated_Portable_Network_Graphics *zwinker*
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 Lächel


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.
  View user's profile Private Nachricht senden Website dieses Benutzers besuchen
mucartist
Threadersteller

Dabei seit: 27.02.2012
Ort: -
Alter: -
Geschlecht: Männlich
Verfasst Do 14.06.2012 23:35
Titel

Antworten mit Zitat Zum Seitenanfang

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
  View user's profile Private Nachricht senden
easteregg

Dabei seit: 15.02.2003
Ort: Deutschland
Alter: 36
Geschlecht: Männlich
Verfasst Do 14.06.2012 23:52
Titel

Antworten mit Zitat Zum Seitenanfang

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.
  View user's profile Private Nachricht senden
 
Ä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
Neues Thema eröffnen   Neue Antwort erstellen Seite: 1, 2  Weiter
MGi Foren-Übersicht -> Software - Nonprint


Du kannst keine Beiträge in dieses Forum schreiben.
Du kannst auf Beiträge in diesem Forum nicht antworten.
Du kannst an Umfragen in diesem Forum nicht mitmachen.