Bild mit integriertem Gif

Bild mit integriertem Gif | PSD-Tutorials.de

Erstellt von wega2204, 06.06.2021.

  1. wega2204

    wega2204 Noch nicht viel geschrieben

    Dabei seit:
    06.06.2021
    Beiträge:
    3
    Bild mit integriertem Gif
    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 ???
     
    #1      
  2. TutKit

    TutKit Vollzugriff

    Vollzugriff auf sämtliche Inhalte für Photoshop, InDesign, Affinity, 3D, Video & Office

    Suchst du einen effektiven Weg, um deine Geschäftsideen aber auch persönlichen Kenntnisse zu fördern? Teste unsere Lösung mit Vollzugriff auf Tutorials und Vorlagen/Erweiterungen, die dich schneller zum Ziel bringen. Klicke jetzt hier und teste uns kostenlos!

  3. ph_o_e_n_ix

    ph_o_e_n_ix acromyniker

    Dabei seit:
    08.12.2013
    Beiträge:
    3.065
    Geschlecht:
    männlich
    Software:
    PS/AI CC2o18/19/PS2020/21 | Rhino3D | Win10 Pro
    Bild mit integriertem Gif
    #2      
  4. bluetrail

    bluetrail Always On The Run

    Dabei seit:
    16.09.2006
    Beiträge:
    174
    Geschlecht:
    weiblich
    Bild mit integriertem Gif
    Smilies (Bild klicken für Animation)
    [​IMG]

    Smilies mit Foto (Bild klicken für Animation)
    [​IMG]

    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.
     
    #3      
  5. Torito49

    Torito49 Lernen, lernen, lernen

    Dabei seit:
    30.12.2007
    Beiträge:
    8.106
    Geschlecht:
    männlich
    Ort:
    Rhein-Main
    Software:
    Win 10 x64 / Ps-CC 21.2.1, Lr-CC 9.3, NIKsoftware, Topaz-Labs
    Kameratyp:
    Nikon DSLR
    Bild mit integriertem Gif
    #4      
  6. wega2204

    wega2204 Noch nicht viel geschrieben

    Dabei seit:
    06.06.2021
    Beiträge:
    3
    Bild mit integriertem Gif
    Danke euch! Das werde ich Probieren.
     
    #5      
  7. draupnir

    draupnir J. Kriebeler Teammitglied Kreativ-Flatrate-User

    Dabei seit:
    08.11.2008
    Beiträge:
    480
    Geschlecht:
    männlich
    Ort:
    Kelkheim (Taunus)
    Software:
    Adobe Dimension, Illustrator, Photoshop; Cheetah 3D, CINEMA 4D R13; Corel Painter
    Kameratyp:
    Sony Alpha 7R
    Bild mit integriertem Gif
    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.
     
    #6      
  8. wega2204

    wega2204 Noch nicht viel geschrieben

    Dabei seit:
    06.06.2021
    Beiträge:
    3
    Bild mit integriertem Gif
    Danke ! habe es hingekriegt :danke:
     
    #7      
Seobility SEO Tool
x
×
×