Mouseover Effekt mit Text

weixe wrote on 6/4/2015, 5:02 PM

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!!!!

Comments

BilderMacher wrote on 6/5/2015, 12:48 AM

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

Welchen Web Designer benutzt du?

Last changed by BilderMacher on 6/5/2015, 12:48 AM, changed a total of 1 times.

"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 2025 Premium
  • Video Pro X 16
  • Photostory Deluxe 2025
  • Samplitude X7 Suite
  • ACID Pro 11
  • Music Maker 2025 Premium
  • MAGIX/XARA Graphic-/Web-Designer

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

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

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

Standardbrowser: Firefox 138.0.4

👶-Boomer

weixe wrote on 6/5/2015, 2:16 AM

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 wrote on 6/5/2015, 4:55 AM

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 wrote on 6/5/2015, 8:38 AM

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!

 

Last changed by BilderMacher on 6/5/2015, 8:38 AM, changed a total of 1 times.

"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 2025 Premium
  • Video Pro X 16
  • Photostory Deluxe 2025
  • Samplitude X7 Suite
  • ACID Pro 11
  • Music Maker 2025 Premium
  • MAGIX/XARA Graphic-/Web-Designer

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

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

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

Standardbrowser: Firefox 138.0.4

👶-Boomer