{"id":5695,"date":"2017-05-29T08:23:42","date_gmt":"2017-05-29T11:23:42","guid":{"rendered":"https:\/\/waltermattos.com\/?p=5695"},"modified":"2017-08-26T20:10:42","modified_gmt":"2017-08-26T23:10:42","slug":"como-criar-multiplos-efeitos-em-textos-utilizando-o-painel-appearance-no-illustrator","status":"publish","type":"post","link":"https:\/\/waltermattos.com\/site\/tutoriais\/como-criar-multiplos-efeitos-em-textos-utilizando-o-painel-appearance-no-illustrator\/","title":{"rendered":"Como criar m\u00faltiplos efeitos em textos utilizando o Painel Appearance no Illustrator"},"content":{"rendered":"<p><iframe loading=\"lazy\" src=\"https:\/\/www.youtube.com\/embed\/LdnsssKrz8I\" width=\"640\" height=\"360\" frameborder=\"0\" allowfullscreen=\"allowfullscreen\"><\/iframe><\/p>\n<p>Voc\u00ea conhece o painel\u00a0<strong>\u201cAppearance\u201d<\/strong>\u00a0do Illustrator? Mesmo?<\/p>\n<p>Neste tutorial daremos uma olhada bem de perto nesse painel\u00a0e veremos como criar diferentes tipos de efeitos sobre textos, de maneira que os textos\u00a0permane\u00e7am edit\u00e1veis e os efeitos facilmente replic\u00e1veis.<\/p>\n<img loading=\"lazy\" decoding=\"async\" width=\"640\" height=\"433\" class=\"alignnone size-full wp-image-5697\" src=\"https:\/\/waltermattos.com\/site\/wp-content\/uploads\/2017\/05\/Highlight_Texto_640.png\" alt=\"Highlight_Texto_640\" srcset=\"https:\/\/waltermattos.com\/site\/wp-content\/uploads\/2017\/05\/Highlight_Texto_640.png 640w, https:\/\/waltermattos.com\/site\/wp-content\/uploads\/2017\/05\/Highlight_Texto_640-310x210.png 310w\" sizes=\"auto, (max-width: 640px) 100vw, 640px\" \/>\n<img loading=\"lazy\" decoding=\"async\" width=\"640\" height=\"372\" class=\"alignnone size-full wp-image-5699\" src=\"https:\/\/waltermattos.com\/site\/wp-content\/uploads\/2017\/05\/Multiplos_Contornos_3D_Sombra_640.png\" alt=\"Multiplos_Contornos_3D_Sombra_640\" srcset=\"https:\/\/waltermattos.com\/site\/wp-content\/uploads\/2017\/05\/Multiplos_Contornos_3D_Sombra_640.png 640w, https:\/\/waltermattos.com\/site\/wp-content\/uploads\/2017\/05\/Multiplos_Contornos_3D_Sombra_640-310x180.png 310w\" sizes=\"auto, (max-width: 640px) 100vw, 640px\" \/>\n<img loading=\"lazy\" decoding=\"async\" width=\"640\" height=\"339\" class=\"alignnone size-full wp-image-5696\" src=\"https:\/\/waltermattos.com\/site\/wp-content\/uploads\/2017\/05\/Box_Estilizado_Abertura_640.png\" alt=\"Box_Estilizado_Abertura_640\" srcset=\"https:\/\/waltermattos.com\/site\/wp-content\/uploads\/2017\/05\/Box_Estilizado_Abertura_640.png 640w, https:\/\/waltermattos.com\/site\/wp-content\/uploads\/2017\/05\/Box_Estilizado_Abertura_640-310x164.png 310w\" sizes=\"auto, (max-width: 640px) 100vw, 640px\" \/>\n<p>Todas as imagens utilizadas neste tutorial s\u00e3o\u00a0do <a href=\"http:\/\/waltermattos.com\/go\/fotolia\/\" target=\"_blank\" rel=\"noopener noreferrer\">Fotolia<\/a>, um servi\u00e7o de banco de imagens da Adobe. Os links para essas\u00a0imagens est\u00e3o no final do artigo.<\/p>\n<h2>Entendendo o Painel Appearance<\/h2>\n<p>Antes de partir para o primeiro efeito, vamos come\u00e7ar pelo b\u00e1sico. Voc\u00ea precisa n\u00e3o s\u00f3 entender como funciona o painel <strong>\u201cAppearance\u201d<\/strong>, como precisa saber que existe uma pequena diferen\u00e7a na forma como esse painel trata textos e outros objetos.<\/p>\n<p>Este in\u00edcio ser\u00e1 bastante introdut\u00f3rio, ok? Ent\u00e3o, caso voc\u00ea j\u00e1 tenha a manha, fique \u00e0 vontade para pular para as pr\u00f3ximas etapas.<\/p>\n<p>Caso o painel n\u00e3o esteja aparecendo para voc\u00ea, basta clicar\u00a0em <strong>\u201cWindow &gt; Appearance\u201d<\/strong>.<\/p>\n<p>Vamos nos concentrar no\u00a0ret\u00e2ngulo rosa, por enquanto.<\/p>\n<img loading=\"lazy\" decoding=\"async\" width=\"640\" height=\"360\" class=\"alignnone size-full wp-image-5701\" src=\"https:\/\/waltermattos.com\/site\/wp-content\/uploads\/2017\/05\/WM_Destaque_Texto_Appearence_Export_Blog-Time-0_01_3705.png\" alt=\"WM_Destaque_Texto_Appearence_Export_Blog (Time 0_01_37;05)\" srcset=\"https:\/\/waltermattos.com\/site\/wp-content\/uploads\/2017\/05\/WM_Destaque_Texto_Appearence_Export_Blog-Time-0_01_3705.png 640w, https:\/\/waltermattos.com\/site\/wp-content\/uploads\/2017\/05\/WM_Destaque_Texto_Appearence_Export_Blog-Time-0_01_3705-310x174.png 310w\" sizes=\"auto, (max-width: 640px) 100vw, 640px\" \/>\n<p>Ele \u00e9 um objeto separado do texto e, como a gente pode observar pelo painel, ele tem apenas preenchimento e um efeito de <strong>\u201cRounded Rectangle\u201d<\/strong>, que faz com que ele tenha as bordas arredondadas.<\/p>\n<p>\u00c9 importante entender que toda informa\u00e7\u00e3o que entrar nesse painel ser\u00e1 considerada apenas uma apar\u00eancia, uma caracter\u00edstica visual do objeto.<\/p>\n<p>E uma das vantagens do painel <strong>\u201cAppearance\u201d<\/strong> \u00e9 justamente o fato de que posso adicionar um n\u00famero ilimitado de contornos, de preenchimentos e de efeitos em um \u00fanico objeto.<\/p>\n<p>E como todas as propriedades desse ret\u00e2ngulo s\u00e3o efeitos de apar\u00eancia, caso eu clique no menu dropdown do painel, voc\u00ea nota a\u00a0tenho a op\u00e7\u00e3o <strong>\u201cClear Appearance\u201d<\/strong>, que faz com que eu limpe todas as caracter\u00edsticas visuais desse objeto.<\/p>\n<img loading=\"lazy\" decoding=\"async\" width=\"640\" height=\"360\" class=\"alignnone size-full wp-image-5702\" src=\"https:\/\/waltermattos.com\/site\/wp-content\/uploads\/2017\/05\/WM_Destaque_Texto_Appearence_Export_Blog_Clear_Appearence.gif\" alt=\"WM_Destaque_Texto_Appearence_Export_Blog_Clear_Appearence\" \/>\n<p>Nesse caso ele ainda est\u00e1 aqui, s\u00f3 que sem preenchimento, contorno ou qualquer tipo de efeito aplicado.<\/p>\n<p>Bom, mas por que essa informa\u00e7\u00e3o \u00e9 relevante para a gente? Porque textos se comportam de maneira um pouco diferente dentro do painel <strong>\u201cAppearance\u201d<\/strong>.<\/p>\n<p>Quando eu seleciono o texto voc\u00ea j\u00e1 nota uma diferen\u00e7a.<\/p>\n<img loading=\"lazy\" decoding=\"async\" width=\"640\" height=\"360\" class=\"alignnone size-full wp-image-5703\" src=\"https:\/\/waltermattos.com\/site\/wp-content\/uploads\/2017\/05\/WM_Destaque_Texto_Appearence_Export_Blog-Time-0_02_1522.png\" alt=\"WM_Destaque_Texto_Appearence_Export_Blog (Time 0_02_15;22)\" srcset=\"https:\/\/waltermattos.com\/site\/wp-content\/uploads\/2017\/05\/WM_Destaque_Texto_Appearence_Export_Blog-Time-0_02_1522.png 640w, https:\/\/waltermattos.com\/site\/wp-content\/uploads\/2017\/05\/WM_Destaque_Texto_Appearence_Export_Blog-Time-0_02_1522-310x174.png 310w\" sizes=\"auto, (max-width: 640px) 100vw, 640px\" \/>\n<p>Apesar de poder acrescentar novas propriedades nesse objeto, eu n\u00e3o tenho nenhuma caracter\u00edstica visual relacionada ao texto. E, nesse caso, tamb\u00e9m n\u00e3o temos a op\u00e7\u00e3o <strong>\u201cClear Appearance\u201d<\/strong> dispon\u00edvel.<\/p>\n<p>Mas se n\u00e3o temos nenhuma informa\u00e7\u00e3o de apar\u00eancia, por que o texto est\u00e1 branco?<\/p>\n<p>Porque esse objeto <strong>\u201ctexto\u201d<\/strong>, na verdade, tem uma esp\u00e9cie de subn\u00edvel\u00a0&#8211; os\u00a0<strong>\u201cCharacters\u201d<\/strong>. Isso significa que esse \u00e9 um objeto composto por letras, n\u00fameros, enfim.<\/p>\n<p>Caso eu clique na palavra <strong>\u201cCharacters\u201d<\/strong>,\u00a0entro nesse subn\u00edvel.<\/p>\n<img loading=\"lazy\" decoding=\"async\" width=\"640\" height=\"360\" class=\"alignnone size-full wp-image-5704\" src=\"https:\/\/waltermattos.com\/site\/wp-content\/uploads\/2017\/05\/WM_Destaque_Texto_Appearence_Export_Blog-Time-0_02_2812.png\" alt=\"WM_Destaque_Texto_Appearence_Export_Blog (Time 0_02_28;12)\" srcset=\"https:\/\/waltermattos.com\/site\/wp-content\/uploads\/2017\/05\/WM_Destaque_Texto_Appearence_Export_Blog-Time-0_02_2812.png 640w, https:\/\/waltermattos.com\/site\/wp-content\/uploads\/2017\/05\/WM_Destaque_Texto_Appearence_Export_Blog-Time-0_02_2812-310x174.png 310w\" sizes=\"auto, (max-width: 640px) 100vw, 640px\" \/>\n<p>Aqui eu\u00a0encontro algumas caracter\u00edsticas visuais, mas n\u00e3o posso acrescentar nenhum outro atributo aqui dentro al\u00e9m do preenchimento e contorno existentes, apenas edit\u00e1-los.<\/p>\n<p>E caso eu clique em <strong>\u201cType: No Appearance\u201d<\/strong> eu volto para a etapa anterior onde o texto, teoricamente, n\u00e3o tem nenhum efeito de apar\u00eancia. Por isso o nome <strong>\u201cType: No Appearance\u201d<\/strong>.<\/p>\n<p>Ent\u00e3o, apenas fazendo um resumo mais visual, o que n\u00f3s temos aqui \u00e9 o seguinte:<\/p>\n<img loading=\"lazy\" decoding=\"async\" width=\"640\" height=\"410\" class=\"alignnone size-full wp-image-5705\" src=\"https:\/\/waltermattos.com\/site\/wp-content\/uploads\/2017\/05\/WM_Destaque_Texto_Appearence_Export_Blog_Subnivel.png\" alt=\"WM_Destaque_Texto_Appearence_Export_Blog_Subnivel\" srcset=\"https:\/\/waltermattos.com\/site\/wp-content\/uploads\/2017\/05\/WM_Destaque_Texto_Appearence_Export_Blog_Subnivel.png 640w, https:\/\/waltermattos.com\/site\/wp-content\/uploads\/2017\/05\/WM_Destaque_Texto_Appearence_Export_Blog_Subnivel-310x199.png 310w, https:\/\/waltermattos.com\/site\/wp-content\/uploads\/2017\/05\/WM_Destaque_Texto_Appearence_Export_Blog_Subnivel-420x270.png 420w\" sizes=\"auto, (max-width: 640px) 100vw, 640px\" \/>\n<p>De um lado o objeto <strong>\u201cPath\u201d<\/strong>, com algumas caracter\u00edsticas de apar\u00eancia registradas no painel e com a possibilidade de acrescentar outras caracter\u00edsticas utilizando um dos tr\u00eas bot\u00f5es desse painel.<\/p>\n<p>Do outro lado n\u00f3s temos o objeto <strong>\u201cTexto\u201d<\/strong>, que num primeiro momento n\u00e3o tem nenhuma informa\u00e7\u00e3o de apar\u00eancia registrada, exceto pela opacidade do pr\u00f3prio objeto. Mas, apesar disso, nesse momento eu consigo acrescentar novas caracter\u00edsticas utilizando os bot\u00f5es da base do painel.<\/p>\n<p>S\u00f3 que esse objeto <strong>\u201cTexto\u201d <\/strong>tem um subn\u00edvel, os <strong>\u201cCharacters\u201d<\/strong>. E dentro de<strong> \u201cCharacters\u201d<\/strong> eu tenho informa\u00e7\u00f5es de contorno e preenchimento, mas n\u00e3o posso acrescentar nenhuma outra caracter\u00edstica.<\/p>\n<p>Bom, se voc\u00ea tinha d\u00favidas sobre essas diferen\u00e7as, espero que at\u00e9 aqui tenha ficado f\u00e1cil de entender.<\/p>\n<p>Ent\u00e3o vamos come\u00e7ar a brincar com essas informa\u00e7\u00f5es e testar algumas possibilidades.<\/p>\n<h2>Exemplo\u00a001:\u00a0Criando um Highlight atr\u00e1s do texto<\/h2>\n<p>O\u00a0primeiro efeito que n\u00f3s vamos criar \u00e9 bem simples, e \u00e9 justamente uma simula\u00e7\u00e3o desse Highlight atr\u00e1s do texto. Mas eu n\u00e3o quero que ele seja um objeto separado, quero que ele fa\u00e7a parte do texto.<\/p>\n<img loading=\"lazy\" decoding=\"async\" width=\"640\" height=\"433\" class=\"alignnone size-full wp-image-5697\" src=\"https:\/\/waltermattos.com\/site\/wp-content\/uploads\/2017\/05\/Highlight_Texto_640.png\" alt=\"Highlight_Texto_640\" srcset=\"https:\/\/waltermattos.com\/site\/wp-content\/uploads\/2017\/05\/Highlight_Texto_640.png 640w, https:\/\/waltermattos.com\/site\/wp-content\/uploads\/2017\/05\/Highlight_Texto_640-310x210.png 310w\" sizes=\"auto, (max-width: 640px) 100vw, 640px\" \/>\n<p>Eu come\u00e7o criando um novo preenchimento e altero a cor dele para um amarelo pr\u00f3ximo da roupa da menina. Esse preenchimento n\u00e3o substitui o branco, ele est\u00e1 apenas na frente do branco. Ent\u00e3o, caso eu oculte esse amarelo aqui no painel voc\u00ea ainda enxerga o texto branco.<\/p>\n<img loading=\"lazy\" decoding=\"async\" width=\"640\" height=\"360\" class=\"alignnone size-full wp-image-5707\" src=\"https:\/\/waltermattos.com\/site\/wp-content\/uploads\/2017\/05\/WM_Destaque_Texto_Appearence_Export_Blog_New_Fill.gif\" alt=\"WM_Destaque_Texto_Appearence_Export_Blog_New_Fill\" \/>\n<p>E \u00e9 a\u00ed que entra, na minha opini\u00e3o, a grande maravilha do painel <strong>\u201cAppearance\u201d<\/strong>. Todo contorno ou preenchimento que eu adicionar aqui dentro se comporta praticamente como um novo objeto. E essa \u00e9 a grande sacada.<\/p>\n<p>Tanto \u00e9 que eu tenho controle individual de opacidade e <strong>\u201cBlending Mode\u201d<\/strong> para cada um deles. E como se isso j\u00e1 n\u00e3o fosse suficiente eu posso aplicar efeitos isoladamente em um preenchimento ou em um contorno enquanto estiver aqui dentro do painel <strong>\u201cAppearance\u201d<\/strong>.<\/p>\n<img loading=\"lazy\" decoding=\"async\" width=\"640\" height=\"360\" class=\"alignnone size-full wp-image-5708\" src=\"https:\/\/waltermattos.com\/site\/wp-content\/uploads\/2017\/05\/WM_Destaque_Texto_Appearence_Export_Blog-Time-0_04_1409.png\" alt=\"WM_Destaque_Texto_Appearence_Export_Blog (Time 0_04_14;09)\" srcset=\"https:\/\/waltermattos.com\/site\/wp-content\/uploads\/2017\/05\/WM_Destaque_Texto_Appearence_Export_Blog-Time-0_04_1409.png 640w, https:\/\/waltermattos.com\/site\/wp-content\/uploads\/2017\/05\/WM_Destaque_Texto_Appearence_Export_Blog-Time-0_04_1409-310x174.png 310w\" sizes=\"auto, (max-width: 640px) 100vw, 640px\" \/>\n<p>Ent\u00e3o, para criar um ret\u00e2ngulo de bordas arredondadas basta me certificar que estou com o novo preenchimento selecionado e venho no bot\u00e3o <strong>\u201cEffects\u201d<\/strong>, <strong>\u201cConvert to Shape\u201d<\/strong>.<\/p>\n<img loading=\"lazy\" decoding=\"async\" width=\"640\" height=\"360\" class=\"alignnone size-full wp-image-5709\" src=\"https:\/\/waltermattos.com\/site\/wp-content\/uploads\/2017\/05\/WM_Destaque_Texto_Appearence_Export_Blog-Time-0_04_3316.png\" alt=\"WM_Destaque_Texto_Appearence_Export_Blog (Time 0_04_33;16)\" srcset=\"https:\/\/waltermattos.com\/site\/wp-content\/uploads\/2017\/05\/WM_Destaque_Texto_Appearence_Export_Blog-Time-0_04_3316.png 640w, https:\/\/waltermattos.com\/site\/wp-content\/uploads\/2017\/05\/WM_Destaque_Texto_Appearence_Export_Blog-Time-0_04_3316-310x174.png 310w\" sizes=\"auto, (max-width: 640px) 100vw, 640px\" \/>\n<p>Aqui eu escolho a op\u00e7\u00e3o <strong>\u201cRounded Rectangle\u201d<\/strong> e, nesse exemplo, escolho os valores <strong>\u201c50\u201d<\/strong> e <strong>\u201c18\u201d<\/strong> pixels para a largura e altura relativas desse ret\u00e2ngulo.<\/p>\n<p>A \u00fanica coisa que eu preciso fazer agora \u00e9 arrastar esse preenchimento para tr\u00e1s dos <strong>\u201cCharacters\u201d<\/strong>.<\/p>\n<img loading=\"lazy\" decoding=\"async\" width=\"640\" height=\"360\" class=\"alignnone size-full wp-image-5710\" src=\"https:\/\/waltermattos.com\/site\/wp-content\/uploads\/2017\/05\/WM_Destaque_Texto_Appearence_Export_Blog_Move_Fill.gif\" alt=\"WM_Destaque_Texto_Appearence_Export_Blog_Move_Fill\" \/>\n<p>Assim o branco volta a aparecer e agora eu posso escrever o texto que eu quiser que o ret\u00e2ngulo vai acompanhar esse texto em tempo real. Esse novo preenchimento se comporta praticamente como uma segunda inst\u00e2ncia do meu texto, s\u00f3 que agora com a apar\u00eancia de um ret\u00e2ngulo.<\/p>\n<p>Ent\u00e3o, se ao inv\u00e9s de aplicar um efeito de forma eu tivesse aplicado um efeito de deslocamento nesse preenchimento amarelo n\u00f3s ter\u00edamos dois textos id\u00eanticos, mas cada um com uma cor. O branco como cor dos caracteres e o amarelo como cor do objeto.<\/p>\n<img loading=\"lazy\" decoding=\"async\" width=\"640\" height=\"360\" class=\"alignnone size-full wp-image-5711\" src=\"https:\/\/waltermattos.com\/site\/wp-content\/uploads\/2017\/05\/WM_Destaque_Texto_Appearence_Export_Blog_Instancia.gif\" alt=\"WM_Destaque_Texto_Appearence_Export_Blog_Instancia\" \/>\n<p>T\u00e1 dando pra sacar? Mais pra frente eu vou exemplificar como criar esse efeito de deslocamento.<\/p>\n<p>E existem algumas formas de replicar as caracter\u00edsticas registradas aqui em outros objetos.<\/p>\n<h2>Copiando efeitos pelo Painel Appearance<\/h2>\n<p>E nesse primeiro exemplo n\u00f3s vamos utilizar o pr\u00f3prio painel.<\/p>\n<p>Basta arrastar\u00a0a miniatura do topo do painel para\u00a0outro objeto qualquer. Essa miniatura\u00a0representa todas as caracter\u00edsticas e efeitos aplicados nesse objeto.<\/p>\n<img loading=\"lazy\" decoding=\"async\" width=\"640\" height=\"360\" class=\"alignnone size-full wp-image-5713\" src=\"https:\/\/waltermattos.com\/site\/wp-content\/uploads\/2017\/05\/WM_Destaque_Texto_Appearence_Export_Blog_Texto_Invisivel_B.gif\" alt=\"WM_Destaque_Texto_Appearence_Export_Blog_Texto_Invisivel_B\" \/>\n<p>Mas olha o que aconteceu, o texto ficou invis\u00edvel.<\/p>\n<p>Caso eu selecione esse novo texto voc\u00ea nota que o Illustrator copiou apenas o aquele novo preenchimento onde n\u00f3s aplicamos o efeito. Ele n\u00e3o copiou as informa\u00e7\u00f5es registradas dentro dos <strong>\u201cCharacteres\u201d<\/strong>.<\/p>\n<p>Ent\u00e3o a gente acabou de descobrir que o Illustrator n\u00e3o copia as caracter\u00edsticas dos caracteres dessa forma, utilizando o painel <strong>\u201cAppearance\u201d<\/strong>. Mas isso, na verdade, \u00e9 bem f\u00e1cil de resolver.<\/p>\n<p>Primeiro volto para a palavra <strong>\u201cGirl\u201d<\/strong> e excluo o preenchimento branco registrado nos <strong>\u201cCharacters\u201d<\/strong>. Depois\u00a0crio um novo preenchimento no objeto e altero a cor dele para branco.<\/p>\n<p>Feito isso, basta arrastar novamente a miniatura do texto <strong>\u201cGirl\u201d <\/strong>para a o texto invis\u00edvel.<\/p>\n<img loading=\"lazy\" decoding=\"async\" width=\"640\" height=\"360\" class=\"alignnone size-full wp-image-5714\" src=\"https:\/\/waltermattos.com\/site\/wp-content\/uploads\/2017\/05\/WM_Destaque_Texto_Appearence_Export_Blog-Time-0_06_2116.png\" alt=\"WM_Destaque_Texto_Appearence_Export_Blog (Time 0_06_21;16)\" srcset=\"https:\/\/waltermattos.com\/site\/wp-content\/uploads\/2017\/05\/WM_Destaque_Texto_Appearence_Export_Blog-Time-0_06_2116.png 640w, https:\/\/waltermattos.com\/site\/wp-content\/uploads\/2017\/05\/WM_Destaque_Texto_Appearence_Export_Blog-Time-0_06_2116-310x174.png 310w\" sizes=\"auto, (max-width: 640px) 100vw, 640px\" \/>\n<img loading=\"lazy\" decoding=\"async\" width=\"640\" height=\"433\" class=\"alignnone size-full wp-image-5697\" src=\"https:\/\/waltermattos.com\/site\/wp-content\/uploads\/2017\/05\/Highlight_Texto_640.png\" alt=\"Highlight_Texto_640\" srcset=\"https:\/\/waltermattos.com\/site\/wp-content\/uploads\/2017\/05\/Highlight_Texto_640.png 640w, https:\/\/waltermattos.com\/site\/wp-content\/uploads\/2017\/05\/Highlight_Texto_640-310x210.png 310w\" sizes=\"auto, (max-width: 640px) 100vw, 640px\" \/>\n<h2>Exemplo 02: M\u00faltiplos contornos, Patterns e volumes\u00a0no texto<\/h2>\n<p>E agora que o b\u00e1sico j\u00e1 foi compreendido vamos partir para um exemplo um pouco mais complexo. A gente vai simular m\u00faltiplos contornos, volumes e outros tipos de efeitos sem que, para isso, n\u00f3s precisemos converter o texto em curvas.<\/p>\n<img loading=\"lazy\" decoding=\"async\" width=\"640\" height=\"372\" class=\"alignnone size-full wp-image-5699\" src=\"https:\/\/waltermattos.com\/site\/wp-content\/uploads\/2017\/05\/Multiplos_Contornos_3D_Sombra_640.png\" alt=\"Multiplos_Contornos_3D_Sombra_640\" srcset=\"https:\/\/waltermattos.com\/site\/wp-content\/uploads\/2017\/05\/Multiplos_Contornos_3D_Sombra_640.png 640w, https:\/\/waltermattos.com\/site\/wp-content\/uploads\/2017\/05\/Multiplos_Contornos_3D_Sombra_640-310x180.png 310w\" sizes=\"auto, (max-width: 640px) 100vw, 640px\" \/>\n<p>A\u00a0partir de agora eu vou detalhar cada vez menos, ok?<\/p>\n<p>Voc\u00ea vai ver que uma vez que voc\u00ea entende como funciona o painel e tendo, claro, o m\u00ednimo de no\u00e7\u00e3o sobre as op\u00e7\u00f5es de efeitos no Illustrator, esse \u00e9 um procedimento que se torna bastante intuitivo e experimental ao mesmo tempo.<\/p>\n<p>Bom, se voc\u00ea observar o painel j\u00e1 deve ser capaz de fazer uma leitura bem completa do que est\u00e1 rolando aqui.<\/p>\n<img loading=\"lazy\" decoding=\"async\" width=\"640\" height=\"360\" class=\"alignnone size-full wp-image-5716\" src=\"https:\/\/waltermattos.com\/site\/wp-content\/uploads\/2017\/05\/WM_Destaque_Texto_Appearence_Export_Blog-Time-0_06_5502.png\" alt=\"WM_Destaque_Texto_Appearence_Export_Blog (Time 0_06_55;02)\" srcset=\"https:\/\/waltermattos.com\/site\/wp-content\/uploads\/2017\/05\/WM_Destaque_Texto_Appearence_Export_Blog-Time-0_06_5502.png 640w, https:\/\/waltermattos.com\/site\/wp-content\/uploads\/2017\/05\/WM_Destaque_Texto_Appearence_Export_Blog-Time-0_06_5502-310x174.png 310w\" sizes=\"auto, (max-width: 640px) 100vw, 640px\" \/>\n<p>De baixo para cima e, apenas nos itens vis\u00edveis, no primeiro lugar n\u00f3s temos um preenchimento bege, que faz a base do texto.<\/p>\n<p>Acima dele n\u00f3s temos outro preenchimento. Esse, com um <strong>\u201cPattern\u201d<\/strong> e no modo <strong>\u201cOverlay\u201d<\/strong>. Ent\u00e3o, j\u00e1 fica a dica. \u00c9\u00a0poss\u00edvel adicionar quantos padr\u00f5es voc\u00ea quiser, tanto em preenchimentos quanto em contornos aqui dentro desse painel, ok? Inclusive, d\u00e1 pra fazer combina\u00e7\u00f5es de diferentes <strong>\u201cPatterns\u201d<\/strong>, se voc\u00ea quiser.<\/p>\n<p>E acima desse <strong>\u201cPattern\u201d<\/strong> n\u00f3s temos um <strong>\u201cStroke\u201d<\/strong> marrom.<\/p>\n<p>Beleza, eu duplico o preenchimento bege e me certifico de selecionar a c\u00f3pia de baixo. Eu quero criar uma nova cor entre o marrom, que est\u00e1 oculto, por enquanto, e o bege.\u00a0Essa cor ser\u00e1 um verde escuro.<\/p>\n<img loading=\"lazy\" decoding=\"async\" width=\"640\" height=\"360\" class=\"alignnone size-full wp-image-5717\" src=\"https:\/\/waltermattos.com\/site\/wp-content\/uploads\/2017\/05\/WM_Destaque_Texto_Appearence_Export_Blog-Time-0_07_3622.png\" alt=\"WM_Destaque_Texto_Appearence_Export_Blog (Time 0_07_36;22)\" srcset=\"https:\/\/waltermattos.com\/site\/wp-content\/uploads\/2017\/05\/WM_Destaque_Texto_Appearence_Export_Blog-Time-0_07_3622.png 640w, https:\/\/waltermattos.com\/site\/wp-content\/uploads\/2017\/05\/WM_Destaque_Texto_Appearence_Export_Blog-Time-0_07_3622-310x174.png 310w\" sizes=\"auto, (max-width: 640px) 100vw, 640px\" \/>\n<p>Mantendo o\u00a0preenchimento estiver selecionado eu venho em <strong>\u201cEffect &gt; Path &gt; Offset Path\u201d<\/strong>.<\/p>\n<img loading=\"lazy\" decoding=\"async\" width=\"640\" height=\"360\" class=\"alignnone size-full wp-image-5718\" src=\"https:\/\/waltermattos.com\/site\/wp-content\/uploads\/2017\/05\/WM_Destaque_Texto_Appearence_Export_Blog_Offset_Path.gif\" alt=\"WM_Destaque_Texto_Appearence_Export_Blog_Offset_Path\" \/>\n<p>Isso faz com que eu aumente a espessura desse preenchimento, de forma que ele fique com a apar\u00eancia um contorno atr\u00e1s da cor bege.<\/p>\n<p>E com o mesmo preenchimento selecionado eu venho novamente em <strong>\u201cEffect &gt; Distort &amp; Transform &gt; Transform\u201d<\/strong>.<\/p>\n<p>Aqui eu habilito o <strong>\u201cPreview\u201d<\/strong> e movo esse preenchimento <strong>\u201c1px\u201d<\/strong> na horizontal e <strong>\u201c1px\u201d<\/strong> na vertical. Isso faz com que ele se desloque para baixo e para a direita, simulando um deslocamento no \u00e2ngulo negativo de <strong>\u201c45<\/strong><strong>\u00ba\u201d<\/strong>.<\/p>\n<img loading=\"lazy\" decoding=\"async\" width=\"640\" height=\"360\" class=\"alignnone size-full wp-image-5719\" src=\"https:\/\/waltermattos.com\/site\/wp-content\/uploads\/2017\/05\/WM_Destaque_Texto_Appearence_Export_Blog_Deslocamento.gif\" alt=\"WM_Destaque_Texto_Appearence_Export_Blog_Deslocamento\" \/>\n<p>E enquanto eu for aumentando o n\u00famero de c\u00f3pias, eu estou na verdade criando novos preenchimentos nessa mesma dire\u00e7\u00e3o, numa dist\u00e2ncia de <strong>\u201c1px\u201d<\/strong> entre cada c\u00f3pia.<\/p>\n<img loading=\"lazy\" decoding=\"async\" width=\"640\" height=\"360\" class=\"alignnone size-full wp-image-5720\" src=\"https:\/\/waltermattos.com\/site\/wp-content\/uploads\/2017\/05\/WM_Destaque_Texto_Appearence_Export_Blog_Copy.gif\" alt=\"WM_Destaque_Texto_Appearence_Export_Blog_Copy\" \/>\n<p>E \u00e9 por essa dist\u00e2ncia ser t\u00e3o curta que eu praticamente n\u00e3o vejo nenhum espa\u00e7o entre eles, criando a\u00ed a ilus\u00e3o de volume, de um objeto s\u00f3lido. Nesse caso <strong>\u201c10 c\u00f3pias\u201d<\/strong> j\u00e1 causa o efeito que eu quero. Posso dar <strong>\u201cOk\u201d<\/strong>.<\/p>\n<p>E antes de continuar, um aviso r\u00e1pido.<\/p>\n<p>Eu j\u00e1 falei sobre um processo bem parecido com esse no primeiro tutorial aqui do canal, de 2014. Pois \u00e9, j\u00e1 tem esse tempo todo!<\/p>\n<p>Nesse v\u00eddeo eu demonstro como criar um <strong>\u201cLong Shadow\u201d<\/strong>\u00a0utilizando o painel\u00a0<strong>\u201cAppearance\u201d<\/strong>. Ent\u00e3o, caso voc\u00ea n\u00e3o tenha assistido esse tutorial e quiser prestigiar o primeiro v\u00eddeo do canal d\u00e1 uma passadinha por l\u00e1 e aproveita para tentar complementar esse tutorial aqui, beleza?<\/p>\n<a href=\"https:\/\/waltermattos.com\/tutoriais\/tutorial-2-formas-faceis-de-criar-long-shadow-no-illustrator\/\" target=\"_blank\" rel=\"noopener noreferrer\"><img loading=\"lazy\" decoding=\"async\" width=\"640\" height=\"360\" class=\"alignnone size-full wp-image-5721\" src=\"https:\/\/waltermattos.com\/site\/wp-content\/uploads\/2017\/05\/tut_Long_Shadow_Illustrator_Cover_02_640.png\" alt=\"tut_Long_Shadow_Illustrator_Cover_02_640\" srcset=\"https:\/\/waltermattos.com\/site\/wp-content\/uploads\/2017\/05\/tut_Long_Shadow_Illustrator_Cover_02_640.png 640w, https:\/\/waltermattos.com\/site\/wp-content\/uploads\/2017\/05\/tut_Long_Shadow_Illustrator_Cover_02_640-310x174.png 310w\" sizes=\"auto, (max-width: 640px) 100vw, 640px\" \/><\/a>\n<p>Bom, e em rela\u00e7\u00e3o ao resto n\u00e3o tem mist\u00e9rio.<\/p>\n<p>Habilitando agora os itens que est\u00e3o ocultos, de baixo para cima eu tenho em primeiro lugar justamente um efeito de <strong>\u201cLong Shadow\u201d<\/strong>.<\/p>\n<img loading=\"lazy\" decoding=\"async\" width=\"640\" height=\"360\" class=\"alignnone size-full wp-image-5724\" src=\"https:\/\/waltermattos.com\/site\/wp-content\/uploads\/2017\/05\/WM_Destaque_Texto_Appearence_Export_Blog-Time-0_08_5329.png\" alt=\"WM_Destaque_Texto_Appearence_Export_Blog (Time 0_08_53;29)\" srcset=\"https:\/\/waltermattos.com\/site\/wp-content\/uploads\/2017\/05\/WM_Destaque_Texto_Appearence_Export_Blog-Time-0_08_5329.png 640w, https:\/\/waltermattos.com\/site\/wp-content\/uploads\/2017\/05\/WM_Destaque_Texto_Appearence_Export_Blog-Time-0_08_5329-310x174.png 310w\" sizes=\"auto, (max-width: 640px) 100vw, 640px\" \/>\n<p>A\u00a0\u00fanica diferen\u00e7a entre esse preenchimento e o que n\u00f3s acabamos de criar \u00e9 a cor, a opacidade, que nesse caso est\u00e1 com <strong>\u201c70%\u201d<\/strong> no modo <strong>\u201cMultiply\u201d<\/strong>, e o n\u00famero de c\u00f3pias do efeito <strong>\u201cTransform\u201d <\/strong>que, nesse caso, \u00e9 maior pois a sombra precisa aparecer atr\u00e1s do efeito de volume da letra.<\/p>\n<p>Mais acima n\u00f3s temos outro <strong>\u201cStroke\u201d<\/strong>, que tamb\u00e9m recebe um efeito de deslocamento para baixo e para direita, mas sem c\u00f3pia nenhuma.<\/p>\n<img loading=\"lazy\" decoding=\"async\" width=\"640\" height=\"360\" class=\"alignnone size-full wp-image-5725\" src=\"https:\/\/waltermattos.com\/site\/wp-content\/uploads\/2017\/05\/WM_Destaque_Texto_Appearence_Export_Blog-Time-0_09_1617.png\" alt=\"WM_Destaque_Texto_Appearence_Export_Blog (Time 0_09_16;17)\" srcset=\"https:\/\/waltermattos.com\/site\/wp-content\/uploads\/2017\/05\/WM_Destaque_Texto_Appearence_Export_Blog-Time-0_09_1617.png 640w, https:\/\/waltermattos.com\/site\/wp-content\/uploads\/2017\/05\/WM_Destaque_Texto_Appearence_Export_Blog-Time-0_09_1617-310x174.png 310w\" sizes=\"auto, (max-width: 640px) 100vw, 640px\" \/>\n<p>E ele tamb\u00e9m recebe um efeito de opacidade para causar essa ilus\u00e3o de sombra projetada dentro da letra.<\/p>\n<p>Por \u00faltimo, n\u00f3s temos mais um <strong>\u201cStroke\u201d<\/strong>. Esse, com um efeito de <strong>\u201cOffset\u201d<\/strong>, para que ele ocupe uma \u00e1rea maior que o contorno marrom e, tamb\u00e9m, com um degrad\u00ea aplicado nesse <strong>\u201cStroke\u201d<\/strong>.<\/p>\n<img loading=\"lazy\" decoding=\"async\" width=\"640\" height=\"360\" class=\"alignnone size-full wp-image-5726\" src=\"https:\/\/waltermattos.com\/site\/wp-content\/uploads\/2017\/05\/WM_Destaque_Texto_Appearence_Export_Blog-Time-0_09_2815.png\" alt=\"WM_Destaque_Texto_Appearence_Export_Blog (Time 0_09_28;15)\" srcset=\"https:\/\/waltermattos.com\/site\/wp-content\/uploads\/2017\/05\/WM_Destaque_Texto_Appearence_Export_Blog-Time-0_09_2815.png 640w, https:\/\/waltermattos.com\/site\/wp-content\/uploads\/2017\/05\/WM_Destaque_Texto_Appearence_Export_Blog-Time-0_09_2815-310x174.png 310w\" sizes=\"auto, (max-width: 640px) 100vw, 640px\" \/>\n<p>Ent\u00e3o, assim como \u00e9 poss\u00edvel criar <strong>\u201cPatterns\u201d<\/strong> em preenchimentos e contornos dentro do <strong>\u201cPainel Appearance\u201d<\/strong>, \u00e9 poss\u00edvel, tamb\u00e9m, criar degrad\u00eas em preenchimentos e contornos.<\/p>\n<p>Esse \u00e9 o resultado:<\/p>\n<img loading=\"lazy\" decoding=\"async\" width=\"640\" height=\"360\" class=\"alignnone size-full wp-image-5729\" src=\"https:\/\/waltermattos.com\/site\/wp-content\/uploads\/2017\/05\/WM_Destaque_Texto_Appearence_Export_Blog_Cupcake.gif\" alt=\"WM_Destaque_Texto_Appearence_Export_Blog_Cupcake\" \/>\n<img loading=\"lazy\" decoding=\"async\" width=\"640\" height=\"421\" class=\"alignnone size-full wp-image-5728\" src=\"https:\/\/waltermattos.com\/site\/wp-content\/uploads\/2017\/05\/Multiplos_Contornos_3D_Sombra_B_640_B.jpg\" alt=\"Multiplos_Contornos_3D_Sombra_B_640_B\" srcset=\"https:\/\/waltermattos.com\/site\/wp-content\/uploads\/2017\/05\/Multiplos_Contornos_3D_Sombra_B_640_B.jpg 640w, https:\/\/waltermattos.com\/site\/wp-content\/uploads\/2017\/05\/Multiplos_Contornos_3D_Sombra_B_640_B-310x204.jpg 310w\" sizes=\"auto, (max-width: 640px) 100vw, 640px\" \/>\n<p>Mole tamb\u00e9m, n\u00e9?<\/p>\n<p>De maneira simples e r\u00e1pida\u00a0conseguimos criar um efeito relativamente complexo, mas com o m\u00ednimo de esfor\u00e7o.<\/p>\n<h2>Copiando efeitos utilizando Graphic Styles<\/h2>\n<p>E, mesmo com esse aparente grau de complexidade, a gente consegue copiar essas informa\u00e7\u00f5es para outros objetos. E caso eu queira copiar essas informa\u00e7\u00f5es para v\u00e1rios objetos ao mesmo tempo aquele processo de arrastar a miniatura do painel j\u00e1 n\u00e3o seria o\u00a0ideal.<\/p>\n<p>\u00c9 mais f\u00e1cil criar um <strong>\u201cGraphic Style\u201d<\/strong>.<\/p>\n<p>Para isso basta vir em <strong>\u201cWindow &gt; Graphic Styles\u201d<\/strong> e arrastar qualquer objeto com os efeitos pra dentro dessa janela.<\/p>\n<img loading=\"lazy\" decoding=\"async\" width=\"640\" height=\"360\" class=\"alignnone size-full wp-image-5730\" src=\"https:\/\/waltermattos.com\/site\/wp-content\/uploads\/2017\/05\/WM_Destaque_Texto_Appearence_Export_Blog_GS_01.gif\" alt=\"WM_Destaque_Texto_Appearence_Export_Blog_GS_01\" \/>\n<p>Esses efeitos agora viraram um estilo. E esse estilo carrega todas as propriedades de apar\u00eancia, do <strong>\u201cPaine Appearance\u201d<\/strong>, do objeto que parar aqui dentro.<\/p>\n<p>Isso significa que voc\u00ea pode selecionar v\u00e1rios objetos com propriedades diferentes e substituir essas propriedades pelo estilo que voc\u00ea criou.<\/p>\n<img loading=\"lazy\" decoding=\"async\" width=\"640\" height=\"360\" class=\"alignnone size-full wp-image-5731\" src=\"https:\/\/waltermattos.com\/site\/wp-content\/uploads\/2017\/05\/WM_Destaque_Texto_Appearence_Export_Blog_GS_02.gif\" alt=\"WM_Destaque_Texto_Appearence_Export_Blog_GS_02\" \/>\n<p>Beleza? Ent\u00e3o, vamos partir para o \u00faltimo exemplo.<\/p>\n<h2>Exemplo 03: Caixa de texto estilizada<\/h2>\n<p>N\u00f3s vamos criar uma esp\u00e9cie de box estilizado atr\u00e1s da caixa de texto.<\/p>\n<img loading=\"lazy\" decoding=\"async\" width=\"640\" height=\"339\" class=\"alignnone size-full wp-image-5696\" src=\"https:\/\/waltermattos.com\/site\/wp-content\/uploads\/2017\/05\/Box_Estilizado_Abertura_640.png\" alt=\"Box_Estilizado_Abertura_640\" srcset=\"https:\/\/waltermattos.com\/site\/wp-content\/uploads\/2017\/05\/Box_Estilizado_Abertura_640.png 640w, https:\/\/waltermattos.com\/site\/wp-content\/uploads\/2017\/05\/Box_Estilizado_Abertura_640-310x164.png 310w\" sizes=\"auto, (max-width: 640px) 100vw, 640px\" \/>\n<p>Apesar de simples, eu escolhi esse terceiro exemplo por ele ser um pouco diferente do que voc\u00ea talvez esteja acostumado a ver e pode ser que ele te d\u00ea outras ideias, tamb\u00e9m.<\/p>\n<p>Eu tenho aqui um texto com um box branco atr\u00e1s. E esse box nada mais \u00e9 que um preenchimento com um efeito de <strong>\u201cConvert to Shape\u201d<\/strong>, exatamente como n\u00f3s fizemos no primeiro exemplo com o Highlight.<\/p>\n<img loading=\"lazy\" decoding=\"async\" width=\"640\" height=\"360\" class=\"alignnone size-full wp-image-5732\" src=\"https:\/\/waltermattos.com\/site\/wp-content\/uploads\/2017\/05\/WM_Destaque_Texto_Appearence_Export_Blog-Time-0_10_3911.png\" alt=\"WM_Destaque_Texto_Appearence_Export_Blog (Time 0_10_39;11)\" srcset=\"https:\/\/waltermattos.com\/site\/wp-content\/uploads\/2017\/05\/WM_Destaque_Texto_Appearence_Export_Blog-Time-0_10_3911.png 640w, https:\/\/waltermattos.com\/site\/wp-content\/uploads\/2017\/05\/WM_Destaque_Texto_Appearence_Export_Blog-Time-0_10_3911-310x174.png 310w\" sizes=\"auto, (max-width: 640px) 100vw, 640px\" \/>\n<p>A \u00fanica diferen\u00e7a \u00e9 que, como dessa vez eu tenho uma caixa de texto, ele vai acompanhar as altera\u00e7\u00f5es que eu fizer nessa caixa de texto ao inv\u00e9s de acompanhar a quantidade de textos que eu digito.<\/p>\n<img loading=\"lazy\" decoding=\"async\" width=\"640\" height=\"360\" class=\"alignnone size-full wp-image-5733\" src=\"https:\/\/waltermattos.com\/site\/wp-content\/uploads\/2017\/05\/WM_Destaque_Texto_Appearence_Export_Blog_Cx_Estilizada_01.gif\" alt=\"WM_Destaque_Texto_Appearence_Export_Blog_Cx_Estilizada_01\" \/>\n<p>Agora eu vou trazer um pouco mais de personalidade para esse layout. Primeiro eu crio um novo contorno na frente do preenchimento preto e altero a cor dele para laranja.<\/p>\n<img loading=\"lazy\" decoding=\"async\" width=\"640\" height=\"360\" class=\"alignnone size-full wp-image-5734\" src=\"https:\/\/waltermattos.com\/site\/wp-content\/uploads\/2017\/05\/WM_Destaque_Texto_Appearence_Export_Blog-Time-0_11_1003.png\" alt=\"WM_Destaque_Texto_Appearence_Export_Blog (Time 0_11_10;03)\" srcset=\"https:\/\/waltermattos.com\/site\/wp-content\/uploads\/2017\/05\/WM_Destaque_Texto_Appearence_Export_Blog-Time-0_11_1003.png 640w, https:\/\/waltermattos.com\/site\/wp-content\/uploads\/2017\/05\/WM_Destaque_Texto_Appearence_Export_Blog-Time-0_11_1003-310x174.png 310w\" sizes=\"auto, (max-width: 640px) 100vw, 640px\" \/>\n<p>Agora eu quero que esse contorno tamb\u00e9m seja um ret\u00e2ngulo. Ent\u00e3o, para isso, basta manter o <strong>\u201cAlt\u201d<\/strong> pressionado enquanto eu arrasto o efeito do preenchimento branco para esse contorno que eu acabei de criar.<\/p>\n<img loading=\"lazy\" decoding=\"async\" width=\"640\" height=\"360\" class=\"alignnone size-full wp-image-5735\" src=\"https:\/\/waltermattos.com\/site\/wp-content\/uploads\/2017\/05\/WM_Destaque_Texto_Appearence_Export_Blog_Cx_Estilizada_02.gif\" alt=\"WM_Destaque_Texto_Appearence_Export_Blog_Cx_Estilizada_02\" \/>\n<img loading=\"lazy\" decoding=\"async\" width=\"640\" height=\"360\" class=\"alignnone size-full wp-image-5736\" src=\"https:\/\/waltermattos.com\/site\/wp-content\/uploads\/2017\/05\/WM_Destaque_Texto_Appearence_Export_Blog-Time-0_11_1923.png\" alt=\"WM_Destaque_Texto_Appearence_Export_Blog (Time 0_11_19;23)\" srcset=\"https:\/\/waltermattos.com\/site\/wp-content\/uploads\/2017\/05\/WM_Destaque_Texto_Appearence_Export_Blog-Time-0_11_1923.png 640w, https:\/\/waltermattos.com\/site\/wp-content\/uploads\/2017\/05\/WM_Destaque_Texto_Appearence_Export_Blog-Time-0_11_1923-310x174.png 310w\" sizes=\"auto, (max-width: 640px) 100vw, 640px\" \/>\n<p>Pois \u00e9, o mesmo <strong>\u201cAlt\u201d<\/strong> que voc\u00ea usa para duplicar objetos tamb\u00e9m funciona para duplicar efeitos dentro do painel <strong>\u201cAppearance\u201d<\/strong>.<\/p>\n<p>Bom, continuando, eu vou alterar as propriedades desse ret\u00e2ngulo para <strong>\u201c50px\u201d<\/strong> e <strong>\u201c100px\u201d<\/strong>.<\/p>\n<img loading=\"lazy\" decoding=\"async\" width=\"640\" height=\"360\" class=\"alignnone size-full wp-image-5737\" src=\"https:\/\/waltermattos.com\/site\/wp-content\/uploads\/2017\/05\/WM_Destaque_Texto_Appearence_Export_Blog_Cx_Estilizada_03.gif\" alt=\"WM_Destaque_Texto_Appearence_Export_Blog_Cx_Estilizada_03\" \/>\n<p>Em seguida\u00a0eu converto esse contorno em um brush. E eu decidi escolher o<strong>\u201cCharcoal Pencil\u201d<\/strong>, que um brush \u00e9 padr\u00e3o, e alterei\u00a0espessura desse contorno at\u00e9 obter um resultado bacana.<\/p>\n<img loading=\"lazy\" decoding=\"async\" width=\"640\" height=\"360\" class=\"alignnone size-full wp-image-5738\" src=\"https:\/\/waltermattos.com\/site\/wp-content\/uploads\/2017\/05\/WM_Destaque_Texto_Appearence_Export_Blog-Time-0_11_4229.png\" alt=\"WM_Destaque_Texto_Appearence_Export_Blog (Time 0_11_42;29)\" srcset=\"https:\/\/waltermattos.com\/site\/wp-content\/uploads\/2017\/05\/WM_Destaque_Texto_Appearence_Export_Blog-Time-0_11_4229.png 640w, https:\/\/waltermattos.com\/site\/wp-content\/uploads\/2017\/05\/WM_Destaque_Texto_Appearence_Export_Blog-Time-0_11_4229-310x174.png 310w\" sizes=\"auto, (max-width: 640px) 100vw, 640px\" \/>\n<p>E para dar o toque final eu volto para o painel, duplico esse contorno\u00a0e mantenho a propriedade do pincel, mas excluo o efeito de ret\u00e2ngulo.<\/p>\n<img loading=\"lazy\" decoding=\"async\" width=\"640\" height=\"360\" class=\"alignnone size-full wp-image-5739\" src=\"https:\/\/waltermattos.com\/site\/wp-content\/uploads\/2017\/05\/WM_Destaque_Texto_Appearence_Export_Blog_Cx_Estilizada_04.gif\" alt=\"WM_Destaque_Texto_Appearence_Export_Blog_Cx_Estilizada_04\" \/>\n<p>E como esse <strong>\u201cStroke\u201d<\/strong> agora est\u00e1 sem efeito nenhum ele volta a ser aplicado sobre o texto, mas n\u00e3o \u00e9 isso que eu quero.<\/p>\n<p>Eu quero copiar novamente as mesmas propriedades do ret\u00e2ngulo branco para que esse novo pincel ocupe as bordas agora. E, para finalizar, altero a cor desse contorno para branco.<\/p>\n<img loading=\"lazy\" decoding=\"async\" width=\"640\" height=\"360\" class=\"alignnone size-full wp-image-5740\" src=\"https:\/\/waltermattos.com\/site\/wp-content\/uploads\/2017\/05\/WM_Destaque_Texto_Appearence_Export_Blog_Cx_Estilizada_05.gif\" alt=\"WM_Destaque_Texto_Appearence_Export_Blog_Cx_Estilizada_05\" \/>\n<p>E fechou.<\/p>\n<p>A gente tem uma base para v\u00e1rias possibilidades criativas aqui, com a vantagem n\u00e3o s\u00f3 de poder replicar isso de maneira bem r\u00e1pida, como tamb\u00e9m de editar e criar um padr\u00e3o para futuras aplica\u00e7\u00f5es caso seja necess\u00e1rio.<\/p>\n<img loading=\"lazy\" decoding=\"async\" width=\"640\" height=\"339\" class=\"alignnone size-full wp-image-5696\" src=\"https:\/\/waltermattos.com\/site\/wp-content\/uploads\/2017\/05\/Box_Estilizado_Abertura_640.png\" alt=\"Box_Estilizado_Abertura_640\" srcset=\"https:\/\/waltermattos.com\/site\/wp-content\/uploads\/2017\/05\/Box_Estilizado_Abertura_640.png 640w, https:\/\/waltermattos.com\/site\/wp-content\/uploads\/2017\/05\/Box_Estilizado_Abertura_640-310x164.png 310w\" sizes=\"auto, (max-width: 640px) 100vw, 640px\" \/>\n<p>T\u00e1 dando pra sacar o poder que esse painel tem?<\/p>\n<p>Ah, e antes que eu esque\u00e7a, uma dica extra. T\u00e1 vendo esse <strong>\u201ctil\u201d<\/strong> aqui, decentralizado?<\/p>\n<img loading=\"lazy\" decoding=\"async\" width=\"640\" height=\"360\" class=\"alignnone size-full wp-image-5741\" src=\"https:\/\/waltermattos.com\/site\/wp-content\/uploads\/2017\/05\/WM_Destaque_Texto_Appearence_Export_Blog-Time-0_12_1707.png\" alt=\"WM_Destaque_Texto_Appearence_Export_Blog (Time 0_12_17;07)\" srcset=\"https:\/\/waltermattos.com\/site\/wp-content\/uploads\/2017\/05\/WM_Destaque_Texto_Appearence_Export_Blog-Time-0_12_1707.png 640w, https:\/\/waltermattos.com\/site\/wp-content\/uploads\/2017\/05\/WM_Destaque_Texto_Appearence_Export_Blog-Time-0_12_1707-310x174.png 310w\" sizes=\"auto, (max-width: 640px) 100vw, 640px\" \/>\n<p>Eu poderia corrigir isso trabalhando a entrelinha do texto, mas hoje o Illustrator tem uma ferramenta que ajuda a resolver isso de uma maneira bem intuitiva e que pode ser uma m\u00e3o na roda em determinadas situa\u00e7\u00f5es.<\/p>\n<p>Basta manter a ferramenta texto <strong>(Type) <\/strong>pressionada e selecionar essa ferramenta aqui, a <strong>\u201cTouch Type\u201d<\/strong>.<\/p>\n<p>Agora sim, com ela eu consigo mover esse til para o ponto que eu quiser. Ali\u00e1s, apenas a t\u00edtulo de curiosidade, eu consigo mover qualquer caractere, ok?<\/p>\n<img loading=\"lazy\" decoding=\"async\" width=\"640\" height=\"360\" class=\"alignnone size-full wp-image-5742\" src=\"https:\/\/waltermattos.com\/site\/wp-content\/uploads\/2017\/05\/WM_Destaque_Texto_Appearence_Export_Blog-Time-0_12_4305.png\" alt=\"WM_Destaque_Texto_Appearence_Export_Blog (Time 0_12_43;05)\" srcset=\"https:\/\/waltermattos.com\/site\/wp-content\/uploads\/2017\/05\/WM_Destaque_Texto_Appearence_Export_Blog-Time-0_12_4305.png 640w, https:\/\/waltermattos.com\/site\/wp-content\/uploads\/2017\/05\/WM_Destaque_Texto_Appearence_Export_Blog-Time-0_12_4305-310x174.png 310w\" sizes=\"auto, (max-width: 640px) 100vw, 640px\" \/>\n<p>E mesmo depois do ajuste o texto continua edit\u00e1vel, normalmente.<\/p>\n<h2>Recolor Artwork<\/h2>\n<p>Para encerrar \u00e9 sempre v\u00e1lido lembrar de uma das ferramentas mais interessantes e at\u00e9 certo ponto subestimadas no Illustrator, o <strong>\u201cRecolor Artwork\u201d (Edit &gt; Edit Colors &gt; Recolor Artwork)<\/strong>.<\/p>\n<p>Com ele voc\u00ea consegue alterar todas as cores individualmente, inclusive cores de degrad\u00ea, sem precisar recorrer \u00e0 ferramenta <strong>\u201cGradient\u201d<\/strong> ou sequer ao painel <strong>\u201cAppearance\u201d<\/strong>.<\/p>\n<img loading=\"lazy\" decoding=\"async\" width=\"640\" height=\"360\" class=\"alignnone size-full wp-image-5743\" src=\"https:\/\/waltermattos.com\/site\/wp-content\/uploads\/2017\/05\/WM_Destaque_Texto_Appearence_Export_Blog_Recolor.gif\" alt=\"WM_Destaque_Texto_Appearence_Export_Blog_Recolor\" \/>\n<p>Inclusive, eu j\u00e1 dei algumas dicas bem legais sobre como recolorir bitmaps usando essa ferramenta.<\/p>\n<a href=\"https:\/\/waltermattos.com\/tutoriais\/opacity-masks-gradient-maps-transparencias-e-texturas-no-illustrator\/\" target=\"_blank\" rel=\"noopener noreferrer\"><img loading=\"lazy\" decoding=\"async\" width=\"640\" height=\"360\" class=\"alignnone size-full wp-image-5744\" src=\"https:\/\/waltermattos.com\/site\/wp-content\/uploads\/2017\/05\/Opacity_Mask_Illustrator_Covers_02_Newsletter_B.png\" alt=\"Opacity_Mask_Illustrator_Covers_02_Newsletter_B\" srcset=\"https:\/\/waltermattos.com\/site\/wp-content\/uploads\/2017\/05\/Opacity_Mask_Illustrator_Covers_02_Newsletter_B.png 640w, https:\/\/waltermattos.com\/site\/wp-content\/uploads\/2017\/05\/Opacity_Mask_Illustrator_Covers_02_Newsletter_B-310x174.png 310w\" sizes=\"auto, (max-width: 640px) 100vw, 640px\" \/><\/a>\n<h2>Outros exemplos<\/h2>\n<img loading=\"lazy\" decoding=\"async\" width=\"640\" height=\"419\" class=\"alignnone size-full wp-image-5750\" src=\"https:\/\/waltermattos.com\/site\/wp-content\/uploads\/2017\/05\/Appearance_Multiplos_Contornos_Long_Shadow_B.png\" alt=\"Appearance_Multiplos_Contornos_Long_Shadow_B\" srcset=\"https:\/\/waltermattos.com\/site\/wp-content\/uploads\/2017\/05\/Appearance_Multiplos_Contornos_Long_Shadow_B.png 640w, https:\/\/waltermattos.com\/site\/wp-content\/uploads\/2017\/05\/Appearance_Multiplos_Contornos_Long_Shadow_B-310x203.png 310w\" sizes=\"auto, (max-width: 640px) 100vw, 640px\" \/>\n<img loading=\"lazy\" decoding=\"async\" width=\"640\" height=\"489\" class=\"alignnone size-full wp-image-5748\" src=\"https:\/\/waltermattos.com\/site\/wp-content\/uploads\/2017\/05\/Appearance_Pattern_Sombra_B.png\" alt=\"Appearance_Pattern_Sombra_B\" srcset=\"https:\/\/waltermattos.com\/site\/wp-content\/uploads\/2017\/05\/Appearance_Pattern_Sombra_B.png 640w, https:\/\/waltermattos.com\/site\/wp-content\/uploads\/2017\/05\/Appearance_Pattern_Sombra_B-310x237.png 310w\" sizes=\"auto, (max-width: 640px) 100vw, 640px\" \/>\n<img loading=\"lazy\" decoding=\"async\" width=\"640\" height=\"426\" class=\"alignnone size-full wp-image-5751\" src=\"https:\/\/waltermattos.com\/site\/wp-content\/uploads\/2017\/05\/Appearance_Ameba_Transparente_B-1.png\" alt=\"Appearance_Ameba_Transparente_B\" srcset=\"https:\/\/waltermattos.com\/site\/wp-content\/uploads\/2017\/05\/Appearance_Ameba_Transparente_B-1.png 640w, https:\/\/waltermattos.com\/site\/wp-content\/uploads\/2017\/05\/Appearance_Ameba_Transparente_B-1-310x206.png 310w\" sizes=\"auto, (max-width: 640px) 100vw, 640px\" \/>\n<h2>Encerrando<\/h2>\n<p>Espero que voc\u00ea tenha gostado e que tenha ficado claro que o objetivo desse v\u00eddeo n\u00e3o \u00e9 apenas te ensinar como criar o efeito X ou Y, mas tentar te ajudar a compreender o painel <strong>\u201cAppearance\u201d<\/strong> o suficiente para que voc\u00ea consiga agilizar e ampliar suas possibilidades criativas.<\/p>\n<p>Eu sei que o painel <strong>\u201cAppearance\u201d<\/strong> pode n\u00e3o ser t\u00e3o intuitivo no in\u00edcio, mas uma vez que voc\u00ea pega o macete ele se torna uma ferramenta extremamente f\u00e1cil de experimentar.<\/p>\n<p>E voc\u00ea n\u00e3o precisa ter conhecimento avan\u00e7ado de Illustrator para isso. Basta ser curioso.<\/p>\n<p>Bom, e como j\u00e1 \u00e9 de costume dizer, caso ache que esse conte\u00fado pode ser \u00fatil a algu\u00e9m, fique \u00e0 vontade para compartilhar com essa pessoa.<\/p>\n<p>Lembrando que todos os v\u00eddeos aqui do canal s\u00e3o legendados e possuem vers\u00f5es transcritas no meu site, <a href=\"https:\/\/waltermattos.com\/\" target=\"_blank\" rel=\"noopener noreferrer\">waltermattos.com<\/a>, onde voc\u00ea tamb\u00e9m encontra outras dicas, reflex\u00f5es e tutoriais sobre design.<\/p>\n<p>Valeu mais uma vez, pessoal, um abra\u00e7o e at\u00e9 a pr\u00f3xima.<\/p>\n<h4>Cr\u00e9ditos<\/h4>\n<ul>\n<li><a href=\"https:\/\/waltermattos.com\/go\/fotolia\/\" target=\"_blank\" rel=\"noopener noreferrer\">Fotolia: Conhe\u00e7a o banco de imagens da Adobe<\/a><\/li>\n<li><a href=\"https:\/\/waltermattos.com\/go\/fotolia_galeria\/\" target=\"_blank\" rel=\"noopener noreferrer\">Fotolia: Galeria de imagens usadas no v\u00eddeo<\/a><\/li>\n<\/ul>\n","protected":false},"excerpt":{"rendered":"<p>Voc\u00ea conhece o painel\u00a0\u201cAppearance\u201d\u00a0do Illustrator? Mesmo? Neste tutorial daremos uma olhada bem de perto nesse painel\u00a0e veremos como criar diferentes tipos de efeitos sobre textos, de maneira que os textos\u00a0permane\u00e7am edit\u00e1veis e os efeitos facilmente replic\u00e1veis. Todas as imagens utilizadas neste tutorial s\u00e3o\u00a0do Fotolia, um servi\u00e7o de banco de imagens da Adobe. Os links para&#8230;  <a class=\"excerpt-read-more\" href=\"https:\/\/waltermattos.com\/site\/tutoriais\/como-criar-multiplos-efeitos-em-textos-utilizando-o-painel-appearance-no-illustrator\/\">Ler artigo<\/a><\/p>\n","protected":false},"author":2,"featured_media":5752,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_jetpack_memberships_contains_paid_content":false,"footnotes":"","jetpack_publicize_message":"","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":[226,27,62,227],"class_list":["post-5695","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-artigos","category-tutoriais","category-videos-2","tag-efeitos","tag-illustrator","tag-tutorial","tag-video"],"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>M\u00faltiplos efeitos em textos utilizando o Painel Appearance<\/title>\n<meta name=\"description\" content=\"Neste v\u00eddeo voc\u00ea ver\u00e1 como criar m\u00faltiplos efeitos em textos utilizando o Painel Appearance no Illustrator\" \/>\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=\"M\u00faltiplos efeitos em textos utilizando o Painel Appearance\" \/>\n<meta property=\"og:description\" content=\"Neste v\u00eddeo voc\u00ea ver\u00e1 como criar m\u00faltiplos efeitos em textos utilizando o Painel Appearance no Illustrator\" \/>\n<meta property=\"og:url\" content=\"https:\/\/waltermattos.com\/site\/tutoriais\/como-criar-multiplos-efeitos-em-textos-utilizando-o-painel-appearance-no-illustrator\/\" \/>\n<meta property=\"og:site_name\" content=\"Walter Mattos\" \/>\n<meta property=\"article:published_time\" content=\"2017-05-29T11:23:42+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2017-08-26T23:10:42+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/waltermattos.com\/site\/wp-content\/uploads\/2017\/05\/Destaque_Texto_Appearance_Cover_02_Blog.png\" \/>\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\/png\" \/>\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=\"14 minutos\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\/\/waltermattos.com\/site\/tutoriais\/como-criar-multiplos-efeitos-em-textos-utilizando-o-painel-appearance-no-illustrator\/#article\",\"isPartOf\":{\"@id\":\"https:\/\/waltermattos.com\/site\/tutoriais\/como-criar-multiplos-efeitos-em-textos-utilizando-o-painel-appearance-no-illustrator\/\"},\"author\":{\"name\":\"Walter Mattos\",\"@id\":\"https:\/\/waltermattos.com\/site\/#\/schema\/person\/d237be35b3af8e99d73dba176ae68175\"},\"headline\":\"Como criar m\u00faltiplos efeitos em textos utilizando o Painel Appearance no Illustrator\",\"datePublished\":\"2017-05-29T11:23:42+00:00\",\"dateModified\":\"2017-08-26T23:10:42+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\/\/waltermattos.com\/site\/tutoriais\/como-criar-multiplos-efeitos-em-textos-utilizando-o-painel-appearance-no-illustrator\/\"},\"wordCount\":2847,\"commentCount\":1,\"image\":{\"@id\":\"https:\/\/waltermattos.com\/site\/tutoriais\/como-criar-multiplos-efeitos-em-textos-utilizando-o-painel-appearance-no-illustrator\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/waltermattos.com\/site\/wp-content\/uploads\/2017\/05\/Destaque_Texto_Appearance_Cover_02_Blog.png\",\"keywords\":[\"Efeitos\",\"Illustrator\",\"Tutorial\",\"V\u00eddeo\"],\"articleSection\":[\"Artigos\",\"Tutoriais\",\"V\u00eddeos\"],\"inLanguage\":\"pt-BR\",\"potentialAction\":[{\"@type\":\"CommentAction\",\"name\":\"Comment\",\"target\":[\"https:\/\/waltermattos.com\/site\/tutoriais\/como-criar-multiplos-efeitos-em-textos-utilizando-o-painel-appearance-no-illustrator\/#respond\"]}]},{\"@type\":\"WebPage\",\"@id\":\"https:\/\/waltermattos.com\/site\/tutoriais\/como-criar-multiplos-efeitos-em-textos-utilizando-o-painel-appearance-no-illustrator\/\",\"url\":\"https:\/\/waltermattos.com\/site\/tutoriais\/como-criar-multiplos-efeitos-em-textos-utilizando-o-painel-appearance-no-illustrator\/\",\"name\":\"M\u00faltiplos efeitos em textos utilizando o Painel Appearance\",\"isPartOf\":{\"@id\":\"https:\/\/waltermattos.com\/site\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/waltermattos.com\/site\/tutoriais\/como-criar-multiplos-efeitos-em-textos-utilizando-o-painel-appearance-no-illustrator\/#primaryimage\"},\"image\":{\"@id\":\"https:\/\/waltermattos.com\/site\/tutoriais\/como-criar-multiplos-efeitos-em-textos-utilizando-o-painel-appearance-no-illustrator\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/waltermattos.com\/site\/wp-content\/uploads\/2017\/05\/Destaque_Texto_Appearance_Cover_02_Blog.png\",\"datePublished\":\"2017-05-29T11:23:42+00:00\",\"dateModified\":\"2017-08-26T23:10:42+00:00\",\"author\":{\"@id\":\"https:\/\/waltermattos.com\/site\/#\/schema\/person\/d237be35b3af8e99d73dba176ae68175\"},\"description\":\"Neste v\u00eddeo voc\u00ea ver\u00e1 como criar m\u00faltiplos efeitos em textos utilizando o Painel Appearance no Illustrator\",\"inLanguage\":\"pt-BR\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/waltermattos.com\/site\/tutoriais\/como-criar-multiplos-efeitos-em-textos-utilizando-o-painel-appearance-no-illustrator\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"pt-BR\",\"@id\":\"https:\/\/waltermattos.com\/site\/tutoriais\/como-criar-multiplos-efeitos-em-textos-utilizando-o-painel-appearance-no-illustrator\/#primaryimage\",\"url\":\"https:\/\/waltermattos.com\/site\/wp-content\/uploads\/2017\/05\/Destaque_Texto_Appearance_Cover_02_Blog.png\",\"contentUrl\":\"https:\/\/waltermattos.com\/site\/wp-content\/uploads\/2017\/05\/Destaque_Texto_Appearance_Cover_02_Blog.png\",\"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":"M\u00faltiplos efeitos em textos utilizando o Painel Appearance","description":"Neste v\u00eddeo voc\u00ea ver\u00e1 como criar m\u00faltiplos efeitos em textos utilizando o Painel Appearance no Illustrator","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":"M\u00faltiplos efeitos em textos utilizando o Painel Appearance","og_description":"Neste v\u00eddeo voc\u00ea ver\u00e1 como criar m\u00faltiplos efeitos em textos utilizando o Painel Appearance no Illustrator","og_url":"https:\/\/waltermattos.com\/site\/tutoriais\/como-criar-multiplos-efeitos-em-textos-utilizando-o-painel-appearance-no-illustrator\/","og_site_name":"Walter Mattos","article_published_time":"2017-05-29T11:23:42+00:00","article_modified_time":"2017-08-26T23:10:42+00:00","og_image":[{"width":420,"height":420,"url":"https:\/\/waltermattos.com\/site\/wp-content\/uploads\/2017\/05\/Destaque_Texto_Appearance_Cover_02_Blog.png","type":"image\/png"}],"author":"Walter Mattos","twitter_misc":{"Escrito por":"Walter Mattos","Est. tempo de leitura":"14 minutos"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/waltermattos.com\/site\/tutoriais\/como-criar-multiplos-efeitos-em-textos-utilizando-o-painel-appearance-no-illustrator\/#article","isPartOf":{"@id":"https:\/\/waltermattos.com\/site\/tutoriais\/como-criar-multiplos-efeitos-em-textos-utilizando-o-painel-appearance-no-illustrator\/"},"author":{"name":"Walter Mattos","@id":"https:\/\/waltermattos.com\/site\/#\/schema\/person\/d237be35b3af8e99d73dba176ae68175"},"headline":"Como criar m\u00faltiplos efeitos em textos utilizando o Painel Appearance no Illustrator","datePublished":"2017-05-29T11:23:42+00:00","dateModified":"2017-08-26T23:10:42+00:00","mainEntityOfPage":{"@id":"https:\/\/waltermattos.com\/site\/tutoriais\/como-criar-multiplos-efeitos-em-textos-utilizando-o-painel-appearance-no-illustrator\/"},"wordCount":2847,"commentCount":1,"image":{"@id":"https:\/\/waltermattos.com\/site\/tutoriais\/como-criar-multiplos-efeitos-em-textos-utilizando-o-painel-appearance-no-illustrator\/#primaryimage"},"thumbnailUrl":"https:\/\/waltermattos.com\/site\/wp-content\/uploads\/2017\/05\/Destaque_Texto_Appearance_Cover_02_Blog.png","keywords":["Efeitos","Illustrator","Tutorial","V\u00eddeo"],"articleSection":["Artigos","Tutoriais","V\u00eddeos"],"inLanguage":"pt-BR","potentialAction":[{"@type":"CommentAction","name":"Comment","target":["https:\/\/waltermattos.com\/site\/tutoriais\/como-criar-multiplos-efeitos-em-textos-utilizando-o-painel-appearance-no-illustrator\/#respond"]}]},{"@type":"WebPage","@id":"https:\/\/waltermattos.com\/site\/tutoriais\/como-criar-multiplos-efeitos-em-textos-utilizando-o-painel-appearance-no-illustrator\/","url":"https:\/\/waltermattos.com\/site\/tutoriais\/como-criar-multiplos-efeitos-em-textos-utilizando-o-painel-appearance-no-illustrator\/","name":"M\u00faltiplos efeitos em textos utilizando o Painel Appearance","isPartOf":{"@id":"https:\/\/waltermattos.com\/site\/#website"},"primaryImageOfPage":{"@id":"https:\/\/waltermattos.com\/site\/tutoriais\/como-criar-multiplos-efeitos-em-textos-utilizando-o-painel-appearance-no-illustrator\/#primaryimage"},"image":{"@id":"https:\/\/waltermattos.com\/site\/tutoriais\/como-criar-multiplos-efeitos-em-textos-utilizando-o-painel-appearance-no-illustrator\/#primaryimage"},"thumbnailUrl":"https:\/\/waltermattos.com\/site\/wp-content\/uploads\/2017\/05\/Destaque_Texto_Appearance_Cover_02_Blog.png","datePublished":"2017-05-29T11:23:42+00:00","dateModified":"2017-08-26T23:10:42+00:00","author":{"@id":"https:\/\/waltermattos.com\/site\/#\/schema\/person\/d237be35b3af8e99d73dba176ae68175"},"description":"Neste v\u00eddeo voc\u00ea ver\u00e1 como criar m\u00faltiplos efeitos em textos utilizando o Painel Appearance no Illustrator","inLanguage":"pt-BR","potentialAction":[{"@type":"ReadAction","target":["https:\/\/waltermattos.com\/site\/tutoriais\/como-criar-multiplos-efeitos-em-textos-utilizando-o-painel-appearance-no-illustrator\/"]}]},{"@type":"ImageObject","inLanguage":"pt-BR","@id":"https:\/\/waltermattos.com\/site\/tutoriais\/como-criar-multiplos-efeitos-em-textos-utilizando-o-painel-appearance-no-illustrator\/#primaryimage","url":"https:\/\/waltermattos.com\/site\/wp-content\/uploads\/2017\/05\/Destaque_Texto_Appearance_Cover_02_Blog.png","contentUrl":"https:\/\/waltermattos.com\/site\/wp-content\/uploads\/2017\/05\/Destaque_Texto_Appearance_Cover_02_Blog.png","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\/2017\/05\/Destaque_Texto_Appearance_Cover_02_Blog.png","jetpack_sharing_enabled":true,"jetpack_shortlink":"https:\/\/wp.me\/p53J0J-1tR","_links":{"self":[{"href":"https:\/\/waltermattos.com\/site\/wp-json\/wp\/v2\/posts\/5695","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=5695"}],"version-history":[{"count":11,"href":"https:\/\/waltermattos.com\/site\/wp-json\/wp\/v2\/posts\/5695\/revisions"}],"predecessor-version":[{"id":5788,"href":"https:\/\/waltermattos.com\/site\/wp-json\/wp\/v2\/posts\/5695\/revisions\/5788"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/waltermattos.com\/site\/wp-json\/wp\/v2\/media\/5752"}],"wp:attachment":[{"href":"https:\/\/waltermattos.com\/site\/wp-json\/wp\/v2\/media?parent=5695"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/waltermattos.com\/site\/wp-json\/wp\/v2\/categories?post=5695"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/waltermattos.com\/site\/wp-json\/wp\/v2\/tags?post=5695"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}