{"id":2642,"date":"2014-11-30T08:30:42","date_gmt":"2014-11-30T11:30:42","guid":{"rendered":"https:\/\/waltermattos.com\/?p=2642"},"modified":"2014-11-30T09:12:21","modified_gmt":"2014-11-30T12:12:21","slug":"analise-grafica-poster-interstellar","status":"publish","type":"post","link":"https:\/\/waltermattos.com\/site\/tutoriais\/analise-grafica-poster-interstellar\/","title":{"rendered":"An\u00e1lise Gr\u00e1fica: P\u00f4ster Interstellar"},"content":{"rendered":"<p><iframe loading=\"lazy\" src=\"\/\/www.youtube.com\/embed\/e_ZTP_CEixg\" width=\"640\" height=\"360\" frameborder=\"0\" allowfullscreen=\"allowfullscreen\"><\/iframe><\/p>\n<p>Este pode ser o primeiro de muitos v\u00eddeos da s\u00e9rie &#8220;An\u00e1lise Gr\u00e1fica&#8221;, onde o objetivo \u00e9 selecionar um projeto gr\u00e1fico e desmembr\u00e1-lo fazendo o processo inverso da constru\u00e7\u00e3o.<\/p>\n<p>Escolhi o p\u00f4ster do filme Interstellar devido a sua simplicidade aparente. Decidi analis\u00e1-lo atrav\u00e9s de algumas t\u00e9cnicas, como a utiliza\u00e7\u00e3o de guias e a regra dos ter\u00e7os &#8211; muito usada na fotografia, e encontrei algumas &#8220;coincid\u00eancias&#8221; nas rela\u00e7\u00f5es entre os elementos distribu\u00eddos no layout.<\/p>\n<p>Caso voc\u00ea tenha algum p\u00f4ster, cartaz ou qualquer projeto gr\u00e1fico para indicar fique \u00e0 vontade para faz\u00ea-lo atrav\u00e9s dos\u00a0coment\u00e1rios.<\/p>\n<p>Espero que goste da ideia.<\/p>\n<h5>CR\u00c9DITO<\/h5>\n<p>Imagem do p\u00f4ster:\u00a0<a title=\"Concept Arts\" href=\"http:\/\/www.conceptarts.com\/\" target=\"_blank\">Concept Arts<\/a><\/p>\n<p>Cenas do filme tiradas do trailer<\/p>\n<h1>Abaixo segue a transcri\u00e7\u00e3o do v\u00eddeo.<\/h1>\n<p>E a\u00ed galera, beleza?<\/p>\n<p>Meu nome \u00e9 Walter Mattos, e hoje eu convido voc\u00ea a fazer uma an\u00e1lise gr\u00e1fica do p\u00f4ster do filme Interstellar, que ali\u00e1s, \u00e9 um filme que eu acho que vale muito o ingresso, ent\u00e3o fica a\u00ed a dica para quem ainda n\u00e3o assistiu.<\/p>\n<img loading=\"lazy\" decoding=\"async\" width=\"590\" height=\"874\" class=\"alignnone size-full wp-image-2646\" src=\"https:\/\/waltermattos.com\/site\/wp-content\/uploads\/2014\/11\/tut_Analise_Grafica_Cartaz_Interstellar_05_011.png\" alt=\"tut_Analise_Grafica_Cartaz_Interstellar_05_01\" srcset=\"https:\/\/waltermattos.com\/site\/wp-content\/uploads\/2014\/11\/tut_Analise_Grafica_Cartaz_Interstellar_05_011.png 590w, https:\/\/waltermattos.com\/site\/wp-content\/uploads\/2014\/11\/tut_Analise_Grafica_Cartaz_Interstellar_05_011-310x459.png 310w\" sizes=\"auto, (max-width: 590px) 100vw, 590px\" \/>\n<p>Este cartaz foi criado pela <a title=\"Concept Arts\" href=\"http:\/\/www.conceptarts.com\/\" target=\"_blank\">Concept Arts<\/a>, que tem v\u00e1rios outros cartazes bem legais, ent\u00e3o estou deixando o link deles a\u00ed na descri\u00e7\u00e3o.<\/p>\n<p>E o que estou chamando de an\u00e1lise gr\u00e1fica? Bom, existem v\u00e1rias formas de analisar um design, ent\u00e3o eu posso avaliar <strong>conceito<\/strong>, <strong>tipografia<\/strong>,<strong> cores<\/strong>, enfim. Neste caso eu vou avaliar a estrutura, assim como eu fiz com o<a title=\"Como Jan Tschichold faria o cartaz \u201cKonstruktivisten\u201d se usasse o Illustrator?\" href=\"https:\/\/waltermattos.com\/tutoriais\/como-jan-tschichold-faria-o-cartaz-konstruktivisten-se-usasse-o-illustrator\/\" target=\"_blank\"> cartaz do Jan Tschichold<\/a>, que foi um v\u00eddeo que o pessoal gostou e comentou bastante e inclusive foi este retorno que originou a ideia de fazer este tipo de an\u00e1lise em outros designs. Ent\u00e3o o v\u00eddeo de hoje \u00e9 o primeiro de uma s\u00e9rie que eu vou chamar de \u201cAn\u00e1lise Gr\u00e1fica\u201d, onde eu vou tentar fazer praticamente o processo inverso da constru\u00e7\u00e3o.<\/p>\n<p>Vou tentar encontrar justificativas t\u00e9cnicas para o posicionamento dos elementos deste p\u00f4ster tra\u00e7ando guias e grids at\u00e9 encontrar rela\u00e7\u00f5es entre estes elementos. Vou viajar o m\u00e1ximo que eu puder, pois a inten\u00e7\u00e3o aqui n\u00e3o \u00e9 explicar ou defender o m\u00e9todo como ele foi criado, at\u00e9 porque eu n\u00e3o sei, mas sim fazer suposi\u00e7\u00f5es mesmo e estimular o treino, como j\u00e1 \u00e9 de costume.<\/p>\n<p>Eu escolhi este cartaz justamente por ele ser aparentemente simples. Ent\u00e3o n\u00e3o posso garantir que tudo que eu vou encontrar foi feito de maneira deliberada, mas certamente essa composi\u00e7\u00e3o foi no m\u00ednimo bem estruturada. E eu acho que qualquer estrutura \u00e9 melhor do que nenhuma.<\/p>\n<h2>Composi\u00e7\u00e3o em pir\u00e2mide<\/h2>\n<img loading=\"lazy\" decoding=\"async\" width=\"590\" height=\"874\" class=\"alignnone size-full wp-image-2647\" src=\"https:\/\/waltermattos.com\/site\/wp-content\/uploads\/2014\/11\/tut_Analise_Grafica_Cartaz_Interstellar_05_02b_02_Animado.gif\" alt=\"tut_Analise_Grafica_Cartaz_Interstellar_05_02b_02_Animado\" \/>\n<p>A primeira coisa que eu noto \u00e9 a composi\u00e7\u00e3o em formato de pir\u00e2mide, ou tri\u00e2ngulo. Esse tipo de estrutura\u00e7\u00e3o \u00e9 muito comum em imagens onde voc\u00ea s\u00f3 tem um personagem ou um elemento em foco, e n\u00e3o precisa ser necessariamente uma pessoa.<\/p>\n<p>Repare tamb\u00e9m como o t\u00edtulo do p\u00f4ster encosta certinho nas laterais desse tri\u00e2ngulo. Isso para mim \u00e9 uma prova de que pelo menos a pir\u00e2mide tenha sido proposital. Ou seja, existe um m\u00ednimo de estrutura a\u00ed.<\/p>\n<h2>Analisando a composi\u00e7\u00e3o<\/h2>\n<p>Antes da gente partir para as \u201cguias de fato\u201d, repare como o rosto do personagem est\u00e1 em evid\u00eancia. E n\u00e3o \u00e9 apenas o fato de ser praticamente \u00fanica parte colorida do p\u00f4ster e nem a express\u00e3o facial, claro, que tamb\u00e9m est\u00e1 bem evidente como algo feito para me despertar interesse, curiosidade, enfim.<\/p>\n<img loading=\"lazy\" decoding=\"async\" width=\"590\" height=\"874\" class=\"alignnone size-full wp-image-2649\" src=\"https:\/\/waltermattos.com\/site\/wp-content\/uploads\/2014\/11\/tut_Analise_Grafica_Cartaz_Interstellar_05_02d.png\" alt=\"tut_Analise_Grafica_Cartaz_Interstellar_05_02d\" srcset=\"https:\/\/waltermattos.com\/site\/wp-content\/uploads\/2014\/11\/tut_Analise_Grafica_Cartaz_Interstellar_05_02d.png 590w, https:\/\/waltermattos.com\/site\/wp-content\/uploads\/2014\/11\/tut_Analise_Grafica_Cartaz_Interstellar_05_02d-310x459.png 310w\" sizes=\"auto, (max-width: 590px) 100vw, 590px\" \/>\n<p>Tem um outro elemento me chamando aten\u00e7\u00e3o para o rosto dele, que \u00e9 essa montanha de gelo invertida. Voc\u00ea pode utilizar elementos do pr\u00f3prio layout para direcionar o olhar do observador, ent\u00e3o essa montanha para mim funciona como uma esp\u00e9cie de guia que se alinha perfeitamente com os olhos dele, provavelmente de maneira proposital.<\/p>\n<img loading=\"lazy\" decoding=\"async\" width=\"590\" height=\"874\" class=\"alignnone size-full wp-image-2650\" src=\"https:\/\/waltermattos.com\/site\/wp-content\/uploads\/2014\/11\/tut_Analise_Grafica_Cartaz_Interstellar_05_02e.png\" alt=\"tut_Analise_Grafica_Cartaz_Interstellar_05_02e\" srcset=\"https:\/\/waltermattos.com\/site\/wp-content\/uploads\/2014\/11\/tut_Analise_Grafica_Cartaz_Interstellar_05_02e.png 590w, https:\/\/waltermattos.com\/site\/wp-content\/uploads\/2014\/11\/tut_Analise_Grafica_Cartaz_Interstellar_05_02e-310x459.png 310w\" sizes=\"auto, (max-width: 590px) 100vw, 590px\" \/>\n<p>Se voc\u00ea viu o filme sabe que esta cena do p\u00f4ster n\u00e3o existe exatamente como voc\u00ea est\u00e1 vendo, ent\u00e3o isto s\u00f3 refor\u00e7a a ideia de que houve uma interven\u00e7\u00e3o proposital aqui, at\u00e9 porque o p\u00f4ster tem uma fun\u00e7\u00e3o espec\u00edfica e diferente do filme.<\/p>\n<p>Uma coisa que eu n\u00e3o sei dizer se \u00e9 proposital ou n\u00e3o \u00e9 o fato de eu achar que o criador desta imagem quer direcionar meu olhar para fora deste p\u00f4ster de qualquer jeito. Eu digo isso porque se voc\u00ea reparar o personagem est\u00e1 olhando para a minha e a sua direita, ou seja, para fora do cartaz, e al\u00e9m disso a inclina\u00e7\u00e3o dos outros elementos, que s\u00e3o as montanhas e o ch\u00e3o, me levam para fora do cartaz tamb\u00e9m.<\/p>\n<img loading=\"lazy\" decoding=\"async\" width=\"590\" height=\"874\" class=\"alignnone size-full wp-image-2652\" src=\"https:\/\/waltermattos.com\/site\/wp-content\/uploads\/2014\/11\/tut_Analise_Grafica_Cartaz_Interstellar_05_02f_07_Animado.gif\" alt=\"tut_Analise_Grafica_Cartaz_Interstellar_05_02f_07_Animado\" \/>\n<p>Se isso tiver sido proposital tem muito a ver com o conceito do filme, que gira em torno dessa ideia de \u201cexplorar o que est\u00e1 al\u00e9m\u201d, mas n\u00e3o quero dar spolier do filme, ent\u00e3o \u00e9 melhor voc\u00ea ver o para entender ou tirar suas pr\u00f3prias conclus\u00f5es.<\/p>\n<h2>Regra dos ter\u00e7os<\/h2>\n<p>Eu comecei essa an\u00e1lise tentando me basear no ret\u00e2ngulo \u00e1ureo e at\u00e9 encontrei algumas rela\u00e7\u00f5es interessantes, mas o meu resultado foi muito mais preciso quando utilizei a regra dos ter\u00e7os.<\/p>\n<img loading=\"lazy\" decoding=\"async\" width=\"590\" height=\"874\" class=\"alignnone size-full wp-image-2654\" src=\"https:\/\/waltermattos.com\/site\/wp-content\/uploads\/2014\/11\/tut_Analise_Grafica_Cartaz_Interstellar_05_03b_09_Animado1.gif\" alt=\"tut_Analise_Grafica_Cartaz_Interstellar_05_03b_09_Animado\" \/>\n<p>Caso voc\u00ea ainda n\u00e3o esteja familiarizado a regra dos ter\u00e7os nada mais \u00e9 do que uma t\u00e9cnica, utilizada muito na fotografia, onde o objetivo \u00e9 dividir a imagem em 9 partes e a partir da\u00ed buscar um resultado mais equilibrado pro enquadramento.<\/p>\n<p>Normalmente nessa t\u00e9cnica \u00e9 comum o elemento em foco se alinhar com uma das quatro interse\u00e7\u00f5es centrais.<\/p>\n<img loading=\"lazy\" decoding=\"async\" width=\"592\" height=\"877\" class=\"alignnone size-full wp-image-2656\" src=\"https:\/\/waltermattos.com\/site\/wp-content\/uploads\/2014\/11\/tut_Analise_Grafica_Cartaz_Interstellar_05_04e_Crop.png\" alt=\"tut_Analise_Grafica_Cartaz_Interstellar_05_04e_Crop\" srcset=\"https:\/\/waltermattos.com\/site\/wp-content\/uploads\/2014\/11\/tut_Analise_Grafica_Cartaz_Interstellar_05_04e_Crop.png 592w, https:\/\/waltermattos.com\/site\/wp-content\/uploads\/2014\/11\/tut_Analise_Grafica_Cartaz_Interstellar_05_04e_Crop-310x459.png 310w\" sizes=\"auto, (max-width: 592px) 100vw, 592px\" \/>\n<p>No caso deste cartaz o personagem est\u00e1 centralizado, mas se eu pegar algumas cenas do filme eu noto enquadramentos perfeitamente baseados na regra dos ter\u00e7os.<\/p>\n<img loading=\"lazy\" decoding=\"async\" width=\"640\" height=\"360\" class=\"alignnone size-full wp-image-2662\" src=\"https:\/\/waltermattos.com\/site\/wp-content\/uploads\/2014\/11\/tut_Analise_Grafica_Cartaz_Interstellar_05_04e1_Animado.gif\" alt=\"tut_Analise_Grafica_Cartaz_Interstellar_05_04e1_Animado\" \/>\n<p>Nessa imagem, por exemplo, o personagem principal \u00e9 o \u00fanico elemento em foco e com o rosto alinhado perfeitamente com a primeira divis\u00e3o vertical dos ter\u00e7os. Al\u00e9m disso tanto os olhos como praticamente todo rosto est\u00e3o pr\u00f3ximo da interse\u00e7\u00e3o entre os quatro primeiros quadrados.<\/p>\n<p>Se eu quiser ir um pouco mais al\u00e9m percebo que o personagem principal ocupa exatamente metade da tela, enquanto o personagem secund\u00e1rio ocupa exatamente um ter\u00e7o.<\/p>\n<img loading=\"lazy\" decoding=\"async\" width=\"640\" height=\"360\" class=\"alignnone size-full wp-image-2664\" src=\"https:\/\/waltermattos.com\/site\/wp-content\/uploads\/2014\/11\/tut_Analise_Grafica_Cartaz_Interstellar_05_04e6_Animacao.gif\" alt=\"tut_Analise_Grafica_Cartaz_Interstellar_05_04e6_Animacao\" \/>\n<p>Nesse segundo exemplo eu vejo de forma bem n\u00edtida tanto o carro como o ch\u00e3o alinhados com as guias. Al\u00e9m disso, se eu tra\u00e7ar linhas centrais neste quadrado eu percebo outras preocupa\u00e7\u00f5es com o enquadramento, como a altura dos personagens, do carro e do matinho ali das laterais.<\/p>\n<img loading=\"lazy\" decoding=\"async\" width=\"640\" height=\"360\" class=\"alignnone size-full wp-image-2668\" src=\"https:\/\/waltermattos.com\/site\/wp-content\/uploads\/2014\/11\/tut_Analise_Grafica_Cartaz_Interstellar_05_04e9_Animacao1.gif\" alt=\"tut_Analise_Grafica_Cartaz_Interstellar_05_04e9_Animacao\" \/>\n<p>Voc\u00ea nota que n\u00e3o \u00e9 uma exclusividade do design, da fotografia ou sequer do v\u00eddeo. \u00c9 apenas uma regra que voc\u00ea utiliza se quiser, e pode te ajudar a buscar equil\u00edbrio, orienta\u00e7\u00e3o do olhar, foco, enfim, entre outras coisas que podem aprimorar sua cria\u00e7\u00e3o, seja ela uma imagem ou um produto.<\/p>\n<h2>Encontrando as guias no p\u00f4ster<\/h2>\n<p>Voltando para o p\u00f4ster, a primeira coisa que eu noto nessa estrutura \u00e9 que o personagem est\u00e1 enquadrado perfeitamente no centro, assim como essa se\u00e7\u00e3o logo abaixo com a chamada \u201cIn theaters and Imax\u201d.<\/p>\n<img loading=\"lazy\" decoding=\"async\" width=\"590\" height=\"874\" class=\"alignnone size-full wp-image-2670\" src=\"https:\/\/waltermattos.com\/site\/wp-content\/uploads\/2014\/11\/tut_Analise_Grafica_Cartaz_Interstellar_05_05_12_Animado.gif\" alt=\"tut_Analise_Grafica_Cartaz_Interstellar_05_05_12_Animado\" \/>\n<p>A segunda coisa que eu noto s\u00e3o 3 divis\u00f5es horizontais muito bem definidas, que s\u00e3o o ch\u00e3o, as montanhas no fundo e o c\u00e9u.<\/p>\n<p>E daqui eu posso come\u00e7ar a viajar. Ent\u00e3o se eu tra\u00e7ar linhas centrais entre os tr\u00eas ret\u00e2ngulos superiores e depois tra\u00e7ar novas guias no ret\u00e2ngulo central, eu encontro um c\u00edrculo do tamanho quase exato do capacete. E a partir daqui eu percebo divis\u00f5es bem claras entre a cabe\u00e7a, o tronco e as pernas.<\/p>\n<img loading=\"lazy\" decoding=\"async\" width=\"590\" height=\"874\" class=\"alignnone size-full wp-image-2671\" src=\"https:\/\/waltermattos.com\/site\/wp-content\/uploads\/2014\/11\/tut_Analise_Grafica_Cartaz_Interstellar_05_06_14_Animacao.gif\" alt=\"tut_Analise_Grafica_Cartaz_Interstellar_05_06_14_Animacao\" \/>\n<p>Se eu subdividir o ret\u00e2ngulo central da base eu encontro a guia para o in\u00edcio do texto dos cr\u00e9ditos, e dividindo mais uma vez eu tenho a guia para o final do texto dos cr\u00e9ditos.<\/p>\n<p>Subdividindo o primeiro e terceiro ret\u00e2ngulos do topo eu encontro alinhamento para os nomes dos atores principais do filme. E daqui, tra\u00e7ando uma linha do centro do c\u00edrculo que a gente encontrou agora pouco eu toco certinho no ponto onde essa montanha invertida tem in\u00edcio.<\/p>\n<p>Aqui eu j\u00e1 come\u00e7o a n\u00e3o saber mais se isso foi intencional ou n\u00e3o, mas como eu sempre falo a ideia \u00e9 treinar e estimular o exerc\u00edcio da an\u00e1lise. Assim quando voc\u00ea for criar seu pr\u00f3prio layout vai conseguir estruturar sem precisar queimar a mufa.<\/p>\n<p>Ent\u00e3o, continuando a viagem, se eu subdividir o terceiro ret\u00e2ngulo superior eu encontro o ponto exato onde termina essa montanha invertida. E subdividindo essa se\u00e7\u00e3o mais duas vezes eu encontro o ponto de pico dessa montanha invertida.<\/p>\n<img loading=\"lazy\" decoding=\"async\" width=\"590\" height=\"874\" class=\"alignnone size-full wp-image-2673\" src=\"https:\/\/waltermattos.com\/site\/wp-content\/uploads\/2014\/11\/tut_Analise_Grafica_Cartaz_Interstellar_05_14_Animacao.gif\" alt=\"tut_Analise_Grafica_Cartaz_Interstellar_05_14_Animacao\" \/>\n<p>Bom, at\u00e9 aqui voc\u00ea com certeza j\u00e1 entendeu a ideia, ent\u00e3o vou acelerar um pouco para voc\u00ea visualizar a viagem que eu fiz na desconstru\u00e7\u00e3o deste p\u00f4ster.<\/p>\n<p>Eu tracei uma diagonal da extremidade direita da arte at\u00e9 ela encostar com o ponto inicial da montanha e reparei que a linha toca um dos pontos que n\u00f3s j\u00e1 encontramos, que \u00e9 o centro do primeiro ret\u00e2ngulo superior.<\/p>\n<p>Depois eu subdividi o ret\u00e2ngulo oposto, l\u00e1 em baixo, e encontrei um ponto de alinhamento com o t\u00edtulo, \u201cInterstellar\u201d.<\/p>\n<p>Partindo desse ret\u00e2ngulo eu encontrei a metade dele e liguei estes dois pontos, que esticados me d\u00e3o o \u00e2ngulo certinho do ch\u00e3o.<\/p>\n<img loading=\"lazy\" decoding=\"async\" width=\"590\" height=\"874\" class=\"alignnone size-full wp-image-2675\" src=\"https:\/\/waltermattos.com\/site\/wp-content\/uploads\/2014\/11\/tut_Analise_Grafica_Cartaz_Interstellar_05_27_Animacao.gif\" alt=\"tut_Analise_Grafica_Cartaz_Interstellar_05_27_Animacao\" \/>\n<p>E ainda neste ret\u00e2ngulo menor eu encontro este ponto, que toca o in\u00edcio do t\u00edtulo, que se for invertido para o lado direito toca o final do efeito do t\u00edtulo. Isso significa que o t\u00edtulo somado ao efeito est\u00e3o centralizados.<\/p>\n<p>E por \u00faltimo, na mesma se\u00e7\u00e3o, eu encontro este ponto que me d\u00e1 o alinhamento para a chamada do p\u00f4ster.<\/p>\n<img loading=\"lazy\" decoding=\"async\" width=\"590\" height=\"874\" class=\"alignnone size-full wp-image-2676\" src=\"https:\/\/waltermattos.com\/site\/wp-content\/uploads\/2014\/11\/tut_Analise_Grafica_Cartaz_Interstellar_05_36_Animacao.gif\" alt=\"tut_Analise_Grafica_Cartaz_Interstellar_05_36_Animacao\" \/>\n<p>Essa \u00e9 minha imagem final depois dessa an\u00e1lise toda, que nem foi tanta coisa assim, vai.<\/p>\n<img loading=\"lazy\" decoding=\"async\" width=\"590\" height=\"874\" class=\"alignnone size-full wp-image-2677\" src=\"https:\/\/waltermattos.com\/site\/wp-content\/uploads\/2014\/11\/tut_Analise_Grafica_Cartaz_Interstellar_05_39.png\" alt=\"tut_Analise_Grafica_Cartaz_Interstellar_05_39\" srcset=\"https:\/\/waltermattos.com\/site\/wp-content\/uploads\/2014\/11\/tut_Analise_Grafica_Cartaz_Interstellar_05_39.png 590w, https:\/\/waltermattos.com\/site\/wp-content\/uploads\/2014\/11\/tut_Analise_Grafica_Cartaz_Interstellar_05_39-310x459.png 310w\" sizes=\"auto, (max-width: 590px) 100vw, 590px\" \/>\n<p>O que eu acho mais intrigante nessa an\u00e1lise \u00e9 que a gente encontra todos estes pontos subdividindo a pr\u00f3pria \u00e1rea da arte, como \u00e9 para ser de fato. Mas eu n\u00e3o estou falando aqui de milhares de subdivis\u00f5es, at\u00e9 porque se eu dividir esta \u00e1rea em 1000 partes com certeza vou encontrar pontos de interse\u00e7\u00e3o com qualquer elemento que eu queira, mas s\u00e3o poucas divis\u00f5es. Eu demorei no m\u00e1ximo 10 minutos para fazer todo este estudo que voc\u00ea viu. O que me leva a crer que apesar de parecer surreal essa desconstru\u00e7\u00e3o pode sim ter nos levado a um caminho pr\u00f3ximo do original.<\/p>\n<p>E mesmo que nem todos os detalhes tenham sido propositais, uma coisa \u00e9 fato, existe uma estrutura inicial aqui. E \u00e0s vezes a pessoa j\u00e1 est\u00e1 t\u00e3o acostumada a este tipo de exerc\u00edcio, que mesmo que ela n\u00e3o utilize grids ou guias na hora da cria\u00e7\u00e3o, ela consegue criar um layout muito equilibrado de forma natural, porque j\u00e1 faz parte dela.<\/p>\n<p>Eu encerro por aqui mas voc\u00ea pode continuar viajando por a\u00ed. Garanto que voc\u00ea vai encontrar outras \u201ccoincid\u00eancias\u201d.<\/p>\n<img loading=\"lazy\" decoding=\"async\" width=\"590\" height=\"874\" class=\"alignnone size-full wp-image-2678\" src=\"https:\/\/waltermattos.com\/site\/wp-content\/uploads\/2014\/11\/tut_Analise_Grafica_Cartaz_Interstellar_41.png\" alt=\"tut_Analise_Grafica_Cartaz_Interstellar_41\" srcset=\"https:\/\/waltermattos.com\/site\/wp-content\/uploads\/2014\/11\/tut_Analise_Grafica_Cartaz_Interstellar_41.png 590w, https:\/\/waltermattos.com\/site\/wp-content\/uploads\/2014\/11\/tut_Analise_Grafica_Cartaz_Interstellar_41-310x459.png 310w\" sizes=\"auto, (max-width: 590px) 100vw, 590px\" \/>\n<p>Espero que voc\u00ea tenha gostado deste v\u00eddeo, que pode ser o primeiro de muitos da categoria, e caso voc\u00ea tenha gostado mas ainda n\u00e3o conhecia o canal fique \u00e0 vontade para ver outros v\u00eddeos e se inscrever caso ache o conte\u00fado interessante.<\/p>\n<img loading=\"lazy\" decoding=\"async\" width=\"590\" height=\"874\" class=\"alignnone size-full wp-image-2679\" src=\"https:\/\/waltermattos.com\/site\/wp-content\/uploads\/2014\/11\/tut_Analise_Grafica_Cartaz_Interstellar_43_animacao.gif\" alt=\"tut_Analise_Grafica_Cartaz_Interstellar_43_animacao\" \/>\n<p>Voc\u00ea tamb\u00e9m pode visitar meu blog, <a title=\"waltermattos.com\" href=\"http:\/\/https:\/\/waltermattos.com\/\">waltermattos.com<\/a>, onde compartilho dicas, reflex\u00f5es e tutoriais relacionados a design. E voc\u00ea tamb\u00e9m tem a oportunidade de ver alguns trabalhos meus por l\u00e1.<\/p>\n<p>Valeu pessoal, um abra\u00e7o e at\u00e9 o pr\u00f3ximo v\u00eddeo.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>Este pode ser o primeiro de muitos v\u00eddeos da s\u00e9rie &#8220;An\u00e1lise Gr\u00e1fica&#8221;, onde o objetivo \u00e9 selecionar um projeto gr\u00e1fico e desmembr\u00e1-lo fazendo o processo inverso da constru\u00e7\u00e3o. Escolhi o p\u00f4ster do filme Interstellar devido a sua simplicidade aparente. Decidi analis\u00e1-lo atrav\u00e9s de algumas t\u00e9cnicas, como a utiliza\u00e7\u00e3o de guias e a regra dos ter\u00e7os&#8230;  <a class=\"excerpt-read-more\" href=\"https:\/\/waltermattos.com\/site\/tutoriais\/analise-grafica-poster-interstellar\/\">Ler artigo<\/a><\/p>\n","protected":false},"author":2,"featured_media":2682,"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":[135,138,113,123,136,137],"class_list":["post-2642","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-artigos","category-tutoriais","tag-analise-grafica","tag-cartaz","tag-grid","tag-guias","tag-interstellar","tag-poster"],"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>An\u00e1lise Gr\u00e1fica: P\u00f4ster Interstellar - Walter Mattos<\/title>\n<meta name=\"description\" content=\"An\u00e1lise gr\u00e1fica do p\u00f4ster do filme Interstellar explorando t\u00e9cnicas como a regra dos ter\u00e7os e utiliza\u00e7\u00e3o de guias de constru\u00e7\u00e3o.\" \/>\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=\"An\u00e1lise Gr\u00e1fica: P\u00f4ster Interstellar - Walter Mattos\" \/>\n<meta property=\"og:description\" content=\"An\u00e1lise gr\u00e1fica do p\u00f4ster do filme Interstellar explorando t\u00e9cnicas como a regra dos ter\u00e7os e utiliza\u00e7\u00e3o de guias de constru\u00e7\u00e3o.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/waltermattos.com\/site\/tutoriais\/analise-grafica-poster-interstellar\/\" \/>\n<meta property=\"og:site_name\" content=\"Walter Mattos\" \/>\n<meta property=\"article:published_time\" content=\"2014-11-30T11:30:42+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2014-11-30T12:12:21+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/waltermattos.com\/site\/wp-content\/uploads\/2014\/11\/tut_Analise_Grafica_Cartaz_Interstellar_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=\"10 minutos\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\/\/waltermattos.com\/site\/tutoriais\/analise-grafica-poster-interstellar\/#article\",\"isPartOf\":{\"@id\":\"https:\/\/waltermattos.com\/site\/tutoriais\/analise-grafica-poster-interstellar\/\"},\"author\":{\"name\":\"Walter Mattos\",\"@id\":\"https:\/\/waltermattos.com\/site\/#\/schema\/person\/d237be35b3af8e99d73dba176ae68175\"},\"headline\":\"An\u00e1lise Gr\u00e1fica: P\u00f4ster Interstellar\",\"datePublished\":\"2014-11-30T11:30:42+00:00\",\"dateModified\":\"2014-11-30T12:12:21+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\/\/waltermattos.com\/site\/tutoriais\/analise-grafica-poster-interstellar\/\"},\"wordCount\":1947,\"commentCount\":10,\"image\":{\"@id\":\"https:\/\/waltermattos.com\/site\/tutoriais\/analise-grafica-poster-interstellar\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/waltermattos.com\/site\/wp-content\/uploads\/2014\/11\/tut_Analise_Grafica_Cartaz_Interstellar_Cover_Blog.png\",\"keywords\":[\"An\u00e1lise Gr\u00e1fica\",\"Cartaz\",\"Grid\",\"Guias\",\"Interstellar\",\"P\u00f4ster\"],\"articleSection\":[\"Artigos\",\"Tutoriais\"],\"inLanguage\":\"pt-BR\",\"potentialAction\":[{\"@type\":\"CommentAction\",\"name\":\"Comment\",\"target\":[\"https:\/\/waltermattos.com\/site\/tutoriais\/analise-grafica-poster-interstellar\/#respond\"]}]},{\"@type\":\"WebPage\",\"@id\":\"https:\/\/waltermattos.com\/site\/tutoriais\/analise-grafica-poster-interstellar\/\",\"url\":\"https:\/\/waltermattos.com\/site\/tutoriais\/analise-grafica-poster-interstellar\/\",\"name\":\"An\u00e1lise Gr\u00e1fica: P\u00f4ster Interstellar - Walter Mattos\",\"isPartOf\":{\"@id\":\"https:\/\/waltermattos.com\/site\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/waltermattos.com\/site\/tutoriais\/analise-grafica-poster-interstellar\/#primaryimage\"},\"image\":{\"@id\":\"https:\/\/waltermattos.com\/site\/tutoriais\/analise-grafica-poster-interstellar\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/waltermattos.com\/site\/wp-content\/uploads\/2014\/11\/tut_Analise_Grafica_Cartaz_Interstellar_Cover_Blog.png\",\"datePublished\":\"2014-11-30T11:30:42+00:00\",\"dateModified\":\"2014-11-30T12:12:21+00:00\",\"author\":{\"@id\":\"https:\/\/waltermattos.com\/site\/#\/schema\/person\/d237be35b3af8e99d73dba176ae68175\"},\"description\":\"An\u00e1lise gr\u00e1fica do p\u00f4ster do filme Interstellar explorando t\u00e9cnicas como a regra dos ter\u00e7os e utiliza\u00e7\u00e3o de guias de constru\u00e7\u00e3o.\",\"inLanguage\":\"pt-BR\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/waltermattos.com\/site\/tutoriais\/analise-grafica-poster-interstellar\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"pt-BR\",\"@id\":\"https:\/\/waltermattos.com\/site\/tutoriais\/analise-grafica-poster-interstellar\/#primaryimage\",\"url\":\"https:\/\/waltermattos.com\/site\/wp-content\/uploads\/2014\/11\/tut_Analise_Grafica_Cartaz_Interstellar_Cover_Blog.png\",\"contentUrl\":\"https:\/\/waltermattos.com\/site\/wp-content\/uploads\/2014\/11\/tut_Analise_Grafica_Cartaz_Interstellar_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":"An\u00e1lise Gr\u00e1fica: P\u00f4ster Interstellar - Walter Mattos","description":"An\u00e1lise gr\u00e1fica do p\u00f4ster do filme Interstellar explorando t\u00e9cnicas como a regra dos ter\u00e7os e utiliza\u00e7\u00e3o de guias de constru\u00e7\u00e3o.","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":"An\u00e1lise Gr\u00e1fica: P\u00f4ster Interstellar - Walter Mattos","og_description":"An\u00e1lise gr\u00e1fica do p\u00f4ster do filme Interstellar explorando t\u00e9cnicas como a regra dos ter\u00e7os e utiliza\u00e7\u00e3o de guias de constru\u00e7\u00e3o.","og_url":"https:\/\/waltermattos.com\/site\/tutoriais\/analise-grafica-poster-interstellar\/","og_site_name":"Walter Mattos","article_published_time":"2014-11-30T11:30:42+00:00","article_modified_time":"2014-11-30T12:12:21+00:00","og_image":[{"width":420,"height":420,"url":"https:\/\/waltermattos.com\/site\/wp-content\/uploads\/2014\/11\/tut_Analise_Grafica_Cartaz_Interstellar_Cover_Blog.png","type":"image\/png"}],"author":"Walter Mattos","twitter_misc":{"Escrito por":"Walter Mattos","Est. tempo de leitura":"10 minutos"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/waltermattos.com\/site\/tutoriais\/analise-grafica-poster-interstellar\/#article","isPartOf":{"@id":"https:\/\/waltermattos.com\/site\/tutoriais\/analise-grafica-poster-interstellar\/"},"author":{"name":"Walter Mattos","@id":"https:\/\/waltermattos.com\/site\/#\/schema\/person\/d237be35b3af8e99d73dba176ae68175"},"headline":"An\u00e1lise Gr\u00e1fica: P\u00f4ster Interstellar","datePublished":"2014-11-30T11:30:42+00:00","dateModified":"2014-11-30T12:12:21+00:00","mainEntityOfPage":{"@id":"https:\/\/waltermattos.com\/site\/tutoriais\/analise-grafica-poster-interstellar\/"},"wordCount":1947,"commentCount":10,"image":{"@id":"https:\/\/waltermattos.com\/site\/tutoriais\/analise-grafica-poster-interstellar\/#primaryimage"},"thumbnailUrl":"https:\/\/waltermattos.com\/site\/wp-content\/uploads\/2014\/11\/tut_Analise_Grafica_Cartaz_Interstellar_Cover_Blog.png","keywords":["An\u00e1lise Gr\u00e1fica","Cartaz","Grid","Guias","Interstellar","P\u00f4ster"],"articleSection":["Artigos","Tutoriais"],"inLanguage":"pt-BR","potentialAction":[{"@type":"CommentAction","name":"Comment","target":["https:\/\/waltermattos.com\/site\/tutoriais\/analise-grafica-poster-interstellar\/#respond"]}]},{"@type":"WebPage","@id":"https:\/\/waltermattos.com\/site\/tutoriais\/analise-grafica-poster-interstellar\/","url":"https:\/\/waltermattos.com\/site\/tutoriais\/analise-grafica-poster-interstellar\/","name":"An\u00e1lise Gr\u00e1fica: P\u00f4ster Interstellar - Walter Mattos","isPartOf":{"@id":"https:\/\/waltermattos.com\/site\/#website"},"primaryImageOfPage":{"@id":"https:\/\/waltermattos.com\/site\/tutoriais\/analise-grafica-poster-interstellar\/#primaryimage"},"image":{"@id":"https:\/\/waltermattos.com\/site\/tutoriais\/analise-grafica-poster-interstellar\/#primaryimage"},"thumbnailUrl":"https:\/\/waltermattos.com\/site\/wp-content\/uploads\/2014\/11\/tut_Analise_Grafica_Cartaz_Interstellar_Cover_Blog.png","datePublished":"2014-11-30T11:30:42+00:00","dateModified":"2014-11-30T12:12:21+00:00","author":{"@id":"https:\/\/waltermattos.com\/site\/#\/schema\/person\/d237be35b3af8e99d73dba176ae68175"},"description":"An\u00e1lise gr\u00e1fica do p\u00f4ster do filme Interstellar explorando t\u00e9cnicas como a regra dos ter\u00e7os e utiliza\u00e7\u00e3o de guias de constru\u00e7\u00e3o.","inLanguage":"pt-BR","potentialAction":[{"@type":"ReadAction","target":["https:\/\/waltermattos.com\/site\/tutoriais\/analise-grafica-poster-interstellar\/"]}]},{"@type":"ImageObject","inLanguage":"pt-BR","@id":"https:\/\/waltermattos.com\/site\/tutoriais\/analise-grafica-poster-interstellar\/#primaryimage","url":"https:\/\/waltermattos.com\/site\/wp-content\/uploads\/2014\/11\/tut_Analise_Grafica_Cartaz_Interstellar_Cover_Blog.png","contentUrl":"https:\/\/waltermattos.com\/site\/wp-content\/uploads\/2014\/11\/tut_Analise_Grafica_Cartaz_Interstellar_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\/11\/tut_Analise_Grafica_Cartaz_Interstellar_Cover_Blog.png","jetpack_sharing_enabled":true,"jetpack_shortlink":"https:\/\/wp.me\/p53J0J-GC","_links":{"self":[{"href":"https:\/\/waltermattos.com\/site\/wp-json\/wp\/v2\/posts\/2642","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=2642"}],"version-history":[{"count":15,"href":"https:\/\/waltermattos.com\/site\/wp-json\/wp\/v2\/posts\/2642\/revisions"}],"predecessor-version":[{"id":2685,"href":"https:\/\/waltermattos.com\/site\/wp-json\/wp\/v2\/posts\/2642\/revisions\/2685"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/waltermattos.com\/site\/wp-json\/wp\/v2\/media\/2682"}],"wp:attachment":[{"href":"https:\/\/waltermattos.com\/site\/wp-json\/wp\/v2\/media?parent=2642"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/waltermattos.com\/site\/wp-json\/wp\/v2\/categories?post=2642"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/waltermattos.com\/site\/wp-json\/wp\/v2\/tags?post=2642"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}