Mouseover Effekt mit Text

weixe schrieb am 05.06.2015 um 00:02 Uhr

Um einen Mouseover-Effekt zu erreichen, muss ich doch das Originalbild dementsprechen bearbeiten (ganz schwarz mit einem weißen Text). Dann dieses bearbeitete Bild mit Text in die Zwischenablage kopieren, eine neue Ebene erstellen (z.B.Foto1) dann an die selbe Position einfügen. Anschließend Mouseover off anklicken und im Dialogfeld Mouseover foto1 einstellen. Dann sollte es in der Vorschau funktionieren. Tut es aber nicht. Ich hätte gerne auf der Website das Originalbild, und wenn ich mit der Maus darüber gehe, soll das Bild schwarz werden mit einem weißen Text.

Funktioniert aber nicht!!!!

Kommentare

BilderMacher schrieb am 05.06.2015 um 07:48 Uhr

Deiner Beschreibung nach hast du soweit alles richtig gemacht. Eventuell vergessen die Ebene "Foto1" mit dem Auge auszublenden?

Welchen Web Designer benutzt du?

Zuletzt geändert von BilderMacher am 05.06.2015, 07:48, insgesamt 1-mal geändert.

"Je mehr die Menschen wissen, desto weniger müssen sie glauben!"

+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+
Ich kann vieles, darf aber nicht alles.
+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+

-------------

Hardware / Software:
::::::::::::::::::::::::::::::::::::++++:::::::::::::::::::::::::::::::::::::::::::::::::

Intel(R) UHD Graphics (für Import, Verarbeitung, Export)

NVIDIA GeForce MX250 (wird nicht in Schnitt-SW verwendet)

  • Video deluxe 2016 Premium
  • Video deluxe 2026 Premium
  • Video Pro X 17
  • Photostory Deluxe 2025
  • Samplitude X8 Suite
  • ACID Pro 11
  • Music Maker 2026 Premium
  • MAGIX/XARA Graphic-/Web-Designer

-----------------------------------------------------------------------------------

Edition    Windows 10 Home
Version    2009
Installiert am    ‎15.‎10.‎2020
Betriebssystembuild    19045.6216

------------------------------------------------------------------------------------

Standardbrowser: Firefox 142.0.1 (64-Bit)

👶-Boomer

weixe schrieb am 05.06.2015 um 09:16 Uhr

Hallo BilderMacher, ich verwende den Webdesigner 11 pro. Mein Problem ist, dass der hinzugefügte Text nicht als Mouseover erscheint. Muss ich diesen zuerst mit dem Bild verknüpfen?

LG

Mango schrieb am 05.06.2015 um 11:55 Uhr

ich glaube du mußt das bild aus der mouse-off-ebene und der mouse-over-ebene zu einer "weichen gruppe" bilden. markiere beide bilder/ebenen und gehe dann auf "anordnen" > weiche gruppe bilden.

BilderMacher schrieb am 05.06.2015 um 15:38 Uhr

Nein, gruppieren muss nicht sein.

 

Nutze die neue Funktion vom WD 11 Web-Animation - dazu gleich weiter unten mehr...

Schritt-für-Schritt:

 

  1. Bild importieren


     
  2. Kopie davon erstellen (ohne die Zwischenablage)


     
  3. Ebene (Foto1) anlegen und Objekte (Bild und Text) dorthin verschieben



    Es muss der Text auch in der Ebene liegen, die für Mouseover vorgesehen ist!
     
  4. Ebene (Foto 1) mit dem Auge-Sysmbol ausblenden und die Animation für das Original aufrufen



    Einstellungen:


     
  5. Wenn das MouseOver-Bild eine der neuen Web-Animationen bekommen soll, blendest du die Ebene wieder ein (rotes Auge ausschalten) und wählst für die Kopie über den Rechtsklick das Kontextmenü "Web-Animation..."


     
  6. Der MouseOver-Effekt für dieses Bild mit darüberliegendem Text ist fertig.



    http://bildermacher.magix.net/mouseover_Bsp/

Viel Erfolg an diesem heißen WE!

 

Zuletzt geändert von BilderMacher am 05.06.2015, 15:38, insgesamt 1-mal geändert.

"Je mehr die Menschen wissen, desto weniger müssen sie glauben!"

+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+
Ich kann vieles, darf aber nicht alles.
+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+

-------------

Hardware / Software:
::::::::::::::::::::::::::::::::::::++++:::::::::::::::::::::::::::::::::::::::::::::::::

Intel(R) UHD Graphics (für Import, Verarbeitung, Export)

NVIDIA GeForce MX250 (wird nicht in Schnitt-SW verwendet)

  • Video deluxe 2016 Premium
  • Video deluxe 2026 Premium
  • Video Pro X 17
  • Photostory Deluxe 2025
  • Samplitude X8 Suite
  • ACID Pro 11
  • Music Maker 2026 Premium
  • MAGIX/XARA Graphic-/Web-Designer

-----------------------------------------------------------------------------------

Edition    Windows 10 Home
Version    2009
Installiert am    ‎15.‎10.‎2020
Betriebssystembuild    19045.6216

------------------------------------------------------------------------------------

Standardbrowser: Firefox 142.0.1 (64-Bit)

👶-Boomer