Antworten auf deine Fragen:
Neues Thema erstellen

Wer erstellt mir einen neuen Header?

draupnir

Moderator

Teammitglied
Hallo Jana,
mit mehreren Programmen:
1. png in Adobe Illustrator zu Vektorgrafik, als .ai8 gespeichert.
2. .ai8 in CINEMA 4D R13 um 360° rotiert, 30 Einzelbilder als .png transparent berechnen lassen.
3. Einzelbilder mit Photoshop bzw. mit Animatrice (mac app) in aninmiertes gif und animiertes png verwandelt
Allerdings habe ich am Ende auf der Website es dann mit CSS anders gelöst:
18 Einzelbilder zu einem Bild zusammengesetzt und dann per CSS dieses Bild so verschoben, dass es wie eine Animation aussieht.

Hier der entscheidene CSS-Code
#top-animation { width: 180px; height: 180px; overflow: hidden; background: url("bilder/pink_camel_3240x180px.png") left center; background-size: cover; animation-name: play; animation: play 1.75s steps(18); animation-iteration-count: 3; /* display: inline-block; */ margin: 0px; padding:0px; margin-left: 8px; background-repeat: no-repeat; }
 
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

Keine Mitglieder online.

Statistik des Forums

Themen
118.611
Beiträge
1.538.341
Mitglieder
67.524
Neuestes Mitglied
BSKGA
Oben