{"id":3782,"date":"2015-09-22T21:18:48","date_gmt":"2015-09-23T00:18:48","guid":{"rendered":"https:\/\/waltermattos.com\/?p=3782"},"modified":"2015-09-22T21:18:48","modified_gmt":"2015-09-23T00:18:48","slug":"patterns-automaticos-no-illustrator-modulo-quadrado","status":"publish","type":"post","link":"https:\/\/waltermattos.com\/site\/tutoriais\/patterns-automaticos-no-illustrator-modulo-quadrado\/","title":{"rendered":"Patterns autom\u00e1ticos no Illustrator: m\u00f3dulo quadrado"},"content":{"rendered":"<p><iframe loading=\"lazy\" src=\"https:\/\/www.youtube.com\/embed\/KgxpKVzcEw0\" width=\"640\" height=\"360\" frameborder=\"0\" allowfullscreen=\"allowfullscreen\"><\/iframe><\/p>\n<p>Se voc\u00ea assistiu ao v\u00eddeo anterior (<a href=\"https:\/\/waltermattos.com\/tutoriais\/simetria-e-replicas-automaticas-no-illustrator\/\" target=\"_blank\">Simetria e r\u00e9plicas autom\u00e1ticas no Illustrator<\/a>) viu que \u00e9 poss\u00edvel criar r\u00e9plicas autom\u00e1ticas de qualquer objeto ou tra\u00e7o para criar formas bem interessantes de maneira previs\u00edvel e utilizando recursos do pr\u00f3prio Illustrator, sem necessidade de plug-ins.<\/p>\n<a href=\"https:\/\/waltermattos.com\/tutoriais\/simetria-e-replicas-automaticas-no-illustrator\/\" target=\"_blank\"><img loading=\"lazy\" decoding=\"async\" class=\"alignnone wp-image-3785 size-full\" src=\"https:\/\/waltermattos.com\/site\/wp-content\/uploads\/2015\/09\/tut_Simetria_Automatica_Illustrator_02_Simetria_Replicas_B.gif\" alt=\"tut_Simetria_Automatica_Illustrator_02_Simetria_Replicas_B\" width=\"640\" height=\"360\" \/><\/a>\n<p>E um padr\u00e3o, como voc\u00ea j\u00e1 deve saber, explora exatamente o mesmo conceito. Voc\u00ea tem um ou mais objetos que s\u00e3o replicados de maneira previs\u00edvel afim de formar um novo contexto visual. Tudo isso feito com base nesse primeiro elemento, que funciona exatamente como um modelo para essa esp\u00e9cie de conjunto de azulejos que \u00e9 formado no final.<\/p>\n<img loading=\"lazy\" decoding=\"async\" width=\"640\" height=\"360\" class=\"alignnone size-full wp-image-3787\" src=\"https:\/\/waltermattos.com\/site\/wp-content\/uploads\/2015\/09\/Patterns_Automaticos_Illustrator_Quadrado_Imagens_Patterns_Animacao.gif\" alt=\"Patterns_Automaticos_Illustrator_Quadrado_Imagens_Patterns_Animacao\" \/>\n<p>O\u00a0interessante \u00e9 que o Illustrator te permite editar este modelo enquanto todas as c\u00f3pias s\u00e3o atualizadas instantaneamente. E talvez voc\u00ea n\u00e3o saiba, mas essa fun\u00e7\u00e3o j\u00e1 existe no Illustrator h\u00e1 muito tempo. Antes mesmo do novo painel <strong>\u201cPattern Options\u201d<\/strong>, que eu vou mostrar rapidamente como funciona. Por enquanto n\u00e3o precisa me acompanhar, t\u00e1?<\/p>\n<h2>Criando padr\u00f5es utilizando o painel Pattern Options<\/h2>\n<p>Hoje, para criar um padr\u00e3o no Illustrator, basta arrastar o molde para dentro da janela <strong>Swaches<\/strong>.<\/p>\n<img loading=\"lazy\" decoding=\"async\" width=\"640\" height=\"360\" class=\"alignnone size-full wp-image-3791\" src=\"https:\/\/waltermattos.com\/site\/wp-content\/uploads\/2015\/09\/tut_Patterns_automaticos_Illustrator_Modulo_Quadrado_02_Pattern_Options.gif\" alt=\"tut_Patterns_automaticos_Illustrator_Modulo_Quadrado_02_Pattern_Options\" \/>\n<p>Na verdade j\u00e1 era assim antes, a \u00fanica diferen\u00e7a \u00e9 que desde a vers\u00e3o CS6, se eu n\u00e3o me engano, eu posso dar <strong>dois cliques<\/strong> nessa nova <strong>\u201cswach\u201d<\/strong> e entrar no modo de edi\u00e7\u00e3o desse padr\u00e3o.<\/p>\n<img loading=\"lazy\" decoding=\"async\" width=\"640\" height=\"360\" class=\"alignnone size-full wp-image-3793\" src=\"https:\/\/waltermattos.com\/site\/wp-content\/uploads\/2015\/09\/tut_Patterns_automaticos_Illustrator_Modulo_Quadrado_02_Pattern_Options_02.gif\" alt=\"tut_Patterns_automaticos_Illustrator_Modulo_Quadrado_02_Pattern_Options_02\" \/>\n<p>Aqui o Illustrator oferece um \u201cpreview\u201d de como meu <strong>Padr\u00e3o<\/strong> vai se comportar, e no canto esquerdo eu tenho o painel <strong>\u201cPattern Options\u201d<\/strong> que me oferece v\u00e1rias op\u00e7\u00f5es bem interessantes. \u00c9 uma fun\u00e7\u00e3o realmente muito \u00fatil, mas tem algumas limita\u00e7\u00f5es que eu n\u00e3o vou mencionar aqui pois n\u00e3o \u00e9 o objetivo desse v\u00eddeo, ent\u00e3o sugiro que voc\u00ea experimente essa op\u00e7\u00e3o, caso ainda n\u00e3o conhe\u00e7a, e experimente a que eu vou mostrar em seguida e por fim voc\u00ea decide com qual formato voc\u00ea se adapta melhor, ok?<\/p>\n<h2>Padr\u00f5es autom\u00e1ticos \u2013 poss\u00edvel problema<\/h2>\n<p>Aqui no Illustrator eu tenho duas camadas. <strong>\u201cMolde original\u201d<\/strong>, que eu sugiro que voc\u00ea n\u00e3o apague para manter um backup caso queira voltar a uma etapa anterior e <strong>\u201cLayout\u201d<\/strong>, que \u00e9 a camada onde n\u00f3s vamos trabalhar.<\/p>\n<p>Como voc\u00ea j\u00e1 sabe eu quero c\u00f3pias autom\u00e1ticas desse conjunto de objetos, e para fazer isso eu vou criar primeiro algumas c\u00f3pias horizontais desse m\u00f3dulo, e em seguida algumas c\u00f3pias verticais desse grupo de m\u00f3dulos. Voc\u00ea j\u00e1 vai entender, mas antes deixa eu te mostrar um poss\u00edvel problema que voc\u00ea pode encontrar.<\/p>\n<img loading=\"lazy\" decoding=\"async\" width=\"640\" height=\"360\" class=\"alignnone size-full wp-image-3795\" src=\"https:\/\/waltermattos.com\/site\/wp-content\/uploads\/2015\/09\/tut_Patterns_automaticos_Illustrator_Modulo_Quadrado_02_Transcricao_H_V.gif\" alt=\"tut_Patterns_automaticos_Illustrator_Modulo_Quadrado_02_Transcricao_H_V\" \/>\n<p>Eu sei que esse conjunto de objetos, contando com o fundo, claro, possui <strong>500 x 500 pixels<\/strong>, e \u00e9 esse valor que eu vou utilizar como base para as r\u00e9plicas do meu m\u00f3dulo.<\/p>\n<p>Ent\u00e3o, para aplicar o primeiro efeito basta selecionar esse conjunto e vir aqui em <strong>\u201cEffects &gt; Distort &amp; Transform &gt; Transform\u201d<\/strong>.<\/p>\n<img loading=\"lazy\" decoding=\"async\" width=\"640\" height=\"360\" class=\"alignnone size-full wp-image-3796\" src=\"https:\/\/waltermattos.com\/site\/wp-content\/uploads\/2015\/09\/tut_Patterns_automaticos_Illustrator_Modulo_Quadrado_02_Transcricao_Transform_B.gif\" alt=\"tut_Patterns_automaticos_Illustrator_Modulo_Quadrado_02_Transcricao_Transform_B\" \/>\n<p>Vou habilitar o <strong>\u201cPreview\u201d <\/strong>e criar minhas c\u00f3pias horizontais movendo primeiro este conjunto <strong>500 pixels<\/strong> para a direita, que corresponde a largura exata do conjunto de objetos, e em seguida aumentando o n\u00famero de c\u00f3pias para um valor que eu quiser. Nesse caso eu vou escolher 3 apenas para exemplificar e clicar em <strong>\u201cOk\u201d<\/strong>.<\/p>\n<p>Bom, eu j\u00e1 tenho algumas c\u00f3pias autom\u00e1ticas e tudo que eu fizer com qualquer objeto pertencente a este conjunto onde eu apliquei o efeito vai se repetir instantaneamente nas c\u00f3pias.<\/p>\n<p>Ou seja, eu consigo alterar formas e cores de cada objeto individualmente, e como eu criei c\u00f3pias com <strong>500 pixels<\/strong> de dist\u00e2ncia para cada objeto, caso eu mova qualquer objeto a dist\u00e2ncia entre as c\u00f3pias permanecer\u00e1 sempre com o valor de <strong>500 pixels<\/strong>.<\/p>\n<img loading=\"lazy\" decoding=\"async\" width=\"640\" height=\"360\" class=\"alignnone size-full wp-image-3797\" src=\"https:\/\/waltermattos.com\/site\/wp-content\/uploads\/2015\/09\/tut_Patterns_automaticos_Illustrator_Modulo_Quadrado_02_Transcricao_500px.gif\" alt=\"tut_Patterns_automaticos_Illustrator_Modulo_Quadrado_02_Transcricao_500px\" \/>\n<p>Isso \u00e9 muito legal, mas ainda n\u00e3o est\u00e1 perfeito.<\/p>\n<p>O problema \u00e9 que caso eu queira criar um objeto novo dentro da minha \u00e1rea ele n\u00e3o \u00e9 replicado. E isso acontece porque, como eu falei, o efeito est\u00e1 sendo aplicado em cada um destes objetos individualmente.<\/p>\n<img loading=\"lazy\" decoding=\"async\" width=\"640\" height=\"360\" class=\"alignnone size-full wp-image-3798\" src=\"https:\/\/waltermattos.com\/site\/wp-content\/uploads\/2015\/09\/tut_Patterns_automaticos_Illustrator_Modulo_Quadrado_02_Transcricao_Copia.gif\" alt=\"tut_Patterns_automaticos_Illustrator_Modulo_Quadrado_02_Transcricao_Copia\" \/>\n<p>E para comprovar isso basta vir nas layers, abrir as subcamadas da camada <strong>\u201cLayout\u201d<\/strong> e fazer uma observa\u00e7\u00e3o r\u00e1pida. Nota que de todos os objetos pertencentes a essa camada apenas o novo objeto n\u00e3o possui essa \u201cbolinha\u201d aqui do lado direito preenchida.<\/p>\n<img loading=\"lazy\" decoding=\"async\" width=\"640\" height=\"360\" class=\"alignnone size-full wp-image-3800\" src=\"https:\/\/waltermattos.com\/site\/wp-content\/uploads\/2015\/09\/tut_Patterns_automaticos_Illustrator_Modulo_Quadrado_02_Transcricao_Copia_02_B.png\" alt=\"tut_Patterns_automaticos_Illustrator_Modulo_Quadrado_02_Transcricao_Copia_02_B\" srcset=\"https:\/\/waltermattos.com\/site\/wp-content\/uploads\/2015\/09\/tut_Patterns_automaticos_Illustrator_Modulo_Quadrado_02_Transcricao_Copia_02_B.png 640w, https:\/\/waltermattos.com\/site\/wp-content\/uploads\/2015\/09\/tut_Patterns_automaticos_Illustrator_Modulo_Quadrado_02_Transcricao_Copia_02_B-310x174.png 310w\" sizes=\"auto, (max-width: 640px) 100vw, 640px\" \/>\n<p>Quando essa bolinha estiver preenchida significa que existe algum efeito de apar\u00eancia aplicado nessa camada. Como este objeto foi criado depois da aplica\u00e7\u00e3o dos efeitos, ele n\u00e3o possui nenhum efeito, e logo a bolinha de apar\u00eancia n\u00e3o est\u00e1 preenchida.<\/p>\n<p>Mas e se ao inv\u00e9s de aplicar o efeito em cada objeto individualmente eu pudesse aplicar em tudo que for criado dentro da camada <strong>\u201cLayout\u201d<\/strong>?<\/p>\n<p>Uma das formas de fazer isso \u00e9 agrupar os objetos antes de aplicar o efeito. E se voc\u00ea viu o v\u00eddeo \u201c<a href=\"https:\/\/www.youtube.com\/watch?v=hBHJlNXLuaQ&amp;feature=youtu.be\" target=\"_blank\">Simetria e r\u00e9plicas autom\u00e1ticas no Illustrator<\/a>\u201d deve lembrar que foi esse o m\u00e9todo que usei para criar as r\u00e9plicas, mas no caso de hoje tem um jeito muito mais f\u00e1cil.<\/p>\n<p>Eu posso aplicar o efeito direto na camada <strong>\u201cLayout\u201d<\/strong>, e consequentemente dentro de qualquer elemento pertencente a ela, e essa \u00e9 a sacada desse tutorial.<\/p>\n<h2>Download de arquivo<\/h2>\n<p>A partir daqui voc\u00ea j\u00e1 pode me acompanhar. Caso queira seguir meus passos fa\u00e7a o download do arquivo abaixo.<\/p>\n<p><a class=\"button\" title=\"Walter Mattos - Download arquivo base\" href=\"https:\/\/waltermattos.com\/site\/wp-content\/uploads\/2015\/08\/Walter_Mattos_Patterns_Automaticos_Illustrator_Quadrado.zip\" target=\"_blank\">Baixar arquivo base<\/a><\/p>\n<h2>Criando os padr\u00f5es\u00a0autom\u00e1ticos\u00a0corretamente<\/h2>\n<p>Ao inv\u00e9s de selecionar os objetos eu vou simplesmente clicar no c\u00edrculo que corresponde aos efeitos de apar\u00eancia da camada <strong>\u201cLayout\u201d<\/strong> e venho em <strong>\u201cEffect &gt; Distort &amp; Transform &gt; Transform\u201d<\/strong>. Agora o procedimento \u00e9 exatamente o mesmo.<\/p>\n<img loading=\"lazy\" decoding=\"async\" width=\"640\" height=\"360\" class=\"alignnone size-full wp-image-3801\" src=\"https:\/\/waltermattos.com\/site\/wp-content\/uploads\/2015\/09\/tut_Patterns_automaticos_Illustrator_Modulo_Quadrado_02_Transcricao_App_Layer.gif\" alt=\"tut_Patterns_automaticos_Illustrator_Modulo_Quadrado_02_Transcricao_App_Layer\" \/>\n<p>Habilito o <strong>\u201cPreview\u201d<\/strong>, movo 500 pixels na horizontal e em seguida escolho o n\u00famero de c\u00f3pias. Nesse caso vou escolher 5 pra gente visualizar o efeito em uma \u00e1rea maior.<\/p>\n<p>E como voc\u00ea pode ver caso eu edite ou mova um objeto o efeito continua sendo replicado, e mesmo que eu saia da \u00e1rea do meu m\u00f3dulo o efeito continua funcionando. E isso \u00e9 uma das coisas que voc\u00ea n\u00e3o consegue fazer utilizando o painel <strong>\u201cPattern Options\u201d<\/strong>, t\u00e1?<\/p>\n<img loading=\"lazy\" decoding=\"async\" width=\"640\" height=\"360\" class=\"alignnone size-full wp-image-3805\" src=\"https:\/\/waltermattos.com\/site\/wp-content\/uploads\/2015\/09\/tut_Patterns_automaticos_Illustrator_Modulo_Quadrado_02_Transcricao_Fora_Modulo.gif\" alt=\"tut_Patterns_automaticos_Illustrator_Modulo_Quadrado_02_Transcricao_Fora_Modulo\" \/>\n<p>Melhor ainda, caso eu crie um novo objeto o efeito continua sendo aplicado pois agora tudo que estiver dentro da camada <strong>\u201cLayout\u201d<\/strong> vai sofrer influ\u00eancia do efeito.<\/p>\n<img loading=\"lazy\" decoding=\"async\" width=\"640\" height=\"360\" class=\"alignnone size-full wp-image-3806\" src=\"https:\/\/waltermattos.com\/site\/wp-content\/uploads\/2015\/09\/tut_Patterns_automaticos_Illustrator_Modulo_Quadrado_02_Transcricao_Copias_Ok.gif\" alt=\"tut_Patterns_automaticos_Illustrator_Modulo_Quadrado_02_Transcricao_Copias_Ok\" \/>\n<p>E uma informa\u00e7\u00e3o muito importante. Isso significa que caso eu queira criar um efeito novo ou editar o efeito existente eu preciso clicar novamente na bolinha da camada <strong>\u201cLayout\u201d<\/strong> e em seguida abrir a janela <strong>\u201cAppearence<\/strong>\u201d, que corresponde, como voc\u00ea j\u00e1 deve imaginar, a janela de efeitos de apar\u00eancia.<\/p>\n<img loading=\"lazy\" decoding=\"async\" width=\"640\" height=\"360\" class=\"alignnone size-full wp-image-3807\" src=\"https:\/\/waltermattos.com\/site\/wp-content\/uploads\/2015\/09\/tut_Patterns_automaticos_Illustrator_Modulo_Quadrado_02_Transcricao_Layer_App.gif\" alt=\"tut_Patterns_automaticos_Illustrator_Modulo_Quadrado_02_Transcricao_Layer_App\" \/>\n<p>Como voc\u00ea pode ver eu j\u00e1 tenho um efeito aplicado, que s\u00e3o minhas c\u00f3pias horizontais, e agora eu vou resolver as c\u00f3pias verticais.<\/p>\n<p>Voc\u00ea poderia vir no menu, como mostrei anteriormente, claro, mas j\u00e1 que a janela de apar\u00eancias j\u00e1 est\u00e1 aberta eu posso clicar\u00a0no\u00a0bot\u00e3o\u00a0<strong>\u201cfx\u201d<\/strong>\u00a0e continuar o processo normalmente em <strong>\u201cDistort &amp; Transform &gt; Transform\u201d<\/strong>, e dessa vez o Illustrator avisa que eu j\u00e1 tenho um efeito aplicado nessa camada.<\/p>\n<p>Vou clicar em <strong>\u201cApply New Effect\u201d<\/strong> para criar um novo efeito, habilitar o <strong>\u201cPreview\u201d<\/strong>, e agora ao inv\u00e9s de mover <strong>500 pixels<\/strong> na horizontal eu vou mover <strong>500 pixels<\/strong> na vertical.<\/p>\n<p>E um detalhe importante \u00e9 que voc\u00ea nota que o Illustrator aplica o novo efeito em todo conjunto, tanto no m\u00f3dulo como nos efeitos que n\u00f3s j\u00e1 aplicamos anteriormente. Isso porque todos os efeitos est\u00e3o sendo aplicados diretamente na camada <strong>\u201cLayout\u201d<\/strong>, ent\u00e3o consequentemente o segundo efeito vai influenciar o primeiro, e assim sucessivamente caso eu aplique novos efeitos.<\/p>\n<p>\u00c9 importante voc\u00ea entender isso para conseguir antecipar alguns comportamentos e facilitar o seu processo criativo, t\u00e1? Ent\u00e3o, quanto mais voc\u00ea testar melhor.<\/p>\n<img loading=\"lazy\" decoding=\"async\" width=\"640\" height=\"360\" class=\"alignnone size-full wp-image-3808\" src=\"https:\/\/waltermattos.com\/site\/wp-content\/uploads\/2015\/09\/tut_Patterns_automaticos_Illustrator_Modulo_Quadrado_02_Transcricao_Copias_Vert.gif\" alt=\"tut_Patterns_automaticos_Illustrator_Modulo_Quadrado_02_Transcricao_Copias_Vert\" \/>\n<p>Vou selecionar 5 novamente para o n\u00famero de c\u00f3pias e clicar em <strong>\u201cOk\u201d<\/strong>. Pronto.<\/p>\n<p>Agora basta viajar o m\u00e1ximo que voc\u00ea puder. Voc\u00ea pode duplicar, criar novos objetos ou mesmo buscar intera\u00e7\u00f5es entre objetos de m\u00f3dulos diferentes.<\/p>\n<img loading=\"lazy\" decoding=\"async\" width=\"640\" height=\"360\" class=\"alignnone size-full wp-image-3809\" src=\"https:\/\/waltermattos.com\/site\/wp-content\/uploads\/2015\/09\/tut_Patterns_automaticos_Illustrator_Modulo_Quadrado_02_Transcricao_Edicao_Final.gif\" alt=\"tut_Patterns_automaticos_Illustrator_Modulo_Quadrado_02_Transcricao_Edicao_Final\" \/>\n<p>No final voc\u00ea garante um padr\u00e3o sem emendas e o resultado vai depender somente da sua criatividade.<\/p>\n<h3>Essa \u00e9 minha imagem final.<\/h3>\n<img loading=\"lazy\" decoding=\"async\" width=\"640\" height=\"360\" class=\"alignnone size-full wp-image-3811\" src=\"https:\/\/waltermattos.com\/site\/wp-content\/uploads\/2015\/09\/Patterns_Automaticos_Illustrator_Quadrado_Imagem_Final_Animacao_B.gif\" alt=\"Patterns_Automaticos_Illustrator_Quadrado_Imagem_Final_Animacao_B\" \/>\n<p>Como voc\u00ea pode ver eu tenho apenas um pequeno grupo de objetos, mas uma infinidade de possibilidades.<\/p>\n<h2>Encerramento<\/h2>\n<p>\u00c9 isso, pessoal.<\/p>\n<p>Espero que voc\u00ea tenha gostado deste tutorial. Depois da boa recep\u00e7\u00e3o de voc\u00eas sobre o v\u00eddeo anterior eu decidi estudar bem mais a fundo como funcionam os padr\u00f5es, n\u00e3o s\u00f3 no Illustrator mas de uma forma geral, e descobri muita coisa bem interessante. Eu decidi publicar esse primeiro por quest\u00f5es de introdu\u00e7\u00e3o mesmo, mas daria pra fazer um curso s\u00f3 sobre isso. De qualquer forma eu pretendo dividir esse estudo com voc\u00eas de pouquinho em pouquinho.<\/p>\n<p>Caso voc\u00ea goste dessa ideia deixa a\u00ed seu coment\u00e1rio, d\u00favidas ou sugest\u00f5es, e se poss\u00edvel compartilhe o v\u00eddeo com quem voc\u00ea acha que esse material pode ser \u00fatil.<\/p>\n<p>Fica \u00e0 vontade para compartilhar tamb\u00e9m os resultados dos seus testes comigo atrav\u00e9s das minhas redes sociais. Os links est\u00e3o a\u00ed na descri\u00e7\u00e3o do v\u00eddeo junto com outras refer\u00eancias que eu fiz quest\u00e3o de deixar pra voc\u00eas.<\/p>\n<p>E como sempre lembrando que todos os v\u00eddeos aqui do canal s\u00e3o legendados e tamb\u00e9m possuem vers\u00f5es transcritas l\u00e1 no meu site, <a href=\"https:\/\/waltermattos.com\/\" target=\"_blank\">waltermattos.com<\/a>, onde voc\u00ea tamb\u00e9m encontra outras dicas, reflex\u00f5es e tutoriais sobre design.<\/p>\n<p>Valeu pessoal, um abra\u00e7o e at\u00e9 a pr\u00f3xima.<\/p>\n<p>&#8212;<\/p>\n","protected":false},"excerpt":{"rendered":"<p>Se voc\u00ea assistiu ao v\u00eddeo anterior (Simetria e r\u00e9plicas autom\u00e1ticas no Illustrator) viu que \u00e9 poss\u00edvel criar r\u00e9plicas autom\u00e1ticas de qualquer objeto ou tra\u00e7o para criar formas bem interessantes de maneira previs\u00edvel e utilizando recursos do pr\u00f3prio Illustrator, sem necessidade de plug-ins. E um padr\u00e3o, como voc\u00ea j\u00e1 deve saber, explora exatamente o mesmo conceito&#8230;.  <a class=\"excerpt-read-more\" href=\"https:\/\/waltermattos.com\/site\/tutoriais\/patterns-automaticos-no-illustrator-modulo-quadrado\/\">Ler artigo<\/a><\/p>\n","protected":false},"author":2,"featured_media":3813,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_jetpack_memberships_contains_paid_content":false,"footnotes":"","jetpack_publicize_message":"#Patterns autom\u00e1ticos no #Illustrator - vers\u00e3o transcrita http:\/\/wp.me\/p53J0J-Z0","jetpack_publicize_feature_enabled":true,"jetpack_social_post_already_shared":true,"jetpack_social_options":{"image_generator_settings":{"template":"highway","enabled":false},"version":2}},"categories":[7,159],"tags":[59,27,174,175,62],"class_list":["post-3782","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-tutoriais","category-videos-2","tag-design","tag-illustrator","tag-patterns","tag-rapport","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>Patterns autom\u00e1ticos no Illustrator: m\u00f3dulo quadrado - Walter Mattos<\/title>\n<meta name=\"description\" content=\"Voc\u00ea sabia que \u00e9 poss\u00edvel criar patterns sem emenda de forma autom\u00e1tica no Illustrator? Neste tutorial apresento um jeito bem f\u00e1cil de alcan\u00e7ar este efeito.\" \/>\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=\"Patterns autom\u00e1ticos no Illustrator: m\u00f3dulo quadrado - Walter Mattos\" \/>\n<meta property=\"og:description\" content=\"Voc\u00ea sabia que \u00e9 poss\u00edvel criar patterns sem emenda de forma autom\u00e1tica no Illustrator? Neste tutorial apresento um jeito bem f\u00e1cil de alcan\u00e7ar este efeito.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/waltermattos.com\/site\/tutoriais\/patterns-automaticos-no-illustrator-modulo-quadrado\/\" \/>\n<meta property=\"og:site_name\" content=\"Walter Mattos\" \/>\n<meta property=\"article:published_time\" content=\"2015-09-23T00:18:48+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/waltermattos.com\/site\/wp-content\/uploads\/2015\/09\/tut_Patterns_Automaticos_Illustrator_Modulo_Quadrado_Covers_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=\"8 minutos\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\/\/waltermattos.com\/site\/tutoriais\/patterns-automaticos-no-illustrator-modulo-quadrado\/#article\",\"isPartOf\":{\"@id\":\"https:\/\/waltermattos.com\/site\/tutoriais\/patterns-automaticos-no-illustrator-modulo-quadrado\/\"},\"author\":{\"name\":\"Walter Mattos\",\"@id\":\"https:\/\/waltermattos.com\/site\/#\/schema\/person\/d237be35b3af8e99d73dba176ae68175\"},\"headline\":\"Patterns autom\u00e1ticos no Illustrator: m\u00f3dulo quadrado\",\"datePublished\":\"2015-09-23T00:18:48+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\/\/waltermattos.com\/site\/tutoriais\/patterns-automaticos-no-illustrator-modulo-quadrado\/\"},\"wordCount\":1589,\"commentCount\":8,\"image\":{\"@id\":\"https:\/\/waltermattos.com\/site\/tutoriais\/patterns-automaticos-no-illustrator-modulo-quadrado\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/waltermattos.com\/site\/wp-content\/uploads\/2015\/09\/tut_Patterns_Automaticos_Illustrator_Modulo_Quadrado_Covers_Blog.png\",\"keywords\":[\"Design\",\"Illustrator\",\"Patterns\",\"Rapport\",\"Tutorial\"],\"articleSection\":[\"Tutoriais\",\"V\u00eddeos\"],\"inLanguage\":\"pt-BR\",\"potentialAction\":[{\"@type\":\"CommentAction\",\"name\":\"Comment\",\"target\":[\"https:\/\/waltermattos.com\/site\/tutoriais\/patterns-automaticos-no-illustrator-modulo-quadrado\/#respond\"]}]},{\"@type\":\"WebPage\",\"@id\":\"https:\/\/waltermattos.com\/site\/tutoriais\/patterns-automaticos-no-illustrator-modulo-quadrado\/\",\"url\":\"https:\/\/waltermattos.com\/site\/tutoriais\/patterns-automaticos-no-illustrator-modulo-quadrado\/\",\"name\":\"Patterns autom\u00e1ticos no Illustrator: m\u00f3dulo quadrado - Walter Mattos\",\"isPartOf\":{\"@id\":\"https:\/\/waltermattos.com\/site\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/waltermattos.com\/site\/tutoriais\/patterns-automaticos-no-illustrator-modulo-quadrado\/#primaryimage\"},\"image\":{\"@id\":\"https:\/\/waltermattos.com\/site\/tutoriais\/patterns-automaticos-no-illustrator-modulo-quadrado\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/waltermattos.com\/site\/wp-content\/uploads\/2015\/09\/tut_Patterns_Automaticos_Illustrator_Modulo_Quadrado_Covers_Blog.png\",\"datePublished\":\"2015-09-23T00:18:48+00:00\",\"author\":{\"@id\":\"https:\/\/waltermattos.com\/site\/#\/schema\/person\/d237be35b3af8e99d73dba176ae68175\"},\"description\":\"Voc\u00ea sabia que \u00e9 poss\u00edvel criar patterns sem emenda de forma autom\u00e1tica no Illustrator? Neste tutorial apresento um jeito bem f\u00e1cil de alcan\u00e7ar este efeito.\",\"inLanguage\":\"pt-BR\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/waltermattos.com\/site\/tutoriais\/patterns-automaticos-no-illustrator-modulo-quadrado\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"pt-BR\",\"@id\":\"https:\/\/waltermattos.com\/site\/tutoriais\/patterns-automaticos-no-illustrator-modulo-quadrado\/#primaryimage\",\"url\":\"https:\/\/waltermattos.com\/site\/wp-content\/uploads\/2015\/09\/tut_Patterns_Automaticos_Illustrator_Modulo_Quadrado_Covers_Blog.png\",\"contentUrl\":\"https:\/\/waltermattos.com\/site\/wp-content\/uploads\/2015\/09\/tut_Patterns_Automaticos_Illustrator_Modulo_Quadrado_Covers_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":"Patterns autom\u00e1ticos no Illustrator: m\u00f3dulo quadrado - Walter Mattos","description":"Voc\u00ea sabia que \u00e9 poss\u00edvel criar patterns sem emenda de forma autom\u00e1tica no Illustrator? Neste tutorial apresento um jeito bem f\u00e1cil de alcan\u00e7ar este efeito.","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":"Patterns autom\u00e1ticos no Illustrator: m\u00f3dulo quadrado - Walter Mattos","og_description":"Voc\u00ea sabia que \u00e9 poss\u00edvel criar patterns sem emenda de forma autom\u00e1tica no Illustrator? Neste tutorial apresento um jeito bem f\u00e1cil de alcan\u00e7ar este efeito.","og_url":"https:\/\/waltermattos.com\/site\/tutoriais\/patterns-automaticos-no-illustrator-modulo-quadrado\/","og_site_name":"Walter Mattos","article_published_time":"2015-09-23T00:18:48+00:00","og_image":[{"width":420,"height":420,"url":"https:\/\/waltermattos.com\/site\/wp-content\/uploads\/2015\/09\/tut_Patterns_Automaticos_Illustrator_Modulo_Quadrado_Covers_Blog.png","type":"image\/png"}],"author":"Walter Mattos","twitter_misc":{"Escrito por":"Walter Mattos","Est. tempo de leitura":"8 minutos"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/waltermattos.com\/site\/tutoriais\/patterns-automaticos-no-illustrator-modulo-quadrado\/#article","isPartOf":{"@id":"https:\/\/waltermattos.com\/site\/tutoriais\/patterns-automaticos-no-illustrator-modulo-quadrado\/"},"author":{"name":"Walter Mattos","@id":"https:\/\/waltermattos.com\/site\/#\/schema\/person\/d237be35b3af8e99d73dba176ae68175"},"headline":"Patterns autom\u00e1ticos no Illustrator: m\u00f3dulo quadrado","datePublished":"2015-09-23T00:18:48+00:00","mainEntityOfPage":{"@id":"https:\/\/waltermattos.com\/site\/tutoriais\/patterns-automaticos-no-illustrator-modulo-quadrado\/"},"wordCount":1589,"commentCount":8,"image":{"@id":"https:\/\/waltermattos.com\/site\/tutoriais\/patterns-automaticos-no-illustrator-modulo-quadrado\/#primaryimage"},"thumbnailUrl":"https:\/\/waltermattos.com\/site\/wp-content\/uploads\/2015\/09\/tut_Patterns_Automaticos_Illustrator_Modulo_Quadrado_Covers_Blog.png","keywords":["Design","Illustrator","Patterns","Rapport","Tutorial"],"articleSection":["Tutoriais","V\u00eddeos"],"inLanguage":"pt-BR","potentialAction":[{"@type":"CommentAction","name":"Comment","target":["https:\/\/waltermattos.com\/site\/tutoriais\/patterns-automaticos-no-illustrator-modulo-quadrado\/#respond"]}]},{"@type":"WebPage","@id":"https:\/\/waltermattos.com\/site\/tutoriais\/patterns-automaticos-no-illustrator-modulo-quadrado\/","url":"https:\/\/waltermattos.com\/site\/tutoriais\/patterns-automaticos-no-illustrator-modulo-quadrado\/","name":"Patterns autom\u00e1ticos no Illustrator: m\u00f3dulo quadrado - Walter Mattos","isPartOf":{"@id":"https:\/\/waltermattos.com\/site\/#website"},"primaryImageOfPage":{"@id":"https:\/\/waltermattos.com\/site\/tutoriais\/patterns-automaticos-no-illustrator-modulo-quadrado\/#primaryimage"},"image":{"@id":"https:\/\/waltermattos.com\/site\/tutoriais\/patterns-automaticos-no-illustrator-modulo-quadrado\/#primaryimage"},"thumbnailUrl":"https:\/\/waltermattos.com\/site\/wp-content\/uploads\/2015\/09\/tut_Patterns_Automaticos_Illustrator_Modulo_Quadrado_Covers_Blog.png","datePublished":"2015-09-23T00:18:48+00:00","author":{"@id":"https:\/\/waltermattos.com\/site\/#\/schema\/person\/d237be35b3af8e99d73dba176ae68175"},"description":"Voc\u00ea sabia que \u00e9 poss\u00edvel criar patterns sem emenda de forma autom\u00e1tica no Illustrator? Neste tutorial apresento um jeito bem f\u00e1cil de alcan\u00e7ar este efeito.","inLanguage":"pt-BR","potentialAction":[{"@type":"ReadAction","target":["https:\/\/waltermattos.com\/site\/tutoriais\/patterns-automaticos-no-illustrator-modulo-quadrado\/"]}]},{"@type":"ImageObject","inLanguage":"pt-BR","@id":"https:\/\/waltermattos.com\/site\/tutoriais\/patterns-automaticos-no-illustrator-modulo-quadrado\/#primaryimage","url":"https:\/\/waltermattos.com\/site\/wp-content\/uploads\/2015\/09\/tut_Patterns_Automaticos_Illustrator_Modulo_Quadrado_Covers_Blog.png","contentUrl":"https:\/\/waltermattos.com\/site\/wp-content\/uploads\/2015\/09\/tut_Patterns_Automaticos_Illustrator_Modulo_Quadrado_Covers_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\/2015\/09\/tut_Patterns_Automaticos_Illustrator_Modulo_Quadrado_Covers_Blog.png","jetpack_sharing_enabled":true,"jetpack_shortlink":"https:\/\/wp.me\/p53J0J-Z0","_links":{"self":[{"href":"https:\/\/waltermattos.com\/site\/wp-json\/wp\/v2\/posts\/3782","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=3782"}],"version-history":[{"count":12,"href":"https:\/\/waltermattos.com\/site\/wp-json\/wp\/v2\/posts\/3782\/revisions"}],"predecessor-version":[{"id":3815,"href":"https:\/\/waltermattos.com\/site\/wp-json\/wp\/v2\/posts\/3782\/revisions\/3815"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/waltermattos.com\/site\/wp-json\/wp\/v2\/media\/3813"}],"wp:attachment":[{"href":"https:\/\/waltermattos.com\/site\/wp-json\/wp\/v2\/media?parent=3782"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/waltermattos.com\/site\/wp-json\/wp\/v2\/categories?post=3782"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/waltermattos.com\/site\/wp-json\/wp\/v2\/tags?post=3782"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}