Blog
17/06/2019

SVG-Grafiken: Illustrieren und Animieren mit Code

Bist du neugierig, wie die animierten Grafiken auf manchen Websites entstehen? Dann ist dieser Kurs genau das Richtige für dich: Der Kurs zu SVG-Grafiken, mit denen du per Code illustrieren und animieren kannst, ist ab sofort verfügbar.

SVG steht für Scalable Vector Graphics – ein Format für zweidimensionale Vektorgrafiken, die statisch sein oder animiert werden können. Im Web gehören SVGs zu den am häufigsten empfohlenen Grafikformaten.

SVG-Grafiken: mit Code illustrieren und animieren

 

Hol das Maximum aus dem SVG-Format heraus und verbessere die User Experience deiner Webdesigns.

Cool, oder?

Was lerne ich im Kurs „SVG-Grafiken: mit Code illustrieren und animieren“?

Im Kurs „SVG-Vektorgrafiken: mit Code illustrieren und animieren“ lernst du, wie du Vektorillustrationen in deine Websites integrierst – mit Fokus auf interaktive Animationen.

Der Kurs dauert 2 Std. 2 Min. und führt dich von den Grundlagen des SVG-Formats bis hin zur Umsetzung eines vollständigen Projekts.

Du lernst:

  • Einführung in das SVG-Format
  • Styling mit Attributen und CSS
  • Funktionsweise von Tags für Linien, Polylinien, Polygone sowie Pfade für Kurven, Geraden und Punkte.
  • viewBox-Attribute für virtuelle Ansichtsfenster.
  • Optimierungstools zum Bearbeiten von Vektoren sowie Code-Tools zum Gruppieren, Definieren und Wiederverwenden von SVG-Elementen.
  • Einbindung von SVGs in Websites.
  • SVG-Effekte

 

Lass dir diesen Kurs nicht entgehen und lerne, SVG-Vektorgrafiken zu erstellen, um deine Webdesigns und Webentwicklungen mit Code zu illustrieren und zu animieren.

Wie werde ich das umsetzen?

Das Kursprojekt besteht darin, eine Illustration mit animierten Vektorelementen zu erstellen.

Das Thema ist frei wählbar und der Schwierigkeitsgrad liegt ganz bei dir. Du kannst also ein einfaches oder ein komplexes Projekt wählen und die Tools anwenden und praktisch einsetzen, die du im Kurs lernst.

montaje-curso-de-la-semana

Was brauche ich, um den Kurs zu machen?

Alles, was du brauchst, um diesen Kurs erfolgreich abzuschließen, ist ein Computer, ein Code-Editor und ein Editor für Vektorgrafiken (Illustrator, Sketch, Inkscape oder ähnlich).

Mit dieser Ausstattung und viel Motivation wirst du am Ende des Kurses ein echter SVG-Profi sein.

Ist dieser Kurs für mich geeignet?

Um das Beste aus dem Kurs „SVG-Vektorgrafiken: mit Code illustrieren und animieren“ herauszuholen, solltest du Grundkenntnisse in HTML und CSS mitbringen.

Besonders empfohlen für:

  • Grafikdesigner
  • Kreative
  • Illustratoren
  • Programmierer
  • Frontend-Entwickler
  • Webdesigner

Wer ist der Dozent?

Einmal mehr führt uns Javier Usobiaga, unser Guru für Webdesign und Webprogrammierung, durch die Inhalte des Kurses.

Javier ist Webdesigner mit 10 Jahren Erfahrung und Mitgründer des Studios Swwweet zusammen mit Marta Armada, spezialisiert auf responsives Webdesign.

Er unterrichtet Workshops an der Elisava und am IDEP – er bringt also alles mit, um der perfekte Dozent für dich zu sein.

Zögere nicht und …

??Melde dich jetzt an!!!??

Über Domestika

Mit mehr als 1 Mio. Kreativen ist Domestika der perfekte Ort, um dich zu allen Themen auszutauschen und weiterzulernen, die dich interessieren.

Hat es dir gefallen?
Abonnieren
Verwandte Artikel
Sollen wir
mit Ihrem Projekt starten?

Wir analysieren Ihre aktuelle Situation und definieren den nächsten Schritt.

Kontaktieren Sie uns jetzt
Unsere Website verwendet Cookies, um Informationen über Ihr Gerät und Ihre Surfaktivitäten zu sammeln. Wir verwenden diese Daten, um die Website zu verbessern, die Sicherheit zu gewährleisten und personalisierte Inhalte bereitzustellen. Sie können Ihre Cookie-Einstellungen verwalten indem Sie hier klicken.
Akzeptieren Sie Cookies Aufstellen Cookies ablehnen
Grundlegende Informationen zu Cookies
Diese Website verwendet Cookies und/oder ähnliche Technologien, die beim Surfen Informationen speichern und abrufen. Im Allgemeinen können diese Technologien sehr unterschiedliche Zwecke verfolgen, wie z. B. die Erkennung von Ihnen als Nutzer, die Gewinnung von Informationen über Ihr Surfverhalten oder die Personalisierung der Darstellung von Inhalten. Nachfolgend werden unsere konkreten Einsatzmöglichkeiten dieser Technologien beschrieben. Standardmäßig sind alle Cookies deaktiviert, mit Ausnahme technischer Cookies, die für das Funktionieren der Website erforderlich sind. Wenn Sie weitere Informationen wünschen oder Ihre Datenschutzrechte ausüben möchten, können Sie unsere konsultieren Política de cookies".
Akzeptieren Sie CookiesAufstellen
Notwendige technische Cookies Immer aktiv
Technische Cookies sind unbedingt erforderlich, damit unsere Website funktioniert und Sie darauf navigieren können. Bei diesen Arten von Cookies handelt es sich beispielsweise um solche, die es uns ermöglichen, Sie zu identifizieren, Ihnen bei Bedarf Zugang zu bestimmten eingeschränkten Teilen der Seite zu gewähren oder sich an verschiedene Optionen oder Dienste zu erinnern, die Sie bereits ausgewählt haben, wie etwa Ihre Datenschutzeinstellungen. Daher sind sie standardmäßig aktiviert und Ihre Autorisierung ist nicht erforderlich. Durch die Konfiguration Ihres Browsers können Sie diese Art von Cookies blockieren oder Sie auf das Vorhandensein dieser Cookies aufmerksam machen. Diese Blockierung beeinträchtigt jedoch die ordnungsgemäße Funktion der verschiedenen Funktionen unserer Website.
Cookies de análisis
Las cookies de análisis son las utilizadas para llevar a cabo el análisis anónimo del comportamiento de los usuarios de la web y que permiten medir la actividad del usuario y elaborar perfiles de navegación con el fin objetivo de mejorar los sitios web.
Cookies publicitarias
Las cookies publicitarias permiten la gestión de los espacios publicitarios de la web. Además, estas cookies pueden ser de publicidad personalizada y permitir así la gestión de los espacios publicitarios de la web en base al comportamiento y hábitos de navegación de usuario, de donde se obtiene su perfil y permiten personalizar la publicidad que se muestra en el navegador del usuario u otros perfiles y redes sociales del usuario.
Bestätigen Sie die Einstellungen
Kontaktieren Sie uns
Bilden

Erzählen Sie uns
Ihr Projekt

Geben Sie den allgemeinen Kontext Ihrer Organisation und den geplanten Umfang des Projekts an.
Code Barcelona, ​​​​der für die Verarbeitung Ihrer Daten verantwortlich ist, wird diese verarbeiten, um auf die Anfrage und/oder Anfrage zu antworten, die Sie über dieses Kontaktformular an uns richten. Sie können Ihre Rechte auf Auskunft, Berichtigung, Löschung sowie weitere Rechte ausüben, indem Sie die zusätzlichen detaillierten Informationen zum Datenschutz in unserer Website konsultieren Datenschutzrichtlinie.
Title
Popupcontent
Analyse Ihrer digitalen Situation

Wir prüfen Ihre aktuelle digitale Situation. Wir kontaktieren Sie, um Ihren Kontext zu verstehen und gemeinsam zu beurteilen, welche Bereiche analysiert werden müssen. Anschließend bereiten wir ein Audit mit den wichtigsten Punkten und Empfehlungen vor.

Code Barcelona, ​​​​der für die Verarbeitung Ihrer Daten verantwortlich ist, wird diese verarbeiten, um auf die Anfrage und/oder Anfrage zu antworten, die Sie über dieses Kontaktformular an uns richten. Sie können Ihre Rechte auf Auskunft, Berichtigung, Löschung sowie weitere Rechte ausüben, indem Sie die zusätzlichen detaillierten Informationen zum Datenschutz in unserer Website konsultieren Datenschutzrichtlinie.
Aceptar