Hampelmann-Jumping-Jack-Featured

Hampelmann – Jumping Jack

Hampelmann - Jumping Jack
  • Version 1.0
  • Download 336
  • Dateigrösse 815.21 KB
  • Erstellungsdatum 20. Juni 2017

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.

 



Teile diesen Artikel und wenn dir der Beitrag gefällt, hinterlasse gerne eine Spende über den PayPal button.
Share this post and if you like it and want to support my work leave a donations on PayPal.


Veröffentlicht in und verschlagwortet mit , , , , , .

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.