Blog
17/06/2019

Grafica SVG: illustrare e animare con il codice

Sei curioso di scoprire come vengono realizzate le animazioni grafiche che vedi su alcuni siti web? Questo corso fa per te: il corso su SVG per illustrare e animare con il codice è ora disponibile.

SVG, ovvero Scalable Vector Graphics, è un formato di grafica vettoriale bidimensionale che può essere sia statico che animato, ed è tra le soluzioni più consigliate per la realizzazione di elementi grafici su siti web.

Grafica SVG: illustrare e animare con il codice

 

Sfrutta al massimo il potenziale del formato SVG e migliora l’esperienza utente nei tuoi progetti web.

Ti piace?

Cosa imparerò nel corso Grafica SVG: illustrare e animare con il codice?

Nel corso di grafica vettoriale SVG per illustrare e animare con il codice imparerai a lavorare con illustrazioni vettoriali per il web, con un focus particolare sulle animazioni interattive.

Il corso dura 2 ore e 2 minuti e ti guiderà dai fondamenti di SVG fino alla realizzazione di un progetto completo.

Imparerai a:

  • Introduzione al formato SVG
  • Applicare stili tramite attributi e CSS
  • Utilizzare tag come linea, polilinea, poligono, tracciati per curve, rette e punti
  • Gestire l’attributo viewbox per le finestre virtuali
  • Ottimizzare, modificare e organizzare i vettori, raggruppare, definire e riutilizzare elementi SVG tramite codice
  • Integrare SVG nelle pagine web
  • Effetti SVG

 

Non lasciarti sfuggire questo corso e scopri come creare grafica vettoriale SVG per illustrare e animare con il codice i tuoi progetti web.

Come si svolge il corso?

Il progetto del corso consiste nella realizzazione di un’illustrazione con elementi vettoriali animati.

Il tema è libero e il livello di difficoltà lo scegli tu: puoi optare per un progetto semplice o complesso e mettere subito in pratica gli strumenti che apprenderai durante il corso.

montaje-curso-de-la-semana

Di cosa ho bisogno per seguire il corso?

Tutto ciò che ti serve è un computer, un editor di codice e un software per la grafica vettoriale (Illustrator, Sketch, Inkscape o simili).

Con questi strumenti e tanta voglia di imparare, diventerai un vero esperto di SVG.

Questo corso fa per me?

Per ottenere il massimo dal corso di grafica vettoriale SVG per illustrare e animare con il codice è consigliata una conoscenza base di HTML e CSS.

Il corso è particolarmente indicato per:

  • Graphic designer
  • Creativi
  • Illustratori
  • Sviluppatori
  • Web designer
  • Front-end developer

Chi è il docente?

Ancora una volta sarà Javier Usobiaga, il nostro guru del design e dello sviluppo web, a guidarti attraverso i contenuti del corso.

Javier è web designer con oltre 10 anni di esperienza e co-fondatore, insieme a Marta Armada, dello studio Swwweet, specializzato in web design responsive.

Insegna workshop presso Elisava e IDEP, quindi hai la certezza di essere seguito dal miglior docente possibile.

Non aspettare oltre…

Iscriviti subito!

Su Domestika

Con oltre 1 milione di creativi, Domestika è il luogo ideale per condividere e imparare su tutti gli argomenti che ti appassionano.

Ti è piaciuto?
Iscriviti
Articoli correlati
iniziamo a lavorare
al tuo progetto?

Analizziamo la tua situazione attuale e definiamo il prossimo passo.

Contatta ora
Il nostro sito utilizza i cookie per raccogliere informazioni sul tuo dispositivo e sulla tua attività di navigazione. Utilizziamo questi dati per migliorare il sito, garantire la sicurezza e fornire contenuti personalizzati. Puoi gestire le tue preferenze sui cookie cliccando qui.
Accetta i cookie Impostare Rifiuta i cookie
Informazioni di base sui cookie
Questo sito web utilizza cookie e/o tecnologie simili che archiviano e recuperano informazioni durante la navigazione. In generale, queste tecnologie possono avere finalità molto diverse, come, ad esempio, riconoscerti come utente, ottenere informazioni sulle tue abitudini di navigazione o personalizzare il modo in cui vengono visualizzati i contenuti. I nostri usi specifici di queste tecnologie sono descritti di seguito. Di default tutti i cookie sono disabilitati, ad eccezione di quelli tecnici, necessari al funzionamento del sito. Se desideri maggiori informazioni o eserciti i tuoi diritti in materia di protezione dei dati, puoi consultare la ns Política de cookies".
Accetta i cookieImpostare
Cookie tecnici necessari Sempre attivo
I cookie tecnici sono strettamente necessari per il funzionamento del nostro sito web e per la tua navigazione al suo interno. Questi tipi di cookie sono quelli che, ad esempio, ci permettono di identificarti, darti accesso ad alcune parti riservate della pagina, se necessario, o ricordare diverse opzioni o servizi già selezionati da te, come le tue preferenze sulla privacy. Pertanto, sono attivati ​​per impostazione predefinita e la tua autorizzazione non è necessaria. Configurando il tuo browser puoi bloccare o avvisarti della presenza di questo tipo di cookie, anche se tale blocco influenzerà il corretto funzionamento delle diverse funzionalità del nostro sito web.
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.
Conferma le preferenze
contattaci
Modulo

Raccontaci
il tuo progetto

Indica il contesto generale della tua organizzazione e l'ambito pianificato del progetto.
Code Barcelona, ​​in qualità di responsabile del trattamento dei tuoi dati, li tratterà per rispondere alla domanda e/o richiesta che ci farai tramite questo modulo di contatto. Puoi esercitare i tuoi diritti di accesso, rettifica, cancellazione, nonché altri diritti consultando le informazioni dettagliate aggiuntive sulla protezione dei dati nella nostra politica sulla riservatezza.
Title
Popupcontent
Analisi della tua situazione digitale

Esamineremo la tua attuale situazione digitale. Ti contatteremo per comprendere il tuo contesto e valutare insieme quali aree analizzare, e successivamente prepareremo un audit con i punti chiave e le raccomandazioni.

Code Barcelona, ​​in qualità di responsabile del trattamento dei tuoi dati, li tratterà per rispondere alla domanda e/o richiesta che ci farai tramite questo modulo di contatto. Puoi esercitare i tuoi diritti di accesso, rettifica, cancellazione, nonché altri diritti consultando le informazioni dettagliate aggiuntive sulla protezione dei dati nella nostra politica sulla riservatezza.
Aceptar