{"id":62852,"date":"2019-06-17T09:59:54","date_gmt":"2019-06-17T09:59:54","guid":{"rendered":"https:\/\/codewebbarcelona.com\/graficos-svg-ilustrar-animar-codigo\/"},"modified":"2026-06-10T19:55:20","modified_gmt":"2026-06-10T19:55:20","slug":"grafici-svg-illustrare-animare-codice","status":"publish","type":"post","link":"https:\/\/codewebbarcelona.com\/it\/grafici-svg-illustrare-animare-codice\/","title":{"rendered":"Grafica SVG: illustrare e animare con il codice"},"content":{"rendered":"<p>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 \u00e8 ora disponibile.<\/p>\n<p>SVG, ovvero Scalable Vector Graphics, \u00e8 un formato di grafica vettoriale bidimensionale che pu\u00f2 essere sia statico che animato, ed \u00e8 tra le soluzioni pi\u00f9 consigliate per la realizzazione di elementi grafici su siti web.<\/p>\n<h2>Grafica SVG: illustrare e animare con il codice<\/h2>\n<p>&nbsp;<\/p>\n<p>Sfrutta al massimo il potenziale del formato SVG e migliora l\u2019esperienza utente nei tuoi progetti web.<\/p>\n<p><iframe title=\"vimeo-player\" src=\"https:\/\/player.vimeo.com\/video\/207619948\" width=\"980\" height=\"570\" frameborder=\"0\" allowfullscreen=\"allowfullscreen\"><\/iframe><\/p>\n<p>Ti piace?<\/p>\n<h3>Cosa imparer\u00f2 nel corso Grafica SVG: illustrare e animare con il codice?<\/h3>\n<p>Nel <a href=\"https:\/\/www.domestika.org\/es\/courses\/169-graficos-vectoriales-svg-ilustrar-y-animar-con-codigo?atag=424b94&amp;utm_medium=affiliates&amp;utm_source=codebarcelona_424b94\" target=\"_blank\" rel=\"noopener\">corso di grafica vettoriale SVG per illustrare e animare con il codice<\/a> imparerai a lavorare con illustrazioni vettoriali per il web, con un focus particolare sulle animazioni interattive.<\/p>\n<p>Il corso dura 2 ore e 2 minuti e ti guider\u00e0 dai fondamenti di SVG fino alla realizzazione di un progetto completo.<\/p>\n<p>Imparerai a:<\/p>\n<ul>\n<li>Introduzione al formato SVG<\/li>\n<li>Applicare stili tramite attributi e CSS<\/li>\n<li>Utilizzare tag come linea, polilinea, poligono, tracciati per curve, rette e punti<\/li>\n<li>Gestire l\u2019attributo viewbox per le finestre virtuali<\/li>\n<li>Ottimizzare, modificare e organizzare i vettori, raggruppare, definire e riutilizzare elementi SVG tramite codice<\/li>\n<li>Integrare SVG nelle pagine web<\/li>\n<li>Effetti SVG<\/li>\n<\/ul>\n<p>&nbsp;<\/p>\n<p>Non lasciarti sfuggire questo <a href=\"https:\/\/www.domestika.org\/es\/courses\/169-graficos-vectoriales-svg-ilustrar-y-animar-con-codigo?atag=424b94&amp;utm_medium=affiliates&amp;utm_source=codebarcelona_424b94\" target=\"_blank\" rel=\"noopener\">corso e scopri come creare grafica vettoriale SVG per illustrare e animare con il codice<\/a> i tuoi progetti web.<\/p>\n<h3>Come si svolge il corso?<\/h3>\n<p>Il progetto del corso consiste nella realizzazione di un\u2019illustrazione con elementi vettoriali animati.<\/p>\n<p>Il tema \u00e8 libero e il livello di difficolt\u00e0 lo scegli tu: puoi optare per un progetto semplice o complesso e mettere subito in pratica gli strumenti che apprenderai durante il corso.<\/p>\n<p><img decoding=\"async\" class=\"alignnone size-full wp-image-3535\" src=\"https:\/\/codewebbarcelona.com\/wp-content\/uploads\/2019\/06\/montaje-curso-de-la-semana.jpg\" alt=\"montaje-curso-de-la-semana\" width=\"1080\" height=\"916\" \/><\/p>\n<h3>Di cosa ho bisogno per seguire il corso?<\/h3>\n<p>Tutto ci\u00f2 che ti serve \u00e8 un computer, un editor di codice e un software per la grafica vettoriale (Illustrator, Sketch, Inkscape o simili).<\/p>\n<p>Con questi strumenti e tanta voglia di imparare, diventerai un vero esperto di SVG.<\/p>\n<h3>Questo corso fa per me?<\/h3>\n<p>Per ottenere il massimo dal <a href=\"https:\/\/www.domestika.org\/es\/courses\/169-graficos-vectoriales-svg-ilustrar-y-animar-con-codigo?atag=424b94&amp;utm_medium=affiliates&amp;utm_source=codebarcelona_424b94\" target=\"_blank\" rel=\"noopener\">corso di grafica vettoriale SVG per illustrare e animare con il codice<\/a> \u00e8 consigliata una conoscenza base di HTML e CSS.<\/p>\n<p>Il corso \u00e8 particolarmente indicato per:<\/p>\n<ul>\n<li>Graphic designer<\/li>\n<li>Creativi<\/li>\n<li>Illustratori<\/li>\n<li>Sviluppatori<\/li>\n<li>Web designer<\/li>\n<li>Front-end developer<\/li>\n<\/ul>\n<h3><\/h3>\n<h3>Chi \u00e8 il docente?<\/h3>\n<p>Ancora una volta sar\u00e0 Javier Usobiaga, il nostro guru del design e dello sviluppo web, a guidarti attraverso i contenuti del corso.<\/p>\n<p>Javier \u00e8 web designer con oltre 10 anni di esperienza e co-fondatore, insieme a Marta Armada, dello studio Swwweet, specializzato in web design responsive.<\/p>\n<p>Insegna workshop presso Elisava e IDEP, quindi hai la certezza di essere seguito dal miglior docente possibile.<\/p>\n<p>Non aspettare oltre&#8230;<\/p>\n<h3><a href=\"https:\/\/www.domestika.org\/es\/courses\/169-graficos-vectoriales-svg-ilustrar-y-animar-con-codigo?atag=424b94&amp;utm_medium=affiliates&amp;utm_source=codebarcelona_424b94\" target=\"_blank\" rel=\"noopener\">Iscriviti subito!<\/a><\/h3>\n<h3>Su Domestika<\/h3>\n<p>Con oltre 1 milione di creativi, Domestika \u00e8 il luogo ideale per condividere e imparare su tutti gli argomenti che ti appassionano.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>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 \u00e8 ora disponibile. SVG, ovvero Scalable Vector Graphics, \u00e8 un formato di grafica vettoriale bidimensionale che pu\u00f2 essere sia statico che animato, ed [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":12586,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"_acf_changed":false,"footnotes":""},"categories":[],"class_list":["post-62852","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry"],"acf":[],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v27.7 - https:\/\/yoast.com\/product\/yoast-seo-wordpress\/ -->\n<title>Gr\u00e1ficos SVG: ilustrar y animar con c\u00f3digo - Code Barcelona<\/title>\n<meta name=\"description\" content=\"Siempre a la vanguardia el curso de gr\u00e1ficos SVG para ilustrar y animar con c\u00f3digo es un curso imprescindible con la garant\u00eda Domestika para no quedarte atr\u00e1s.\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/codewebbarcelona.com\/it\/grafici-svg-illustrare-animare-codice\/\" \/>\n<meta property=\"og:locale\" content=\"it_IT\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Gr\u00e1ficos SVG: ilustrar y animar con c\u00f3digo - Code Barcelona\" \/>\n<meta property=\"og:description\" content=\"Siempre a la vanguardia el curso de gr\u00e1ficos SVG para ilustrar y animar con c\u00f3digo es un curso imprescindible con la garant\u00eda Domestika para no quedarte atr\u00e1s.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/codewebbarcelona.com\/it\/grafici-svg-illustrare-animare-codice\/\" \/>\n<meta property=\"og:site_name\" content=\"CODE\" \/>\n<meta property=\"article:published_time\" content=\"2019-06-17T09:59:54+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2026-06-10T19:55:20+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/codewebbarcelona.com\/wp-content\/uploads\/2019\/06\/graficos-svg-ilustrar-y-animar-con-codigo-featured.jpg\" \/>\n\t<meta property=\"og:image:width\" content=\"2560\" \/>\n\t<meta property=\"og:image:height\" content=\"896\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/jpeg\" \/>\n<meta name=\"author\" content=\"cd26Bc\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Written by\" \/>\n\t<meta name=\"twitter:data1\" content=\"cd26Bc\" \/>\n\t<meta name=\"twitter:label2\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data2\" content=\"2 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\\\/\\\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\\\/\\\/codewebbarcelona.com\\\/it\\\/grafici-svg-illustrare-animare-codice\\\/#article\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/codewebbarcelona.com\\\/it\\\/grafici-svg-illustrare-animare-codice\\\/\"},\"author\":{\"name\":\"cd26Bc\",\"@id\":\"https:\\\/\\\/codewebbarcelona.com\\\/it\\\/#\\\/schema\\\/person\\\/3af5f44aaf0de2919e9225aa5ca32567\"},\"headline\":\"Grafica SVG: illustrare e animare con il codice\",\"datePublished\":\"2019-06-17T09:59:54+00:00\",\"dateModified\":\"2026-06-10T19:55:20+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\\\/\\\/codewebbarcelona.com\\\/it\\\/grafici-svg-illustrare-animare-codice\\\/\"},\"wordCount\":471,\"image\":{\"@id\":\"https:\\\/\\\/codewebbarcelona.com\\\/it\\\/grafici-svg-illustrare-animare-codice\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/codewebbarcelona.com\\\/wp-content\\\/uploads\\\/2019\\\/06\\\/graficos-svg-ilustrar-y-animar-con-codigo-featured.jpg\",\"inLanguage\":\"it-IT\"},{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/codewebbarcelona.com\\\/it\\\/grafici-svg-illustrare-animare-codice\\\/\",\"url\":\"https:\\\/\\\/codewebbarcelona.com\\\/it\\\/grafici-svg-illustrare-animare-codice\\\/\",\"name\":\"Gr\u00e1ficos SVG: ilustrar y animar con c\u00f3digo - Code Barcelona\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/codewebbarcelona.com\\\/it\\\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\\\/\\\/codewebbarcelona.com\\\/it\\\/grafici-svg-illustrare-animare-codice\\\/#primaryimage\"},\"image\":{\"@id\":\"https:\\\/\\\/codewebbarcelona.com\\\/it\\\/grafici-svg-illustrare-animare-codice\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/codewebbarcelona.com\\\/wp-content\\\/uploads\\\/2019\\\/06\\\/graficos-svg-ilustrar-y-animar-con-codigo-featured.jpg\",\"datePublished\":\"2019-06-17T09:59:54+00:00\",\"dateModified\":\"2026-06-10T19:55:20+00:00\",\"author\":{\"@id\":\"https:\\\/\\\/codewebbarcelona.com\\\/it\\\/#\\\/schema\\\/person\\\/3af5f44aaf0de2919e9225aa5ca32567\"},\"description\":\"Siempre a la vanguardia el curso de gr\u00e1ficos SVG para ilustrar y animar con c\u00f3digo es un curso imprescindible con la garant\u00eda Domestika para no quedarte atr\u00e1s.\",\"inLanguage\":\"it-IT\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/codewebbarcelona.com\\\/it\\\/grafici-svg-illustrare-animare-codice\\\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"it-IT\",\"@id\":\"https:\\\/\\\/codewebbarcelona.com\\\/it\\\/grafici-svg-illustrare-animare-codice\\\/#primaryimage\",\"url\":\"https:\\\/\\\/codewebbarcelona.com\\\/wp-content\\\/uploads\\\/2019\\\/06\\\/graficos-svg-ilustrar-y-animar-con-codigo-featured.jpg\",\"contentUrl\":\"https:\\\/\\\/codewebbarcelona.com\\\/wp-content\\\/uploads\\\/2019\\\/06\\\/graficos-svg-ilustrar-y-animar-con-codigo-featured.jpg\",\"width\":2560,\"height\":896},{\"@type\":\"WebSite\",\"@id\":\"https:\\\/\\\/codewebbarcelona.com\\\/it\\\/#website\",\"url\":\"https:\\\/\\\/codewebbarcelona.com\\\/it\\\/\",\"name\":\"CODE\",\"description\":\"\",\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\\\/\\\/codewebbarcelona.com\\\/it\\\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"it-IT\"},{\"@type\":\"Person\",\"@id\":\"https:\\\/\\\/codewebbarcelona.com\\\/it\\\/#\\\/schema\\\/person\\\/3af5f44aaf0de2919e9225aa5ca32567\",\"name\":\"cd26Bc\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"it-IT\",\"@id\":\"https:\\\/\\\/secure.gravatar.com\\\/avatar\\\/b904e836584635855eaa0ee2922bae4fe2aa94ffb558048dcc5dac5f98f0fadc?s=96&d=mm&r=g\",\"url\":\"https:\\\/\\\/secure.gravatar.com\\\/avatar\\\/b904e836584635855eaa0ee2922bae4fe2aa94ffb558048dcc5dac5f98f0fadc?s=96&d=mm&r=g\",\"contentUrl\":\"https:\\\/\\\/secure.gravatar.com\\\/avatar\\\/b904e836584635855eaa0ee2922bae4fe2aa94ffb558048dcc5dac5f98f0fadc?s=96&d=mm&r=g\",\"caption\":\"cd26Bc\"},\"sameAs\":[\"https:\\\/\\\/codewebbarcelona.com\"]}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Gr\u00e1ficos SVG: ilustrar y animar con c\u00f3digo - Code Barcelona","description":"Siempre a la vanguardia el curso de gr\u00e1ficos SVG para ilustrar y animar con c\u00f3digo es un curso imprescindible con la garant\u00eda Domestika para no quedarte atr\u00e1s.","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/codewebbarcelona.com\/it\/grafici-svg-illustrare-animare-codice\/","og_locale":"it_IT","og_type":"article","og_title":"Gr\u00e1ficos SVG: ilustrar y animar con c\u00f3digo - Code Barcelona","og_description":"Siempre a la vanguardia el curso de gr\u00e1ficos SVG para ilustrar y animar con c\u00f3digo es un curso imprescindible con la garant\u00eda Domestika para no quedarte atr\u00e1s.","og_url":"https:\/\/codewebbarcelona.com\/it\/grafici-svg-illustrare-animare-codice\/","og_site_name":"CODE","article_published_time":"2019-06-17T09:59:54+00:00","article_modified_time":"2026-06-10T19:55:20+00:00","og_image":[{"width":2560,"height":896,"url":"https:\/\/codewebbarcelona.com\/wp-content\/uploads\/2019\/06\/graficos-svg-ilustrar-y-animar-con-codigo-featured.jpg","type":"image\/jpeg"}],"author":"cd26Bc","twitter_card":"summary_large_image","twitter_misc":{"Written by":"cd26Bc","Est. reading time":"2 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/codewebbarcelona.com\/it\/grafici-svg-illustrare-animare-codice\/#article","isPartOf":{"@id":"https:\/\/codewebbarcelona.com\/it\/grafici-svg-illustrare-animare-codice\/"},"author":{"name":"cd26Bc","@id":"https:\/\/codewebbarcelona.com\/it\/#\/schema\/person\/3af5f44aaf0de2919e9225aa5ca32567"},"headline":"Grafica SVG: illustrare e animare con il codice","datePublished":"2019-06-17T09:59:54+00:00","dateModified":"2026-06-10T19:55:20+00:00","mainEntityOfPage":{"@id":"https:\/\/codewebbarcelona.com\/it\/grafici-svg-illustrare-animare-codice\/"},"wordCount":471,"image":{"@id":"https:\/\/codewebbarcelona.com\/it\/grafici-svg-illustrare-animare-codice\/#primaryimage"},"thumbnailUrl":"https:\/\/codewebbarcelona.com\/wp-content\/uploads\/2019\/06\/graficos-svg-ilustrar-y-animar-con-codigo-featured.jpg","inLanguage":"it-IT"},{"@type":"WebPage","@id":"https:\/\/codewebbarcelona.com\/it\/grafici-svg-illustrare-animare-codice\/","url":"https:\/\/codewebbarcelona.com\/it\/grafici-svg-illustrare-animare-codice\/","name":"Gr\u00e1ficos SVG: ilustrar y animar con c\u00f3digo - Code Barcelona","isPartOf":{"@id":"https:\/\/codewebbarcelona.com\/it\/#website"},"primaryImageOfPage":{"@id":"https:\/\/codewebbarcelona.com\/it\/grafici-svg-illustrare-animare-codice\/#primaryimage"},"image":{"@id":"https:\/\/codewebbarcelona.com\/it\/grafici-svg-illustrare-animare-codice\/#primaryimage"},"thumbnailUrl":"https:\/\/codewebbarcelona.com\/wp-content\/uploads\/2019\/06\/graficos-svg-ilustrar-y-animar-con-codigo-featured.jpg","datePublished":"2019-06-17T09:59:54+00:00","dateModified":"2026-06-10T19:55:20+00:00","author":{"@id":"https:\/\/codewebbarcelona.com\/it\/#\/schema\/person\/3af5f44aaf0de2919e9225aa5ca32567"},"description":"Siempre a la vanguardia el curso de gr\u00e1ficos SVG para ilustrar y animar con c\u00f3digo es un curso imprescindible con la garant\u00eda Domestika para no quedarte atr\u00e1s.","inLanguage":"it-IT","potentialAction":[{"@type":"ReadAction","target":["https:\/\/codewebbarcelona.com\/it\/grafici-svg-illustrare-animare-codice\/"]}]},{"@type":"ImageObject","inLanguage":"it-IT","@id":"https:\/\/codewebbarcelona.com\/it\/grafici-svg-illustrare-animare-codice\/#primaryimage","url":"https:\/\/codewebbarcelona.com\/wp-content\/uploads\/2019\/06\/graficos-svg-ilustrar-y-animar-con-codigo-featured.jpg","contentUrl":"https:\/\/codewebbarcelona.com\/wp-content\/uploads\/2019\/06\/graficos-svg-ilustrar-y-animar-con-codigo-featured.jpg","width":2560,"height":896},{"@type":"WebSite","@id":"https:\/\/codewebbarcelona.com\/it\/#website","url":"https:\/\/codewebbarcelona.com\/it\/","name":"CODE","description":"","potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/codewebbarcelona.com\/it\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"it-IT"},{"@type":"Person","@id":"https:\/\/codewebbarcelona.com\/it\/#\/schema\/person\/3af5f44aaf0de2919e9225aa5ca32567","name":"cd26Bc","image":{"@type":"ImageObject","inLanguage":"it-IT","@id":"https:\/\/secure.gravatar.com\/avatar\/b904e836584635855eaa0ee2922bae4fe2aa94ffb558048dcc5dac5f98f0fadc?s=96&d=mm&r=g","url":"https:\/\/secure.gravatar.com\/avatar\/b904e836584635855eaa0ee2922bae4fe2aa94ffb558048dcc5dac5f98f0fadc?s=96&d=mm&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/b904e836584635855eaa0ee2922bae4fe2aa94ffb558048dcc5dac5f98f0fadc?s=96&d=mm&r=g","caption":"cd26Bc"},"sameAs":["https:\/\/codewebbarcelona.com"]}]}},"_links":{"self":[{"href":"https:\/\/codewebbarcelona.com\/it\/wp-json\/wp\/v2\/posts\/62852","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/codewebbarcelona.com\/it\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/codewebbarcelona.com\/it\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/codewebbarcelona.com\/it\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/codewebbarcelona.com\/it\/wp-json\/wp\/v2\/comments?post=62852"}],"version-history":[{"count":2,"href":"https:\/\/codewebbarcelona.com\/it\/wp-json\/wp\/v2\/posts\/62852\/revisions"}],"predecessor-version":[{"id":62856,"href":"https:\/\/codewebbarcelona.com\/it\/wp-json\/wp\/v2\/posts\/62852\/revisions\/62856"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/codewebbarcelona.com\/it\/wp-json\/wp\/v2\/media\/12586"}],"wp:attachment":[{"href":"https:\/\/codewebbarcelona.com\/it\/wp-json\/wp\/v2\/media?parent=62852"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/codewebbarcelona.com\/it\/wp-json\/wp\/v2\/categories?post=62852"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}