{"id":5572,"date":"2017-02-15T19:43:42","date_gmt":"2017-02-15T22:43:42","guid":{"rendered":"https:\/\/waltermattos.com\/?p=5572"},"modified":"2017-02-15T19:43:42","modified_gmt":"2017-02-15T22:43:42","slug":"como-criar-patterns-sem-emenda-de-um-jeito-simples-e-intuitivo","status":"publish","type":"post","link":"https:\/\/waltermattos.com\/site\/tutoriais\/como-criar-patterns-sem-emenda-de-um-jeito-simples-e-intuitivo\/","title":{"rendered":"Como criar patterns sem emenda de um jeito simples e intuitivo"},"content":{"rendered":"<p><iframe loading=\"lazy\" src=\"https:\/\/www.youtube.com\/embed\/ONxePOkVyPs\" width=\"640\" height=\"360\" frameborder=\"0\" allowfullscreen=\"allowfullscreen\"><\/iframe><\/p>\n<p>Neste v\u00eddeo apresento uma t\u00e9cnica bem bacana para criar patterns\u00a0de uma maneira bastante intuitiva.<\/p>\n<p>E o mais legal \u00e9 que, com essa mesma t\u00e9cnica, voc\u00ea conseguir\u00e1 criar desde padr\u00f5es simples a padr\u00f5es com um grau de complexidade maior,\u00a0como os padr\u00f5es sem emenda. Ou seja, aqueles onde voc\u00ea possui conex\u00f5es entre os elementos, mas fica dif\u00edcil distinguir exatamente onde essas conex\u00f5es s\u00e3o feitas \u2013 efeito esse tamb\u00e9m conhecido como <em>Rapport<\/em>.<\/p>\n<img loading=\"lazy\" decoding=\"async\" width=\"640\" height=\"400\" class=\"alignnone size-full wp-image-5580\" src=\"https:\/\/waltermattos.com\/site\/wp-content\/uploads\/2017\/02\/Patterns_Rapport_Jeito_Simples_Geometria_modulo_Centro_Final_02_Mod_Trans.png\" alt=\"Patterns_Rapport_Jeito_Simples_Geometria_modulo_Centro_Final_02_Mod_Trans\" srcset=\"https:\/\/waltermattos.com\/site\/wp-content\/uploads\/2017\/02\/Patterns_Rapport_Jeito_Simples_Geometria_modulo_Centro_Final_02_Mod_Trans.png 640w, https:\/\/waltermattos.com\/site\/wp-content\/uploads\/2017\/02\/Patterns_Rapport_Jeito_Simples_Geometria_modulo_Centro_Final_02_Mod_Trans-310x194.png 310w\" sizes=\"auto, (max-width: 640px) 100vw, 640px\" \/>\n<img loading=\"lazy\" decoding=\"async\" width=\"640\" height=\"400\" class=\"alignnone size-full wp-image-5581\" src=\"https:\/\/waltermattos.com\/site\/wp-content\/uploads\/2017\/02\/Patterns_Rapport_Jeito_Simples_Floral_Novo_Modulo_Transcricao_C.jpg\" alt=\"Patterns_Rapport_Jeito_Simples_Floral_Novo_Modulo_Transcricao_C\" srcset=\"https:\/\/waltermattos.com\/site\/wp-content\/uploads\/2017\/02\/Patterns_Rapport_Jeito_Simples_Floral_Novo_Modulo_Transcricao_C.jpg 640w, https:\/\/waltermattos.com\/site\/wp-content\/uploads\/2017\/02\/Patterns_Rapport_Jeito_Simples_Floral_Novo_Modulo_Transcricao_C-310x194.jpg 310w\" sizes=\"auto, (max-width: 640px) 100vw, 640px\" \/>\n<p>A inten\u00e7\u00e3o desse v\u00eddeo \u00e9 apresentar a t\u00e9cnica de maneira otimizada para quem for utiliz\u00e1-la em qualquer software gr\u00e1fico. Portanto, basta escolher seu programa favorito e colocar a m\u00e3o na massa.<\/p>\n<p>Espero que goste.<\/p>\n<h2>Exemplo 1: Pattern com formas geom\u00e9tricas<\/h2>\n<p>Vamos come\u00e7ar com um exemplo bem b\u00e1sico. Eu tenho aqui uma composi\u00e7\u00e3o simples com alguns objetos soltos e eu quero transformar isso em um padr\u00e3o.<\/p>\n<img loading=\"lazy\" decoding=\"async\" width=\"640\" height=\"400\" class=\"alignnone size-full wp-image-5576\" src=\"https:\/\/waltermattos.com\/site\/wp-content\/uploads\/2017\/02\/Patterns_Rapport_Jeito_Simples_Geometria_Modulo_Transc.png\" alt=\"Patterns_Rapport_Jeito_Simples_Geometria_Modulo_Transc\" srcset=\"https:\/\/waltermattos.com\/site\/wp-content\/uploads\/2017\/02\/Patterns_Rapport_Jeito_Simples_Geometria_Modulo_Transc.png 640w, https:\/\/waltermattos.com\/site\/wp-content\/uploads\/2017\/02\/Patterns_Rapport_Jeito_Simples_Geometria_Modulo_Transc-310x194.png 310w\" sizes=\"auto, (max-width: 640px) 100vw, 640px\" \/>\n<p>\u00c9 claro que eu j\u00e1 poderia utilizar essa imagem como um m\u00f3dulo e criar um pattern a partir dele.<\/p>\n<img loading=\"lazy\" decoding=\"async\" width=\"640\" height=\"400\" class=\"alignnone size-full wp-image-5578\" src=\"https:\/\/waltermattos.com\/site\/wp-content\/uploads\/2017\/02\/Patterns_Rapport_Jeito_Simples_Geometria_Modulo_Centro_Pattern_Modulo_Orgn_Trans.jpg\" alt=\"Patterns_Rapport_Jeito_Simples_Geometria_Modulo_Centro_Pattern_Modulo_Orgn_Trans\" srcset=\"https:\/\/waltermattos.com\/site\/wp-content\/uploads\/2017\/02\/Patterns_Rapport_Jeito_Simples_Geometria_Modulo_Centro_Pattern_Modulo_Orgn_Trans.jpg 640w, https:\/\/waltermattos.com\/site\/wp-content\/uploads\/2017\/02\/Patterns_Rapport_Jeito_Simples_Geometria_Modulo_Centro_Pattern_Modulo_Orgn_Trans-310x194.jpg 310w\" sizes=\"auto, (max-width: 640px) 100vw, 640px\" \/>\n<p>Mas digamos que eu prefira uma transi\u00e7\u00e3o um pouco mais homogenia. Eu n\u00e3o estou satisfeito com esses intervalos ou vazios aqui no meio.<\/p>\n<img loading=\"lazy\" decoding=\"async\" width=\"640\" height=\"400\" class=\"alignnone size-full wp-image-5579\" src=\"https:\/\/waltermattos.com\/site\/wp-content\/uploads\/2017\/02\/Patterns_Rapport_Jeito_Simples_Geometria_Modulo_Centro_Pattern_Intervalos_Trans.png\" alt=\"Patterns_Rapport_Jeito_Simples_Geometria_Modulo_Centro_Pattern_Intervalos_Trans\" srcset=\"https:\/\/waltermattos.com\/site\/wp-content\/uploads\/2017\/02\/Patterns_Rapport_Jeito_Simples_Geometria_Modulo_Centro_Pattern_Intervalos_Trans.png 640w, https:\/\/waltermattos.com\/site\/wp-content\/uploads\/2017\/02\/Patterns_Rapport_Jeito_Simples_Geometria_Modulo_Centro_Pattern_Intervalos_Trans-310x194.png 310w\" sizes=\"auto, (max-width: 640px) 100vw, 640px\" \/>\n<p>E para resolver isso eu poderia tentar preencher as 4 quinas ou as bordas dessa composi\u00e7\u00e3o, mas existe uma forma que eu considero ainda mais eficiente de fazer isso.<\/p>\n<h3>Criando 4 c\u00f3pias do m\u00f3dulo original<\/h3>\n<p>Primeiro eu crio 4 vers\u00f5es iguais dessa composi\u00e7\u00e3o, que eu estou considerando como um m\u00f3dulo, e organizo dessa forma \u2013 dois m\u00f3dulos em cima e dois em baixo.<\/p>\n<img loading=\"lazy\" decoding=\"async\" width=\"640\" height=\"400\" class=\"alignnone size-full wp-image-5583\" src=\"https:\/\/waltermattos.com\/site\/wp-content\/uploads\/2017\/02\/Patterns_Rapport_Jeito_Simples_Geometria_Espaco_Trans.jpg\" alt=\"Patterns_Rapport_Jeito_Simples_Geometria_Espaco_Trans\" srcset=\"https:\/\/waltermattos.com\/site\/wp-content\/uploads\/2017\/02\/Patterns_Rapport_Jeito_Simples_Geometria_Espaco_Trans.jpg 640w, https:\/\/waltermattos.com\/site\/wp-content\/uploads\/2017\/02\/Patterns_Rapport_Jeito_Simples_Geometria_Espaco_Trans-310x194.jpg 310w\" sizes=\"auto, (max-width: 640px) 100vw, 640px\" \/>\n<p>\u00c9 importante que n\u00e3o haja nenhum espa\u00e7o entre eles, ok?<\/p>\n<h3>Encontrando o novo m\u00f3dulo<\/h3>\n<p>Depois eu pego a \u00e1rea total de um m\u00f3dulo e fa\u00e7o uma marca\u00e7\u00e3o com essa mesma \u00e1rea bem no centro da composi\u00e7\u00e3o, entre as 4 c\u00f3pias que a gente acabou de criar.<\/p>\n<img loading=\"lazy\" decoding=\"async\" width=\"640\" height=\"400\" class=\"alignnone size-full wp-image-5585\" src=\"https:\/\/waltermattos.com\/site\/wp-content\/uploads\/2017\/02\/Patterns_Rapport_Jeito_Simples_Geometria_Modulo_Centro_Trans.jpg\" alt=\"Patterns_Rapport_Jeito_Simples_Geometria_Modulo_Centro_Trans\" srcset=\"https:\/\/waltermattos.com\/site\/wp-content\/uploads\/2017\/02\/Patterns_Rapport_Jeito_Simples_Geometria_Modulo_Centro_Trans.jpg 640w, https:\/\/waltermattos.com\/site\/wp-content\/uploads\/2017\/02\/Patterns_Rapport_Jeito_Simples_Geometria_Modulo_Centro_Trans-310x194.jpg 310w\" sizes=\"auto, (max-width: 640px) 100vw, 640px\" \/>\n<p>E pronto. Caso voc\u00ea n\u00e3o conhe\u00e7a essa t\u00e9cnica, \u00e9 aqui que sua cabe\u00e7a vai dar um pequeno n\u00f3.<\/p>\n<p>Esse contorno central \u00e9 o nosso novo m\u00f3dulo.<\/p>\n<img loading=\"lazy\" decoding=\"async\" width=\"640\" height=\"400\" class=\"alignnone size-full wp-image-5586\" src=\"https:\/\/waltermattos.com\/site\/wp-content\/uploads\/2017\/02\/Patterns_Rapport_Jeito_Simples_Geometria_Modulo_Centro_04_Trans.jpg\" alt=\"Patterns_Rapport_Jeito_Simples_Geometria_Modulo_Centro_04_Trans\" srcset=\"https:\/\/waltermattos.com\/site\/wp-content\/uploads\/2017\/02\/Patterns_Rapport_Jeito_Simples_Geometria_Modulo_Centro_04_Trans.jpg 640w, https:\/\/waltermattos.com\/site\/wp-content\/uploads\/2017\/02\/Patterns_Rapport_Jeito_Simples_Geometria_Modulo_Centro_04_Trans-310x194.jpg 310w\" sizes=\"auto, (max-width: 640px) 100vw, 640px\" \/>\n<p>E acredite ou n\u00e3o, o pattern que resulta desse novo m\u00f3dulo \u00e9 exatamente igual ao pattern formado pelo m\u00f3dulo original \u2013 ou pela nossa composi\u00e7\u00e3o original.<\/p>\n<img loading=\"lazy\" decoding=\"async\" width=\"640\" height=\"400\" class=\"alignnone size-full wp-image-5588\" src=\"https:\/\/waltermattos.com\/site\/wp-content\/uploads\/2017\/02\/Patterns_Rapport_Jeito_Simples_Geometria_Modulo_Centro_Pattern_Trans_B.jpg\" alt=\"Patterns_Rapport_Jeito_Simples_Geometria_Modulo_Centro_Pattern_Trans_B\" srcset=\"https:\/\/waltermattos.com\/site\/wp-content\/uploads\/2017\/02\/Patterns_Rapport_Jeito_Simples_Geometria_Modulo_Centro_Pattern_Trans_B.jpg 640w, https:\/\/waltermattos.com\/site\/wp-content\/uploads\/2017\/02\/Patterns_Rapport_Jeito_Simples_Geometria_Modulo_Centro_Pattern_Trans_B-310x194.jpg 310w\" sizes=\"auto, (max-width: 640px) 100vw, 640px\" \/>\n<p>Olha a\u00ed os mesmos intervalos entre os m\u00f3dulos.<\/p>\n<p>T\u00e1, mas se nada mudou por que isso \u00e9 interessante pra gente?<\/p>\n<p>Simples, porque agora ao inv\u00e9s de preencher as quinas ou a borda do m\u00f3dulo original, basta preencher o meio desse novo m\u00f3dulo. E, al\u00e9m disso, eu consigo visualizar de maneira muito mais clara como ser\u00e1 formado o pattern.<\/p>\n<img loading=\"lazy\" decoding=\"async\" width=\"640\" height=\"400\" class=\"alignnone size-full wp-image-5589\" src=\"https:\/\/waltermattos.com\/site\/wp-content\/uploads\/2017\/02\/Patterns_Rapport_Jeito_Simples_Geometria_Modulo_Centro_Meio_Clareza_Trans.jpg\" alt=\"Patterns_Rapport_Jeito_Simples_Geometria_Modulo_Centro_Meio_Clareza_Trans\" srcset=\"https:\/\/waltermattos.com\/site\/wp-content\/uploads\/2017\/02\/Patterns_Rapport_Jeito_Simples_Geometria_Modulo_Centro_Meio_Clareza_Trans.jpg 640w, https:\/\/waltermattos.com\/site\/wp-content\/uploads\/2017\/02\/Patterns_Rapport_Jeito_Simples_Geometria_Modulo_Centro_Meio_Clareza_Trans-310x194.jpg 310w\" sizes=\"auto, (max-width: 640px) 100vw, 640px\" \/>\n<p>Basta observar que todos os objetos que atravessam um dos lados da borda desse novo m\u00f3dulo possuem c\u00f3pias do lado oposto.<\/p>\n<p>Observa os\u00a0tri\u00e2ngulos abaixo, por exemplo.\u00a0A parte do tri\u00e2ngulo que est\u00e1 dentro do novo m\u00f3dulo \u00e9 exatamente igual \u00e0 parte que est\u00e1 fora. E \u00e9 exatamente isso caracteriza um pattern.<\/p>\n<img loading=\"lazy\" decoding=\"async\" width=\"640\" height=\"400\" class=\"alignnone size-full wp-image-5590\" src=\"https:\/\/waltermattos.com\/site\/wp-content\/uploads\/2017\/02\/Patterns_Rapport_Jeito_Simples_Geometria_Modulo_Centro_Meio_Clareza_Copias_05_Trans.jpg\" alt=\"Patterns_Rapport_Jeito_Simples_Geometria_Modulo_Centro_Meio_Clareza_Copias_05_Trans\" srcset=\"https:\/\/waltermattos.com\/site\/wp-content\/uploads\/2017\/02\/Patterns_Rapport_Jeito_Simples_Geometria_Modulo_Centro_Meio_Clareza_Copias_05_Trans.jpg 640w, https:\/\/waltermattos.com\/site\/wp-content\/uploads\/2017\/02\/Patterns_Rapport_Jeito_Simples_Geometria_Modulo_Centro_Meio_Clareza_Copias_05_Trans-310x194.jpg 310w\" sizes=\"auto, (max-width: 640px) 100vw, 640px\" \/>\n<p>Ent\u00e3o, caso eu mova ele para qualquer lugar, eu preciso mover tamb\u00e9m a sua c\u00f3pia do lado oposto, ok? Esse \u00e9 o \u00fanico cuidado que n\u00f3s precisamos ter ao utilizar o novo m\u00f3dulo.<\/p>\n<p>Beleza?<\/p>\n<h3>Novo pattern sem emendas<\/h3>\n<p>Bom, agora s\u00f3 falta preencher o espa\u00e7o central.<\/p>\n<p>Eu posso, por exemplo, come\u00e7ar copiando alguns objetos que j\u00e1 existem e alterar \u00e2ngulos, tamanhos e cores ou mesmo criar novas formas. N\u00e3o importa. A ideia \u00e9 preencher o espa\u00e7o.<\/p>\n<img loading=\"lazy\" decoding=\"async\" width=\"640\" height=\"400\" class=\"alignnone size-full wp-image-5591\" src=\"https:\/\/waltermattos.com\/site\/wp-content\/uploads\/2017\/02\/Patterns_Rapport_Jeito_Simples_Geometria_modulo_Centro_Modulo_Final_Trans.jpg\" alt=\"Patterns_Rapport_Jeito_Simples_Geometria_modulo_Centro_Modulo_Final_Trans\" srcset=\"https:\/\/waltermattos.com\/site\/wp-content\/uploads\/2017\/02\/Patterns_Rapport_Jeito_Simples_Geometria_modulo_Centro_Modulo_Final_Trans.jpg 640w, https:\/\/waltermattos.com\/site\/wp-content\/uploads\/2017\/02\/Patterns_Rapport_Jeito_Simples_Geometria_modulo_Centro_Modulo_Final_Trans-310x194.jpg 310w\" sizes=\"auto, (max-width: 640px) 100vw, 640px\" \/>\n<p>E uma vez satisfeito \u00e9 s\u00f3 criar o pattern a partir desse novo m\u00f3dulo.<\/p>\n<p>O resultado \u00e9 um padr\u00e3o bem mais homog\u00eaneo e, como voc\u00ea p\u00f4de ver, com o m\u00ednimo de trabalho poss\u00edvel.<\/p>\n<img loading=\"lazy\" decoding=\"async\" width=\"640\" height=\"400\" class=\"alignnone size-full wp-image-5592\" src=\"https:\/\/waltermattos.com\/site\/wp-content\/uploads\/2017\/02\/Patterns_Rapport_Jeito_Simples_Geometria_modulo_Centro_Final_02_Trans.jpg\" alt=\"Patterns_Rapport_Jeito_Simples_Geometria_modulo_Centro_Final_02_Trans\" srcset=\"https:\/\/waltermattos.com\/site\/wp-content\/uploads\/2017\/02\/Patterns_Rapport_Jeito_Simples_Geometria_modulo_Centro_Final_02_Trans.jpg 640w, https:\/\/waltermattos.com\/site\/wp-content\/uploads\/2017\/02\/Patterns_Rapport_Jeito_Simples_Geometria_modulo_Centro_Final_02_Trans-310x194.jpg 310w\" sizes=\"auto, (max-width: 640px) 100vw, 640px\" \/>\n<p>Bem f\u00e1cil de executar em qualquer software gr\u00e1fico que voc\u00ea utilize por a\u00ed.<\/p>\n<h2>Entendendo a t\u00e9cnica no detalhe<\/h2>\n<p>Antes de partir para o \u00faltimo exemplo vamos ver se eu consigo explicar melhor o que acabou de acontecer aqui.<\/p>\n<p>Primeiro, vamos dividir o m\u00f3dulo original em 4 blocos, 01, 02, 03 e 04, e tamb\u00e9m destacar as quinas com as mesmas numera\u00e7\u00f5es dos seus respectivos blocos.<\/p>\n<img loading=\"lazy\" decoding=\"async\" width=\"640\" height=\"400\" class=\"alignnone size-full wp-image-5594\" src=\"https:\/\/waltermattos.com\/site\/wp-content\/uploads\/2017\/02\/Patterns_Rapport_Jeito_Simples_Explicacao_Mod_Modulo_Centro_Trans.jpg\" alt=\"Patterns_Rapport_Jeito_Simples_Explicacao_Mod_Modulo_Centro_Trans\" srcset=\"https:\/\/waltermattos.com\/site\/wp-content\/uploads\/2017\/02\/Patterns_Rapport_Jeito_Simples_Explicacao_Mod_Modulo_Centro_Trans.jpg 640w, https:\/\/waltermattos.com\/site\/wp-content\/uploads\/2017\/02\/Patterns_Rapport_Jeito_Simples_Explicacao_Mod_Modulo_Centro_Trans-310x194.jpg 310w\" sizes=\"auto, (max-width: 640px) 100vw, 640px\" \/>\n<p>Aproveitei para j\u00e1 posicionar, tamb\u00e9m, a \u00e1rea que do que vir\u00e1 a ser o nosso novo m\u00f3dulo.<\/p>\n<p>Acontece\u00a0que quando\u00a0fazemos\u00a0as 4 c\u00f3pias do m\u00f3dulo original n\u00f3s temos uma invers\u00e3o total desses 4 blocos dentro da \u00e1rea do novo m\u00f3dulo.<\/p>\n<img loading=\"lazy\" decoding=\"async\" width=\"640\" height=\"436\" class=\"alignnone size-full wp-image-5595\" src=\"https:\/\/waltermattos.com\/site\/wp-content\/uploads\/2017\/02\/Patterns_Rapport_Jeito_Simples_Explicacao_Mod_Copias_02_C_Trans.jpg\" alt=\"Patterns_Rapport_Jeito_Simples_Explicacao_Mod_Copias_02_C_Trans\" srcset=\"https:\/\/waltermattos.com\/site\/wp-content\/uploads\/2017\/02\/Patterns_Rapport_Jeito_Simples_Explicacao_Mod_Copias_02_C_Trans.jpg 640w, https:\/\/waltermattos.com\/site\/wp-content\/uploads\/2017\/02\/Patterns_Rapport_Jeito_Simples_Explicacao_Mod_Copias_02_C_Trans-310x211.jpg 310w\" sizes=\"auto, (max-width: 640px) 100vw, 640px\" \/>\n<p>Ou seja, se antes eu tinha a sequ\u00eancia 01, 02, 03 e 04, agora eu tenho a sequ\u00eancia 04, 03, 02 e 01. E isso tamb\u00e9m fez com que as quinas se concentrem agora no centro.<\/p>\n<p>E, consequentemente, tudo que antes fazia parte do centro agora est\u00e1 agora atravessando as bordas desse novo m\u00f3dulo, j\u00e1 com encaixes perfeitos entre um lado e outro.<\/p>\n<img loading=\"lazy\" decoding=\"async\" width=\"640\" height=\"400\" class=\"alignnone size-full wp-image-5596\" src=\"https:\/\/waltermattos.com\/site\/wp-content\/uploads\/2017\/02\/Patterns_Rapport_Jeito_Simples_Explicacao_Mod_Copias_07_Trans.jpg\" alt=\"Patterns_Rapport_Jeito_Simples_Explicacao_Mod_Copias_07_Trans\" srcset=\"https:\/\/waltermattos.com\/site\/wp-content\/uploads\/2017\/02\/Patterns_Rapport_Jeito_Simples_Explicacao_Mod_Copias_07_Trans.jpg 640w, https:\/\/waltermattos.com\/site\/wp-content\/uploads\/2017\/02\/Patterns_Rapport_Jeito_Simples_Explicacao_Mod_Copias_07_Trans-310x194.jpg 310w\" sizes=\"auto, (max-width: 640px) 100vw, 640px\" \/>\n<p>D\u00e1 uma olhada como ficam esses blocos organizados por cores.<\/p>\n<img loading=\"lazy\" decoding=\"async\" width=\"640\" height=\"400\" class=\"alignnone size-full wp-image-5598\" src=\"https:\/\/waltermattos.com\/site\/wp-content\/uploads\/2017\/02\/Patterns_Rapport_Jeito_Simples_Explicacao_Mod_Copias_08_Trans_B.png\" alt=\"Patterns_Rapport_Jeito_Simples_Explicacao_Mod_Copias_08_Trans_B\" srcset=\"https:\/\/waltermattos.com\/site\/wp-content\/uploads\/2017\/02\/Patterns_Rapport_Jeito_Simples_Explicacao_Mod_Copias_08_Trans_B.png 640w, https:\/\/waltermattos.com\/site\/wp-content\/uploads\/2017\/02\/Patterns_Rapport_Jeito_Simples_Explicacao_Mod_Copias_08_Trans_B-310x194.png 310w\" sizes=\"auto, (max-width: 640px) 100vw, 640px\" \/>\n<p>Bacana, n\u00e9?<\/p>\n<p>E o fato \u00e9 que quando n\u00f3s estamos falando de patterns, esse tipo de invers\u00e3o n\u00e3o resulta em mudan\u00e7a alguma. Exceto pelo fato de que agora, como eu falei, ficou muito mais f\u00e1cil visualizar e corrigir antecipadamente qualquer tipo de problema relacionado \u00e0s repeti\u00e7\u00f5es.<\/p>\n<p>Ali\u00e1s, as invers\u00f5es 03, 04, 01 e 02 tamb\u00e9m geram exatamente o mesmo pattern.<\/p>\n<img loading=\"lazy\" decoding=\"async\" width=\"640\" height=\"400\" class=\"alignnone size-full wp-image-5601\" src=\"https:\/\/waltermattos.com\/site\/wp-content\/uploads\/2017\/02\/Patterns_Rapport_Jeito_Simples_Explicacao_Mod_Copias_03B_Trans-1.jpg\" alt=\"Patterns_Rapport_Jeito_Simples_Explicacao_Mod_Copias_03B_Trans\" srcset=\"https:\/\/waltermattos.com\/site\/wp-content\/uploads\/2017\/02\/Patterns_Rapport_Jeito_Simples_Explicacao_Mod_Copias_03B_Trans-1.jpg 640w, https:\/\/waltermattos.com\/site\/wp-content\/uploads\/2017\/02\/Patterns_Rapport_Jeito_Simples_Explicacao_Mod_Copias_03B_Trans-1-310x194.jpg 310w\" sizes=\"auto, (max-width: 640px) 100vw, 640px\" \/>\n<p>Assim como as invers\u00f5es 02, 01, 04 e 03.<\/p>\n<img loading=\"lazy\" decoding=\"async\" width=\"640\" height=\"400\" class=\"alignnone size-full wp-image-5602\" src=\"https:\/\/waltermattos.com\/site\/wp-content\/uploads\/2017\/02\/Patterns_Rapport_Jeito_Simples_Explicacao_Mod_Copias_04_Trans.jpg\" alt=\"Patterns_Rapport_Jeito_Simples_Explicacao_Mod_Copias_04_Trans\" srcset=\"https:\/\/waltermattos.com\/site\/wp-content\/uploads\/2017\/02\/Patterns_Rapport_Jeito_Simples_Explicacao_Mod_Copias_04_Trans.jpg 640w, https:\/\/waltermattos.com\/site\/wp-content\/uploads\/2017\/02\/Patterns_Rapport_Jeito_Simples_Explicacao_Mod_Copias_04_Trans-310x194.jpg 310w\" sizes=\"auto, (max-width: 640px) 100vw, 640px\" \/>\n<p>Fica a\u00ed, ent\u00e3o, algumas possibilidades pra voc\u00ea estudar.<\/p>\n<h2>Exemplo 2: Rapport com composi\u00e7\u00e3o floral<\/h2>\n<p>Ent\u00e3o t\u00e1, depois desse exemplo relativamente simples voc\u00ea deve estar se perguntando como utilizaria esse m\u00e9todo em uma composi\u00e7\u00e3o um pouco mais complexa, certo?<\/p>\n<img loading=\"lazy\" decoding=\"async\" width=\"640\" height=\"400\" class=\"alignnone size-full wp-image-5604\" src=\"https:\/\/waltermattos.com\/site\/wp-content\/uploads\/2017\/02\/Patterns_Rapport_Jeito_Simples_Floral_Original_Trans.png\" alt=\"Patterns_Rapport_Jeito_Simples_Floral_Original_Trans\" srcset=\"https:\/\/waltermattos.com\/site\/wp-content\/uploads\/2017\/02\/Patterns_Rapport_Jeito_Simples_Floral_Original_Trans.png 640w, https:\/\/waltermattos.com\/site\/wp-content\/uploads\/2017\/02\/Patterns_Rapport_Jeito_Simples_Floral_Original_Trans-310x194.png 310w\" sizes=\"auto, (max-width: 640px) 100vw, 640px\" \/>\n<p>E a resposta \u00e9: exatamente do mesmo jeito.<\/p>\n<p>Acima\u00a0temos o floral, que baixei no site Freepik. Voc\u00ea pode fazer o download caso queira tentar reproduzir.<\/p>\n<p><a class=\"button\" title=\"Floral Freepik\" href=\"https:\/\/waltermattos.com\/go\/floral-freepick\/\" target=\"_blank\">Fa\u00e7a o download do Floral<\/a><\/p>\n<p>&nbsp;<\/p>\n<p>E o curioso \u00e9 que, apesar de eu ter baixado essa imagem procurando por patterns, ela n\u00e3o veio preparada para isso.<\/p>\n<p>Perceba que quando n\u00f3s criamos as 4 c\u00f3pias percebe n\u00e3o existem conex\u00f5es entre os m\u00f3dulos. Os cortes est\u00e3o bem vis\u00edveis.<\/p>\n<img loading=\"lazy\" decoding=\"async\" width=\"640\" height=\"400\" class=\"alignnone size-full wp-image-5606\" src=\"https:\/\/waltermattos.com\/site\/wp-content\/uploads\/2017\/02\/Patterns_Rapport_Jeito_Simples_Floral_Modulos_Visiveis_02_Trans.jpg\" alt=\"Patterns_Rapport_Jeito_Simples_Floral_Modulos_Visiveis_02_Trans\" srcset=\"https:\/\/waltermattos.com\/site\/wp-content\/uploads\/2017\/02\/Patterns_Rapport_Jeito_Simples_Floral_Modulos_Visiveis_02_Trans.jpg 640w, https:\/\/waltermattos.com\/site\/wp-content\/uploads\/2017\/02\/Patterns_Rapport_Jeito_Simples_Floral_Modulos_Visiveis_02_Trans-310x194.jpg 310w\" sizes=\"auto, (max-width: 640px) 100vw, 640px\" \/>\n<p>Observe as folhas e flores, pois as curvas podem confundir.<\/p>\n<p>E c\u00e1 entre n\u00f3s, essa ilustra\u00e7\u00e3o est\u00e1 pedindo por um Rapport, n\u00e9?<\/p>\n<p>E para fazer isso basta continuar com o procedimento, mas com uma pequena diferen\u00e7a. Depois de criar o m\u00f3dulo central eu n\u00e3o vou simplesmente criar novos objetos aqui no meio.<\/p>\n<img loading=\"lazy\" decoding=\"async\" width=\"640\" height=\"400\" class=\"alignnone size-full wp-image-5607\" src=\"https:\/\/waltermattos.com\/site\/wp-content\/uploads\/2017\/02\/Patterns_Rapport_Jeito_Simples_Floral_Modulo_Central_Cruz_Trans.png\" alt=\"Patterns_Rapport_Jeito_Simples_Floral_Modulo_Central_Cruz_Trans\" srcset=\"https:\/\/waltermattos.com\/site\/wp-content\/uploads\/2017\/02\/Patterns_Rapport_Jeito_Simples_Floral_Modulo_Central_Cruz_Trans.png 640w, https:\/\/waltermattos.com\/site\/wp-content\/uploads\/2017\/02\/Patterns_Rapport_Jeito_Simples_Floral_Modulo_Central_Cruz_Trans-310x194.png 310w\" sizes=\"auto, (max-width: 640px) 100vw, 640px\" \/>\n<p>Como essa \u00e1rea j\u00e1 est\u00e1 preenchida, mas n\u00e3o do jeito que eu quero, eu preciso antes excluir essas figuras que est\u00e3o cortadas e criando as linhas de emenda.<\/p>\n<img loading=\"lazy\" decoding=\"async\" width=\"640\" height=\"400\" class=\"alignnone size-full wp-image-5608\" src=\"https:\/\/waltermattos.com\/site\/wp-content\/uploads\/2017\/02\/Patterns_Rapport_Jeito_Simples_Floral_Exclusao_Centro_02B_Trans.png\" alt=\"Patterns_Rapport_Jeito_Simples_Floral_Exclusao_Centro_02B_Trans\" srcset=\"https:\/\/waltermattos.com\/site\/wp-content\/uploads\/2017\/02\/Patterns_Rapport_Jeito_Simples_Floral_Exclusao_Centro_02B_Trans.png 640w, https:\/\/waltermattos.com\/site\/wp-content\/uploads\/2017\/02\/Patterns_Rapport_Jeito_Simples_Floral_Exclusao_Centro_02B_Trans-310x194.png 310w\" sizes=\"auto, (max-width: 640px) 100vw, 640px\" \/>\n<p>Depois disso basta preencher esse espa\u00e7o. E aqui, a criatividade \u00e9 quem manda.<\/p>\n<img loading=\"lazy\" decoding=\"async\" width=\"640\" height=\"400\" class=\"alignnone size-full wp-image-5610\" src=\"https:\/\/waltermattos.com\/site\/wp-content\/uploads\/2017\/02\/Patterns_Rapport_Jeito_Simples_Floral_Novo_Pattern_Trans.jpg\" alt=\"Patterns_Rapport_Jeito_Simples_Floral_Novo_Pattern_Trans\" srcset=\"https:\/\/waltermattos.com\/site\/wp-content\/uploads\/2017\/02\/Patterns_Rapport_Jeito_Simples_Floral_Novo_Pattern_Trans.jpg 640w, https:\/\/waltermattos.com\/site\/wp-content\/uploads\/2017\/02\/Patterns_Rapport_Jeito_Simples_Floral_Novo_Pattern_Trans-310x194.jpg 310w\" sizes=\"auto, (max-width: 640px) 100vw, 640px\" \/>\n<p>Nesse caso eu apenas copiei e redistribu\u00ed elementos que j\u00e1 existiam na ilustra\u00e7\u00e3o original.<\/p>\n<p>E quando eu estiver satisfeito, mais uma vez, basta transformar essa \u00e1rea central no meu novo m\u00f3dulo e criar o pattern a partir dele.<\/p>\n<img loading=\"lazy\" decoding=\"async\" width=\"640\" height=\"400\" class=\"alignnone size-full wp-image-5611\" src=\"https:\/\/waltermattos.com\/site\/wp-content\/uploads\/2017\/02\/Patterns_Rapport_Jeito_Simples_Floral_Novo_Modulo_Trans.png\" alt=\"Patterns_Rapport_Jeito_Simples_Floral_Novo_Modulo_Trans\" srcset=\"https:\/\/waltermattos.com\/site\/wp-content\/uploads\/2017\/02\/Patterns_Rapport_Jeito_Simples_Floral_Novo_Modulo_Trans.png 640w, https:\/\/waltermattos.com\/site\/wp-content\/uploads\/2017\/02\/Patterns_Rapport_Jeito_Simples_Floral_Novo_Modulo_Trans-310x194.png 310w\" sizes=\"auto, (max-width: 640px) 100vw, 640px\" \/>\n<p>E esse \u00e9 o resultado.<\/p>\n<img loading=\"lazy\" decoding=\"async\" width=\"640\" height=\"400\" class=\"alignnone size-full wp-image-5612\" src=\"https:\/\/waltermattos.com\/site\/wp-content\/uploads\/2017\/02\/Patterns_Rapport_Jeito_Simples_Floral_Novo_Modulo_Final_Trans.jpg\" alt=\"Patterns_Rapport_Jeito_Simples_Floral_Novo_Modulo_Final_Trans\" srcset=\"https:\/\/waltermattos.com\/site\/wp-content\/uploads\/2017\/02\/Patterns_Rapport_Jeito_Simples_Floral_Novo_Modulo_Final_Trans.jpg 640w, https:\/\/waltermattos.com\/site\/wp-content\/uploads\/2017\/02\/Patterns_Rapport_Jeito_Simples_Floral_Novo_Modulo_Final_Trans-310x194.jpg 310w\" sizes=\"auto, (max-width: 640px) 100vw, 640px\" \/>\n<p>Como voc\u00ea p\u00f4de ver, essa \u00e9 uma t\u00e9cnica bem intuitiva para criar padr\u00f5es. Existem muitas formas previamente planejadas e, at\u00e9 mesmo, matem\u00e1ticas para montar um Rapport ou outros tipos de Patterns, mas aqui eu decidi mostrar uma t\u00e9cnica que aprendi h\u00e1 muitos anos com uma cliente minha e que, sem d\u00favida alguma, tem sido m\u00e3o na roda para mim.<\/p>\n<p>Espero que seja pra voc\u00ea tamb\u00e9m.<\/p>\n<h2>Encerrando<\/h2>\n<p>E \u00e9 isso.<\/p>\n<p>Espero que voc\u00ea tenha gostado. Deixa sua opini\u00e3o a\u00ed nos coment\u00e1rios ou compartilhe os seus pr\u00f3prios padr\u00f5es. Por que n\u00e3o? Essa troca de experi\u00eancias s\u00f3 tende a beneficiar todo mundo, n\u00e9?<\/p>\n<p>E claro, caso voc\u00ea ache que esse conte\u00fado pode ser \u00fatil a algu\u00e9m, fique \u00e0 vontade para compartilhar com essa pessoa.<\/p>\n<p>Se voc\u00ea ainda n\u00e3o conhece meu trabalho, saiba que todos os v\u00eddeos do canal s\u00e3o legendados e possuem vers\u00f5es transcritas aqui no\u00a0site, <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 mais uma vez, um abra\u00e7o e at\u00e9 a pr\u00f3xima.<\/p>\n<h4>Cr\u00e9dito<\/h4>\n<p>Freepik: <a href=\"https:\/\/waltermattos.com\/go\/floral-freepick\/\" target=\"_blank\">Pattern com floral<\/a><\/p>\n<h4>Refer\u00eancias externas<\/h4>\n<ul>\n<li>Estampaholic: <a href=\"http:\/\/estampaholic.com\/2014\/04\/10\/o-que-e-rapport\/\" target=\"_blank\">O que \u00e9 Rapport<\/a><\/li>\n<li>Design Sponge: <a href=\"http:\/\/www.designsponge.com\/2008\/05\/welcome-julia-and-how-to-make-a-repeat-pattern.html\" target=\"_blank\">How to make a repeat Pattern<\/a><\/li>\n<li>Metapix:\u00a0<a href=\"https:\/\/metapix.com.br\/curso\/illustrator-superficie\/criacao-do-modulo\/encontrando-o-modulo\/\">Encontrando o m\u00f3dulo com Rapport<\/a><\/li>\n<\/ul>\n","protected":false},"excerpt":{"rendered":"<p>Neste v\u00eddeo apresento uma t\u00e9cnica bem bacana para criar patterns\u00a0de uma maneira bastante intuitiva. E o mais legal \u00e9 que, com essa mesma t\u00e9cnica, voc\u00ea conseguir\u00e1 criar desde padr\u00f5es simples a padr\u00f5es com um grau de complexidade maior,\u00a0como os padr\u00f5es sem emenda. Ou seja, aqueles onde voc\u00ea possui conex\u00f5es entre os elementos, mas fica dif\u00edcil&#8230;  <a class=\"excerpt-read-more\" href=\"https:\/\/waltermattos.com\/site\/tutoriais\/como-criar-patterns-sem-emenda-de-um-jeito-simples-e-intuitivo\/\">Ler artigo<\/a><\/p>\n","protected":false},"author":2,"featured_media":5613,"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":[223,174,175,224],"class_list":["post-5572","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-artigos","category-tutoriais","category-videos-2","tag-padroes-sem-emenda","tag-patterns","tag-rapport","tag-seamless-pattern"],"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>Como criar patterns sem emenda de um jeito simples<\/title>\n<meta name=\"description\" content=\"Neste v\u00eddeo apresento uma t\u00e9cnica bem bacana para criar patterns sem emenda (Rapports) de uma maneira simples e intuitiva.\" \/>\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=\"Como criar patterns sem emenda de um jeito simples\" \/>\n<meta property=\"og:description\" content=\"Neste v\u00eddeo apresento uma t\u00e9cnica bem bacana para criar patterns sem emenda (Rapports) de uma maneira simples e intuitiva.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/waltermattos.com\/site\/tutoriais\/como-criar-patterns-sem-emenda-de-um-jeito-simples-e-intuitivo\/\" \/>\n<meta property=\"og:site_name\" content=\"Walter Mattos\" \/>\n<meta property=\"article:published_time\" content=\"2017-02-15T22:43:42+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/waltermattos.com\/site\/wp-content\/uploads\/2017\/02\/Pattern_Rapport_Jeito_Facil_Covers_Blog_B.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=\"7 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-patterns-sem-emenda-de-um-jeito-simples-e-intuitivo\/#article\",\"isPartOf\":{\"@id\":\"https:\/\/waltermattos.com\/site\/tutoriais\/como-criar-patterns-sem-emenda-de-um-jeito-simples-e-intuitivo\/\"},\"author\":{\"name\":\"Walter Mattos\",\"@id\":\"https:\/\/waltermattos.com\/site\/#\/schema\/person\/d237be35b3af8e99d73dba176ae68175\"},\"headline\":\"Como criar patterns sem emenda de um jeito simples e intuitivo\",\"datePublished\":\"2017-02-15T22:43:42+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\/\/waltermattos.com\/site\/tutoriais\/como-criar-patterns-sem-emenda-de-um-jeito-simples-e-intuitivo\/\"},\"wordCount\":1352,\"commentCount\":21,\"image\":{\"@id\":\"https:\/\/waltermattos.com\/site\/tutoriais\/como-criar-patterns-sem-emenda-de-um-jeito-simples-e-intuitivo\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/waltermattos.com\/site\/wp-content\/uploads\/2017\/02\/Pattern_Rapport_Jeito_Facil_Covers_Blog_B.png\",\"keywords\":[\"Padr\u00f5es Sem Emenda\",\"Patterns\",\"Rapport\",\"Seamless Pattern\"],\"articleSection\":[\"Artigos\",\"Tutoriais\",\"V\u00eddeos\"],\"inLanguage\":\"pt-BR\",\"potentialAction\":[{\"@type\":\"CommentAction\",\"name\":\"Comment\",\"target\":[\"https:\/\/waltermattos.com\/site\/tutoriais\/como-criar-patterns-sem-emenda-de-um-jeito-simples-e-intuitivo\/#respond\"]}]},{\"@type\":\"WebPage\",\"@id\":\"https:\/\/waltermattos.com\/site\/tutoriais\/como-criar-patterns-sem-emenda-de-um-jeito-simples-e-intuitivo\/\",\"url\":\"https:\/\/waltermattos.com\/site\/tutoriais\/como-criar-patterns-sem-emenda-de-um-jeito-simples-e-intuitivo\/\",\"name\":\"Como criar patterns sem emenda de um jeito simples\",\"isPartOf\":{\"@id\":\"https:\/\/waltermattos.com\/site\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/waltermattos.com\/site\/tutoriais\/como-criar-patterns-sem-emenda-de-um-jeito-simples-e-intuitivo\/#primaryimage\"},\"image\":{\"@id\":\"https:\/\/waltermattos.com\/site\/tutoriais\/como-criar-patterns-sem-emenda-de-um-jeito-simples-e-intuitivo\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/waltermattos.com\/site\/wp-content\/uploads\/2017\/02\/Pattern_Rapport_Jeito_Facil_Covers_Blog_B.png\",\"datePublished\":\"2017-02-15T22:43:42+00:00\",\"author\":{\"@id\":\"https:\/\/waltermattos.com\/site\/#\/schema\/person\/d237be35b3af8e99d73dba176ae68175\"},\"description\":\"Neste v\u00eddeo apresento uma t\u00e9cnica bem bacana para criar patterns sem emenda (Rapports) de uma maneira simples e intuitiva.\",\"inLanguage\":\"pt-BR\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/waltermattos.com\/site\/tutoriais\/como-criar-patterns-sem-emenda-de-um-jeito-simples-e-intuitivo\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"pt-BR\",\"@id\":\"https:\/\/waltermattos.com\/site\/tutoriais\/como-criar-patterns-sem-emenda-de-um-jeito-simples-e-intuitivo\/#primaryimage\",\"url\":\"https:\/\/waltermattos.com\/site\/wp-content\/uploads\/2017\/02\/Pattern_Rapport_Jeito_Facil_Covers_Blog_B.png\",\"contentUrl\":\"https:\/\/waltermattos.com\/site\/wp-content\/uploads\/2017\/02\/Pattern_Rapport_Jeito_Facil_Covers_Blog_B.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":"Como criar patterns sem emenda de um jeito simples","description":"Neste v\u00eddeo apresento uma t\u00e9cnica bem bacana para criar patterns sem emenda (Rapports) de uma maneira simples e intuitiva.","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":"Como criar patterns sem emenda de um jeito simples","og_description":"Neste v\u00eddeo apresento uma t\u00e9cnica bem bacana para criar patterns sem emenda (Rapports) de uma maneira simples e intuitiva.","og_url":"https:\/\/waltermattos.com\/site\/tutoriais\/como-criar-patterns-sem-emenda-de-um-jeito-simples-e-intuitivo\/","og_site_name":"Walter Mattos","article_published_time":"2017-02-15T22:43:42+00:00","og_image":[{"width":420,"height":420,"url":"https:\/\/waltermattos.com\/site\/wp-content\/uploads\/2017\/02\/Pattern_Rapport_Jeito_Facil_Covers_Blog_B.png","type":"image\/png"}],"author":"Walter Mattos","twitter_misc":{"Escrito por":"Walter Mattos","Est. tempo de leitura":"7 minutos"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/waltermattos.com\/site\/tutoriais\/como-criar-patterns-sem-emenda-de-um-jeito-simples-e-intuitivo\/#article","isPartOf":{"@id":"https:\/\/waltermattos.com\/site\/tutoriais\/como-criar-patterns-sem-emenda-de-um-jeito-simples-e-intuitivo\/"},"author":{"name":"Walter Mattos","@id":"https:\/\/waltermattos.com\/site\/#\/schema\/person\/d237be35b3af8e99d73dba176ae68175"},"headline":"Como criar patterns sem emenda de um jeito simples e intuitivo","datePublished":"2017-02-15T22:43:42+00:00","mainEntityOfPage":{"@id":"https:\/\/waltermattos.com\/site\/tutoriais\/como-criar-patterns-sem-emenda-de-um-jeito-simples-e-intuitivo\/"},"wordCount":1352,"commentCount":21,"image":{"@id":"https:\/\/waltermattos.com\/site\/tutoriais\/como-criar-patterns-sem-emenda-de-um-jeito-simples-e-intuitivo\/#primaryimage"},"thumbnailUrl":"https:\/\/waltermattos.com\/site\/wp-content\/uploads\/2017\/02\/Pattern_Rapport_Jeito_Facil_Covers_Blog_B.png","keywords":["Padr\u00f5es Sem Emenda","Patterns","Rapport","Seamless Pattern"],"articleSection":["Artigos","Tutoriais","V\u00eddeos"],"inLanguage":"pt-BR","potentialAction":[{"@type":"CommentAction","name":"Comment","target":["https:\/\/waltermattos.com\/site\/tutoriais\/como-criar-patterns-sem-emenda-de-um-jeito-simples-e-intuitivo\/#respond"]}]},{"@type":"WebPage","@id":"https:\/\/waltermattos.com\/site\/tutoriais\/como-criar-patterns-sem-emenda-de-um-jeito-simples-e-intuitivo\/","url":"https:\/\/waltermattos.com\/site\/tutoriais\/como-criar-patterns-sem-emenda-de-um-jeito-simples-e-intuitivo\/","name":"Como criar patterns sem emenda de um jeito simples","isPartOf":{"@id":"https:\/\/waltermattos.com\/site\/#website"},"primaryImageOfPage":{"@id":"https:\/\/waltermattos.com\/site\/tutoriais\/como-criar-patterns-sem-emenda-de-um-jeito-simples-e-intuitivo\/#primaryimage"},"image":{"@id":"https:\/\/waltermattos.com\/site\/tutoriais\/como-criar-patterns-sem-emenda-de-um-jeito-simples-e-intuitivo\/#primaryimage"},"thumbnailUrl":"https:\/\/waltermattos.com\/site\/wp-content\/uploads\/2017\/02\/Pattern_Rapport_Jeito_Facil_Covers_Blog_B.png","datePublished":"2017-02-15T22:43:42+00:00","author":{"@id":"https:\/\/waltermattos.com\/site\/#\/schema\/person\/d237be35b3af8e99d73dba176ae68175"},"description":"Neste v\u00eddeo apresento uma t\u00e9cnica bem bacana para criar patterns sem emenda (Rapports) de uma maneira simples e intuitiva.","inLanguage":"pt-BR","potentialAction":[{"@type":"ReadAction","target":["https:\/\/waltermattos.com\/site\/tutoriais\/como-criar-patterns-sem-emenda-de-um-jeito-simples-e-intuitivo\/"]}]},{"@type":"ImageObject","inLanguage":"pt-BR","@id":"https:\/\/waltermattos.com\/site\/tutoriais\/como-criar-patterns-sem-emenda-de-um-jeito-simples-e-intuitivo\/#primaryimage","url":"https:\/\/waltermattos.com\/site\/wp-content\/uploads\/2017\/02\/Pattern_Rapport_Jeito_Facil_Covers_Blog_B.png","contentUrl":"https:\/\/waltermattos.com\/site\/wp-content\/uploads\/2017\/02\/Pattern_Rapport_Jeito_Facil_Covers_Blog_B.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\/02\/Pattern_Rapport_Jeito_Facil_Covers_Blog_B.png","jetpack_sharing_enabled":true,"jetpack_shortlink":"https:\/\/wp.me\/p53J0J-1rS","_links":{"self":[{"href":"https:\/\/waltermattos.com\/site\/wp-json\/wp\/v2\/posts\/5572","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=5572"}],"version-history":[{"count":10,"href":"https:\/\/waltermattos.com\/site\/wp-json\/wp\/v2\/posts\/5572\/revisions"}],"predecessor-version":[{"id":5616,"href":"https:\/\/waltermattos.com\/site\/wp-json\/wp\/v2\/posts\/5572\/revisions\/5616"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/waltermattos.com\/site\/wp-json\/wp\/v2\/media\/5613"}],"wp:attachment":[{"href":"https:\/\/waltermattos.com\/site\/wp-json\/wp\/v2\/media?parent=5572"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/waltermattos.com\/site\/wp-json\/wp\/v2\/categories?post=5572"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/waltermattos.com\/site\/wp-json\/wp\/v2\/tags?post=5572"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}