Antworten auf deine Fragen:
Neues Thema erstellen

Bild mit integriertem Gif

wega2204

Noch nicht viel geschrieben

Hallo!

Ich möchte ein Bild in dem beim öffnen ein animiertes Gif mit integriert ist.

Also wenn ich in Photoshop ein Foto öffne und dann ein zweites bei diesem Alles Markiere und es mit dem Verschiebewerkzeug auf das erste Foto ziehe und je nach dem Transformiere etwas verkleinere habe ich doch 2 Ebenen das erste Foto als Hintergrundebene und das zweite ist Ebene1.

Wenn ich Die Beiden Ebenen auf Eine Reduziere und Speicher habe ich ein Foto in dem ein zweites Integriert ist.

Genau das hätte ich gerne aber das 2. Soll ein sich Bewegendes Gif sein.

Wenn man das Foto öffnet sieht man das Bild und in dem Bild ein kleineres Fenster mit dem animierten Gif.

Ist sowas möglich ???
 

Photoshop

bluetrail

Always On The Run

Smilies (Bild klicken für Animation)


Smilies mit Foto (Bild klicken für Animation)


1. GIF in Photoshop öffnen.
2. Canvas-Größe auf die Größe des Hintergrundbildes einstellen
3. Timeline öffnen
4. Alle Frames markieren und das Hintergrundbild auf allen Frames sichtbar stellen
5. Abspeichern als animiertes GIF

Dabei wird das Foto auch nur mit maximal 256 Farben angezeigt und die Dateigröße steigt enorm!
Beim Anzeigen auf einer Webseite z. B. innerhalb eines DIV-Containers würde man hier eher mit Code arbeiten und das Foto in einem anderen Format speichern.
 

draupnir

Moderator

Teammitglied
Der Wunsch "bewegte Bilder" zu erstellen, ist schon recht alt. Schon zu Zeiten des guten alten Flash gab es dazu Anleitungen im Web. Um zu Vermeiden, dass das ganze Bild auf die maximal 256 Farben reduziert wurden, legte man die animierten GIF-Elemente über das statische Hintergrundbild. Stellt Euch das Bild einer nächtlichen Stadt vor, in der einige Lichter in den Häuser an- und ausgehen.
Möglichkeiten heute, ohne Flash, für's Web wären:
1. Eine Tabelle mit Hintergrundsbild und in den Zellen der Tabelle liegen die GIFs, die das Flackern der Lichter darstellen. Schöne, alte Handarbeit. Statt einer Tabelle könnte man auch div-Boxen oder andere HTML-Elemente mit CSS verwenden.
2. Man suche sich ein alte Flash-Tutorial im Web (wie das https://www.entheosweb.com/Flash/advanced_animation.asp) und setze es mit Adobe Animate https://www.adobe.com/de/products/animate.html um.
3. Man suche nach einer passenden Software, die einem die Arbeit abnimmt und dann vielleicht auch noch etwas mehr kann. Wie zum Beispiel Corel Photomirage https://www.photomirage.io/en/ aus dem Jahr 2018. Eine Alternative wäre https://plotaverseapps.com
4. Unter dem Stichwort "animate still image" finden sich auch Tutorials für Adobe Affects ...
Also, die Auswahl ist groß.

Viel Erfolg.
 
Bilder bitte hier hochladen und danach über das Bild-Icon (Direktlink vorher kopieren) platzieren.
Antworten auf deine Fragen:
Neues Thema erstellen

Willkommen auf PSD-Tutorials.de

In unseren Foren vernetzt du dich mit anderen Personen, um dich rund um die Themen Fotografie, Grafik, Gestaltung, Bildbearbeitung und 3D auszutauschen. Außerdem schalten wir für dich regelmäßig kostenlose Inhalte frei. Liebe Grüße senden dir die PSD-Gründer Stefan und Matthias Petri aus Waren an der Müritz. Hier erfährst du mehr über uns.

Stefan und Matthias Petri von PSD-Tutorials.de

Nächster neuer Gratisinhalt

03
Stunden
:
:
25
Minuten
:
:
19
Sekunden

Flatrate für Tutorials, Assets, Vorlagen

Zurzeit aktive Besucher

Statistik des Forums

Themen
118.636
Beiträge
1.538.488
Mitglieder
67.559
Neuestes Mitglied
hanuta
Oben