{"id":3349,"date":"2015-05-12T18:12:57","date_gmt":"2015-05-12T21:12:57","guid":{"rendered":"https:\/\/waltermattos.com\/?p=3349"},"modified":"2015-05-12T18:12:16","modified_gmt":"2015-05-12T21:12:16","slug":"macetes-degrades-illustrator","status":"publish","type":"post","link":"https:\/\/waltermattos.com\/site\/tutoriais\/macetes-degrades-illustrator\/","title":{"rendered":"Macetes para cria\u00e7\u00e3o de Degrad\u00eas no Illustrator"},"content":{"rendered":"<p><iframe loading=\"lazy\" src=\"https:\/\/www.youtube.com\/embed\/NtFloOBj0us\" width=\"640\" height=\"360\" frameborder=\"0\" allowfullscreen=\"allowfullscreen\"><\/iframe><\/p>\n<p>Neste tutorial demonstro alguns macetes r\u00e1pidos para cria\u00e7\u00e3o de degrad\u00eas no Illustrator explorando diferentes t\u00e9cnicas.<\/p>\n<p>O v\u00eddeo foi inspirado na d\u00favida de um leitor com dificuldades de transi\u00e7\u00e3o do CorelDraw para o Illustrator, portanto, caso voc\u00ea tamb\u00e9m tenha este tipo de d\u00favida o tutorial pode ajudar.<\/p>\n<p>Voc\u00ea ver\u00e1 como criar degrad\u00eas utilizando as ferramentas Gradient, Brushes e Blend, e tamb\u00e9m como editar estes degrad\u00eas utilizando a ferramenta Recolor Artwork e a janela Appearence.<\/p>\n<p>Caso voc\u00ea queira pular para a se\u00e7\u00e3o do seu interesse basta ler a descri\u00e7\u00e3o do v\u00eddeo\u00a0<a title=\"Macetes para cria\u00e7\u00e3o de Degrad\u00eas no Illustrator | Walter Mattos \" href=\"https:\/\/youtu.be\/NtFloOBj0us\" target=\"_blank\">no post original do Youtube.<\/a><\/p>\n<p>Espero que goste.<\/p>\n<h2>Gradient: alterar cor do slider pela janela Color<\/h2>\n<p>Vou come\u00e7ar com a ferramenta <strong>\u201cGradient\u201d<\/strong>, que se n\u00e3o estiver vis\u00edvel para voc\u00ea basta usar o atalho <strong>\u201cCtrl+F9\u201d<\/strong> ou clicar\u00a0em <strong>\u201cWindow &gt; Gradient\u201d<\/strong>.<\/p>\n<p>Uma das principais dificuldades que eu noto \u00e9 justamente em rela\u00e7\u00e3o a altera\u00e7\u00e3o da cor dos sliders, ent\u00e3o deixa eu tentar ajudar.<\/p>\n<p>Voc\u00ea j\u00e1 deve ter reparado que se clicar no slider e depois tentar selecionar uma cor na paleta, ele n\u00e3o altera a cor do slider, mas sim do objeto todo.<\/p>\n<p>A solu\u00e7\u00e3o intuitiva \u00e9 alterar os valores da cor na tab <strong>\u201cColor\u201d<\/strong> ou dar dois cliques no slider e alterar a cor nessa janela <strong>\u201cPopup\u201d<\/strong> que aparece.<\/p>\n<div style=\"width: 640px;\" class=\"wp-video\"><video class=\"wp-video-shortcode\" id=\"video-3349-1\" width=\"640\" height=\"360\" preload=\"metadata\" controls=\"controls\"><source type=\"video\/mp4\" src=\"https:\/\/waltermattos.com\/site\/wp-content\/uploads\/2015\/05\/tut_Gradient_Illustrator_04_imagens_popup_slider.mp4?_=1\" \/><a href=\"https:\/\/waltermattos.com\/site\/wp-content\/uploads\/2015\/05\/tut_Gradient_Illustrator_04_imagens_popup_slider.mp4\">https:\/\/waltermattos.com\/site\/wp-content\/uploads\/2015\/05\/tut_Gradient_Illustrator_04_imagens_popup_slider.mp4<\/a><\/video><\/div>\n<h2>Gradient: alterar cor do slider pela janela Swaches<\/h2>\n<p>Mas voc\u00ea pode selecionar uma das cores da janela <strong>Swaches<\/strong> sem problema nenhum. Voc\u00ea s\u00f3 precisa dar um comando para o Illustrator entender que essa cor selecionada deve ser aplicada ao slider, e n\u00e3o ao objeto.<\/p>\n<p>Ent\u00e3o, com o seu objeto selecionado voc\u00ea s\u00f3 precisa clicar no slider, pressionar <strong>\u201cAlt\u201d<\/strong> e selecionar a cor que voc\u00ea quiser direto na paleta.<\/p>\n<div style=\"width: 640px;\" class=\"wp-video\"><video class=\"wp-video-shortcode\" id=\"video-3349-2\" width=\"640\" height=\"360\" preload=\"metadata\" controls=\"controls\"><source type=\"video\/mp4\" src=\"https:\/\/waltermattos.com\/site\/wp-content\/uploads\/2015\/05\/tut_Gradient_Illustrator_04_imagens_alt_click_4.mp4?_=2\" \/><a href=\"https:\/\/waltermattos.com\/site\/wp-content\/uploads\/2015\/05\/tut_Gradient_Illustrator_04_imagens_alt_click_4.mp4\">https:\/\/waltermattos.com\/site\/wp-content\/uploads\/2015\/05\/tut_Gradient_Illustrator_04_imagens_alt_click_4.mp4<\/a><\/video><\/div>\n<p>Acredito que isso vai te ajudar a simplificar o processo, mas ainda n\u00e3o acaba por aqui.<\/p>\n<h2>Gradient: alterar cor do slider com o Eyedropper<\/h2>\n<div style=\"width: 640px;\" class=\"wp-video\"><video class=\"wp-video-shortcode\" id=\"video-3349-3\" width=\"640\" height=\"360\" preload=\"metadata\" controls=\"controls\"><source type=\"video\/mp4\" src=\"https:\/\/waltermattos.com\/site\/wp-content\/uploads\/2015\/11\/tut_Gradient_Illustrator_04_imagens_eyedropper.mp4?_=3\" \/><a href=\"https:\/\/waltermattos.com\/site\/wp-content\/uploads\/2015\/11\/tut_Gradient_Illustrator_04_imagens_eyedropper.mp4\">https:\/\/waltermattos.com\/site\/wp-content\/uploads\/2015\/11\/tut_Gradient_Illustrator_04_imagens_eyedropper.mp4<\/a><\/video><\/div>\n<p>Aqui na minha \u00e1rea de trabalho eu tenho 2 objetos chapados e uma foto, e eu quero puxar as cores destes objetos direto pro meu <strong>\u201cGradient\u201d<\/strong>.<\/p>\n<p>Para fazer isso eu seleciono o slider, pressiono o atalho <strong>\u201cI\u201d<\/strong> para ativar a ferramenta <strong>\u201cEyedropper\u201d<\/strong> e mantenho pressionado <strong>\u201cShift\u201d<\/strong> enquanto eu clico no objeto. Sempre lembrando de selecionar o slider antes, ok?<\/p>\n<p>Essa t\u00e9cnica n\u00e3o se restringe somente a objetos chapados e tamb\u00e9m funciona com fotos caso voc\u00ea n\u00e3o saiba, ent\u00e3o fica a\u00ed a dica.<\/p>\n<h2>Gradient: arrastar cor da paleta para o slider<\/h2>\n<div style=\"width: 640px;\" class=\"wp-video\"><video class=\"wp-video-shortcode\" id=\"video-3349-4\" width=\"640\" height=\"360\" preload=\"metadata\" controls=\"controls\"><source type=\"video\/mp4\" src=\"https:\/\/waltermattos.com\/site\/wp-content\/uploads\/2015\/11\/tut_Gradient_Illustrator_04_imagens_arrastar_slider.mp4?_=4\" \/><a href=\"https:\/\/waltermattos.com\/site\/wp-content\/uploads\/2015\/11\/tut_Gradient_Illustrator_04_imagens_arrastar_slider.mp4\">https:\/\/waltermattos.com\/site\/wp-content\/uploads\/2015\/11\/tut_Gradient_Illustrator_04_imagens_arrastar_slider.mp4<\/a><\/video><\/div>\n<p>Outra forma de alterar a cor do <strong>\u201cGradient\u201d<\/strong> \u00e9 arrastando uma cor da paleta direto para o slider, enquanto seu objeto estiver selecionado, claro. Dessa forma voc\u00ea n\u00e3o precisa usar nem <strong>\u201cAlt\u201d<\/strong> nem o <strong>\u201cShift\u201d<\/strong>.<\/p>\n<h2>Gradient: alterar cores dos sliders no objeto<\/h2>\n<div style=\"width: 640px;\" class=\"wp-video\"><video class=\"wp-video-shortcode\" id=\"video-3349-5\" width=\"640\" height=\"360\" preload=\"metadata\" controls=\"controls\"><source type=\"video\/mp4\" src=\"https:\/\/waltermattos.com\/site\/wp-content\/uploads\/2015\/11\/tut_Gradient_Illustrator_04_imagens_slider_objeto.mp4?_=5\" \/><a href=\"https:\/\/waltermattos.com\/site\/wp-content\/uploads\/2015\/11\/tut_Gradient_Illustrator_04_imagens_slider_objeto.mp4\">https:\/\/waltermattos.com\/site\/wp-content\/uploads\/2015\/11\/tut_Gradient_Illustrator_04_imagens_slider_objeto.mp4<\/a><\/video><\/div>\n<p>Tamb\u00e9m \u00e9 poss\u00edvel editar as cores direto no objeto. Basta eu utilizar o atalho <strong>\u201cG\u201d<\/strong> para habilitar o modo de edi\u00e7\u00e3o do <strong>\u201cGradient\u201d<\/strong>, dar dois cliques no slider e utilizar essa janela <strong>\u201cPopup\u201d <\/strong>pra escolher a cor que eu quiser.<\/p>\n<p>Voc\u00ea nota que quando eu dou dois cliques no slider do objeto ele habilita tamb\u00e9m o slider da tab <strong>\u201cGradient\u201d.<\/strong><\/p>\n<p>Ent\u00e3o eu tamb\u00e9m posso utilizar o <strong>\u201cEyedropper\u201d<\/strong> pra selecionar cores de outros objetos, com a \u00fanica diferen\u00e7a que dessa vez eu vou ter que dar 2 cliques no <strong>\u201cI\u201d <\/strong>&#8211; uma vez para fechar o <strong>\u201cPopup\u201d<\/strong> de cores, e a segunda para habilitar de fato a ferramenta <strong>\u201cEyedropper\u201d<\/strong>, e somente assim poder selecionar a cor que eu quero.<\/p>\n<div style=\"width: 640px;\" class=\"wp-video\"><video class=\"wp-video-shortcode\" id=\"video-3349-6\" width=\"640\" height=\"360\" preload=\"metadata\" controls=\"controls\"><source type=\"video\/mp4\" src=\"https:\/\/waltermattos.com\/site\/wp-content\/uploads\/2015\/11\/tut_Gradient_Illustrator_04_imagens_slider_objeto_eyedropper.mp4?_=6\" \/><a href=\"https:\/\/waltermattos.com\/site\/wp-content\/uploads\/2015\/11\/tut_Gradient_Illustrator_04_imagens_slider_objeto_eyedropper.mp4\">https:\/\/waltermattos.com\/site\/wp-content\/uploads\/2015\/11\/tut_Gradient_Illustrator_04_imagens_slider_objeto_eyedropper.mp4<\/a><\/video><\/div>\n<h2>Gradient: Copiar propriedades do degrad\u00ea para outro objeto<\/h2>\n<div style=\"width: 640px;\" class=\"wp-video\"><video class=\"wp-video-shortcode\" id=\"video-3349-7\" width=\"640\" height=\"360\" preload=\"metadata\" controls=\"controls\"><source type=\"video\/mp4\" src=\"https:\/\/waltermattos.com\/site\/wp-content\/uploads\/2015\/11\/tut_Gradient_Illustrator_04_imagens_copiar_propriedades.mp4?_=7\" \/><a href=\"https:\/\/waltermattos.com\/site\/wp-content\/uploads\/2015\/11\/tut_Gradient_Illustrator_04_imagens_copiar_propriedades.mp4\">https:\/\/waltermattos.com\/site\/wp-content\/uploads\/2015\/11\/tut_Gradient_Illustrator_04_imagens_copiar_propriedades.mp4<\/a><\/video><\/div>\n<p>E aproveitando que eu estou com o <strong>\u201cEyedropper\u201d<\/strong> habilitado, eu posso levar as propriedades desse <strong>\u201cGradient\u201d<\/strong> para outro objeto. Basta eu pressionar o atalho <strong>\u201cAlt\u201d<\/strong> enquanto estiver com meu objeto selecionado \u2013 e voc\u00ea nota que o \u00edcone do <strong>Eyedropper<\/strong> mudou de apar\u00eancia, e em seguida clicar em qualquer outro objeto que eu queira levar estas propriedades.<\/p>\n<p>Talvez voc\u00ea n\u00e3o saiba dessa, mas tamb\u00e9m \u00e9 poss\u00edvel arrastar o degrad\u00ea de um objeto para outro objeto direto pela miniatura da janela do <strong>\u201cGradient\u201d<\/strong>.<\/p>\n<div style=\"width: 640px;\" class=\"wp-video\"><video class=\"wp-video-shortcode\" id=\"video-3349-8\" width=\"640\" height=\"360\" preload=\"metadata\" controls=\"controls\"><source type=\"video\/mp4\" src=\"https:\/\/waltermattos.com\/site\/wp-content\/uploads\/2015\/11\/tut_Gradient_Illustrator_04_imagens_arrastar_gradient.mp4?_=8\" \/><a href=\"https:\/\/waltermattos.com\/site\/wp-content\/uploads\/2015\/11\/tut_Gradient_Illustrator_04_imagens_arrastar_gradient.mp4\">https:\/\/waltermattos.com\/site\/wp-content\/uploads\/2015\/11\/tut_Gradient_Illustrator_04_imagens_arrastar_gradient.mp4<\/a><\/video><\/div>\n<p>Mas voc\u00ea nota que ele levou o degrad\u00ea original, ou seja, sem esse ajuste do \u00e2ngulo das cores.<\/p>\n<p>Caso voc\u00ea queira copiar o degrad\u00ea exatamente como est\u00e1 basta arrastar a miniatura da janela <strong>\u201cAppearence\u201d <\/strong>para o outro objeto. Caso essa janela n\u00e3o esteja habilitada pra voc\u00ea basta vir aqui em <strong>\u201cWindow &gt; Appearence\u201d<\/strong> ou pressionar as teclas <strong>\u201cShift + F6\u201d<\/strong>.<\/p>\n<div style=\"width: 640px;\" class=\"wp-video\"><video class=\"wp-video-shortcode\" id=\"video-3349-9\" width=\"640\" height=\"360\" preload=\"metadata\" controls=\"controls\"><source type=\"video\/mp4\" src=\"https:\/\/waltermattos.com\/site\/wp-content\/uploads\/2015\/11\/tut_Gradient_Illustrator_04_imagens_arrastar_appearence.mp4?_=9\" \/><a href=\"https:\/\/waltermattos.com\/site\/wp-content\/uploads\/2015\/11\/tut_Gradient_Illustrator_04_imagens_arrastar_appearence.mp4\">https:\/\/waltermattos.com\/site\/wp-content\/uploads\/2015\/11\/tut_Gradient_Illustrator_04_imagens_arrastar_appearence.mp4<\/a><\/video><\/div>\n<h2>Gradient: Recolor Artwork<\/h2>\n<div style=\"width: 640px;\" class=\"wp-video\"><video class=\"wp-video-shortcode\" id=\"video-3349-10\" width=\"640\" height=\"360\" preload=\"metadata\" controls=\"controls\"><source type=\"video\/mp4\" src=\"https:\/\/waltermattos.com\/site\/wp-content\/uploads\/2015\/11\/tut_Gradient_Illustrator_04_imagens_recolor1.mp4?_=10\" \/><a href=\"https:\/\/waltermattos.com\/site\/wp-content\/uploads\/2015\/11\/tut_Gradient_Illustrator_04_imagens_recolor1.mp4\">https:\/\/waltermattos.com\/site\/wp-content\/uploads\/2015\/11\/tut_Gradient_Illustrator_04_imagens_recolor1.mp4<\/a><\/video><\/div>\n<p>E por \u00faltimo em rela\u00e7\u00e3o a altera\u00e7\u00e3o das cores dos sliders, voc\u00ea pode selecionar seu objeto e clicar nesse bot\u00e3o chamado <strong>\u201cRecolor Artwork\u201d<\/strong>.<\/p>\n<p>Voc\u00ea nota que aqui na tab <strong>\u201cAssign\u201d<\/strong> eu tenho as 2 cores que comp\u00f5em o degrad\u00ea, e isso significa que se tivessem mais cores compondo nosso degrad\u00ea, todas estariam aparecendo aqui.<\/p>\n<p>E para editar estas cores basta vir na tab <strong>\u201cEdit\u201d<\/strong>. Eu tenho a liberdade de escolher outra cor, satura\u00e7\u00e3o ou brilho pra cada uma individualmente, ou posso manter harmonia entre as cores assinadas clicando neste \u00edcone da corrente.<\/p>\n<p>Dessa forma se eu arrastar uma cor, todas s\u00e3o arrastadas ao mesmo tempo.<\/p>\n<p>Clica em <strong>\u201cOK\u201d<\/strong> quando estiver satisfeito e pronto.<\/p>\n<h2>Gradient: eliminar gradiente com o Eyedropper<\/h2>\n<div style=\"width: 640px;\" class=\"wp-video\"><video class=\"wp-video-shortcode\" id=\"video-3349-11\" width=\"640\" height=\"360\" preload=\"metadata\" controls=\"controls\"><source type=\"video\/mp4\" src=\"https:\/\/waltermattos.com\/site\/wp-content\/uploads\/2015\/11\/tut_Gradient_Illustrator_04_imagens_eliminar_degrade.mp4?_=11\" \/><a href=\"https:\/\/waltermattos.com\/site\/wp-content\/uploads\/2015\/11\/tut_Gradient_Illustrator_04_imagens_eliminar_degrade.mp4\">https:\/\/waltermattos.com\/site\/wp-content\/uploads\/2015\/11\/tut_Gradient_Illustrator_04_imagens_eliminar_degrade.mp4<\/a><\/video><\/div>\n<p>Caso eu queria eliminar o degrad\u00ea, mas manter uma das cores do meu objeto eu tamb\u00e9m posso.<\/p>\n<p>Eu preciso me certificar de que n\u00e3o estou com nenhum slider selecionado, ent\u00e3o eu posso clicar fora do objeto e depois clicar nele novamente, e agora basta eu voltar para o <strong>\u201cEyedropper\u201d<\/strong>, com o atalho <strong>\u201cI\u201d<\/strong>, e clicar, com o <strong>\u201cShift\u201d<\/strong> pressionado, na cor do pr\u00f3prio objeto que eu quero que permane\u00e7a.<\/p>\n<h2>Gradient: degrad\u00ea em texto pela janela Appearence<\/h2>\n<div style=\"width: 640px;\" class=\"wp-video\"><video class=\"wp-video-shortcode\" id=\"video-3349-12\" width=\"640\" height=\"360\" preload=\"metadata\" controls=\"controls\"><source type=\"video\/mp4\" src=\"https:\/\/waltermattos.com\/site\/wp-content\/uploads\/2015\/11\/tut_Gradient_Illustrator_04_imagens_degrade_texto.mp4?_=12\" \/><a href=\"https:\/\/waltermattos.com\/site\/wp-content\/uploads\/2015\/11\/tut_Gradient_Illustrator_04_imagens_degrade_texto.mp4\">https:\/\/waltermattos.com\/site\/wp-content\/uploads\/2015\/11\/tut_Gradient_Illustrator_04_imagens_degrade_texto.mp4<\/a><\/video><\/div>\n<p>Voc\u00ea tamb\u00e9m pode acrescentar degrad\u00ea em textos, mas antes \u00e9 preciso fazer um pequeno ajuste, pois se voc\u00ea tentar n\u00e3o vai conseguir de primeira e seu texto pode ficar todo preto.<\/p>\n<p>Para corrigir isso voc\u00ea mant\u00e9m o texto selecionado, vem aqui na aba <strong>\u201cAppearence\u201d<\/strong>, d\u00e1 dois cliques em <strong>\u201cCharacters\u201d<\/strong> e exclui o preenchimento arrastando o campo <strong>\u201cFill\u201d<\/strong> aqui para a lixeira.<\/p>\n<p>Agora basta dar dois cliques em <strong>\u201cType: No Appearence\u201d<\/strong> para sair de dentro da edi\u00e7\u00e3o dos caracteres, criar um novo preenchimento clicando no bot\u00e3o <strong>\u201cAdd New Fill\u201d<\/strong> e agora sim, voc\u00ea pode selecionar o seu degrad\u00ea e editar ele normalmente.<\/p>\n<h2>Brush: degrad\u00ea acompanhando contorno do objeto<\/h2>\n<p>Voc\u00ea tamb\u00e9m pode fazer com que seu degrad\u00ea acompanhe o contorno do objeto.<\/p>\n<p>Uma das formas de fazer isso \u00e9 selecionar duas ou mais linhas para criar seu degrad\u00ea. Nesse caso eu escolhi 3 cores, portanto, 3 linhas.<\/p>\n<p>Seleciono as 3 linhas e vou utilizar o atalho <strong>\u201cCtrl + Alt + B\u201d <\/strong>para criar um <strong>\u201cBlend\u201d<\/strong>, ou uma mistura entre essas cores.<\/p>\n<p>Feito isso eu arrasto esse meu <strong>\u201cBlend\u201d<\/strong> para a janela de <strong>\u201cBrushes\u201d<\/strong>, escolho a op\u00e7\u00e3o <strong>\u201cArt Brush\u201d<\/strong> e clico em <strong>\u201cOk\u201d<\/strong>.<\/p>\n<p>Na janela de op\u00e7\u00f5es que abre eu posso clicar em <strong>\u201cOk\u201d<\/strong> novamente, e tenho meu <strong>\u201cBrush\u201d<\/strong> criado.<\/p>\n<div style=\"width: 640px;\" class=\"wp-video\"><video class=\"wp-video-shortcode\" id=\"video-3349-13\" width=\"640\" height=\"360\" preload=\"metadata\" controls=\"controls\"><source type=\"video\/mp4\" src=\"https:\/\/waltermattos.com\/site\/wp-content\/uploads\/2015\/11\/tut_Gradient_Illustrator_04_imagens_criar_brush.mp4?_=13\" \/><a href=\"https:\/\/waltermattos.com\/site\/wp-content\/uploads\/2015\/11\/tut_Gradient_Illustrator_04_imagens_criar_brush.mp4\">https:\/\/waltermattos.com\/site\/wp-content\/uploads\/2015\/11\/tut_Gradient_Illustrator_04_imagens_criar_brush.mp4<\/a><\/video><\/div>\n<p>Agora basta selecionar o objeto com o contorno e clicar no <strong>\u201cBrush\u201d<\/strong> que eu acabei de criar.<\/p>\n<div style=\"width: 640px;\" class=\"wp-video\"><video class=\"wp-video-shortcode\" id=\"video-3349-14\" width=\"640\" height=\"360\" preload=\"metadata\" controls=\"controls\"><source type=\"video\/mp4\" src=\"https:\/\/waltermattos.com\/site\/wp-content\/uploads\/2015\/11\/tut_Gradient_Illustrator_04_imagens_aplicar_brush.mp4?_=14\" \/><a href=\"https:\/\/waltermattos.com\/site\/wp-content\/uploads\/2015\/11\/tut_Gradient_Illustrator_04_imagens_aplicar_brush.mp4\">https:\/\/waltermattos.com\/site\/wp-content\/uploads\/2015\/11\/tut_Gradient_Illustrator_04_imagens_aplicar_brush.mp4<\/a><\/video><\/div>\n<p>Voc\u00ea nota que o degrad\u00ea acompanha exatamente o mesmo caminho que o contorno.<\/p>\n<h2>Gradient: degrad\u00ea acompanhando contorno do objeto<strong>\u00a0<\/strong><\/h2>\n<div style=\"width: 640px;\" class=\"wp-video\"><video class=\"wp-video-shortcode\" id=\"video-3349-15\" width=\"640\" height=\"360\" preload=\"metadata\" controls=\"controls\"><source type=\"video\/mp4\" src=\"https:\/\/waltermattos.com\/site\/wp-content\/uploads\/2015\/11\/tut_Gradient_Illustrator_04_imagens_radial_contorno.mp4?_=15\" \/><a href=\"https:\/\/waltermattos.com\/site\/wp-content\/uploads\/2015\/11\/tut_Gradient_Illustrator_04_imagens_radial_contorno.mp4\">https:\/\/waltermattos.com\/site\/wp-content\/uploads\/2015\/11\/tut_Gradient_Illustrator_04_imagens_radial_contorno.mp4<\/a><\/video><\/div>\n<p>Nas vers\u00f5es mais recentes do Illustrator voc\u00ea j\u00e1 consegue fazer isso direto pelo <strong>\u201cGradient\u201d<\/strong>, mas muita gente n\u00e3o sabe ainda porque n\u00e3o percebeu que \u00e9 poss\u00edvel criar degrad\u00ea direto no contorno.<\/p>\n<p>Esse objeto aqui, por exemplo, \u00e9 um contorno com <strong>\u201cDegrad\u00ea Radial\u201d<\/strong> aplicado.<\/p>\n<p>Para fazer esse degrad\u00ea acompanhar o contorno basta clicar aqui neste terceiro bot\u00e3o, <strong>\u201cApply gradient across stroke\u201d<\/strong>.<\/p>\n<p>T\u00e1 a\u00ed, voc\u00ea tem o mesmo efeito criado de duas maneiras diferentes.<\/p>\n<h2>Blend: degrad\u00ea em forma de cone<\/h2>\n<p>Uma coisa que muita gente acha que n\u00e3o tem como fazer no Illustrator \u00e9 o degrad\u00ea em formato de cone. Na verdade eu conhe\u00e7o duas formas de fazer isso.<\/p>\n<p>Nesse exemplo da esquerda, por exemplo, eu tenho dois c\u00edrculos. Um grande e um bem pequeno, no centro, que \u00e9 na verdade uma c\u00f3pia do grande que eu reduzi de tamanho.<\/p>\n<div style=\"width: 640px;\" class=\"wp-video\"><video class=\"wp-video-shortcode\" id=\"video-3349-16\" width=\"640\" height=\"360\" preload=\"metadata\" controls=\"controls\"><source type=\"video\/mp4\" src=\"https:\/\/waltermattos.com\/site\/wp-content\/uploads\/2015\/11\/tut_Gradient_Illustrator_04_imagens_degrade_cone.mp4?_=16\" \/><a href=\"https:\/\/waltermattos.com\/site\/wp-content\/uploads\/2015\/11\/tut_Gradient_Illustrator_04_imagens_degrade_cone.mp4\">https:\/\/waltermattos.com\/site\/wp-content\/uploads\/2015\/11\/tut_Gradient_Illustrator_04_imagens_degrade_cone.mp4<\/a><\/video><\/div>\n<p>Se eu selecionar os dois objetos e usar o atalho <strong>\u201cCtrl + Alt + B\u201d<\/strong> para criar um efeito de blend entre eles, eu tenho o meu cone.<\/p>\n<p>Eu j\u00e1 mostrei esse efeito em um exemplo diferente no v\u00eddeo onde mostro dicas e atalhos \u00fateis de Illustrator, ent\u00e3o caso voc\u00ea ainda n\u00e3o tenha dado uma olhada eu deixei o link a\u00ed na descri\u00e7\u00e3o.<\/p>\n<p>Caso seu efeito n\u00e3o tenha ficado igual ao meu voc\u00ea pode usar o atalho <strong>\u201cW\u201d<\/strong> e em seguida apertar <strong>\u201cEnter\u201d<\/strong> para abrir a janela de edi\u00e7\u00e3o do blend e digitar o valor que voc\u00ea quiser para o n\u00famero de c\u00f3pias entre estes dois c\u00edrculos.<\/p>\n<p>Uma das vantagens desse efeito \u00e9 que \u00e9 poss\u00edvel editar o centro desse cone. Para fazer isso basta clicar na tecla <strong>\u201cV\u201d<\/strong> para habilitar a seta preta, dar dois cliques no objeto para entrar no modo de isolamento dele, e agora \u00e9 s\u00f3 arrastar o c\u00edrculo menor para longe do centro.<\/p>\n<div style=\"width: 640px;\" class=\"wp-video\"><video class=\"wp-video-shortcode\" id=\"video-3349-17\" width=\"640\" height=\"360\" preload=\"metadata\" controls=\"controls\"><source type=\"video\/mp4\" src=\"https:\/\/waltermattos.com\/site\/wp-content\/uploads\/2015\/11\/tut_Gradient_Illustrator_04_imagens_degrade_cone_perspectiva.mp4?_=17\" \/><a href=\"https:\/\/waltermattos.com\/site\/wp-content\/uploads\/2015\/11\/tut_Gradient_Illustrator_04_imagens_degrade_cone_perspectiva.mp4\">https:\/\/waltermattos.com\/site\/wp-content\/uploads\/2015\/11\/tut_Gradient_Illustrator_04_imagens_degrade_cone_perspectiva.mp4<\/a><\/video><\/div>\n<p>Assim voc\u00ea acaba criando um efeito bem parecido com o de perspectiva.<\/p>\n<h2>Gradient: degrad\u00ea em forma de cone<\/h2>\n<p>Aqui do lado direito o que eu tenho \u00e9 na verdade um objeto apenas com contorno, apesar de parecer que \u00e9 um preenchimento.<\/p>\n<p>Se eu digitar <strong>\u201c10pt\u201d<\/strong> no valor do stroke, por exemplo, voc\u00ea vai ver que ele \u00e9 apenas uma linha.<\/p>\n<div style=\"width: 640px;\" class=\"wp-video\"><video class=\"wp-video-shortcode\" id=\"video-3349-18\" width=\"640\" height=\"360\" preload=\"metadata\" controls=\"controls\"><source type=\"video\/mp4\" src=\"https:\/\/waltermattos.com\/site\/wp-content\/uploads\/2015\/11\/tut_Gradient_Illustrator_04_imagens_degrade_cone_stroke.mp4?_=18\" \/><a href=\"https:\/\/waltermattos.com\/site\/wp-content\/uploads\/2015\/11\/tut_Gradient_Illustrator_04_imagens_degrade_cone_stroke.mp4\">https:\/\/waltermattos.com\/site\/wp-content\/uploads\/2015\/11\/tut_Gradient_Illustrator_04_imagens_degrade_cone_stroke.mp4<\/a><\/video><\/div>\n<p>O valor do contorno tem que ser o suficiente para fechar esse buraco que fica no centro do objeto. Nesse caso, <strong>\u201c380\u201d<\/strong> d\u00e1 conta do recado.<\/p>\n<p>Agora basta eu selecionar um degrad\u00ea linear para este stroke, e aqui na janela <strong>\u201cGradient\u201d<\/strong> clico nesse bot\u00e3o do centro, <strong>\u201cApply gradient along stroke\u201d<\/strong>, para o degrad\u00ea percorrer o contorno. Ou seja, se ele come\u00e7a claro e termina escuro no efeito, ele come\u00e7a claro e termina escuro no objeto tamb\u00e9m.<\/p>\n<div style=\"width: 640px;\" class=\"wp-video\"><video class=\"wp-video-shortcode\" id=\"video-3349-19\" width=\"640\" height=\"360\" preload=\"metadata\" controls=\"controls\"><source type=\"video\/mp4\" src=\"https:\/\/waltermattos.com\/site\/wp-content\/uploads\/2015\/11\/tut_Gradient_Illustrator_04_imagens_degrade_cone_stroke_2.mp4?_=19\" \/><a href=\"https:\/\/waltermattos.com\/site\/wp-content\/uploads\/2015\/11\/tut_Gradient_Illustrator_04_imagens_degrade_cone_stroke_2.mp4\">https:\/\/waltermattos.com\/site\/wp-content\/uploads\/2015\/11\/tut_Gradient_Illustrator_04_imagens_degrade_cone_stroke_2.mp4<\/a><\/video><\/div>\n<p>S\u00f3 isso j\u00e1 cria um efeito bem interessante, mas caso eu queira criar o efeito de cone basta eu arrastar esse slider claro para o centro e duplicar o escuro, com o <strong>\u201cAlt\u201d<\/strong> pressionado e mover para o in\u00edcio do gradient.<\/p>\n<div style=\"width: 640px;\" class=\"wp-video\"><video class=\"wp-video-shortcode\" id=\"video-3349-20\" width=\"640\" height=\"360\" preload=\"metadata\" controls=\"controls\"><source type=\"video\/mp4\" src=\"https:\/\/waltermattos.com\/site\/wp-content\/uploads\/2015\/11\/tut_Gradient_Illustrator_04_imagens_degrade_cone_stroke_3.mp4?_=20\" \/><a href=\"https:\/\/waltermattos.com\/site\/wp-content\/uploads\/2015\/11\/tut_Gradient_Illustrator_04_imagens_degrade_cone_stroke_3.mp4\">https:\/\/waltermattos.com\/site\/wp-content\/uploads\/2015\/11\/tut_Gradient_Illustrator_04_imagens_degrade_cone_stroke_3.mp4<\/a><\/video><\/div>\n<p>Assim eu tenho um efeito de cone que come\u00e7a no escuro, vai para o claro, e termina no escuro.<\/p>\n<p>Mais uma vez dois efeitos bem parecidos utilizando t\u00e9cnicas diferentes. Quanto mais formas voc\u00ea conhecer para resolver o mesmo problema, melhor.<strong>\u00a0<\/strong><\/p>\n<h2>Blend: degrad\u00ea em formas org\u00e2nicas e abstratas<\/h2>\n<p>E por \u00faltimo, mais um degrad\u00ea utilizando o efeito <strong>\u201cBlend\u201d<\/strong>.<\/p>\n<p>Eu tenho aqui duas formas completamente abstratas e org\u00e2nicas. As duas s\u00e3o formadas apenas por contorno, sendo que a maior \u00e9 um azul claro e a menor, no centro, um azul da mesma cor que o fundo.<\/p>\n<div style=\"width: 640px;\" class=\"wp-video\"><video class=\"wp-video-shortcode\" id=\"video-3349-21\" width=\"640\" height=\"360\" preload=\"metadata\" controls=\"controls\"><source type=\"video\/mp4\" src=\"https:\/\/waltermattos.com\/site\/wp-content\/uploads\/2015\/11\/tut_Gradient_Illustrator_04_imagens_degrade_abstrato.mp4?_=21\" \/><a href=\"https:\/\/waltermattos.com\/site\/wp-content\/uploads\/2015\/11\/tut_Gradient_Illustrator_04_imagens_degrade_abstrato.mp4\">https:\/\/waltermattos.com\/site\/wp-content\/uploads\/2015\/11\/tut_Gradient_Illustrator_04_imagens_degrade_abstrato.mp4<\/a><\/video><\/div>\n<p>Eu vou utilizar o atalho <strong>\u201cCtrl + Alt + B\u201d<\/strong> mais uma vez para criar um blend, ou v\u00e1rias c\u00f3pias entre estas duas formas.<\/p>\n<p>O resultado \u00e9 esse degrad\u00ea bem abstrato mas bem interessante visualmente. E voc\u00ea pode usar essa t\u00e9cnica pra explorar designs bem diferenciados.<\/p>\n<p>Uma designer que explora este efeito muito bem e j\u00e1 foi mencionada aqui algumas vezes \u00e9 a Maria Groulnd. Ela tem uma s\u00e9rie chamada \u201c<a href=\"https:\/\/www.behance.net\/gallery\/9795093\/I-speak-fluid-colors\">I speak fluid colors<\/a>\u201d, onde ela cria esses efeitos utilizando o <strong>\u201cBlend\u201d<\/strong> do Illustrator e depois trabalha um pouco mais as distor\u00e7\u00f5es no Photoshop.<\/p>\n<img loading=\"lazy\" decoding=\"async\" width=\"640\" height=\"330\" class=\"alignnone size-full wp-image-3385\" src=\"https:\/\/waltermattos.com\/site\/wp-content\/uploads\/2015\/11\/maria_gronlund_i_speak_fluid_colors.jpg\" alt=\"maria_gronlund_i_speak_fluid_colors\" srcset=\"https:\/\/waltermattos.com\/site\/wp-content\/uploads\/2015\/11\/maria_gronlund_i_speak_fluid_colors.jpg 640w, https:\/\/waltermattos.com\/site\/wp-content\/uploads\/2015\/11\/maria_gronlund_i_speak_fluid_colors-310x159.jpg 310w\" sizes=\"auto, (max-width: 640px) 100vw, 640px\" \/>\n<p>Ela demonstrou detalhes sobre esse processo criativo para a revista <a href=\"http:\/\/inspire.adobe.com\/2015\/2\/3\/creatives_at_work_maria_gr_nlund_s_innovative_illustrator_techniques.html\">Inspire<\/a>, da Adobe, e eu deixei o link a\u00ed na descri\u00e7\u00e3o para quem quiser dar uma olhada.<\/p>\n<h2>Encerramento<\/h2>\n<p>Bom, \u00e9 isso, pessoal. Espero que voc\u00ea tenha gostado deste tutorial e que ele seja \u00fatil e te ajude a otimizar, pelo menos um pouco, seu processo de trabalho.<\/p>\n<p>Fica \u00e0 vontade para deixar seu coment\u00e1rio, e caso voc\u00ea tenha gostado e queira continuar acompanhando meu trabalho voc\u00ea pode se inscrever no canal ou visitar meu site, <a href=\"https:\/\/waltermattos.com\/\">waltermattos.com<\/a>, onde al\u00e9m dos v\u00eddeos em vers\u00e3o transcrita voc\u00ea encontra tamb\u00e9m outras dicas, reflex\u00f5es e tutoriais sobre design.<\/p>\n<p>Muito obrigado, um abra\u00e7o e at\u00e9 a pr\u00f3xima.<\/p>\n<p>&#8212;<\/p>\n","protected":false},"excerpt":{"rendered":"<p>Neste tutorial demonstro alguns macetes r\u00e1pidos para cria\u00e7\u00e3o de degrad\u00eas no Illustrator explorando diferentes t\u00e9cnicas. O v\u00eddeo foi inspirado na d\u00favida de um leitor com dificuldades de transi\u00e7\u00e3o do CorelDraw para o Illustrator, portanto, caso voc\u00ea tamb\u00e9m tenha este tipo de d\u00favida o tutorial pode ajudar. Voc\u00ea ver\u00e1 como criar degrad\u00eas utilizando as ferramentas Gradient,&#8230;  <a class=\"excerpt-read-more\" href=\"https:\/\/waltermattos.com\/site\/tutoriais\/macetes-degrades-illustrator\/\">Ler artigo<\/a><\/p>\n","protected":false},"author":2,"featured_media":3387,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_jetpack_memberships_contains_paid_content":false,"footnotes":"","jetpack_publicize_message":"Macetes para cria\u00e7\u00e3o de Degrad\u00eas no Illustrator http:\/\/wp.me\/p53J0J-S1","jetpack_publicize_feature_enabled":true,"jetpack_social_post_already_shared":true,"jetpack_social_options":{"image_generator_settings":{"template":"highway","enabled":false},"version":2}},"categories":[25,7,159],"tags":[166,165,27,62],"class_list":["post-3349","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-artigos","category-tutoriais","category-videos-2","tag-degrade","tag-gradient","tag-illustrator","tag-tutorial"],"jetpack_publicize_connections":[],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v27.2 - https:\/\/yoast.com\/product\/yoast-seo-wordpress\/ -->\n<title>Macetes para cria\u00e7\u00e3o de Degrad\u00eas no Illustrator<\/title>\n<meta name=\"description\" content=\"D\u00favidas sobre como criar degrad\u00eas no Illustrator? Talvez este tutorial possa ajudar.\" \/>\n<meta name=\"robots\" content=\"noindex, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<meta property=\"og:locale\" content=\"pt_BR\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Macetes para cria\u00e7\u00e3o de Degrad\u00eas no Illustrator\" \/>\n<meta property=\"og:description\" content=\"D\u00favidas sobre como criar degrad\u00eas no Illustrator? Talvez este tutorial possa ajudar.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/waltermattos.com\/site\/tutoriais\/macetes-degrades-illustrator\/\" \/>\n<meta property=\"og:site_name\" content=\"Walter Mattos\" \/>\n<meta property=\"article:published_time\" content=\"2015-05-12T21:12:57+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/waltermattos.com\/site\/wp-content\/uploads\/2015\/11\/tut_Gradient_Illustrator_04_Cover_Blog_Edit.jpg\" \/>\n\t<meta property=\"og:image:width\" content=\"420\" \/>\n\t<meta property=\"og:image:height\" content=\"420\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/jpeg\" \/>\n<meta name=\"author\" content=\"Walter Mattos\" \/>\n<meta name=\"twitter:label1\" content=\"Escrito por\" \/>\n\t<meta name=\"twitter:data1\" content=\"Walter Mattos\" \/>\n\t<meta name=\"twitter:label2\" content=\"Est. tempo de leitura\" \/>\n\t<meta name=\"twitter:data2\" content=\"12 minutos\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\/\/waltermattos.com\/site\/tutoriais\/macetes-degrades-illustrator\/#article\",\"isPartOf\":{\"@id\":\"https:\/\/waltermattos.com\/site\/tutoriais\/macetes-degrades-illustrator\/\"},\"author\":{\"name\":\"Walter Mattos\",\"@id\":\"https:\/\/waltermattos.com\/site\/#\/schema\/person\/d237be35b3af8e99d73dba176ae68175\"},\"headline\":\"Macetes para cria\u00e7\u00e3o de Degrad\u00eas no Illustrator\",\"datePublished\":\"2015-05-12T21:12:57+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\/\/waltermattos.com\/site\/tutoriais\/macetes-degrades-illustrator\/\"},\"wordCount\":2376,\"commentCount\":11,\"image\":{\"@id\":\"https:\/\/waltermattos.com\/site\/tutoriais\/macetes-degrades-illustrator\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/waltermattos.com\/site\/wp-content\/uploads\/2015\/11\/tut_Gradient_Illustrator_04_Cover_Blog_Edit.jpg\",\"keywords\":[\"Degrad\u00ea\",\"Gradient\",\"Illustrator\",\"Tutorial\"],\"articleSection\":[\"Artigos\",\"Tutoriais\",\"V\u00eddeos\"],\"inLanguage\":\"pt-BR\",\"potentialAction\":[{\"@type\":\"CommentAction\",\"name\":\"Comment\",\"target\":[\"https:\/\/waltermattos.com\/site\/tutoriais\/macetes-degrades-illustrator\/#respond\"]}]},{\"@type\":\"WebPage\",\"@id\":\"https:\/\/waltermattos.com\/site\/tutoriais\/macetes-degrades-illustrator\/\",\"url\":\"https:\/\/waltermattos.com\/site\/tutoriais\/macetes-degrades-illustrator\/\",\"name\":\"Macetes para cria\u00e7\u00e3o de Degrad\u00eas no Illustrator\",\"isPartOf\":{\"@id\":\"https:\/\/waltermattos.com\/site\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/waltermattos.com\/site\/tutoriais\/macetes-degrades-illustrator\/#primaryimage\"},\"image\":{\"@id\":\"https:\/\/waltermattos.com\/site\/tutoriais\/macetes-degrades-illustrator\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/waltermattos.com\/site\/wp-content\/uploads\/2015\/11\/tut_Gradient_Illustrator_04_Cover_Blog_Edit.jpg\",\"datePublished\":\"2015-05-12T21:12:57+00:00\",\"author\":{\"@id\":\"https:\/\/waltermattos.com\/site\/#\/schema\/person\/d237be35b3af8e99d73dba176ae68175\"},\"description\":\"D\u00favidas sobre como criar degrad\u00eas no Illustrator? Talvez este tutorial possa ajudar.\",\"inLanguage\":\"pt-BR\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/waltermattos.com\/site\/tutoriais\/macetes-degrades-illustrator\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"pt-BR\",\"@id\":\"https:\/\/waltermattos.com\/site\/tutoriais\/macetes-degrades-illustrator\/#primaryimage\",\"url\":\"https:\/\/waltermattos.com\/site\/wp-content\/uploads\/2015\/11\/tut_Gradient_Illustrator_04_Cover_Blog_Edit.jpg\",\"contentUrl\":\"https:\/\/waltermattos.com\/site\/wp-content\/uploads\/2015\/11\/tut_Gradient_Illustrator_04_Cover_Blog_Edit.jpg\",\"width\":420,\"height\":420},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/waltermattos.com\/site\/#website\",\"url\":\"https:\/\/waltermattos.com\/site\/\",\"name\":\"Walter Mattos\",\"description\":\"\",\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/waltermattos.com\/site\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"pt-BR\"},{\"@type\":\"Person\",\"@id\":\"https:\/\/waltermattos.com\/site\/#\/schema\/person\/d237be35b3af8e99d73dba176ae68175\",\"name\":\"Walter Mattos\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"pt-BR\",\"@id\":\"https:\/\/secure.gravatar.com\/avatar\/5dc7ec4d23186e07e90ded5d0d17b7b54a9fddb7722b5e0b8fff5bb931511f70?s=96&d=mm&r=g\",\"url\":\"https:\/\/secure.gravatar.com\/avatar\/5dc7ec4d23186e07e90ded5d0d17b7b54a9fddb7722b5e0b8fff5bb931511f70?s=96&d=mm&r=g\",\"contentUrl\":\"https:\/\/secure.gravatar.com\/avatar\/5dc7ec4d23186e07e90ded5d0d17b7b54a9fddb7722b5e0b8fff5bb931511f70?s=96&d=mm&r=g\",\"caption\":\"Walter Mattos\"},\"description\":\"Walter Mattos \u00e9 um designer brasileiro apaixonado por cria\u00e7\u00e3o de marcas e identidades visuais. Em seu blog e canal no Youtube compartilha suas experi\u00eancias atrav\u00e9s de dicas, reflex\u00f5es e tutoriais relacionados a design.\",\"sameAs\":[\"https:\/\/waltermattos.com\"],\"url\":\"https:\/\/waltermattos.com\/site\/author\/walter\/\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Macetes para cria\u00e7\u00e3o de Degrad\u00eas no Illustrator","description":"D\u00favidas sobre como criar degrad\u00eas no Illustrator? Talvez este tutorial possa ajudar.","robots":{"index":"noindex","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"og_locale":"pt_BR","og_type":"article","og_title":"Macetes para cria\u00e7\u00e3o de Degrad\u00eas no Illustrator","og_description":"D\u00favidas sobre como criar degrad\u00eas no Illustrator? Talvez este tutorial possa ajudar.","og_url":"https:\/\/waltermattos.com\/site\/tutoriais\/macetes-degrades-illustrator\/","og_site_name":"Walter Mattos","article_published_time":"2015-05-12T21:12:57+00:00","og_image":[{"width":420,"height":420,"url":"https:\/\/waltermattos.com\/site\/wp-content\/uploads\/2015\/11\/tut_Gradient_Illustrator_04_Cover_Blog_Edit.jpg","type":"image\/jpeg"}],"author":"Walter Mattos","twitter_misc":{"Escrito por":"Walter Mattos","Est. tempo de leitura":"12 minutos"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/waltermattos.com\/site\/tutoriais\/macetes-degrades-illustrator\/#article","isPartOf":{"@id":"https:\/\/waltermattos.com\/site\/tutoriais\/macetes-degrades-illustrator\/"},"author":{"name":"Walter Mattos","@id":"https:\/\/waltermattos.com\/site\/#\/schema\/person\/d237be35b3af8e99d73dba176ae68175"},"headline":"Macetes para cria\u00e7\u00e3o de Degrad\u00eas no Illustrator","datePublished":"2015-05-12T21:12:57+00:00","mainEntityOfPage":{"@id":"https:\/\/waltermattos.com\/site\/tutoriais\/macetes-degrades-illustrator\/"},"wordCount":2376,"commentCount":11,"image":{"@id":"https:\/\/waltermattos.com\/site\/tutoriais\/macetes-degrades-illustrator\/#primaryimage"},"thumbnailUrl":"https:\/\/waltermattos.com\/site\/wp-content\/uploads\/2015\/11\/tut_Gradient_Illustrator_04_Cover_Blog_Edit.jpg","keywords":["Degrad\u00ea","Gradient","Illustrator","Tutorial"],"articleSection":["Artigos","Tutoriais","V\u00eddeos"],"inLanguage":"pt-BR","potentialAction":[{"@type":"CommentAction","name":"Comment","target":["https:\/\/waltermattos.com\/site\/tutoriais\/macetes-degrades-illustrator\/#respond"]}]},{"@type":"WebPage","@id":"https:\/\/waltermattos.com\/site\/tutoriais\/macetes-degrades-illustrator\/","url":"https:\/\/waltermattos.com\/site\/tutoriais\/macetes-degrades-illustrator\/","name":"Macetes para cria\u00e7\u00e3o de Degrad\u00eas no Illustrator","isPartOf":{"@id":"https:\/\/waltermattos.com\/site\/#website"},"primaryImageOfPage":{"@id":"https:\/\/waltermattos.com\/site\/tutoriais\/macetes-degrades-illustrator\/#primaryimage"},"image":{"@id":"https:\/\/waltermattos.com\/site\/tutoriais\/macetes-degrades-illustrator\/#primaryimage"},"thumbnailUrl":"https:\/\/waltermattos.com\/site\/wp-content\/uploads\/2015\/11\/tut_Gradient_Illustrator_04_Cover_Blog_Edit.jpg","datePublished":"2015-05-12T21:12:57+00:00","author":{"@id":"https:\/\/waltermattos.com\/site\/#\/schema\/person\/d237be35b3af8e99d73dba176ae68175"},"description":"D\u00favidas sobre como criar degrad\u00eas no Illustrator? Talvez este tutorial possa ajudar.","inLanguage":"pt-BR","potentialAction":[{"@type":"ReadAction","target":["https:\/\/waltermattos.com\/site\/tutoriais\/macetes-degrades-illustrator\/"]}]},{"@type":"ImageObject","inLanguage":"pt-BR","@id":"https:\/\/waltermattos.com\/site\/tutoriais\/macetes-degrades-illustrator\/#primaryimage","url":"https:\/\/waltermattos.com\/site\/wp-content\/uploads\/2015\/11\/tut_Gradient_Illustrator_04_Cover_Blog_Edit.jpg","contentUrl":"https:\/\/waltermattos.com\/site\/wp-content\/uploads\/2015\/11\/tut_Gradient_Illustrator_04_Cover_Blog_Edit.jpg","width":420,"height":420},{"@type":"WebSite","@id":"https:\/\/waltermattos.com\/site\/#website","url":"https:\/\/waltermattos.com\/site\/","name":"Walter Mattos","description":"","potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/waltermattos.com\/site\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"pt-BR"},{"@type":"Person","@id":"https:\/\/waltermattos.com\/site\/#\/schema\/person\/d237be35b3af8e99d73dba176ae68175","name":"Walter Mattos","image":{"@type":"ImageObject","inLanguage":"pt-BR","@id":"https:\/\/secure.gravatar.com\/avatar\/5dc7ec4d23186e07e90ded5d0d17b7b54a9fddb7722b5e0b8fff5bb931511f70?s=96&d=mm&r=g","url":"https:\/\/secure.gravatar.com\/avatar\/5dc7ec4d23186e07e90ded5d0d17b7b54a9fddb7722b5e0b8fff5bb931511f70?s=96&d=mm&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/5dc7ec4d23186e07e90ded5d0d17b7b54a9fddb7722b5e0b8fff5bb931511f70?s=96&d=mm&r=g","caption":"Walter Mattos"},"description":"Walter Mattos \u00e9 um designer brasileiro apaixonado por cria\u00e7\u00e3o de marcas e identidades visuais. Em seu blog e canal no Youtube compartilha suas experi\u00eancias atrav\u00e9s de dicas, reflex\u00f5es e tutoriais relacionados a design.","sameAs":["https:\/\/waltermattos.com"],"url":"https:\/\/waltermattos.com\/site\/author\/walter\/"}]}},"jetpack_featured_media_url":"https:\/\/waltermattos.com\/site\/wp-content\/uploads\/2015\/11\/tut_Gradient_Illustrator_04_Cover_Blog_Edit.jpg","jetpack_sharing_enabled":true,"jetpack_shortlink":"https:\/\/wp.me\/p53J0J-S1","_links":{"self":[{"href":"https:\/\/waltermattos.com\/site\/wp-json\/wp\/v2\/posts\/3349","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/waltermattos.com\/site\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/waltermattos.com\/site\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/waltermattos.com\/site\/wp-json\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/waltermattos.com\/site\/wp-json\/wp\/v2\/comments?post=3349"}],"version-history":[{"count":13,"href":"https:\/\/waltermattos.com\/site\/wp-json\/wp\/v2\/posts\/3349\/revisions"}],"predecessor-version":[{"id":3386,"href":"https:\/\/waltermattos.com\/site\/wp-json\/wp\/v2\/posts\/3349\/revisions\/3386"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/waltermattos.com\/site\/wp-json\/wp\/v2\/media\/3387"}],"wp:attachment":[{"href":"https:\/\/waltermattos.com\/site\/wp-json\/wp\/v2\/media?parent=3349"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/waltermattos.com\/site\/wp-json\/wp\/v2\/categories?post=3349"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/waltermattos.com\/site\/wp-json\/wp\/v2\/tags?post=3349"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}