{"id":10491,"date":"2026-01-10T22:37:43","date_gmt":"2026-01-10T14:37:43","guid":{"rendered":"https:\/\/blog.visual-paradigm.com\/pt\/apply-a-gradient-fill-color-to-shape\/"},"modified":"2026-01-10T22:37:43","modified_gmt":"2026-01-10T14:37:43","slug":"apply-a-gradient-fill-color-to-shape","status":"publish","type":"post","link":"https:\/\/blog.visual-paradigm.com\/pt\/apply-a-gradient-fill-color-to-shape\/","title":{"rendered":"Aplicar uma cor de preenchimento gradiente \u00e0 forma"},"content":{"rendered":"<p>Crie um design impressionante com nosso editor gr\u00e1fico online intuitivo, que possui uma ampla variedade de recursos para ajud\u00e1-lo a criar seu design. Este v\u00eddeo pode mostrar como aplicar uma cor de preenchimento gradiente \u00e0 forma no Visual Paradigm Online.<\/p>\n<div class=\"epyt-video-wrapper\"><iframe allow=\"fullscreen; accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture\" allowfullscreen=\"\" class=\"__youtube_prefs__ epyt-is-override no-lazyload\" data-no-lazy=\"1\" data-origheight=\"480\" data-origwidth=\"854\" data-skipgform_ajax_framebjll=\"\" height=\"480\" id=\"_ytid_99620\" loading=\"lazy\" src=\"https:\/\/www.youtube.com\/embed\/-2Pgd4QRtKU?enablejsapi=1&amp;autoplay=0&amp;cc_load_policy=0&amp;cc_lang_pref=&amp;iv_load_policy=1&amp;loop=0&amp;modestbranding=0&amp;rel=1&amp;fs=1&amp;playsinline=0&amp;autohide=2&amp;theme=dark&amp;color=red&amp;controls=1&amp;\" title=\"YouTube player\" width=\"854\"><\/iframe><\/div>\n<p>Ao editar seu design, voc\u00ea pode aplicar cor gradiente a um elemento.<\/p>\n<p><strong>Dica: Antes de poder estilizar qualquer coisa, voc\u00ea deve selecion\u00e1-la. Clique em uma forma para selecion\u00e1-la, ou segure a tecla Shift e clique em v\u00e1rias formas para selecionar v\u00e1rias.<\/strong><\/p>\n<ol>\n<li>Selecione o elemento, depois v\u00e1 para o Painel de Configura\u00e7\u00f5es, Estilos e clique na caixa de sele\u00e7\u00e3o Gradiente para aplicar uma cor de preenchimento gradiente \u00e0 forma.\n<p id=\"kptKcmL\"><img alt=\"\" class=\"alignnone wp-image-11831\" decoding=\"async\" height=\"242\" loading=\"lazy\" sizes=\"auto, (max-width: 572px) 100vw, 572px\" src=\"https:\/\/blog.visual-paradigm.com\/wp-content\/uploads\/2022\/04\/Screenshot-2022-04-26-120544-300x127.png\" srcset=\"https:\/\/blog.visual-paradigm.com\/wp-content\/uploads\/2022\/04\/Screenshot-2022-04-26-120544-300x127.png 300w, https:\/\/blog.visual-paradigm.com\/wp-content\/uploads\/2022\/04\/Screenshot-2022-04-26-120544-768x325.png 768w, https:\/\/blog.visual-paradigm.com\/wp-content\/uploads\/2022\/04\/Screenshot-2022-04-26-120544-150x63.png 150w, https:\/\/blog.visual-paradigm.com\/wp-content\/uploads\/2022\/04\/Screenshot-2022-04-26-120544-400x169.png 400w, https:\/\/blog.visual-paradigm.com\/wp-content\/uploads\/2022\/04\/Screenshot-2022-04-26-120544.png 849w\" width=\"572\"\/><\/p>\n<\/li>\n<li>Em seguida, voc\u00ea pode abrir a paleta de cores para escolher duas cores para aplicar o gradiente. Voc\u00ea pode escolher uma nova cor na paleta, ou clicar em + para inserir o c\u00f3digo hex preciso de uma cor na caixa de texto, depois clique em Aplicar.\n<p id=\"klQDOCQ\"><img alt=\"\" class=\"alignnone wp-image-11832\" decoding=\"async\" height=\"291\" loading=\"lazy\" sizes=\"auto, (max-width: 567px) 100vw, 567px\" src=\"https:\/\/blog.visual-paradigm.com\/wp-content\/uploads\/2022\/04\/Screenshot-2022-04-26-120627-300x154.png\" srcset=\"https:\/\/blog.visual-paradigm.com\/wp-content\/uploads\/2022\/04\/Screenshot-2022-04-26-120627-300x154.png 300w, https:\/\/blog.visual-paradigm.com\/wp-content\/uploads\/2022\/04\/Screenshot-2022-04-26-120627-768x394.png 768w, https:\/\/blog.visual-paradigm.com\/wp-content\/uploads\/2022\/04\/Screenshot-2022-04-26-120627-150x77.png 150w, https:\/\/blog.visual-paradigm.com\/wp-content\/uploads\/2022\/04\/Screenshot-2022-04-26-120627-400x205.png 400w, https:\/\/blog.visual-paradigm.com\/wp-content\/uploads\/2022\/04\/Screenshot-2022-04-26-120627.png 899w\" width=\"567\"\/><\/p>\n<\/li>\n<li>Voc\u00ea tamb\u00e9m pode especificar a dire\u00e7\u00e3o em que o gradiente est\u00e1 sendo aplicado. Selecione a dire\u00e7\u00e3o em que deseja que a cor de preenchimento mude no menu suspenso.\n<p id=\"zobFgNI\"><img alt=\"\" class=\"alignnone wp-image-11833\" decoding=\"async\" height=\"336\" loading=\"lazy\" sizes=\"auto, (max-width: 314px) 100vw, 314px\" src=\"https:\/\/blog.visual-paradigm.com\/wp-content\/uploads\/2022\/04\/Screenshot-2022-04-26-120653.png\" srcset=\"https:\/\/blog.visual-paradigm.com\/wp-content\/uploads\/2022\/04\/Screenshot-2022-04-26-120653.png 224w, https:\/\/blog.visual-paradigm.com\/wp-content\/uploads\/2022\/04\/Screenshot-2022-04-26-120653-140x150.png 140w\" width=\"314\"\/><\/p>\n<\/li>\n<\/ol>\n","protected":false},"excerpt":{"rendered":"<p>Crie um design impressionante com nosso editor gr\u00e1fico online intuitivo, que possui uma ampla variedade de recursos para ajud\u00e1-lo a criar seu design. Este v\u00eddeo pode mostrar como aplicar uma cor de preenchimento gradiente \u00e0 forma no Visual Paradigm Online. Ao editar seu design, voc\u00ea pode aplicar cor gradiente a um elemento. Dica: Antes de [&hellip;]<\/p>\n","protected":false},"author":8,"featured_media":10492,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"_lmt_disableupdate":"","_lmt_disable":"","footnotes":""},"categories":[43,42],"tags":[],"class_list":["post-10491","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-graphic-design","category-online-diagram","loop-entry","clr"],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v24.3 - https:\/\/yoast.com\/wordpress\/plugins\/seo\/ -->\n<title>Aplicar uma cor de preenchimento gradiente \u00e0 forma - Visual Paradigm Blog<\/title>\n<meta name=\"description\" content=\"Using a color gradient can help you get attention and direct eyesight, making your work more engaging. Let&#039;s use color gradient in VP Online!\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/blog.visual-paradigm.com\/pt\/apply-a-gradient-fill-color-to-shape\/\" \/>\n<meta property=\"og:locale\" content=\"pt_PT\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Aplicar uma cor de preenchimento gradiente \u00e0 forma - Visual Paradigm Blog\" \/>\n<meta property=\"og:description\" content=\"Using a color gradient can help you get attention and direct eyesight, making your work more engaging. Let&#039;s use color gradient in VP Online!\" \/>\n<meta property=\"og:url\" content=\"https:\/\/blog.visual-paradigm.com\/pt\/apply-a-gradient-fill-color-to-shape\/\" \/>\n<meta property=\"og:site_name\" content=\"Visual Paradigm Blog\" \/>\n<meta property=\"article:published_time\" content=\"2026-01-10T14:37:43+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/blog.visual-paradigm.com\/wp-content\/uploads\/2022\/04\/Screenshot-2022-04-26-120627-300x154.png\" \/><meta property=\"og:image\" content=\"https:\/\/blog.visual-paradigm.com\/wp-content\/uploads\/2022\/04\/Screenshot-2022-04-26-120627-300x154.png\" \/>\n\t<meta property=\"og:image:width\" content=\"300\" \/>\n\t<meta property=\"og:image:height\" content=\"154\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/png\" \/>\n<meta name=\"author\" content=\"vpmiku\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:image\" content=\"https:\/\/blog.visual-paradigm.com\/wp-content\/uploads\/2022\/04\/Screenshot-2022-04-26-120627-300x154.png\" \/>\n<meta name=\"twitter:label1\" content=\"Escrito por\" \/>\n\t<meta name=\"twitter:data1\" content=\"vpmiku\" \/>\n\t<meta name=\"twitter:label2\" content=\"Tempo estimado de leitura\" \/>\n\t<meta name=\"twitter:data2\" content=\"2 minutos\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\/\/blog.visual-paradigm.com\/pt\/apply-a-gradient-fill-color-to-shape\/\",\"url\":\"https:\/\/blog.visual-paradigm.com\/pt\/apply-a-gradient-fill-color-to-shape\/\",\"name\":\"Aplicar uma cor de preenchimento gradiente \u00e0 forma - Visual Paradigm Blog\",\"isPartOf\":{\"@id\":\"https:\/\/blog.visual-paradigm.com\/pt\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/blog.visual-paradigm.com\/pt\/apply-a-gradient-fill-color-to-shape\/#primaryimage\"},\"image\":{\"@id\":\"https:\/\/blog.visual-paradigm.com\/pt\/apply-a-gradient-fill-color-to-shape\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/blog.visual-paradigm.com\/pt\/wp-content\/uploads\/sites\/11\/2026\/01\/Screenshot-2022-04-26-120627-300x154-1.png\",\"datePublished\":\"2026-01-10T14:37:43+00:00\",\"dateModified\":\"2026-01-10T14:37:43+00:00\",\"author\":{\"@id\":\"https:\/\/blog.visual-paradigm.com\/pt\/#\/schema\/person\/fd29bf8bc7b4d0d994dc63a4a7af5458\"},\"description\":\"Using a color gradient can help you get attention and direct eyesight, making your work more engaging. Let's use color gradient in VP Online!\",\"breadcrumb\":{\"@id\":\"https:\/\/blog.visual-paradigm.com\/pt\/apply-a-gradient-fill-color-to-shape\/#breadcrumb\"},\"inLanguage\":\"pt-PT\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/blog.visual-paradigm.com\/pt\/apply-a-gradient-fill-color-to-shape\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"pt-PT\",\"@id\":\"https:\/\/blog.visual-paradigm.com\/pt\/apply-a-gradient-fill-color-to-shape\/#primaryimage\",\"url\":\"https:\/\/blog.visual-paradigm.com\/pt\/wp-content\/uploads\/sites\/11\/2026\/01\/Screenshot-2022-04-26-120627-300x154-1.png\",\"contentUrl\":\"https:\/\/blog.visual-paradigm.com\/pt\/wp-content\/uploads\/sites\/11\/2026\/01\/Screenshot-2022-04-26-120627-300x154-1.png\",\"width\":300,\"height\":154},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/blog.visual-paradigm.com\/pt\/apply-a-gradient-fill-color-to-shape\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/blog.visual-paradigm.com\/pt\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Aplicar uma cor de preenchimento gradiente \u00e0 forma\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/blog.visual-paradigm.com\/pt\/#website\",\"url\":\"https:\/\/blog.visual-paradigm.com\/pt\/\",\"name\":\"Visual Paradigm Blog\",\"description\":\"\",\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/blog.visual-paradigm.com\/pt\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"pt-PT\"},{\"@type\":\"Person\",\"@id\":\"https:\/\/blog.visual-paradigm.com\/pt\/#\/schema\/person\/fd29bf8bc7b4d0d994dc63a4a7af5458\",\"name\":\"vpmiku\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"pt-PT\",\"@id\":\"https:\/\/blog.visual-paradigm.com\/pt\/#\/schema\/person\/image\/\",\"url\":\"https:\/\/secure.gravatar.com\/avatar\/ab2186f84c99495f4067f33cdf031a0a?s=96&d=mm&r=g\",\"contentUrl\":\"https:\/\/secure.gravatar.com\/avatar\/ab2186f84c99495f4067f33cdf031a0a?s=96&d=mm&r=g\",\"caption\":\"vpmiku\"},\"url\":\"https:\/\/blog.visual-paradigm.com\/pt\/author\/vpmiku\/\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Aplicar uma cor de preenchimento gradiente \u00e0 forma - Visual Paradigm Blog","description":"Using a color gradient can help you get attention and direct eyesight, making your work more engaging. Let's use color gradient in VP Online!","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:\/\/blog.visual-paradigm.com\/pt\/apply-a-gradient-fill-color-to-shape\/","og_locale":"pt_PT","og_type":"article","og_title":"Aplicar uma cor de preenchimento gradiente \u00e0 forma - Visual Paradigm Blog","og_description":"Using a color gradient can help you get attention and direct eyesight, making your work more engaging. Let's use color gradient in VP Online!","og_url":"https:\/\/blog.visual-paradigm.com\/pt\/apply-a-gradient-fill-color-to-shape\/","og_site_name":"Visual Paradigm Blog","article_published_time":"2026-01-10T14:37:43+00:00","og_image":[{"url":"https:\/\/blog.visual-paradigm.com\/wp-content\/uploads\/2022\/04\/Screenshot-2022-04-26-120627-300x154.png","type":"","width":"","height":""},{"width":300,"height":154,"url":"https:\/\/blog.visual-paradigm.com\/wp-content\/uploads\/2022\/04\/Screenshot-2022-04-26-120627-300x154.png","type":"image\/png"}],"author":"vpmiku","twitter_card":"summary_large_image","twitter_image":"https:\/\/blog.visual-paradigm.com\/wp-content\/uploads\/2022\/04\/Screenshot-2022-04-26-120627-300x154.png","twitter_misc":{"Escrito por":"vpmiku","Tempo estimado de leitura":"2 minutos"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/blog.visual-paradigm.com\/pt\/apply-a-gradient-fill-color-to-shape\/","url":"https:\/\/blog.visual-paradigm.com\/pt\/apply-a-gradient-fill-color-to-shape\/","name":"Aplicar uma cor de preenchimento gradiente \u00e0 forma - Visual Paradigm Blog","isPartOf":{"@id":"https:\/\/blog.visual-paradigm.com\/pt\/#website"},"primaryImageOfPage":{"@id":"https:\/\/blog.visual-paradigm.com\/pt\/apply-a-gradient-fill-color-to-shape\/#primaryimage"},"image":{"@id":"https:\/\/blog.visual-paradigm.com\/pt\/apply-a-gradient-fill-color-to-shape\/#primaryimage"},"thumbnailUrl":"https:\/\/blog.visual-paradigm.com\/pt\/wp-content\/uploads\/sites\/11\/2026\/01\/Screenshot-2022-04-26-120627-300x154-1.png","datePublished":"2026-01-10T14:37:43+00:00","dateModified":"2026-01-10T14:37:43+00:00","author":{"@id":"https:\/\/blog.visual-paradigm.com\/pt\/#\/schema\/person\/fd29bf8bc7b4d0d994dc63a4a7af5458"},"description":"Using a color gradient can help you get attention and direct eyesight, making your work more engaging. Let's use color gradient in VP Online!","breadcrumb":{"@id":"https:\/\/blog.visual-paradigm.com\/pt\/apply-a-gradient-fill-color-to-shape\/#breadcrumb"},"inLanguage":"pt-PT","potentialAction":[{"@type":"ReadAction","target":["https:\/\/blog.visual-paradigm.com\/pt\/apply-a-gradient-fill-color-to-shape\/"]}]},{"@type":"ImageObject","inLanguage":"pt-PT","@id":"https:\/\/blog.visual-paradigm.com\/pt\/apply-a-gradient-fill-color-to-shape\/#primaryimage","url":"https:\/\/blog.visual-paradigm.com\/pt\/wp-content\/uploads\/sites\/11\/2026\/01\/Screenshot-2022-04-26-120627-300x154-1.png","contentUrl":"https:\/\/blog.visual-paradigm.com\/pt\/wp-content\/uploads\/sites\/11\/2026\/01\/Screenshot-2022-04-26-120627-300x154-1.png","width":300,"height":154},{"@type":"BreadcrumbList","@id":"https:\/\/blog.visual-paradigm.com\/pt\/apply-a-gradient-fill-color-to-shape\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/blog.visual-paradigm.com\/pt\/"},{"@type":"ListItem","position":2,"name":"Aplicar uma cor de preenchimento gradiente \u00e0 forma"}]},{"@type":"WebSite","@id":"https:\/\/blog.visual-paradigm.com\/pt\/#website","url":"https:\/\/blog.visual-paradigm.com\/pt\/","name":"Visual Paradigm Blog","description":"","potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/blog.visual-paradigm.com\/pt\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"pt-PT"},{"@type":"Person","@id":"https:\/\/blog.visual-paradigm.com\/pt\/#\/schema\/person\/fd29bf8bc7b4d0d994dc63a4a7af5458","name":"vpmiku","image":{"@type":"ImageObject","inLanguage":"pt-PT","@id":"https:\/\/blog.visual-paradigm.com\/pt\/#\/schema\/person\/image\/","url":"https:\/\/secure.gravatar.com\/avatar\/ab2186f84c99495f4067f33cdf031a0a?s=96&d=mm&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/ab2186f84c99495f4067f33cdf031a0a?s=96&d=mm&r=g","caption":"vpmiku"},"url":"https:\/\/blog.visual-paradigm.com\/pt\/author\/vpmiku\/"}]}},"modified_by":"vpjick","_links":{"self":[{"href":"https:\/\/blog.visual-paradigm.com\/pt\/wp-json\/wp\/v2\/posts\/10491","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/blog.visual-paradigm.com\/pt\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/blog.visual-paradigm.com\/pt\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/blog.visual-paradigm.com\/pt\/wp-json\/wp\/v2\/users\/8"}],"replies":[{"embeddable":true,"href":"https:\/\/blog.visual-paradigm.com\/pt\/wp-json\/wp\/v2\/comments?post=10491"}],"version-history":[{"count":0,"href":"https:\/\/blog.visual-paradigm.com\/pt\/wp-json\/wp\/v2\/posts\/10491\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/blog.visual-paradigm.com\/pt\/wp-json\/wp\/v2\/media\/10492"}],"wp:attachment":[{"href":"https:\/\/blog.visual-paradigm.com\/pt\/wp-json\/wp\/v2\/media?parent=10491"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/blog.visual-paradigm.com\/pt\/wp-json\/wp\/v2\/categories?post=10491"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/blog.visual-paradigm.com\/pt\/wp-json\/wp\/v2\/tags?post=10491"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}