Featured Video Play Icon

14 Hampelmann CSS Sprite Animation mit Symbolen

In diesem Tutorial zeige ich dir, wie du in Affinity Designer 1.5.5 mit einer Vorlage CSS Sprites für eine Web Animation erstellst.
Das Zeichnen des Sprites erfolgt mit Hilfe von Symbolen in Affinity Designer.
Die Animation mit HTML und CSS wird im Tutorial gezeigt und erläutert (26:40).
Die Projektdateien können hier heruntergeladen werden:

Hampelmann – Jumping Jack

Das Tutorial wurde mit Affinity Designer 1.5.5 erstellt und mit Camtasia:mac 2.10.8 aufgezeichnet und bearbeitet.

Als Editor für den Quelltext habe ich Espresso 2.2.3 verwendet.

Für die Tonaufzeichnung verwende ich ein ZOOM H1 Recorder mit einem SONY ECM-CS3 Mikrofon und Audacity zur Bearbeitung.

Posted in Affinity Designer 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.