Hampelmann-Jumping-Jack-Featured

Hampelmann – Jumping Jack


  • 1.0 Version
  • 40 Download
  • 815.21 KB File Size
  • 20. Juni 2017 Create Date

In diesem Tutorial zeige ich dir, wie du in Affinity Designer mit einer Vorlage für CSS Sprites einen animierten Hampelmann erstellen kannst.

Das Video findest du auf meinem YouTube Kanal unter dem Titel #14 Affinity Designer - CSS Sprites Hampelmann Animation

Hampelmann | Jumping Jack

Hampelmann | Jumping Jack

Inhalt des ZIP-Archives Hampelmann-Jumping-Jack.zip

  • Hampelmann-Jumping-Jack.afdesign
  • Hampelmann.html
  • Hampelmann.png

Die Datei Hampelmann-Jumping-Jack.afdesign ist eine Vorlage um mit Affinity Designer deinen eigenen Hampelmann mit Hilfe von Symbolen zu zeichnen.

Die Datei Hampelmann.html beinhaltet den HMTL-Quelltext sowie die Styles (CSS) um den Hampelmann zu animieren.

Daneben findest du auch noch die Datei Hampelmann.png. Dies ist ein exportiertes PNG-Bild mit den Einzelteilen des Hampelmanns und muss im gleichen Verzeichnis/Ordner liegen, in dem auch die Datei Hampelmann.html liegt.

 

Posted in and tagged , , , , , .

Seit Juli 2015 arbeite ich mit den Programmen Affinity Designer und Affinity Photo von Serif. Im Juni 2016 habe ich angefangen regelmäßig Tutorials auf meinem YouTube Kanal Mensch Mesch zu veröffentlichen.
Vorher habe ich viele Jahre mit den Programmen AI, PS, ID und AE von Adobe gearbeitet.

Schreibe einen Kommentar