{"id":2519,"date":"2014-10-15T10:05:53","date_gmt":"2014-10-15T13:05:53","guid":{"rendered":"https:\/\/waltermattos.com\/?p=2519"},"modified":"2017-01-18T23:06:39","modified_gmt":"2017-01-19T02:06:39","slug":"geometria-pra-que-se-eu-ja-sei-illustrator","status":"publish","type":"post","link":"https:\/\/waltermattos.com\/site\/tutoriais\/geometria-pra-que-se-eu-ja-sei-illustrator\/","title":{"rendered":"Geometria pra que se eu j\u00e1 sei Illustrator?"},"content":{"rendered":"<p><iframe loading=\"lazy\" src=\"\/\/www.youtube.com\/embed\/gZLjugr5I8o\" width=\"640\" height=\"360\" frameborder=\"0\" allowfullscreen=\"allowfullscreen\"><\/iframe><\/p>\n<p>Conhecer sua ferramenta de trabalho pode n\u00e3o ser o suficiente para desenvolver um projeto de design consistente. Design vai muito al\u00e9m da ferramenta usada ou\u00a0mesmo de conhecimento em geometria, mas isso n\u00e3o significa que um ou outro n\u00e3o tenham import\u00e2ncia durante um processo criativo.<\/p>\n<p>Objetivo desse v\u00eddeo \u00e9 te mostrar diferentes maneiras de pensar e construir formas geom\u00e9tricas do nosso cotidiano. Voc\u00ea ver\u00e1, entre outras coisas, como construir um ret\u00e2ngulo \u00e1ureo, um pent\u00e1gono e que rela\u00e7\u00f5es um tem com o outro.<\/p>\n<p>Espero que este v\u00eddeo ajude voc\u00ea a buscar novos conhecimentos e se inspirar cada vez mais.<\/p>\n<h4>Refer\u00eancias citadas<\/h4>\n<h5>Livro<\/h5>\n<p><a title=\"Geometria do Design - Kimberly Elam\" href=\"https:\/\/waltermattos.com\/go\/geometria-design-kimberly-elam\/\" target=\"_blank\">Geometria do design \u2013 Kimberly Elam<\/a><\/p>\n<h5>Pessoas citadas<\/h5>\n<p><a title=\"Jan Tschichold\" href=\"http:\/\/en.wikipedia.org\/wiki\/Jan_Tschichold\" target=\"_blank\">Jan Tschichold<\/a><br \/>\n<a title=\"Gustav Fechner\" href=\"http:\/\/en.wikipedia.org\/wiki\/Gustav_Fechner\" target=\"_blank\">Gustav Fechner<\/a><\/p>\n<h5>Cliente demonstrado no v\u00eddeo<\/h5>\n<p>Aires &#8211; solu\u00e7\u00f5es ambientais<\/p>\n<h5>CR\u00c9DITO<\/h5>\n<p>Projeto Festa das Na\u00e7\u00f5es<br \/>\n<a title=\"Mundo Studio\" href=\"http:\/\/mundo-studio.com\/\" target=\"_blank\">Mundo Studio<\/a><\/p>\n<h1>Abaixo segue a transcri\u00e7\u00e3o do v\u00eddeo.<\/h1>\n<h2>Introdu\u00e7\u00e3o<\/h2>\n<p>E a\u00ed galera, beleza?<\/p>\n<p>Walter Mattos novamente, e antes que voc\u00ea pense que eu quero te convencer de que geometria n\u00e3o \u00e9 importante s\u00f3 porque voc\u00ea j\u00e1 conhece o Illustrator, ou qualquer outro programa gr\u00e1fico, saiba que o intuito desse v\u00eddeo \u00e9 estimular justamente o contr\u00e1rio, ou pelo menos te dar um novo ponto de vista.<\/p>\n<img loading=\"lazy\" decoding=\"async\" width=\"640\" height=\"360\" class=\"alignnone size-full wp-image-2545\" src=\"https:\/\/waltermattos.com\/site\/wp-content\/uploads\/2014\/10\/tut_Grids_Pra_Que_Se_Ja_Sei_Illustrator_Gravacao_Marceneiro_1_Animacao.gif\" alt=\"tut_Grids_Pra_Que_Se_Ja_Sei_Illustrator_Gravacao_Marceneiro_1_Animacao\" \/>\n<p>A verdade \u00e9 que por mais que voc\u00ea domine uma ferramenta, o conhecimento isolado dessa ferramenta n\u00e3o te faz especialista em nada a n\u00e3o ser na pr\u00f3pria ferramenta. Caso contr\u00e1rio seria o mesmo que dizer que j\u00e1 que eu sei bater um martelo e apertar um parafuso, eu sou um marceneiro e posso construir uma cadeira se eu quiser.<\/p>\n<p>Para voc\u00ea se especializar em qualquer profiss\u00e3o \u00e9 importante que voc\u00ea estude bastante, claro, e no nosso caso n\u00e3o \u00e9 diferente. Design \u00e9 linguagem, metodologia, semi\u00f3tica e entre milh\u00f5es de outras coisas \u00e9 tamb\u00e9m geometria e, claro, conhecimento da ferramenta de trabalho.<\/p>\n<p>O problema \u00e9 que \u00e0s vezes por nos habituarmos ao uso da ferramenta a gente acaba esquecendo alguns princ\u00edpios e metodologias b\u00e1sicas que muitas vezes podem nos ajudar em um processo criativo.<\/p>\n<p>E uma prova disso \u00e9 que eu mesmo, quando falei sobre a constru\u00e7\u00e3o do cartaz Konstruktivisten, disse que n\u00e3o sabia por que o Jan Tschichold tinha inscrito um <strong>pent\u00e1gono<\/strong> dentro de um c\u00edrculo.<\/p>\n<img loading=\"lazy\" decoding=\"async\" width=\"640\" height=\"360\" class=\"alignnone size-full wp-image-2546\" src=\"https:\/\/waltermattos.com\/site\/wp-content\/uploads\/2014\/10\/tut_Grids_Pra_Que_Se_Ja_Sei_Illustrator_Gravacao_Konstruk_640.png\" alt=\"tut_Grids_Pra_Que_Se_Ja_Sei_Illustrator_Gravacao_Konstruk_640\" srcset=\"https:\/\/waltermattos.com\/site\/wp-content\/uploads\/2014\/10\/tut_Grids_Pra_Que_Se_Ja_Sei_Illustrator_Gravacao_Konstruk_640.png 640w, https:\/\/waltermattos.com\/site\/wp-content\/uploads\/2014\/10\/tut_Grids_Pra_Que_Se_Ja_Sei_Illustrator_Gravacao_Konstruk_640-310x174.png 310w\" sizes=\"auto, (max-width: 640px) 100vw, 640px\" \/>\n<p>E como alguns leitores me lembraram, na verdade ele fez isso porque como na \u00e9poca o processo de constru\u00e7\u00e3o era manual, ele precisava do c\u00edrculo para construir o <strong>pent\u00e1gono<\/strong>. E isso \u00e9 uma coisa relativamente \u00f3bvia, mas eu acabei esquecendo por conta das facilidades que o Illustrator me oferece.<\/p>\n<p>Por isso eu decidi gravar esse v\u00eddeo. Primeiro para voc\u00ea n\u00e3o cometer o mesmo erro que eu, e tamb\u00e9m para te mostrar que \u00e9 poss\u00edvel equilibrar as duas coisas, o conhecimento do software com um pouquinho de metodologia ou mesmo um conhecimento b\u00e1sico em geometria.<\/p>\n<p>Ent\u00e3o para estimular o exerc\u00edcio criativo eu vou come\u00e7ar te dando um exemplo de constru\u00e7\u00e3o geom\u00e9trica de uma forma que voc\u00ea, designer, utiliza com bastante frequ\u00eancia e talvez n\u00e3o saiba. Essa forma \u00e9 o <strong>ret\u00e2ngulo raiz de 2<\/strong>.<\/p>\n<h2>Ret\u00e2ngulo raiz de 2<\/h2>\n<img loading=\"lazy\" decoding=\"async\" width=\"640\" height=\"360\" class=\"alignnone size-full wp-image-2556\" src=\"https:\/\/waltermattos.com\/site\/wp-content\/uploads\/2014\/10\/tut_Grids_Pra_Que_Se_Ja_Sei_Illustrator_Gravacao_Raiz_2_640_1_Animacao.gif\" alt=\"tut_Grids_Pra_Que_Se_Ja_Sei_Illustrator_Gravacao_Raiz_2_640_1_Animacao\" \/>\n<p>Criar um <strong>ret\u00e2ngulo raiz de 2<\/strong> \u00e9 bem simples, e voc\u00ea j\u00e1 vai entender porque ele recebe esse nome.<\/p>\n<p>Eu come\u00e7o com um quadrado, tra\u00e7o uma linha diagonal nele e giro essa nova linha at\u00e9 ela encostar na base.<\/p>\n<p>Agora \u00e9 s\u00f3 aumentar o quadrado at\u00e9 a largura da linha e pronto, voc\u00ea tem o <strong>ret\u00e2ngulo raiz de 2<\/strong>.<\/p>\n<p>E por que esse ret\u00e2ngulo recebe o nome de \u201craiz de 2\u201d?<\/p>\n<p>Primeiro deixa eu ver qual \u00e9 a raiz de 2, n\u00e9? Vou abrir a calculadora, digitar 2 e clicar no bot\u00e3o \u201craiz quadrada\u201d. O resultado \u00e9 <strong>1,414<\/strong> e alguns quebrados.<\/p>\n<p>Ent\u00e3o, voltando para o ret\u00e2ngulo, se eu pegar a largura dele, <strong>212,133<\/strong> e dividir pela altura, 150, eu tenho o valor <strong>1,414<\/strong>. Ou seja, a rela\u00e7\u00e3o entre os lados desse ret\u00e2ngulo sempre vai resultar em <strong>1,414<\/strong>, que por acaso \u00e9 a raiz quadrada de 2, e por isso ele recebe esse nome.<\/p>\n<p>Viu? Molezinha.<\/p>\n<p>Mas eu falei que voc\u00ea, designer, talvez utilize esse formato sem saber. Ent\u00e3o para te dar um exemplo bem simples e que com certeza faz parte do seu cotidiano, vamos usar o papel A4, como exemplo.<\/p>\n<img loading=\"lazy\" decoding=\"async\" width=\"640\" height=\"360\" class=\"alignnone size-full wp-image-2525\" src=\"https:\/\/waltermattos.com\/site\/wp-content\/uploads\/2014\/10\/tut_Grids_Pra_Que_Se_Ja_Sei_Illustrator_Gravacao_A4_B2_640.png\" alt=\"tut_Grids_Pra_Que_Se_Ja_Sei_Illustrator_Gravacao_A4_B2_640\" srcset=\"https:\/\/waltermattos.com\/site\/wp-content\/uploads\/2014\/10\/tut_Grids_Pra_Que_Se_Ja_Sei_Illustrator_Gravacao_A4_B2_640.png 640w, https:\/\/waltermattos.com\/site\/wp-content\/uploads\/2014\/10\/tut_Grids_Pra_Que_Se_Ja_Sei_Illustrator_Gravacao_A4_B2_640-310x174.png 310w\" sizes=\"auto, (max-width: 640px) 100vw, 640px\" \/>\n<p>O A4, como voc\u00ea deve saber, possui 29,7 por 21 cent\u00edmetros.<\/p>\n<p>Se eu pegar 29,7 e dividir por 21, o resultado \u00e9 <strong>1,414<\/strong>.<\/p>\n<p>Ou seja, nem mesmo o formato do papel que voc\u00ea utiliza para imprimir o seu layout foi criado de forma aleat\u00f3ria. Ele tem um porqu\u00ea de ser do jeito que voc\u00ea conhece.<\/p>\n<img loading=\"lazy\" decoding=\"async\" width=\"640\" height=\"360\" class=\"alignnone size-full wp-image-2526\" src=\"https:\/\/waltermattos.com\/site\/wp-content\/uploads\/2014\/10\/tut_Grids_Pra_Que_Se_Ja_Sei_Illustrator_Gravacao_A4_6_640.png\" alt=\"tut_Grids_Pra_Que_Se_Ja_Sei_Illustrator_Gravacao_A4_6_640\" srcset=\"https:\/\/waltermattos.com\/site\/wp-content\/uploads\/2014\/10\/tut_Grids_Pra_Que_Se_Ja_Sei_Illustrator_Gravacao_A4_6_640.png 640w, https:\/\/waltermattos.com\/site\/wp-content\/uploads\/2014\/10\/tut_Grids_Pra_Que_Se_Ja_Sei_Illustrator_Gravacao_A4_6_640-310x174.png 310w\" sizes=\"auto, (max-width: 640px) 100vw, 640px\" \/>\n<p>O mesmo vale para os tamanhos A3, A5 ou qualquer outro papel dessa s\u00e9rie A, j\u00e1 que um \u00e9 sempre o dobro ou metade do outro, como voc\u00ea pode ver na imagem.<\/p>\n<p>E partindo do <strong>ret\u00e2ngulo raiz de 2<\/strong> eu tamb\u00e9m consigo encontrar uma outra forma geom\u00e9trica bem interessante, que \u00e9 o <strong>ret\u00e2ngulo raiz de 3<\/strong>. Pois \u00e9.<\/p>\n<h2>Ret\u00e2ngulo raiz de 3<\/h2>\n<img loading=\"lazy\" decoding=\"async\" width=\"640\" height=\"360\" class=\"alignnone size-full wp-image-2561\" src=\"https:\/\/waltermattos.com\/site\/wp-content\/uploads\/2014\/10\/tut_Grids_Pra_Que_Se_Ja_Sei_Illustrator_Gravacao_Ret_Raiz_3_640_Animacao.gif\" alt=\"tut_Grids_Pra_Que_Se_Ja_Sei_Illustrator_Gravacao_Ret_Raiz_3_640_Animacao\" \/>\n<p>O procedimento de cria\u00e7\u00e3o do <strong>raiz de 3<\/strong> \u00e9 exatamente o mesmo que o anterior, s\u00f3 que dessa vez ao inv\u00e9s de partir do <strong>quadrado<\/strong>, a gente come\u00e7a pelo pr\u00f3prio <strong>raiz de 2<\/strong>.<\/p>\n<p>Tra\u00e7o a linha diagonal, giro a linha at\u00e9 ela encostar na base e aumento a largura do ret\u00e2ngulo at\u00e9 encostar na linha.<\/p>\n<p>E como voc\u00ea j\u00e1 deve desconfiar, a raz\u00e3o pela qual ele recebe esse nome \u00e9 a mesma tamb\u00e9m.<\/p>\n<p>Se eu procurar a <strong>raiz de 3<\/strong> encontro o valor <strong>1,732<\/strong>, e se eu dividir a largura do meu ret\u00e2ngulo, <strong>259,808<\/strong> pela altura, <strong>150<\/strong>, meu valor \u00e9 <strong>1,732<\/strong>.<\/p>\n<p>Mas e se eu quiser encontrar ele partindo do quadrado aqui no Illustrator, \u00e9 poss\u00edvel?<\/p>\n<p>Claro que sim.<\/p>\n<img loading=\"lazy\" decoding=\"async\" width=\"640\" height=\"360\" class=\"alignnone size-full wp-image-2531\" src=\"https:\/\/waltermattos.com\/site\/wp-content\/uploads\/2014\/10\/tut_Grids_Pra_Que_Se_Ja_Sei_Illustrator_Raiz_3_multiplicacao.png\" alt=\"tut_Grids_Pra_Que_Se_Ja_Sei_Illustrator_Raiz_3_multiplicacao\" srcset=\"https:\/\/waltermattos.com\/site\/wp-content\/uploads\/2014\/10\/tut_Grids_Pra_Que_Se_Ja_Sei_Illustrator_Raiz_3_multiplicacao.png 640w, https:\/\/waltermattos.com\/site\/wp-content\/uploads\/2014\/10\/tut_Grids_Pra_Que_Se_Ja_Sei_Illustrator_Raiz_3_multiplicacao-310x174.png 310w\" sizes=\"auto, (max-width: 640px) 100vw, 640px\" \/>\n<p>Primeiro eu vou criar um quadrado com a mesma altura do nosso ret\u00e2ngulo e arrastar ele pra baixo.<\/p>\n<p>Seleciono ele, vou na aba \u201cTransform\u201d, marco o eixo central esquerdo como ponto de refer\u00eancia para o meu ajuste, desabilito a fun\u00e7\u00e3o de manter as propor\u00e7\u00f5es, clico aqui ao lado do valor da largura e simplesmente multiplico esse valor por <strong>1,732<\/strong> e aperto \u201cEnter\u201d.<\/p>\n<p>Pronto, a gente recriou o <strong>ret\u00e2ngulo<\/strong> <strong>raiz de 3<\/strong> em segundos, sem precisar passar pela etapa de constru\u00e7\u00e3o.<\/p>\n<p>E o que \u00e9 melhor, agora a gente conhece duas formas diferentes de construir o mesmo objeto.<\/p>\n<p>O <strong>raiz de 3 <\/strong>ainda possui uma curiosidade. Se voc\u00ea dividir ele em 3 partes, estes 3 ret\u00e2ngulos tamb\u00e9m s\u00e3o <strong>ret\u00e2ngulos raiz de 3<\/strong>.<\/p>\n<img loading=\"lazy\" decoding=\"async\" width=\"640\" height=\"360\" class=\"alignnone size-full wp-image-2533\" src=\"https:\/\/waltermattos.com\/site\/wp-content\/uploads\/2014\/10\/tut_Grids_Pra_Que_Se_Ja_Sei_Illustrator_Gravacao_Ret_Raiz_3_640_2.png\" alt=\"tut_Grids_Pra_Que_Se_Ja_Sei_Illustrator_Gravacao_Ret_Raiz_3_640_2\" srcset=\"https:\/\/waltermattos.com\/site\/wp-content\/uploads\/2014\/10\/tut_Grids_Pra_Que_Se_Ja_Sei_Illustrator_Gravacao_Ret_Raiz_3_640_2.png 640w, https:\/\/waltermattos.com\/site\/wp-content\/uploads\/2014\/10\/tut_Grids_Pra_Que_Se_Ja_Sei_Illustrator_Gravacao_Ret_Raiz_3_640_2-310x174.png 310w\" sizes=\"auto, (max-width: 640px) 100vw, 640px\" \/>\n<h2>Hex\u00e1gono<\/h2>\n<p>E partindo do <strong>ret\u00e2ngulo raiz de 3<\/strong> a gente consegue construir um novo objeto, e esse novo objeto \u00e9 o <strong>hex\u00e1gono<\/strong>.<\/p>\n<img loading=\"lazy\" decoding=\"async\" width=\"640\" height=\"360\" class=\"alignnone size-full wp-image-2562\" src=\"https:\/\/waltermattos.com\/site\/wp-content\/uploads\/2014\/10\/tut_Grids_Pra_Que_Se_Ja_Sei_Illustrator_Hexagono_640_Animacao.gif\" alt=\"tut_Grids_Pra_Que_Se_Ja_Sei_Illustrator_Hexagono_640_Animacao\" \/>\n<p>Para construir o <strong>hex\u00e1gono<\/strong> voc\u00ea pode usar a ferramenta \u201cpol\u00edgono\u201d, claro, mas como a ideia \u00e9 te mostrar um pouco dos bastidores da constru\u00e7\u00e3o geom\u00e9trica, a gente vai pegar o <strong>ret\u00e2ngulo<\/strong> <strong>raiz de 3<\/strong>, copiar com o \u201cCtrl+C\u201d, colar na frente com o \u201cCtrl+F\u201d, clicar na letra \u201cR\u201d do teclado para ativar a ferramenta \u201cRotate\u201d e girar partindo desse v\u00e9rtice direito inferior at\u00e9 ele encostar no superior.<\/p>\n<p>Caso seu Illustrator n\u00e3o esteja ligando estes v\u00e9rtices automaticamente voc\u00ea vai usar o atalho \u201cCtrl+U\u201d para ativar as \u201cSmart Guides\u201d, ok?<\/p>\n<p>Depois disso eu vou copiar e colar esse mesmo ret\u00e2ngulo na frente dele de novo, apertar a letra \u201cO\u201d para ir para a ferramenta \u201cReflect\u201d, e com o \u201cShift\u201d pressionado, clicar e arrastar o mouse para a esquerda.<\/p>\n<p>Pronto, voc\u00ea tem a\u00ed o <strong>hex\u00e1gono<\/strong> perfeito.<\/p>\n<p>Ent\u00e3o para tirar a prova dos 9 eu vou desenhar o hex\u00e1gono com a ferramenta \u201cPol\u00edgono\u201d, e enquanto eu desenho posso aumentar ou diminuir o n\u00famero de lados apertando as teclas \u201cseta para cima\u201d ou \u201cseta para baixo\u201d.<\/p>\n<p>Agora eu vou girar esse hex\u00e1gono apertando \u201cR\u201d para habilitar a ferramenta \u201cRotate\u201d novamente e dessa vez vou dar dois cliques nela para girar o meu objeto em 30 graus.<\/p>\n<p>S\u00f3 que voc\u00ea nota que a caixa de transforma\u00e7\u00e3o dele acompanhou o giro, ent\u00e3o para corrigir isso basta vir aqui em \u201cObject\/Transform\/Reset Bounding Box\u201d.<\/p>\n<p>Pronto, agora eu vejo se ele bate certinho com o hex\u00e1gono que eu constru\u00ed \u201cmanualmente\u201d.<\/p>\n<img loading=\"lazy\" decoding=\"async\" width=\"640\" height=\"360\" class=\"alignnone size-full wp-image-2536\" src=\"https:\/\/waltermattos.com\/site\/wp-content\/uploads\/2014\/10\/tut_Grids_Pra_Que_Se_Ja_Sei_Illustrator_Hexagono_640_2.png\" alt=\"tut_Grids_Pra_Que_Se_Ja_Sei_Illustrator_Hexagono_640_2\" srcset=\"https:\/\/waltermattos.com\/site\/wp-content\/uploads\/2014\/10\/tut_Grids_Pra_Que_Se_Ja_Sei_Illustrator_Hexagono_640_2.png 640w, https:\/\/waltermattos.com\/site\/wp-content\/uploads\/2014\/10\/tut_Grids_Pra_Que_Se_Ja_Sei_Illustrator_Hexagono_640_2-310x174.png 310w\" sizes=\"auto, (max-width: 640px) 100vw, 640px\" \/>\n<p>E t\u00e1 a\u00ed, melhor que isso imposs\u00edvel.<\/p>\n<p>A gente partiu do quadrado para construir o <strong>ret\u00e2ngulo raiz de 2<\/strong>, que nos ajudou a construir o ret\u00e2ngulo <strong>raiz de 3<\/strong>, e que finalmente nos ajudou a construir um<strong> hex\u00e1gono<\/strong>.<\/p>\n<p>E voc\u00ea n\u00e3o vai ficar surpreso se eu disser que existe um <strong>raiz de 4<\/strong>, <strong>raiz de 5<\/strong>, e por a\u00ed vai, n\u00e9?<\/p>\n<img loading=\"lazy\" decoding=\"async\" width=\"640\" height=\"516\" class=\"alignnone size-full wp-image-2537\" src=\"https:\/\/waltermattos.com\/site\/wp-content\/uploads\/2014\/10\/tut_Grids_Pra_Que_Se_Ja_Sei_Illustrator_Retangulos.png\" alt=\"tut_Grids_Pra_Que_Se_Ja_Sei_Illustrator_Retangulos\" srcset=\"https:\/\/waltermattos.com\/site\/wp-content\/uploads\/2014\/10\/tut_Grids_Pra_Que_Se_Ja_Sei_Illustrator_Retangulos.png 640w, https:\/\/waltermattos.com\/site\/wp-content\/uploads\/2014\/10\/tut_Grids_Pra_Que_Se_Ja_Sei_Illustrator_Retangulos-310x249.png 310w\" sizes=\"auto, (max-width: 640px) 100vw, 640px\" \/>\n<h2>Ret\u00e2ngulo \u00e1ureo<\/h2>\n<p>E agora vou te mostrar o \u00faltimo ret\u00e2ngulo, que \u00e9 talvez o mais famoso de todos, o <strong>ret\u00e2ngulo \u00e1ureo<\/strong>.<\/p>\n<img loading=\"lazy\" decoding=\"async\" width=\"640\" height=\"360\" class=\"alignnone size-full wp-image-2567\" src=\"https:\/\/waltermattos.com\/site\/wp-content\/uploads\/2014\/10\/tut_Grids_Pra_Que_Se_Ja_Sei_Illustrator_Gravacao_Ret_Aureo_640_Animacao1.gif\" alt=\"tut_Grids_Pra_Que_Se_Ja_Sei_Illustrator_Gravacao_Ret_Aureo_640_Animacao\" \/>\n<p>E assim como os anteriores, esse aqui tamb\u00e9m tem uma propor\u00e7\u00e3o entre os lados, e como a maioria aqui j\u00e1 deve saber, o resultado dessa propor\u00e7\u00e3o \u00e9 <strong>1,618<\/strong>.<\/p>\n<p>E voltando aqui para o Illustrator, eu n\u00e3o preciso explicar muito o primeiro exemplo, j\u00e1 que o processo \u00e9 exatamente o mesmo que voc\u00ea j\u00e1 viu at\u00e9 aqui, com a \u00fanica diferen\u00e7a de que agora eu vou dividir o quadrado no centro vertical, copiar e colar esse quadrado na frente dele mesmo para te mostrar uma coisa daqui a pouco, agora sim puxo a linha diagonal, giro at\u00e9 encostar na base e aumento um dos quadrados at\u00e9 encostar no limite da linha.<\/p>\n<p>E agora uma curiosidade, pessoal. Caso voc\u00ea ainda n\u00e3o saiba, esse ret\u00e2ngulo menor que a gente encontrou \u00e9 um <strong>ret\u00e2ngulo \u00e1ureo<\/strong> tamb\u00e9m.<\/p>\n<p>Ent\u00e3o s\u00f3 para garantir que eu n\u00e3o estou falando nenhuma bobagem, eu vou pegar a largura do meu ret\u00e2ngulo maior, <strong>242,705<\/strong> e dividir pela altura, <strong>150<\/strong>. O resultado \u00e9<strong> 1,618<\/strong>.<\/p>\n<p>Agora eu pego o ret\u00e2ngulo menor, que tem 150 de altura e divido por <strong>92,705<\/strong> de largura, e o resultado \u00e9 <strong>1,618<\/strong>.<\/p>\n<p>O segundo m\u00e9todo voc\u00ea tamb\u00e9m j\u00e1 viu. Vou na aba \u201cTransform\u201d e multiplico a largura por <strong>1,618<\/strong>.<\/p>\n<p>Pronto, voc\u00ea j\u00e1 aprendeu duas formas diferentes de construir o ret\u00e2ngulo \u00e1ureo usando o Illustrator.<\/p>\n<p>E agora eu vou te mostrar uma terceira que talvez voc\u00ea n\u00e3o conhe\u00e7a, e dessa vez partindo do c\u00edrculo, ao inv\u00e9s do quadrado.<\/p>\n<img loading=\"lazy\" decoding=\"async\" width=\"640\" height=\"360\" class=\"alignnone size-full wp-image-2540\" src=\"https:\/\/waltermattos.com\/site\/wp-content\/uploads\/2014\/10\/tut_Grids_Pra_Que_Se_Ja_Sei_Illustrator_Ret_Aureo_4_Animacao.gif\" alt=\"tut_Grids_Pra_Que_Se_Ja_Sei_Illustrator_Ret_Aureo_4_Animacao\" \/>\n<p>Voc\u00ea pega o c\u00edrculo, divide ele no centro horizontal e desenha um quadrado partindo do centro at\u00e9 que as quinas encostem na borda do c\u00edrculo.<\/p>\n<p>Agora basta eu puxar um ret\u00e2ngulo at\u00e9 a extremidade direita do c\u00edrculo, e n\u00f3s temos um novo <strong>ret\u00e2ngulo \u00e1ureo<\/strong>.<\/p>\n<p>Na verdade h\u00e1 v\u00e1rias formas de encontrar o ret\u00e2ngulo \u00e1ureo mas eu vou deixar para voc\u00ea descobrir sozinho.<\/p>\n<p>Deixa eu abrir um par\u00eantese aqui rapidinho. Se voc\u00ea desenhar esse quadrado tangenciando o topo do c\u00edrculo e puxar um ret\u00e2ngulo a partir da\u00ed, esse ret\u00e2ngulo maior tem propor\u00e7\u00e3o de <strong>1,5<\/strong>, e o menor \u00e9 exatamente um ter\u00e7o do maior.<\/p>\n<img loading=\"lazy\" decoding=\"async\" width=\"640\" height=\"360\" class=\"alignnone size-full wp-image-2565\" src=\"https:\/\/waltermattos.com\/site\/wp-content\/uploads\/2014\/10\/tut_Grids_Pra_Que_Se_Ja_Sei_Illustrator_Ret_Umemeio_Animacao.gif\" alt=\"tut_Grids_Pra_Que_Se_Ja_Sei_Illustrator_Ret_Umemeio_Animacao\" \/>\n<p>Al\u00e9m disso, esse ret\u00e2ngulo menor \u00e9 dividido em dois quadrados exatamente iguais, o que faz desse ret\u00e2ngulo o ret\u00e2ngulo 1:2. Enfim, s\u00f3 a t\u00edtulo de curiosidade mesmo.<\/p>\n<p>E para finalizar sobre o ret\u00e2ngulo \u00e1ureo, uma curiosidade tirada do livro <a title=\"Geometria do Design - Kimberly Elam\" href=\"https:\/\/waltermattos.com\/go\/geometria-design-kimberly-elam\/\" target=\"_blank\">Geometria do Design<\/a>, para variar.<\/p>\n<p>No s\u00e9culo 19 o fil\u00f3sofo e psic\u00f3logo <a title=\"Gustav Fechner - Wikipedia\" href=\"http:\/\/en.wikipedia.org\/wiki\/Gustav_Fechner\" target=\"_blank\">Gustav Fechner <\/a>fez um estudo de prefer\u00eancia entre diversos tipos de ret\u00e2ngulos e descobriu que a maioria das pessoas preferia objetos com propor\u00e7\u00f5es iguais ou similares a do ret\u00e2ngulo \u00e1ureo.<\/p>\n<img loading=\"lazy\" decoding=\"async\" width=\"640\" height=\"360\" class=\"alignnone size-full wp-image-2548\" src=\"https:\/\/waltermattos.com\/site\/wp-content\/uploads\/2014\/10\/tut_Grids_Pra_Que_Se_Ja_Sei_Illustrator_Gustav_3_640.png\" alt=\"tut_Grids_Pra_Que_Se_Ja_Sei_Illustrator_Gustav_3_640\" srcset=\"https:\/\/waltermattos.com\/site\/wp-content\/uploads\/2014\/10\/tut_Grids_Pra_Que_Se_Ja_Sei_Illustrator_Gustav_3_640.png 640w, https:\/\/waltermattos.com\/site\/wp-content\/uploads\/2014\/10\/tut_Grids_Pra_Que_Se_Ja_Sei_Illustrator_Gustav_3_640-310x174.png 310w\" sizes=\"auto, (max-width: 640px) 100vw, 640px\" \/>\n<p>A raz\u00e3o disso at\u00e9 hoje n\u00e3o foi muito bem explicada, mas apenas para citar um exemplo dessa prefer\u00eancia aqui na nossa \u00e9poca eu sugiro que voc\u00ea pegue seu cart\u00e3o de visitas e divida a largura pela altura.<\/p>\n<p>Eu garanto para voc\u00ea que o resultado vai ser bem pr\u00f3ximo do <strong>ret\u00e2ngulo \u00e1ureo<\/strong>, principalmente se ele for um cart\u00e3o de 9 x 5,5. Divide 9 por<strong> 1,618<\/strong> para ver o valor voc\u00ea encontra.<\/p>\n<img loading=\"lazy\" decoding=\"async\" width=\"640\" height=\"360\" class=\"alignnone size-full wp-image-2549\" src=\"https:\/\/waltermattos.com\/site\/wp-content\/uploads\/2014\/10\/tut_Grids_Pra_Que_Se_Ja_Sei_Illustrator_Gustav_7_640.png\" alt=\"tut_Grids_Pra_Que_Se_Ja_Sei_Illustrator_Gustav_7_640\" srcset=\"https:\/\/waltermattos.com\/site\/wp-content\/uploads\/2014\/10\/tut_Grids_Pra_Que_Se_Ja_Sei_Illustrator_Gustav_7_640.png 640w, https:\/\/waltermattos.com\/site\/wp-content\/uploads\/2014\/10\/tut_Grids_Pra_Que_Se_Ja_Sei_Illustrator_Gustav_7_640-310x174.png 310w\" sizes=\"auto, (max-width: 640px) 100vw, 640px\" \/>\n<p>Reparou que quanto mais voc\u00ea se aprofunda mais coisa interessante descobre?<\/p>\n<p>Ent\u00e3o quando algu\u00e9m me pergunta como \u00e9 poss\u00edvel que eu tenha adivinhado que o cartaz do Jan Tshichold foi dividido em c\u00edrculos subdividos em 5 partes, ou que o s\u00edmbolo do Chrome foi constru\u00eddo com base em um grid, guias e tri\u00e2ngulos, na verdade eu n\u00e3o estou adivinhando nada, estou apenas sugerindo um dos caminhos poss\u00edveis com base no conhecimento que eu tenho. \u00c9 uma suposi\u00e7\u00e3o, n\u00e3o uma adivinha\u00e7\u00e3o. E esse conhecimento nada mais \u00e9 do que treino e muito estudo e an\u00e1lise.<\/p>\n<p>Esse processo de racioc\u00ednio \u00e9 exatamente o mesmo que eu uso para construir minhas marcas. N\u00e3o tem nada de diferente, especial, ou mesmo de extrema dificuldade, como as pessoas costumam achar.<\/p>\n<img loading=\"lazy\" decoding=\"async\" width=\"640\" height=\"360\" class=\"alignnone size-full wp-image-2553\" src=\"https:\/\/waltermattos.com\/site\/wp-content\/uploads\/2014\/10\/tut_Grids_Pra_Que_Se_Ja_Sei_Illustrator_Aires_Animacao.gif\" alt=\"tut_Grids_Pra_Que_Se_Ja_Sei_Illustrator_Aires_Animacao\" \/>\n<p>Ent\u00e3o, o fato de eu saber desenhar um <strong>pent\u00e1gono<\/strong> no Illustrator \u00e9 bom, claro, mas \u00e9 melhor ainda se eu souber pelo menos uma forma de como construir esse <strong>pent\u00e1gono<\/strong>, seja utilizando um compasso ou mesmo o pr\u00f3prio Illustrator. Isso s\u00f3 amplia as possibilidades que eu tenho de criar e de analisar designs diferentes.<\/p>\n<p>E \u00e9 exatamente isso que eu vou te mostrar agora. <strong>Vamos construir o pent\u00e1gono<\/strong>. Ou voc\u00ea pensou que eu ia terminar esse v\u00eddeo sem ele?<\/p>\n<h2>Pent\u00e1gono<\/h2>\n<p>O <strong>pent\u00e1gono<\/strong> \u00e9 um pouco mais complicado que os outros mas n\u00e3o deixa de ser simples.<\/p>\n<img loading=\"lazy\" decoding=\"async\" width=\"640\" height=\"360\" class=\"alignnone size-full wp-image-2569\" src=\"https:\/\/waltermattos.com\/site\/wp-content\/uploads\/2014\/10\/tut_Grids_Pra_Que_Se_Ja_Sei_Illustrator_Pentagono_640_Animacao_1.gif\" alt=\"tut_Grids_Pra_Que_Se_Ja_Sei_Illustrator_Pentagono_640_Animacao_1\" \/>\n<p>A gente come\u00e7a pelo c\u00edrculo e encontra os centros vertical e horizontal utilizando a ferramenta linha.<\/p>\n<p>Depois eu duplico essa linha vertical com o \u201cShift\u201d e \u201cAlt\u201d pressionados at\u00e9 ela encostar na extremidade esquerda do c\u00edrculo, e duplico ela mais uma vez para a direita pois eu preciso encontrar o centro entre essas duas verticais. Para isso eu seleciono as 3 linhas ao mesmo tempo e distribuo horizontalmente.<\/p>\n<p>Crio um novo c\u00edrculo mantendo o \u201cShift\u201d e o \u201cAlt\u201d pressionados partindo desse ponto central at\u00e9 ele encostar nas duas guias externas.<\/p>\n<p>Agora eu vou na ferramenta \u201clinha\u201d novamente e crio uma guia da base central do c\u00edrculo grande at\u00e9 o centro do c\u00edrculo menor.<\/p>\n<p>Seleciono essa linha e aumento com o \u201cShift\u201d pressionado at\u00e9 ela cruzar a extremidade do c\u00edrculo menor.<\/p>\n<p>Agora eu seleciono a seta preta e dou dois cliques nessa linha para entrar no modo de isolamento, aperto \u201cCtrl+Y\u201d para enxergar somente outline, dou um zoom, aperto \u201c+\u201d no teclado para habilitar a ferramenta de adicionar pontos e crio um ponto na interse\u00e7\u00e3o entre essa linha e o c\u00edrculo pequeno.<\/p>\n<p>Agora eu excluo essa parte que sobrou com e j\u00e1 posso sair do modo de isolamento dando dois cliques fora com a seta preta.<\/p>\n<p>Aperto \u201cCtrl+O\u201d para centralizar a p\u00e1gina e seleciono essa linha que a gente acabou de criar.<\/p>\n<p>Apenas para voc\u00ea entender, eu deletei aquela ponta porque essa linha agora tem o mesmo tamanho do raio do c\u00edrculo que eu preciso criar para continuar.<\/p>\n<p>Ent\u00e3o para criar um c\u00edrculo com esse raio eu preciso da altura exata dessa linha. Para isso eu seleciono a ferramenta \u201cRotate\u201d com o atalho \u201cR\u201d, clico na base da linha para marca a \u00e2ncora e giro at\u00e9 a linha encostar na minha guia central e vertical.<\/p>\n<p>Agora eu vou copiar a altura dessa linha, selecionar a ferramenta \u201cElipse\u201d, clico em qualquer lugar da tela e colo esse valor que eu acabei de copiar no primeiro campo.<\/p>\n<img loading=\"lazy\" decoding=\"async\" width=\"640\" height=\"360\" class=\"alignnone size-full wp-image-2570\" src=\"https:\/\/waltermattos.com\/site\/wp-content\/uploads\/2014\/10\/tut_Grids_Pra_Que_Se_Ja_Sei_Illustrator_Pentagono_640_Animacao_2.gif\" alt=\"tut_Grids_Pra_Que_Se_Ja_Sei_Illustrator_Pentagono_640_Animacao_2\" \/>\n<p>Depois que eu colar, eu multiplico esse valor por 2 e aperto a tecla \u201cTab\u201d para aplicar a multiplica\u00e7\u00e3o. Eu multipliquei por dois porque como eu falei essa linha que a gente criou nos d\u00e1 o raio, mas o Illustrator cria o c\u00edrculo com base no di\u00e2metro. Ent\u00e3o como o raio \u00e9 metade do di\u00e2metro \u00e9 s\u00f3 multiplicar o valor por dois.<\/p>\n<p>Agora \u00e9 s\u00f3 copiar o valor desse campo, colar no campo de baixo e clicar \u201cOk\u201d.<\/p>\n<p>Alinho o centro desse c\u00edrculo com a base do primeiro c\u00edrculo criado e pronto, eles se tocam no ponto exato que a gente previu, e a gente acabou de encontrar esse ponto aqui, que \u00e9 a interse\u00e7\u00e3o entre o primeiro c\u00edrculo e esse \u00faltimo que a gente acabou de criar.<\/p>\n<p>Agora eu preciso de um novo c\u00edrculo que v\u00e1 desse ponto que a gente acabou de encontrar at\u00e9 encostar no topo central do primeiro c\u00edrculo.<\/p>\n<p>O procedimento \u00e9 exatamente o mesmo que o anterior. Crio a guia, giro at\u00e9 ela ficar na vertical, encontro o tamanho, e repito exatamente o mesmo procedimento do c\u00edrculo anterior.<\/p>\n<p>Agora \u00e9 s\u00f3 alinhar o centro dele com a nossa interse\u00e7\u00e3o.<\/p>\n<p>E fechou, agora a gente j\u00e1 tem o que precisa para finalizar o <strong>pent\u00e1gono<\/strong> nessas 3 interse\u00e7\u00f5es que a gente encontrou.<\/p>\n<p>Vou apertar \u201cP\u201d para ir para a ferramenta \u201cPath\u201d e desenhar metade do <strong>pent\u00e1gono<\/strong> clicando nestes 3 pontos.<\/p>\n<p>Seleciono esse novo objeto, \u201cCtrl+C\u201d e \u201cCtrl+F\u201d para colar na frente dele mesmo, vou na aba \u201cTransform\u201d, marco qualquer eixo direito refer\u00eancia e dou um \u201cFlip Horizontal\u201d.<\/p>\n<p>Seleciono agora os dois objetos com o \u201cShift\u201d pressionado, agrupo com o \u201cGtrl+G\u201d e entro no modo de isolamento dando dois cliques. A ideia de entrar no modo de isolamento aqui \u00e9 que eu posso fechar os pontos sem interferir nos outros objetos que est\u00e3o fora dele.<\/p>\n<p>Ent\u00e3o eu uno esses aqui da ponta com o atalho \u201cCtrl+J\u201d e fa\u00e7o a mesma coisa na base com os dois pontos abertos.<\/p>\n<p>Posso sair do modo de isolamento e pronto, temos o nosso <strong>pent\u00e1gono<\/strong>.<\/p>\n<p>E s\u00f3 para provar que ele est\u00e1 correto eu posso criar um <strong>pent\u00e1gono<\/strong> com a ferramenta \u201cpol\u00edgono\u201d, sobrepor os dois e vejo que o <strong>pent\u00e1gono<\/strong> est\u00e1 perfeito.<\/p>\n<p>E agora eu vou te dar algumas curiosidades sobre o <strong>pent\u00e1gono<\/strong> que a gente acabou de construir.<\/p>\n<img loading=\"lazy\" decoding=\"async\" width=\"640\" height=\"360\" class=\"alignnone size-full wp-image-3878\" src=\"https:\/\/waltermattos.com\/site\/wp-content\/uploads\/2014\/10\/tut_Grids_Pra_Que_Se_Ja_Sei_Illustrator_Pentagono_03_Animacao_B.gif\" alt=\"tut_Grids_Pra_Que_Se_Ja_Sei_Illustrator_Pentagono_03_Animacao_B\" \/>\n<p>Se eu dividir o tamanho desse c\u00edrculo maior que a gente utilizou na constru\u00e7\u00e3o por <strong>1,618<\/strong> o resultado ser\u00e1 um c\u00edrculo exatamente do mesmo tamanho do primeiro c\u00edrculo.<\/p>\n<p>Se eu montar a estrela dentro do <strong>pent\u00e1gono<\/strong> e dividir o tamanho da linha azul pelo tamanho da linha rosa em cada um desses exemplos, o resultado \u00e9 <strong>1,618<\/strong>.<\/p>\n<p>Se eu criar um quadrado da ponta esquerda da estrela at\u00e9 a base da ponta superior, depois puxar um ret\u00e2ngulo do mesmo ponto at\u00e9 a outra base da ponta superior eu tenho um <strong>ret\u00e2ngulo \u00e1ureo<\/strong>.<\/p>\n<p>E por \u00faltimo, se eu inserir um <strong>ret\u00e2ngulo \u00e1ureo<\/strong> de uma ponta a outra da estrela eu tamb\u00e9m encontro interse\u00e7\u00f5es bem claras entre os dois objetos.<\/p>\n<p>Ou seja, n\u00e3o basta dominar a sua ferramenta de trabalho, e eu espero que esse v\u00eddeo tenha contribu\u00eddo em pelo menos despertar algumas curiosidades em voc\u00ea.<\/p>\n<p>Eu posso ficar at\u00e9 amanh\u00e3 falando sobre esse assunto mas a verdade \u00e9 que eu j\u00e1 demorei duas semanas para montar esse v\u00eddeo, que deu bastante trabalho mas foi bem legal de fazer.<\/p>\n<p>E eu vou encerrar agradecendo um leitor, que h\u00e1 algumas semanas me surpreendeu com um e-mail muito legal. Ele havia conseguido terminar\u00a0o layout abaixo gra\u00e7as a um v\u00eddeo aqui do canal, que fez ele se inspirar e tentar utilizar um <strong>ret\u00e2ngulo \u00e1ureo<\/strong> para organizar esse projeto que estava parado havia algum tempo por falta de criatividade.<\/p>\n<div id=\"attachment_2551\" style=\"width: 650px\" class=\"wp-caption alignnone\"><a href=\"http:\/\/mundo-studio.com\/\" target=\"_blank\"><img loading=\"lazy\" decoding=\"async\" aria-describedby=\"caption-attachment-2551\" class=\"wp-image-2551 size-full\" src=\"https:\/\/waltermattos.com\/site\/wp-content\/uploads\/2014\/10\/tut_Grids_Pra_Que_Se_Ja_Sei_Illustrator_Gravacao_Nacoes_03_Animacao.gif\" alt=\"tut_Grids_Pra_Que_Se_Ja_Sei_Illustrator_Gravacao_Nacoes_03_Animacao\" width=\"640\" height=\"360\" \/><\/a><p id=\"caption-attachment-2551\" class=\"wp-caption-text\">Layout por <a href=\"http:\/\/mundo-studio.com\/\" target=\"_blank\">Mundo Studio<\/a><\/p><\/div>\n<p>O mais curioso \u00e9 que em momento algum eu dei sequer um exemplo parecido com esse que ele enviou. Ou seja, ele precisou de muito pouco para se inspirar e viajar na cria\u00e7\u00e3o dele. O que significa que provavelmente ele j\u00e1 vinha estudando e buscando outras refer\u00eancias, acredito eu.<\/p>\n<p>E o mais legal \u00e9 ele ter falado que o projeto estava parado por falta de criatividade, e foi justamente um processo de constru\u00e7\u00e3o que trouxe mais liberdade criativa para ele.<\/p>\n<h3><strong>A verdade \u00e9 que quanto mais voc\u00ea estuda e se inspira em m\u00e9todos utilizados por outras pessoas, mais voc\u00ea pensa como as pessoas que utilizam estes m\u00e9todos. N\u00e3o tem mist\u00e9rio.<\/strong><\/h3>\n<p>Ent\u00e3o deixo aqui meu muito obrigado ao Ricardo, e aos outros leitores do blog e inscritos aqui do canal tamb\u00e9m.<\/p>\n<p>Muito obrigado pelo suporte que voc\u00eas v\u00eam dando para o conte\u00fado. E eu estou muito feliz por essa oportunidade de compartilhar e mais ainda pela troca que eu estou recebendo de voc\u00eas.<\/p>\n<p>E caso voc\u00ea ainda n\u00e3o conhe\u00e7a o canal fique \u00e0 vontade para ver os outros v\u00eddeos e se inscrever caso ache o conte\u00fado relevante para voc\u00ea.<\/p>\n<p>Voc\u00ea tamb\u00e9m pode visitar meu blog, <a title=\"Walter Mattos - Site\" href=\"https:\/\/waltermattos.com\">waltermattos.com<\/a>, onde eu compartilho dicas, reflex\u00f5es e tutoriais relacionados a design.<\/p>\n<p>\u00c9 isso a\u00ed pessoal. Um abra\u00e7o e at\u00e9 o pr\u00f3ximo v\u00eddeo.<\/p>\n<p>&#8212;<\/p>\n","protected":false},"excerpt":{"rendered":"<p>Conhecer sua ferramenta de trabalho pode n\u00e3o ser o suficiente para desenvolver um projeto de design consistente. Design vai muito al\u00e9m da ferramenta usada ou\u00a0mesmo de conhecimento em geometria, mas isso n\u00e3o significa que um ou outro n\u00e3o tenham import\u00e2ncia durante um processo criativo. Objetivo desse v\u00eddeo \u00e9 te mostrar diferentes maneiras de pensar e&#8230;  <a class=\"excerpt-read-more\" href=\"https:\/\/waltermattos.com\/site\/tutoriais\/geometria-pra-que-se-eu-ja-sei-illustrator\/\">Ler artigo<\/a><\/p>\n","protected":false},"author":2,"featured_media":2576,"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],"tags":[59,132,27,133],"class_list":["post-2519","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-artigos","category-tutoriais","tag-design","tag-geometria","tag-illustrator","tag-retangulo-aureo"],"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>Geometria pra que se j\u00e1 sei Illustrator?<\/title>\n<meta name=\"description\" content=\"Voc\u00ea gostaria de aplicar geometria em seus projetos de design mas n\u00e3o sabe por onde come\u00e7ar seus estudos? Talvez este v\u00eddeo ajude a norte\u00e1-lo.\" \/>\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=\"Geometria pra que se j\u00e1 sei Illustrator?\" \/>\n<meta property=\"og:description\" content=\"Voc\u00ea gostaria de aplicar geometria em seus projetos de design mas n\u00e3o sabe por onde come\u00e7ar seus estudos? Talvez este v\u00eddeo ajude a norte\u00e1-lo.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/waltermattos.com\/site\/tutoriais\/geometria-pra-que-se-eu-ja-sei-illustrator\/\" \/>\n<meta property=\"og:site_name\" content=\"Walter Mattos\" \/>\n<meta property=\"article:published_time\" content=\"2014-10-15T13:05:53+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2017-01-19T02:06:39+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/waltermattos.com\/site\/wp-content\/uploads\/2014\/10\/tut_Geometria_Pra_Que_Se_Ja_Sei_Illustrator_Cover_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=\"17 minutos\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\/\/waltermattos.com\/site\/tutoriais\/geometria-pra-que-se-eu-ja-sei-illustrator\/#article\",\"isPartOf\":{\"@id\":\"https:\/\/waltermattos.com\/site\/tutoriais\/geometria-pra-que-se-eu-ja-sei-illustrator\/\"},\"author\":{\"name\":\"Walter Mattos\",\"@id\":\"https:\/\/waltermattos.com\/site\/#\/schema\/person\/d237be35b3af8e99d73dba176ae68175\"},\"headline\":\"Geometria pra que se eu j\u00e1 sei Illustrator?\",\"datePublished\":\"2014-10-15T13:05:53+00:00\",\"dateModified\":\"2017-01-19T02:06:39+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\/\/waltermattos.com\/site\/tutoriais\/geometria-pra-que-se-eu-ja-sei-illustrator\/\"},\"wordCount\":3444,\"commentCount\":30,\"image\":{\"@id\":\"https:\/\/waltermattos.com\/site\/tutoriais\/geometria-pra-que-se-eu-ja-sei-illustrator\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/waltermattos.com\/site\/wp-content\/uploads\/2014\/10\/tut_Geometria_Pra_Que_Se_Ja_Sei_Illustrator_Cover_Blog.png\",\"keywords\":[\"Design\",\"Geometria\",\"Illustrator\",\"Ret\u00e2ngulo \u00c1ureo\"],\"articleSection\":[\"Artigos\",\"Tutoriais\"],\"inLanguage\":\"pt-BR\",\"potentialAction\":[{\"@type\":\"CommentAction\",\"name\":\"Comment\",\"target\":[\"https:\/\/waltermattos.com\/site\/tutoriais\/geometria-pra-que-se-eu-ja-sei-illustrator\/#respond\"]}]},{\"@type\":\"WebPage\",\"@id\":\"https:\/\/waltermattos.com\/site\/tutoriais\/geometria-pra-que-se-eu-ja-sei-illustrator\/\",\"url\":\"https:\/\/waltermattos.com\/site\/tutoriais\/geometria-pra-que-se-eu-ja-sei-illustrator\/\",\"name\":\"Geometria pra que se j\u00e1 sei Illustrator?\",\"isPartOf\":{\"@id\":\"https:\/\/waltermattos.com\/site\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/waltermattos.com\/site\/tutoriais\/geometria-pra-que-se-eu-ja-sei-illustrator\/#primaryimage\"},\"image\":{\"@id\":\"https:\/\/waltermattos.com\/site\/tutoriais\/geometria-pra-que-se-eu-ja-sei-illustrator\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/waltermattos.com\/site\/wp-content\/uploads\/2014\/10\/tut_Geometria_Pra_Que_Se_Ja_Sei_Illustrator_Cover_Blog.png\",\"datePublished\":\"2014-10-15T13:05:53+00:00\",\"dateModified\":\"2017-01-19T02:06:39+00:00\",\"author\":{\"@id\":\"https:\/\/waltermattos.com\/site\/#\/schema\/person\/d237be35b3af8e99d73dba176ae68175\"},\"description\":\"Voc\u00ea gostaria de aplicar geometria em seus projetos de design mas n\u00e3o sabe por onde come\u00e7ar seus estudos? Talvez este v\u00eddeo ajude a norte\u00e1-lo.\",\"inLanguage\":\"pt-BR\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/waltermattos.com\/site\/tutoriais\/geometria-pra-que-se-eu-ja-sei-illustrator\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"pt-BR\",\"@id\":\"https:\/\/waltermattos.com\/site\/tutoriais\/geometria-pra-que-se-eu-ja-sei-illustrator\/#primaryimage\",\"url\":\"https:\/\/waltermattos.com\/site\/wp-content\/uploads\/2014\/10\/tut_Geometria_Pra_Que_Se_Ja_Sei_Illustrator_Cover_Blog.png\",\"contentUrl\":\"https:\/\/waltermattos.com\/site\/wp-content\/uploads\/2014\/10\/tut_Geometria_Pra_Que_Se_Ja_Sei_Illustrator_Cover_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":"Geometria pra que se j\u00e1 sei Illustrator?","description":"Voc\u00ea gostaria de aplicar geometria em seus projetos de design mas n\u00e3o sabe por onde come\u00e7ar seus estudos? Talvez este v\u00eddeo ajude a norte\u00e1-lo.","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":"Geometria pra que se j\u00e1 sei Illustrator?","og_description":"Voc\u00ea gostaria de aplicar geometria em seus projetos de design mas n\u00e3o sabe por onde come\u00e7ar seus estudos? Talvez este v\u00eddeo ajude a norte\u00e1-lo.","og_url":"https:\/\/waltermattos.com\/site\/tutoriais\/geometria-pra-que-se-eu-ja-sei-illustrator\/","og_site_name":"Walter Mattos","article_published_time":"2014-10-15T13:05:53+00:00","article_modified_time":"2017-01-19T02:06:39+00:00","og_image":[{"width":420,"height":420,"url":"https:\/\/waltermattos.com\/site\/wp-content\/uploads\/2014\/10\/tut_Geometria_Pra_Que_Se_Ja_Sei_Illustrator_Cover_Blog.png","type":"image\/png"}],"author":"Walter Mattos","twitter_misc":{"Escrito por":"Walter Mattos","Est. tempo de leitura":"17 minutos"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/waltermattos.com\/site\/tutoriais\/geometria-pra-que-se-eu-ja-sei-illustrator\/#article","isPartOf":{"@id":"https:\/\/waltermattos.com\/site\/tutoriais\/geometria-pra-que-se-eu-ja-sei-illustrator\/"},"author":{"name":"Walter Mattos","@id":"https:\/\/waltermattos.com\/site\/#\/schema\/person\/d237be35b3af8e99d73dba176ae68175"},"headline":"Geometria pra que se eu j\u00e1 sei Illustrator?","datePublished":"2014-10-15T13:05:53+00:00","dateModified":"2017-01-19T02:06:39+00:00","mainEntityOfPage":{"@id":"https:\/\/waltermattos.com\/site\/tutoriais\/geometria-pra-que-se-eu-ja-sei-illustrator\/"},"wordCount":3444,"commentCount":30,"image":{"@id":"https:\/\/waltermattos.com\/site\/tutoriais\/geometria-pra-que-se-eu-ja-sei-illustrator\/#primaryimage"},"thumbnailUrl":"https:\/\/waltermattos.com\/site\/wp-content\/uploads\/2014\/10\/tut_Geometria_Pra_Que_Se_Ja_Sei_Illustrator_Cover_Blog.png","keywords":["Design","Geometria","Illustrator","Ret\u00e2ngulo \u00c1ureo"],"articleSection":["Artigos","Tutoriais"],"inLanguage":"pt-BR","potentialAction":[{"@type":"CommentAction","name":"Comment","target":["https:\/\/waltermattos.com\/site\/tutoriais\/geometria-pra-que-se-eu-ja-sei-illustrator\/#respond"]}]},{"@type":"WebPage","@id":"https:\/\/waltermattos.com\/site\/tutoriais\/geometria-pra-que-se-eu-ja-sei-illustrator\/","url":"https:\/\/waltermattos.com\/site\/tutoriais\/geometria-pra-que-se-eu-ja-sei-illustrator\/","name":"Geometria pra que se j\u00e1 sei Illustrator?","isPartOf":{"@id":"https:\/\/waltermattos.com\/site\/#website"},"primaryImageOfPage":{"@id":"https:\/\/waltermattos.com\/site\/tutoriais\/geometria-pra-que-se-eu-ja-sei-illustrator\/#primaryimage"},"image":{"@id":"https:\/\/waltermattos.com\/site\/tutoriais\/geometria-pra-que-se-eu-ja-sei-illustrator\/#primaryimage"},"thumbnailUrl":"https:\/\/waltermattos.com\/site\/wp-content\/uploads\/2014\/10\/tut_Geometria_Pra_Que_Se_Ja_Sei_Illustrator_Cover_Blog.png","datePublished":"2014-10-15T13:05:53+00:00","dateModified":"2017-01-19T02:06:39+00:00","author":{"@id":"https:\/\/waltermattos.com\/site\/#\/schema\/person\/d237be35b3af8e99d73dba176ae68175"},"description":"Voc\u00ea gostaria de aplicar geometria em seus projetos de design mas n\u00e3o sabe por onde come\u00e7ar seus estudos? Talvez este v\u00eddeo ajude a norte\u00e1-lo.","inLanguage":"pt-BR","potentialAction":[{"@type":"ReadAction","target":["https:\/\/waltermattos.com\/site\/tutoriais\/geometria-pra-que-se-eu-ja-sei-illustrator\/"]}]},{"@type":"ImageObject","inLanguage":"pt-BR","@id":"https:\/\/waltermattos.com\/site\/tutoriais\/geometria-pra-que-se-eu-ja-sei-illustrator\/#primaryimage","url":"https:\/\/waltermattos.com\/site\/wp-content\/uploads\/2014\/10\/tut_Geometria_Pra_Que_Se_Ja_Sei_Illustrator_Cover_Blog.png","contentUrl":"https:\/\/waltermattos.com\/site\/wp-content\/uploads\/2014\/10\/tut_Geometria_Pra_Que_Se_Ja_Sei_Illustrator_Cover_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\/2014\/10\/tut_Geometria_Pra_Que_Se_Ja_Sei_Illustrator_Cover_Blog.png","jetpack_sharing_enabled":true,"jetpack_shortlink":"https:\/\/wp.me\/p53J0J-ED","_links":{"self":[{"href":"https:\/\/waltermattos.com\/site\/wp-json\/wp\/v2\/posts\/2519","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=2519"}],"version-history":[{"count":30,"href":"https:\/\/waltermattos.com\/site\/wp-json\/wp\/v2\/posts\/2519\/revisions"}],"predecessor-version":[{"id":5515,"href":"https:\/\/waltermattos.com\/site\/wp-json\/wp\/v2\/posts\/2519\/revisions\/5515"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/waltermattos.com\/site\/wp-json\/wp\/v2\/media\/2576"}],"wp:attachment":[{"href":"https:\/\/waltermattos.com\/site\/wp-json\/wp\/v2\/media?parent=2519"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/waltermattos.com\/site\/wp-json\/wp\/v2\/categories?post=2519"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/waltermattos.com\/site\/wp-json\/wp\/v2\/tags?post=2519"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}