Blog
17/06/2019

Gràfics SVG: il·lustrar i animar amb codi

Tens curiositat per saber com es creen els gràfics animats que veus en algunes pàgines web? Aquest curs és per a tu: el curs de gràfics SVG per il·lustrar i animar amb codi ja està disponible.

SVG són les sigles de Scalable Vector Graphics, un format de gràfics vectorials bidimensionals que poden ser estàtics o animats, i que s’ha convertit en una de les recomanacions més habituals a l’hora de programar pàgines web.

Gràfics SVG: il·lustrar i animar amb codi

 

Treure el màxim partit al format SVG et permetrà millorar l’experiència d’usuari en els teus dissenys web.

T’agrada?

Què aprendré al curs Gràfics SVG: il·lustrar i animar amb codi?

Al curs de Gràfics vectorials SVG per il·lustrar i animar amb codi aprendràs a treballar amb il·lustracions vectorials a les teves pàgines web, des de la base fins a l’animació interactiva.

El curs té una durada de 2h 2m i t’acompanyarà des dels fonaments del format SVG fins a la realització d’un projecte complet.

Aprendràs a:

  • Introducció al format SVG
  • Aplicar estils amb atributs i CSS
  • Funcionament de les etiquetes de línia, polilínia, polígon, traç per a corbes, rectes i punts
  • Atributs viewbox per a finestres virtuals
  • Eines d’optimització per editar vectors i codi per agrupar, definir i reutilitzar elements SVG
  • Integració de SVG al web
  • Efectes SVG

 

No deixis escapar aquest curs i aprèn a crear gràfics vectorials SVG per il·lustrar i animar amb codi els teus dissenys i desenvolupaments web.

Com ho faré?

El projecte del curs consisteix a crear una il·lustració amb elements vectorials animats.

La temàtica és lliure i la dificultat depèn de tu: pots optar per un projecte senzill o més complex i posar en pràctica totes les eines que aprendràs durant el curs.

montatge-curso-de-la-semana

Què necessito per fer el curs?

Només et cal un ordinador, un editor de codi i un editor de gràfics vectorials (Illustrator, Sketch, Inkscape o similar).

Amb això i moltes ganes, acabaràs el curs sent tot un expert en SVG.

Aquest curs és per a mi?

Per aprofitar al màxim el curs de gràfics vectorials SVG per il·lustrar i animar amb codi és recomanable tenir coneixements bàsics d’HTML i CSS.

Està especialment pensat per a:

  • Dissenyadors gràfics
  • Creatius
  • Il·lustradors
  • Programadors
  • Maquetadors
  • Dissenyadors web

Qui és el professor?

De nou, Javier Usobiaga, el nostre mestre i referent en disseny i programació web, serà l’encarregat de guiar-te pels continguts del curs.

Javier és dissenyador web amb més de 10 anys d’experiència i cofundador, juntament amb Marta Armada, de l’estudi Swwweet, especialitzat en disseny web responsive.

Imparteix tallers a Elisava i IDEP, així que tens garantit el millor professor per a tu.

No t’ho pensis més i…

??Apunta’t-hi ara!!!??

Sobre Domestika

Amb més d’1 milió de creatius, Domestika és l’espai ideal per compartir i aprendre sobre totes les disciplines que t’interessen.

T'ha agradat?
Articles relacionats
Comencem a treballar
en el teu projecte?

Analitzem la teva situació actual i definim el proper pas.

Contacta ara
El nostre lloc utilitza galetes per recopilar informació sobre el dispositiu i la seva activitat de navegació. fent clic aquí.
Acceptar cookies Configurar Rebutjar cookies
Informació bàsica de les cookies
Aquest lloc web utilitza galetes i/o tecnologies similars que emmagatzemen i recuperen informació quan navega. Política de cookies".
Acceptar cookies Configurar
Galetes tècniques necessàries Sempre actives
Les cookies tècniques són estrictament necessàries perquè el nostre lloc web funcioni i puguis navegar-hi.
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.
Confirmar preferències
contacta amb nosaltres
Formulari

Explica'ns
el teu projecte

Indiqueu el context general de la vostra organització i l'abast previst del projecte.
Code Barcelona, ​​com a responsable del tractament de les vostres dades, tractarà les mateixes amb la finalitat de donar resposta a la consulta i/o petició que ens realitza a través d'aquest formulari de contacte. política de privadesa.
Title
Popupcontent
Anàlisi de la teva situació digital

Revisarem la teva situació digital actual. Ens posarem en contacte amb tu per entendre el teu context i valorar conjuntament quines àrees analitzar, i posteriorment elaborarem una auditoria amb els punts clau i recomanacions.

Code Barcelona, ​​com a responsable del tractament de les vostres dades, tractarà les mateixes amb la finalitat de donar resposta a la consulta i/o petició que ens realitza a través d'aquest formulari de contacte. política de privadesa.
Aceptar