{"id":2053,"date":"2014-08-08T01:05:10","date_gmt":"2014-08-08T04:05:10","guid":{"rendered":"https:\/\/waltermattos.com\/?p=2053"},"modified":"2014-08-08T01:13:00","modified_gmt":"2014-08-08T04:13:00","slug":"como-jan-tschichold-faria-o-cartaz-konstruktivisten-se-usasse-o-illustrator","status":"publish","type":"post","link":"https:\/\/waltermattos.com\/site\/tutoriais\/como-jan-tschichold-faria-o-cartaz-konstruktivisten-se-usasse-o-illustrator\/","title":{"rendered":"Como Jan Tschichold faria o cartaz \u201cKonstruktivisten\u201d se usasse o Illustrator?"},"content":{"rendered":"<p><iframe loading=\"lazy\" src=\"\/\/www.youtube.com\/embed\/QSKkto9iWIo\" width=\"640\" height=\"360\" frameborder=\"0\" allowfullscreen=\"allowfullscreen\"><\/iframe><\/p>\n<p>Voc\u00ea j\u00e1 ouviu falar no\u00a0cartaz &#8220;Konstruktivisten&#8221; do Jan Tschichold? Esse cartaz foi criado em 1929 e representa o decl\u00ednio\u00a0do Construtivismo.<\/p>\n<p>Neste v\u00eddeo tento simular como seria o processo de constru\u00e7\u00e3o deste cartaz hoje em dia, utilizando o Illustrator ou qualquer outro programa gr\u00e1fico. De quebra ainda explico um pouco sobre a hist\u00f3ria e conceitos apresentados nesse cartaz.<\/p>\n<p>\u00c9 um bom exerc\u00edcio para a criatividade.<\/p>\n<p>Para montar este tutorial me inspirei no livro\u00a0<a title=\"Geometria do Design - Kimberly Elam\" href=\"http:\/\/www.livrariacultura.com.br\/scripts\/cultura\/externo\/index.asp?id_link=13379&amp;destino=\/scripts\/resenha\/resenha.asp?nitem=3249420&amp;\" target=\"_blank\">Geometria do Design<\/a>. Aconselho que visite uma biblioteca e folheie o livro, pois vale a pena.<\/p>\n<p>Para ver outros livros voc\u00ea pode acessar minha <a title=\"Biblioteca - Walter Mattos\" href=\"https:\/\/waltermattos.com\/sobre\/biblioteca\/\" target=\"_blank\">Biblioteca<\/a>.<\/p>\n<p>Um abra\u00e7o e bom v\u00eddeo &#8211; ou boa leitura.<\/p>\n<h1>Abaixo segue a transcri\u00e7\u00e3o do v\u00eddeo.<\/h1>\n<h2>01 \u2013 Introdu\u00e7\u00e3o<\/h2>\n<p>E a\u00ed galera, beleza? Walter Mattos novamente, e dessa vez, como prometido, tentando responder uma pergunta muito frequente, que \u00e9 <strong>\u201cComo criar algo utilizando grids?\u201d<\/strong><strong>\u00a0<\/strong><\/p>\n<p>Como existem v\u00e1rias possibilidades de uso de grids, e hoje a gente tem muitas ferramentas que nos facilitam muito nisso eu decidi me questionar o seguinte: <strong>Como Jan Tschichold faria o cartaz \u201cKonstrutctivisten\u201d se usasse o Illustrator?<\/strong><strong>\u00a0<\/strong><\/p>\n<img loading=\"lazy\" decoding=\"async\" width=\"640\" height=\"360\" class=\"alignnone size-full wp-image-2060\" src=\"https:\/\/waltermattos.com\/site\/wp-content\/uploads\/2014\/08\/cartaz_konstruktivisten_cartaz_Jan_640.gif\" alt=\"cartaz_konstruktivisten_cartaz_Jan_640\" \/>\n<p>E como voc\u00ea pode ver esse cartaz \u00e9 aparentemente simples, mas n\u00e3o se deixe enganar, pois eu acho que o maior desafio de um designer \u00e9 tentar representar de maneira simples uma ideia que normalmente est\u00e1 repleta de complexidade. E \u00e9 o caso desse cartaz.<\/p>\n<p>Ent\u00e3o, sem me aprofundar muito no assunto, mas s\u00f3 para voc\u00ea ter uma ideia, esse cartaz foi criado em 1929, e representava o decl\u00ednio do movimento construtivista. Movimento esse que, em poucas palavras, defendia o design representado de forma geom\u00e9trica.<\/p>\n<p>Ent\u00e3o n\u00e3o \u00e9 \u00e0 toa que esse cartaz possui uma linha e um c\u00edrculo, que sozinhos podem representar uma forma minimalista da geometria.<\/p>\n<p>E al\u00e9m disso existe o fato de que esse c\u00edrculo est\u00e1 cortado por essa linha, e em uma posi\u00e7\u00e3o que d\u00e1 a impress\u00e3o de que ele est\u00e1 caindo. Meio que parece um sol se pondo, ou seja, pode ser uma representa\u00e7\u00e3o do decl\u00ednio do construtivismo.<\/p>\n<p>Continua achando simples?<\/p>\n<p>Bom, para montar esse tutorial eu me baseei no livro \u201c<a title=\"Geometria do Design - Kimberly Elam\" href=\"http:\/\/www.livrariacultura.com.br\/scripts\/cultura\/externo\/index.asp?id_link=13379&amp;destino=\/scripts\/resenha\/resenha.asp?nitem=3249420&amp;\" target=\"_blank\"><strong>Geometria do Design<\/strong><\/a>\u201d, da Kimberly Elam, ent\u00e3o, se voc\u00ea estiver afim de se aprofundar um pouco mais nesse assunto eu deixei um link pro livro a\u00ed na descri\u00e7\u00e3o v\u00eddeo.<\/p>\n<img loading=\"lazy\" decoding=\"async\" width=\"640\" height=\"360\" class=\"alignnone size-full wp-image-2062\" src=\"https:\/\/waltermattos.com\/site\/wp-content\/uploads\/2014\/08\/tut_cartaz_jan_tschichold_konstruktivisten_Geometria_Design.png\" alt=\"tut_cartaz_jan_tschichold_konstruktivisten_Geometria_Design\" srcset=\"https:\/\/waltermattos.com\/site\/wp-content\/uploads\/2014\/08\/tut_cartaz_jan_tschichold_konstruktivisten_Geometria_Design.png 640w, https:\/\/waltermattos.com\/site\/wp-content\/uploads\/2014\/08\/tut_cartaz_jan_tschichold_konstruktivisten_Geometria_Design-310x174.png 310w\" sizes=\"auto, (max-width: 640px) 100vw, 640px\" \/>\n<h2>02 \u2013 Preparando o terreno<\/h2>\n<p>Ent\u00e3o vamos abrir o Illustrator e criar uma p\u00e1gina de 15 de largura por 21 de altura. N\u00e3o me importa a unidade de medida, o que me importa \u00e9 que seja 15 x 21.<\/p>\n<p>Como j\u00e1 \u00e9 de costume eu vou criar uma nova camada e chamar de \u201cgrids\u201d.<\/p>\n<p>E segundo o livro \u201c<strong>Geometria do Design<\/strong>\u201d, essa p\u00e1gina estaria inscrita em um pent\u00e1gono, que por sua vez est\u00e1 inscrito em um c\u00edrculo.<\/p>\n<p>Ent\u00e3o at\u00e9 aqui n\u00e3o tem mist\u00e9rio, eu vou selecionar a ferramenta \u201cPol\u00edgono\u201d e come\u00e7ar a desenhar.<\/p>\n<p>Se o seu pol\u00edgono estiver com mais ou menos que cinco lados, basta pressionar as setas para cima ou para baixo do seu teclado, sem soltar o bot\u00e3o do mouse, at\u00e9 voc\u00ea encontrar o pent\u00e1gono.<\/p>\n<p>Encontrando o pent\u00e1gono aperta o \u201cShift\u201d para manter ele num \u00e2ngulo reto e ajusta o tamanho dele at\u00e9 ele se alinhar com a p\u00e1gina.<\/p>\n<p>Como eu quero ele apontando para baixo, vou dar um \u201cFlip vertical\u201d aqui na aba \u201cTransform\u201d.<\/p>\n<p>N\u00e3o esque\u00e7a de habilitar as \u201cSmart Guides\u201d pro objeto se alinhar com a p\u00e1gina, ok?<\/p>\n<p>Como meu objeto est\u00e1 com um preenchimento preto e sem contorno, eu vou apertar \u201cShift+x\u201d para inverter isso, e ficar sem preenchimento e com contorno preto.<\/p>\n<p>Depois \u00e9 s\u00f3 fazer o c\u00edrculo de forma que ele toque todos os cantos do pent\u00e1gono.<\/p>\n<p>Eu particularmente n\u00e3o encontrei uma utilidade para esse c\u00edrculo, mas eu vou deixar ele a\u00ed porque est\u00e1 no livro.<\/p>\n<p>Depois disso \u00e9 s\u00f3 selecionar tudo com o \u201cCtrl+A\u201d e alinhar os objetos pelo centro horizontal.<\/p>\n<p>Ent\u00e3o vamos l\u00e1. Eu sei que eu quero inserir nessa p\u00e1gina um c\u00edrculo e uma linha, pois elas fazem parte do meu conceito, mas eu n\u00e3o quero que esse posicionamento seja \u00f3bvio. Ent\u00e3o por onde eu come\u00e7o?<\/p>\n<p>Eu vou come\u00e7ar pelo \u00f3bvio, subdividindo essa p\u00e1gina em quadrados, mas eu n\u00e3o quero que esse grid quadrado fique em cima da minha p\u00e1gina porque eu quero trabalhar com linhas guia.<\/p>\n<p>E para dividir qualquer p\u00e1gina em quadrados exatos basta usar n\u00fameros proporcionais \u00e0 largura e altura da p\u00e1gina, ou seja, se essa p\u00e1gina tem 15 x 21, eu posso dividir em 15 colunas e 21 linhas. Assim como eu tamb\u00e9m posso dividir em 30 colunas e 42 linhas. O resultado vai ser sempre um m\u00f3dulo quadrangular.<\/p>\n<p>Ent\u00e3o a gente vai criar uma linha curta aqui no todo da p\u00e1gina e duplicar ela com o \u201cAlt e Shift\u201d pressionados at\u00e9 alinhar com base. Depois a gente seleciona as duas e aperta \u201cCtrl+Alt+B\u201d para criar um Blend.<\/p>\n<p>Depois disso a gente vai em \u201cObject\/Blend\/Blend Option\u201d, marca a op\u00e7\u00e3o \u201cSpecified Steps\u201d e digita 20 para o n\u00famero de linhas. Isso porque 20 linhas v\u00e3o gerar para a gente 21 espa\u00e7os, que \u00e9 o que a gente quer.<\/p>\n<p>Depois disso eu fa\u00e7o exatamente a mesma coisa na base, s\u00f3 que com 14 linhas para gerar 15 espa\u00e7os.<\/p>\n<p>Agora vamos selecionar novamente estes dois Blends e clicar em \u201cObject\/Expand\u201d para transformar esses efeitos de apar\u00eancia em objetos, ou linhas no caso.<\/p>\n<p>Vou criar o meu c\u00edrculo, mas como eu falei, n\u00e3o quero um posicionamento \u00f3bvio. Ent\u00e3o vou come\u00e7ar a desenhar ele do topo da p\u00e1gina e contar 5 linhas para baixo. 1, 2, 3, 4 e 5. Quando eu terminar s\u00f3 alinho o centro do c\u00edrculo pela extremidade direita da p\u00e1gina.<\/p>\n<p>Agora vou duplicar esse c\u00edrculo para baixo com o \u201cAlt e Shift\u201d apertados, at\u00e9 alinhar ele com ele mesmo.<\/p>\n<p>Depois disso eu aperto \u201cCtrl+D\u201d para duplicar ele novamente. O \u201cCtrl+D\u201d, de dado, repete a \u00faltima a\u00e7\u00e3o que voc\u00ea executou.<\/p>\n<p>Agora eu vou duplicar ele novamente para esquerda, exatamente do mesmo jeito a gente acabou de fazer.<\/p>\n<p>Pronto, a gente j\u00e1 tem a posi\u00e7\u00e3o exata do c\u00edrculo.<\/p>\n<p>N\u00e3o acredita, n\u00e3o? D\u00e1 uma olhada a\u00ed.<\/p>\n<img loading=\"lazy\" decoding=\"async\" width=\"640\" height=\"360\" class=\"alignnone size-full wp-image-2064\" src=\"https:\/\/waltermattos.com\/site\/wp-content\/uploads\/2014\/08\/cartaz_konstruktivisten_cartaz_Jan_circulos.jpg\" alt=\"cartaz_konstruktivisten_cartaz_Jan_circulos\" srcset=\"https:\/\/waltermattos.com\/site\/wp-content\/uploads\/2014\/08\/cartaz_konstruktivisten_cartaz_Jan_circulos.jpg 640w, https:\/\/waltermattos.com\/site\/wp-content\/uploads\/2014\/08\/cartaz_konstruktivisten_cartaz_Jan_circulos-310x174.jpg 310w\" sizes=\"auto, (max-width: 640px) 100vw, 640px\" \/>\n<p>Al\u00e9m disso, voc\u00ea reparou que esses dois c\u00edrculos tangenciam perfeitamente as extremidades do pent\u00e1gono?<\/p>\n<p>Pois \u00e9, n\u00e3o \u00e9 pra qualquer um n\u00e3o. E lembrando que isso foi feito em 1929, hein.<\/p>\n<h2>03 \u2013 Encontrando a linha<\/h2>\n<p>Agora eu vou come\u00e7ar a buscar as guias que v\u00e3o me auxiliar no posicionamento dos outros elementos da p\u00e1gina.<\/p>\n<p>A primeira coisa que eu vou fazer \u00e9 encontrar o centro da p\u00e1gina criando duas linhas que ligam as extremidades opostas do nosso layout, como j\u00e1 \u00e9 de costume.<\/p>\n<p>Depois eu puxo uma linha dessa ponta aqui do pent\u00e1gono at\u00e9 o centro da p\u00e1gina e encontro essa tangente aqui com o c\u00edrculo, certo?<\/p>\n<p>E dessa tangente eu vou puxar uma linha ligando as duas laterais da p\u00e1gina.<\/p>\n<p>Bom, a gente acaba de encontrar a linha que o Jan Tschichold utilizou no cartaz.<\/p>\n<img loading=\"lazy\" decoding=\"async\" width=\"640\" height=\"360\" class=\"alignnone size-full wp-image-2066\" src=\"https:\/\/waltermattos.com\/site\/wp-content\/uploads\/2014\/08\/cartaz_konstruktivisten_cartaz_Jan_linha.jpg\" alt=\"cartaz_konstruktivisten_cartaz_Jan_linha\" srcset=\"https:\/\/waltermattos.com\/site\/wp-content\/uploads\/2014\/08\/cartaz_konstruktivisten_cartaz_Jan_linha.jpg 640w, https:\/\/waltermattos.com\/site\/wp-content\/uploads\/2014\/08\/cartaz_konstruktivisten_cartaz_Jan_linha-310x174.jpg 310w\" sizes=\"auto, (max-width: 640px) 100vw, 640px\" \/>\n<p>Legal, n\u00e9?<\/p>\n<h2>04 \u2013 Posicionando os textos<\/h2>\n<p>Voc\u00ea deve estar se perguntando se \u00e9 poss\u00edvel fazer essa m\u00e1gica com os textos tamb\u00e9m, n\u00e9?<\/p>\n<p>Ent\u00e3o vamos puxar uma linha dessa quina inferior esquerda at\u00e9 ela encostar na extremidade direita da linha que a gente acabou de encontrar.<\/p>\n<p>A gente encontrou essa tangente aqui, certo, com a linha do centro?<\/p>\n<p>Ent\u00e3o eu vou puxar uma linha dessa tangente que vai do topo at\u00e9 a base da p\u00e1gina.<\/p>\n<p>Depois disso eu vou clicar nesse grupo da direita que a gente criou com o Blend e desagrupar com o atalho \u201cCtrl+Shift+G\u201d.<\/p>\n<p>Agora eu seleciono essa primeira linha antes da base do c\u00edrculo e a terceira linha depois da base do c\u00edrculo e copio. Colo ela com o \u201cCtrl+F\u201d e arrasto essa c\u00f3pia para dentro da p\u00e1gina.<\/p>\n<p>Depois eu estico ela at\u00e9 encostar com a linha que a gente acabou de encontrar.<\/p>\n<p>Agora eu vou subdividir essas duas linhas com o atalho \u201cCtrl+Alt+B\u201d e depois vou em \u201cObject\/Blend\/Blend Option\u201d, mantenho \u201cSpecified Steps\u201d e marco 11 para o n\u00famero de c\u00f3pias para criar 12 espa\u00e7os.<\/p>\n<p>Por que eu marquei esses espa\u00e7os?<\/p>\n<p>Para vir aqui na minha camada layout e colar esse texto aqui.<\/p>\n<p>Ent\u00e3o, como voc\u00ea deve ter deduzido, a gente acabou de encontrar a posi\u00e7\u00e3o exata dessa lista de palavras do cartaz.<\/p>\n<p>Agora eu volto para minha camada \u201cgrids\u201d e vou duplicar essa linha acima do \u00faltimo c\u00edrculo da direita, e arrastar ela para a mesma posi\u00e7\u00e3o das linhas que a gente criou para a nossa lista.<\/p>\n<p>E por \u00faltimo vou pegar essa interse\u00e7\u00e3o do c\u00edrculo central esquerdo com a linha do centro e arrastar at\u00e9 encostar no outro c\u00edrculo.<\/p>\n<p>Volto para minha camada layout s\u00f3 para colar esses textos que eu j\u00e1 tenho pronto, e t\u00e1 a\u00ed.<\/p>\n<p>Agora s\u00f3 falta uma palavra, que \u00e9 o t\u00edtulo do cartaz.<\/p>\n<p>O t\u00edtulo do cartaz \u00e9 o mais f\u00e1cil porque ele est\u00e1 bem no meio desse c\u00edrculo, ent\u00e3o eu s\u00f3 preciso saber a largura dele.<\/p>\n<p>A largura coincide exatamente com essa interse\u00e7\u00e3o aqui entre o c\u00edrculo e a linha do centro, ent\u00e3o eu s\u00f3 preciso puxar uma linha aqui para nos servir de guia.<\/p>\n<p>Agora eu volto para a minha camada \u201cLayout\u201d e colo o t\u00edtulo do cartaz.<\/p>\n<img loading=\"lazy\" decoding=\"async\" width=\"640\" height=\"360\" class=\"alignnone size-full wp-image-2068\" src=\"https:\/\/waltermattos.com\/site\/wp-content\/uploads\/2014\/08\/cartaz_konstruktivisten_cartaz_Jan_final.jpg\" alt=\"cartaz_konstruktivisten_cartaz_Jan_final\" srcset=\"https:\/\/waltermattos.com\/site\/wp-content\/uploads\/2014\/08\/cartaz_konstruktivisten_cartaz_Jan_final.jpg 640w, https:\/\/waltermattos.com\/site\/wp-content\/uploads\/2014\/08\/cartaz_konstruktivisten_cartaz_Jan_final-310x174.jpg 310w\" sizes=\"auto, (max-width: 640px) 100vw, 640px\" \/>\n<p>Pronto, agora \u00e9 s\u00f3 definir as cores, mas isso eu n\u00e3o preciso mostrar como faz, n\u00e9?<\/p>\n<h2>05 \u2013 Encerramento<\/h2>\n<p>Bom, eu acho que \u00e9 assim que o Jan Tschichold faria esse cartaz se usasse o Illustrator.<\/p>\n<p>E eu poderia ficar aqui at\u00e9 amanh\u00e3 mostrando outras curiosidades que eu descobri sobre esse cartaz, mas o v\u00eddeo iria acabar ficando muito longo. Ent\u00e3o decidi parar por aqui.<\/p>\n<p>E se voc\u00ea tiver algum coment\u00e1rio, cr\u00edtica ou informa\u00e7\u00e3o que complemente este v\u00eddeo, divide com o pessoal a\u00ed nos coment\u00e1rios. E caso voc\u00ea considere esse v\u00eddeo interessante para algu\u00e9m, compartilha com essa pessoa.<\/p>\n<p>N\u00e3o esquece de se inscrever no canal se voc\u00ea gostou do v\u00eddeo, e se poss\u00edvel, visite meu site \u201cwaltermattos.com\u201d. E caso voc\u00ea goste do conte\u00fado se inscreve na minha Newsletter tamb\u00e9m.<\/p>\n<p>Muito obrigado, pessoal. Um abra\u00e7o e at\u00e9 o pr\u00f3ximo v\u00eddeo.<\/p>\n<p>&#8212;<\/p>\n","protected":false},"excerpt":{"rendered":"<p>Voc\u00ea j\u00e1 ouviu falar no\u00a0cartaz &#8220;Konstruktivisten&#8221; do Jan Tschichold? Esse cartaz foi criado em 1929 e representa o decl\u00ednio\u00a0do Construtivismo. Neste v\u00eddeo tento simular como seria o processo de constru\u00e7\u00e3o deste cartaz hoje em dia, utilizando o Illustrator ou qualquer outro programa gr\u00e1fico. De quebra ainda explico um pouco sobre a hist\u00f3ria e conceitos apresentados&#8230;  <a class=\"excerpt-read-more\" href=\"https:\/\/waltermattos.com\/site\/tutoriais\/como-jan-tschichold-faria-o-cartaz-konstruktivisten-se-usasse-o-illustrator\/\">Ler artigo<\/a><\/p>\n","protected":false},"author":2,"featured_media":2070,"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":false,"jetpack_social_options":{"image_generator_settings":{"template":"highway","enabled":false},"version":2}},"categories":[25,7],"tags":[46,119,59,121,123,27,120,54,122,62],"class_list":["post-2053","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-artigos","category-tutoriais","tag-adobe","tag-construtivismo","tag-design","tag-grids","tag-guias","tag-illustrator","tag-jan-tschichold","tag-processo-criativo","tag-proporcoes","tag-tutorial"],"jetpack_publicize_connections":[],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v27.2 - https:\/\/yoast.com\/product\/yoast-seo-wordpress\/ -->\n<title>Como Tschichold faria o cartaz \u201cKonstruktivisten\u201d no Illustrator?<\/title>\n<meta name=\"description\" content=\"Voc\u00ea conhece o cartaz &quot;Konstruktivisten&quot;, do Jan Tschichold? Que tal fazer um estudo sobre seu processo criativo no Illustrator?\" \/>\n<meta name=\"robots\" content=\"noindex, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<meta property=\"og:locale\" content=\"pt_BR\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Como Tschichold faria o cartaz \u201cKonstruktivisten\u201d no Illustrator?\" \/>\n<meta property=\"og:description\" content=\"Voc\u00ea conhece o cartaz &quot;Konstruktivisten&quot;, do Jan Tschichold? Que tal fazer um estudo sobre seu processo criativo no Illustrator?\" \/>\n<meta property=\"og:url\" content=\"https:\/\/waltermattos.com\/site\/tutoriais\/como-jan-tschichold-faria-o-cartaz-konstruktivisten-se-usasse-o-illustrator\/\" \/>\n<meta property=\"og:site_name\" content=\"Walter Mattos\" \/>\n<meta property=\"article:published_time\" content=\"2014-08-08T04:05:10+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2014-08-08T04:13:00+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/waltermattos.com\/site\/wp-content\/uploads\/2014\/08\/tut_Cartaz_Jan_Tschichold_Konstruktivisten_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=\"9 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-jan-tschichold-faria-o-cartaz-konstruktivisten-se-usasse-o-illustrator\/#article\",\"isPartOf\":{\"@id\":\"https:\/\/waltermattos.com\/site\/tutoriais\/como-jan-tschichold-faria-o-cartaz-konstruktivisten-se-usasse-o-illustrator\/\"},\"author\":{\"name\":\"Walter Mattos\",\"@id\":\"https:\/\/waltermattos.com\/site\/#\/schema\/person\/d237be35b3af8e99d73dba176ae68175\"},\"headline\":\"Como Jan Tschichold faria o cartaz \u201cKonstruktivisten\u201d se usasse o Illustrator?\",\"datePublished\":\"2014-08-08T04:05:10+00:00\",\"dateModified\":\"2014-08-08T04:13:00+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\/\/waltermattos.com\/site\/tutoriais\/como-jan-tschichold-faria-o-cartaz-konstruktivisten-se-usasse-o-illustrator\/\"},\"wordCount\":1769,\"commentCount\":15,\"image\":{\"@id\":\"https:\/\/waltermattos.com\/site\/tutoriais\/como-jan-tschichold-faria-o-cartaz-konstruktivisten-se-usasse-o-illustrator\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/waltermattos.com\/site\/wp-content\/uploads\/2014\/08\/tut_Cartaz_Jan_Tschichold_Konstruktivisten_Cover_Blog.png\",\"keywords\":[\"adobe\",\"Construtivismo\",\"Design\",\"Grids\",\"Guias\",\"Illustrator\",\"Jan Tschichold\",\"Processo criativo\",\"Propor\u00e7\u00f5es\",\"Tutorial\"],\"articleSection\":[\"Artigos\",\"Tutoriais\"],\"inLanguage\":\"pt-BR\",\"potentialAction\":[{\"@type\":\"CommentAction\",\"name\":\"Comment\",\"target\":[\"https:\/\/waltermattos.com\/site\/tutoriais\/como-jan-tschichold-faria-o-cartaz-konstruktivisten-se-usasse-o-illustrator\/#respond\"]}]},{\"@type\":\"WebPage\",\"@id\":\"https:\/\/waltermattos.com\/site\/tutoriais\/como-jan-tschichold-faria-o-cartaz-konstruktivisten-se-usasse-o-illustrator\/\",\"url\":\"https:\/\/waltermattos.com\/site\/tutoriais\/como-jan-tschichold-faria-o-cartaz-konstruktivisten-se-usasse-o-illustrator\/\",\"name\":\"Como Tschichold faria o cartaz \u201cKonstruktivisten\u201d no Illustrator?\",\"isPartOf\":{\"@id\":\"https:\/\/waltermattos.com\/site\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/waltermattos.com\/site\/tutoriais\/como-jan-tschichold-faria-o-cartaz-konstruktivisten-se-usasse-o-illustrator\/#primaryimage\"},\"image\":{\"@id\":\"https:\/\/waltermattos.com\/site\/tutoriais\/como-jan-tschichold-faria-o-cartaz-konstruktivisten-se-usasse-o-illustrator\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/waltermattos.com\/site\/wp-content\/uploads\/2014\/08\/tut_Cartaz_Jan_Tschichold_Konstruktivisten_Cover_Blog.png\",\"datePublished\":\"2014-08-08T04:05:10+00:00\",\"dateModified\":\"2014-08-08T04:13:00+00:00\",\"author\":{\"@id\":\"https:\/\/waltermattos.com\/site\/#\/schema\/person\/d237be35b3af8e99d73dba176ae68175\"},\"description\":\"Voc\u00ea conhece o cartaz \\\"Konstruktivisten\\\", do Jan Tschichold? Que tal fazer um estudo sobre seu processo criativo no Illustrator?\",\"inLanguage\":\"pt-BR\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/waltermattos.com\/site\/tutoriais\/como-jan-tschichold-faria-o-cartaz-konstruktivisten-se-usasse-o-illustrator\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"pt-BR\",\"@id\":\"https:\/\/waltermattos.com\/site\/tutoriais\/como-jan-tschichold-faria-o-cartaz-konstruktivisten-se-usasse-o-illustrator\/#primaryimage\",\"url\":\"https:\/\/waltermattos.com\/site\/wp-content\/uploads\/2014\/08\/tut_Cartaz_Jan_Tschichold_Konstruktivisten_Cover_Blog.png\",\"contentUrl\":\"https:\/\/waltermattos.com\/site\/wp-content\/uploads\/2014\/08\/tut_Cartaz_Jan_Tschichold_Konstruktivisten_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":"Como Tschichold faria o cartaz \u201cKonstruktivisten\u201d no Illustrator?","description":"Voc\u00ea conhece o cartaz \"Konstruktivisten\", do Jan Tschichold? Que tal fazer um estudo sobre seu processo criativo no Illustrator?","robots":{"index":"noindex","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"og_locale":"pt_BR","og_type":"article","og_title":"Como Tschichold faria o cartaz \u201cKonstruktivisten\u201d no Illustrator?","og_description":"Voc\u00ea conhece o cartaz \"Konstruktivisten\", do Jan Tschichold? Que tal fazer um estudo sobre seu processo criativo no Illustrator?","og_url":"https:\/\/waltermattos.com\/site\/tutoriais\/como-jan-tschichold-faria-o-cartaz-konstruktivisten-se-usasse-o-illustrator\/","og_site_name":"Walter Mattos","article_published_time":"2014-08-08T04:05:10+00:00","article_modified_time":"2014-08-08T04:13:00+00:00","og_image":[{"width":420,"height":420,"url":"https:\/\/waltermattos.com\/site\/wp-content\/uploads\/2014\/08\/tut_Cartaz_Jan_Tschichold_Konstruktivisten_Cover_Blog.png","type":"image\/png"}],"author":"Walter Mattos","twitter_misc":{"Escrito por":"Walter Mattos","Est. tempo de leitura":"9 minutos"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/waltermattos.com\/site\/tutoriais\/como-jan-tschichold-faria-o-cartaz-konstruktivisten-se-usasse-o-illustrator\/#article","isPartOf":{"@id":"https:\/\/waltermattos.com\/site\/tutoriais\/como-jan-tschichold-faria-o-cartaz-konstruktivisten-se-usasse-o-illustrator\/"},"author":{"name":"Walter Mattos","@id":"https:\/\/waltermattos.com\/site\/#\/schema\/person\/d237be35b3af8e99d73dba176ae68175"},"headline":"Como Jan Tschichold faria o cartaz \u201cKonstruktivisten\u201d se usasse o Illustrator?","datePublished":"2014-08-08T04:05:10+00:00","dateModified":"2014-08-08T04:13:00+00:00","mainEntityOfPage":{"@id":"https:\/\/waltermattos.com\/site\/tutoriais\/como-jan-tschichold-faria-o-cartaz-konstruktivisten-se-usasse-o-illustrator\/"},"wordCount":1769,"commentCount":15,"image":{"@id":"https:\/\/waltermattos.com\/site\/tutoriais\/como-jan-tschichold-faria-o-cartaz-konstruktivisten-se-usasse-o-illustrator\/#primaryimage"},"thumbnailUrl":"https:\/\/waltermattos.com\/site\/wp-content\/uploads\/2014\/08\/tut_Cartaz_Jan_Tschichold_Konstruktivisten_Cover_Blog.png","keywords":["adobe","Construtivismo","Design","Grids","Guias","Illustrator","Jan Tschichold","Processo criativo","Propor\u00e7\u00f5es","Tutorial"],"articleSection":["Artigos","Tutoriais"],"inLanguage":"pt-BR","potentialAction":[{"@type":"CommentAction","name":"Comment","target":["https:\/\/waltermattos.com\/site\/tutoriais\/como-jan-tschichold-faria-o-cartaz-konstruktivisten-se-usasse-o-illustrator\/#respond"]}]},{"@type":"WebPage","@id":"https:\/\/waltermattos.com\/site\/tutoriais\/como-jan-tschichold-faria-o-cartaz-konstruktivisten-se-usasse-o-illustrator\/","url":"https:\/\/waltermattos.com\/site\/tutoriais\/como-jan-tschichold-faria-o-cartaz-konstruktivisten-se-usasse-o-illustrator\/","name":"Como Tschichold faria o cartaz \u201cKonstruktivisten\u201d no Illustrator?","isPartOf":{"@id":"https:\/\/waltermattos.com\/site\/#website"},"primaryImageOfPage":{"@id":"https:\/\/waltermattos.com\/site\/tutoriais\/como-jan-tschichold-faria-o-cartaz-konstruktivisten-se-usasse-o-illustrator\/#primaryimage"},"image":{"@id":"https:\/\/waltermattos.com\/site\/tutoriais\/como-jan-tschichold-faria-o-cartaz-konstruktivisten-se-usasse-o-illustrator\/#primaryimage"},"thumbnailUrl":"https:\/\/waltermattos.com\/site\/wp-content\/uploads\/2014\/08\/tut_Cartaz_Jan_Tschichold_Konstruktivisten_Cover_Blog.png","datePublished":"2014-08-08T04:05:10+00:00","dateModified":"2014-08-08T04:13:00+00:00","author":{"@id":"https:\/\/waltermattos.com\/site\/#\/schema\/person\/d237be35b3af8e99d73dba176ae68175"},"description":"Voc\u00ea conhece o cartaz \"Konstruktivisten\", do Jan Tschichold? Que tal fazer um estudo sobre seu processo criativo no Illustrator?","inLanguage":"pt-BR","potentialAction":[{"@type":"ReadAction","target":["https:\/\/waltermattos.com\/site\/tutoriais\/como-jan-tschichold-faria-o-cartaz-konstruktivisten-se-usasse-o-illustrator\/"]}]},{"@type":"ImageObject","inLanguage":"pt-BR","@id":"https:\/\/waltermattos.com\/site\/tutoriais\/como-jan-tschichold-faria-o-cartaz-konstruktivisten-se-usasse-o-illustrator\/#primaryimage","url":"https:\/\/waltermattos.com\/site\/wp-content\/uploads\/2014\/08\/tut_Cartaz_Jan_Tschichold_Konstruktivisten_Cover_Blog.png","contentUrl":"https:\/\/waltermattos.com\/site\/wp-content\/uploads\/2014\/08\/tut_Cartaz_Jan_Tschichold_Konstruktivisten_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\/08\/tut_Cartaz_Jan_Tschichold_Konstruktivisten_Cover_Blog.png","jetpack_sharing_enabled":true,"jetpack_shortlink":"https:\/\/wp.me\/p53J0J-x7","_links":{"self":[{"href":"https:\/\/waltermattos.com\/site\/wp-json\/wp\/v2\/posts\/2053","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=2053"}],"version-history":[{"count":12,"href":"https:\/\/waltermattos.com\/site\/wp-json\/wp\/v2\/posts\/2053\/revisions"}],"predecessor-version":[{"id":2071,"href":"https:\/\/waltermattos.com\/site\/wp-json\/wp\/v2\/posts\/2053\/revisions\/2071"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/waltermattos.com\/site\/wp-json\/wp\/v2\/media\/2070"}],"wp:attachment":[{"href":"https:\/\/waltermattos.com\/site\/wp-json\/wp\/v2\/media?parent=2053"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/waltermattos.com\/site\/wp-json\/wp\/v2\/categories?post=2053"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/waltermattos.com\/site\/wp-json\/wp\/v2\/tags?post=2053"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}