{"id":1502,"date":"2014-05-14T22:00:00","date_gmt":"2014-05-15T01:00:00","guid":{"rendered":"https:\/\/waltermattos.com\/?p=1502"},"modified":"2014-08-06T13:43:04","modified_gmt":"2014-08-06T16:43:04","slug":"tutorial-crie-um-mockup-de-cartao-de-visitas-photoshop","status":"publish","type":"post","link":"https:\/\/waltermattos.com\/site\/tutoriais\/tutorial-crie-um-mockup-de-cartao-de-visitas-photoshop\/","title":{"rendered":"Tutorial: Crie um mockup de cart\u00e3o de visitas no Photoshop"},"content":{"rendered":"<p><iframe loading=\"lazy\" src=\"\/\/www.youtube.com\/embed\/zH45rWY-TgQ\" width=\"640\" height=\"360\" frameborder=\"0\" allowfullscreen=\"allowfullscreen\"><\/iframe><\/p>\n<p>Neste tutorial de <strong>Photoshop<\/strong> mostro uma maneira bem f\u00e1cil de construir um mockup de cart\u00e3o de visitas para apresenta\u00e7\u00e3o de portf\u00f3lio. Certamente voc\u00ea conseguir\u00e1 aplicar esse conhecimento em outras perspectivas e at\u00e9 mesmo outros layouts, como um papel timbrado, por exemplo.<\/p>\n<p>Para seguir este tutorial \u00e9 importante fazer o download das imagens que utilizei no link abaixo:<\/p>\n<p><a class=\"button\" title=\"Template Mandala\" href=\"https:\/\/waltermattos.com\/site\/wp-content\/uploads\/2014\/05\/tut_Cartao_Mockup_Download.zip\">Download dos arquivos deste tutorial<\/a><\/p>\n<p>Espero que goste.<\/p>\n<h1>Abaixo segue a transcri\u00e7\u00e3o do v\u00eddeo.<\/h1>\n<h2>01 \u2013 Introdu\u00e7\u00e3o<\/h2>\n<img loading=\"lazy\" decoding=\"async\" width=\"640\" height=\"360\" class=\"alignnone size-full wp-image-1505\" src=\"https:\/\/waltermattos.com\/site\/wp-content\/uploads\/2014\/05\/tut_Cartao_Mockup_Intro_640.jpg\" alt=\"tut_Cartao_Mockup_Intro_640\" srcset=\"https:\/\/waltermattos.com\/site\/wp-content\/uploads\/2014\/05\/tut_Cartao_Mockup_Intro_640.jpg 640w, https:\/\/waltermattos.com\/site\/wp-content\/uploads\/2014\/05\/tut_Cartao_Mockup_Intro_640-310x174.jpg 310w\" sizes=\"auto, (max-width: 640px) 100vw, 640px\" \/>\n<p>E a\u00ed galera, beleza?<\/p>\n<p>Meu nome \u00e9 Walter Mattos, e como eu prometi no tutorial anterior, hoje vou mostrar pra voc\u00eas como criar esse mockup que voc\u00ea est\u00e1 vendo no Photoshop. A ideia desse tutorial \u00e9 te ajudar a montar suas apresenta\u00e7\u00f5es de forma um pouco mais profissional.<\/p>\n<p>Voc\u00ea n\u00e3o precisa ser um fot\u00f3grafo para montar uma boa apresenta\u00e7\u00e3o de portf\u00f3lio. Ali\u00e1s, mesmo que fosse, nem sempre a gente tem impresso o material que a gente cria pro cliente, n\u00e3o \u00e9 verdade?<\/p>\n<p>Ent\u00e3o, voc\u00ea s\u00f3 precisa entender um pouquinho de luz e sombra, mas isso se aprende atrav\u00e9s de observa\u00e7\u00e3o.<strong>\u00a0<\/strong><\/p>\n<p>E foi justamente observando que fiz esse mockup.<\/p>\n<p>Eu utilizei um cart\u00e3o que eu j\u00e1 tinha aqui como refer\u00eancia, do designer Mohd Almousa (n\u00e3o sei falar esse nome), mas voc\u00ea pode encontrar um modelo id\u00eantico e com maior resolu\u00e7\u00e3o no Google pesquisando por \u201cbusiness card mockup\u201d. Pode escolher por exemplo esse aqui da \u201cfiresurvivors\u201d, que por acaso \u00e9 igual a v\u00e1rios outros dessa pesquisa tamb\u00e9m.<\/p>\n<p>Ou seja, \u00e9 bem prov\u00e1vel que exista um template desse dispon\u00edvel pra download.<\/p>\n<p>Se voc\u00ea quiser se desafiar um pouquinho mais, usa outra imagem como refer\u00eancia, porque o procedimento vai ser o mesmo.<\/p>\n<p>E depois que voc\u00ea pegar o macete j\u00e1 n\u00e3o vai precisar tanto de refer\u00eancias. Alguns mockups eu crio depois de desenhar um rascunho no papel. \u00c9 rascunho bem rascunho mesmo, t\u00e1? N\u00e3o tem glamour nenhum.<\/p>\n<p>E galera, eu sei que existem v\u00e1rios de sites onde voc\u00ea pode comprar estes mockups, e at\u00e9 mesmo fazer downloads gratuitamente, mas acho que o fato de voc\u00ea aprender a construir os seus permite que voc\u00ea crie quantos voc\u00ea quiser, e depois que voc\u00ea aprender, vai demorar no m\u00e1ximo 10min fazer qualquer um que vier na sua mente.<\/p>\n<p>Ent\u00e3o vamos l\u00e1.<\/p>\n<h2>02 \u2013 Download do arquivo base<\/h2>\n<img loading=\"lazy\" decoding=\"async\" width=\"640\" height=\"360\" class=\"alignnone size-full wp-image-1507\" src=\"https:\/\/waltermattos.com\/site\/wp-content\/uploads\/2014\/05\/tut_Cartao_Gride_02_Arquivo_Base_640.jpg\" alt=\"tut_Cartao_Gride_02_Arquivo_Base_640\" srcset=\"https:\/\/waltermattos.com\/site\/wp-content\/uploads\/2014\/05\/tut_Cartao_Gride_02_Arquivo_Base_640.jpg 640w, https:\/\/waltermattos.com\/site\/wp-content\/uploads\/2014\/05\/tut_Cartao_Gride_02_Arquivo_Base_640-310x174.jpg 310w\" sizes=\"auto, (max-width: 640px) 100vw, 640px\" \/>\n<p>Antes de come\u00e7ar voc\u00ea precisa fazer o download do arquivo de Illustrator que a gente vai usar para criar o mockup no Photoshop. O link est\u00e1 a\u00ed na descri\u00e7\u00e3o do v\u00eddeo.<\/p>\n<p>Depois que voc\u00ea baixar pode abrir o arquivo de Illustrator.<\/p>\n<p>N\u00e3o esque\u00e7a de baixar uma refer\u00eancia no Google. Pode ser qualquer cart\u00e3o, mas d\u00ea prefer\u00eancia para pilhas de cart\u00f5es, ok?<\/p>\n<h2>03 \u2013 Explicando o arquivo base<\/h2>\n<img loading=\"lazy\" decoding=\"async\" width=\"640\" height=\"360\" class=\"alignnone size-full wp-image-1508\" src=\"https:\/\/waltermattos.com\/site\/wp-content\/uploads\/2014\/05\/tut_Cartao_Gride_03_Explicando_Base_640.jpg\" alt=\"tut_Cartao_Gride_03_Explicando_Base_640\" srcset=\"https:\/\/waltermattos.com\/site\/wp-content\/uploads\/2014\/05\/tut_Cartao_Gride_03_Explicando_Base_640.jpg 640w, https:\/\/waltermattos.com\/site\/wp-content\/uploads\/2014\/05\/tut_Cartao_Gride_03_Explicando_Base_640-310x174.jpg 310w\" sizes=\"auto, (max-width: 640px) 100vw, 640px\" \/>\n<p>Quem acompanhou o \u00faltimo tutorial viu como esse cart\u00e3o foi criado mas deve estar estranhando estas linhas aqui na lateral e na base. Essas linhas na verdade eu criei pra simular o volume dos cart\u00f5es sobrepostos.<\/p>\n<p>A \u00fanica coisa que eu fiz foi criar linhas com varia\u00e7\u00f5es de preto e atr\u00e1s eu deixei um ret\u00e2ngulo cinza clarinho. Voc\u00ea j\u00e1 vai entender.<\/p>\n<p>Ent\u00e3o agora vamos para o Photoshop preparar o arquivo.<\/p>\n<h2>04 \u2013 Preparando o arquivo no Photoshop<\/h2>\n<img loading=\"lazy\" decoding=\"async\" width=\"640\" height=\"360\" class=\"alignnone size-full wp-image-1509\" src=\"https:\/\/waltermattos.com\/site\/wp-content\/uploads\/2014\/05\/tut_Cartao_Gride_04_Arquivo_Photoshop_640.jpg\" alt=\"tut_Cartao_Gride_04_Arquivo_Photoshop_640\" srcset=\"https:\/\/waltermattos.com\/site\/wp-content\/uploads\/2014\/05\/tut_Cartao_Gride_04_Arquivo_Photoshop_640.jpg 640w, https:\/\/waltermattos.com\/site\/wp-content\/uploads\/2014\/05\/tut_Cartao_Gride_04_Arquivo_Photoshop_640-310x174.jpg 310w\" sizes=\"auto, (max-width: 640px) 100vw, 640px\" \/>\n<p>Ent\u00e3o, com o Photoshop aberto voc\u00ea vai criar um novo arquivo de 1920&#215;1080, 72ppi e RGB. N\u00e3o precisa ser maior do que isso, at\u00e9 porque a maioria dos monitores hoje usam essa resolu\u00e7\u00e3o, que \u00e9 full HD. A n\u00e3o ser que voc\u00ea queira imprimir seu projeto, ok? A\u00ed voc\u00ea cria o arquivo com 300ppi ao inv\u00e9s de 72.<\/p>\n<p>Feito isso eu vou arrastar a minha refer\u00eancia pra dentro da p\u00e1gina, e como eu j\u00e1 sei o tamanho que eu quero vou digitar 850% aqui no tamanho.<\/p>\n<p>Mudo o nome da camada para \u201creferencia\u201d, e posso come\u00e7ar a trabalhar.<\/p>\n<h2>05 \u2013 Criando face do\u00a0verso<\/h2>\n<img loading=\"lazy\" decoding=\"async\" width=\"640\" height=\"360\" class=\"alignnone size-full wp-image-1510\" src=\"https:\/\/waltermattos.com\/site\/wp-content\/uploads\/2014\/05\/tut_Cartao_Gride_05_Face_640.jpg\" alt=\"tut_Cartao_Gride_05_Face_640\" srcset=\"https:\/\/waltermattos.com\/site\/wp-content\/uploads\/2014\/05\/tut_Cartao_Gride_05_Face_640.jpg 640w, https:\/\/waltermattos.com\/site\/wp-content\/uploads\/2014\/05\/tut_Cartao_Gride_05_Face_640-310x174.jpg 310w\" sizes=\"auto, (max-width: 640px) 100vw, 640px\" \/>\n<p>Agora eu volto no Illustrator, copio essa parte aqui, que vou chamar de verso, e volto para o Photoshop.<\/p>\n<p>No Photoshop eu colo a imagem, escolho a op\u00e7\u00e3o \u201cSmart Object\u201d e dou Ok. Esse \u201cSmart Object\u201d continua sendo um arquivo de Illustrator, e eu n\u00e3o quero isso. Vou apertar \u201cEnter\u201d para finalizar essa \u00faltima a\u00e7\u00e3o, vou clicar com o bot\u00e3o direito na camada \u201cVector Smart Object\u201d e escolher a op\u00e7\u00e3o \u201cConvert to Smart Object\u201d de novo. Ent\u00e3o agora eu tenho dois \u201cSmart Objects\u201d, t\u00e1?<\/p>\n<p>Vou renomear essa camada como \u201cverso\u201d, entrar nele dando dois cliques nesse \u00edcone aqui. Quando aparecer essa mensagem voc\u00ea clica \u201cOk\u201d, e aqui dentro voc\u00ea renomeia novamente essa camada para \u201cverso original\u201d, pra voc\u00ea saber que esse \u00e9 o vetor de Illustrator.<\/p>\n<p>Aqui eu j\u00e1 posso adiantar alguns ajustes antes de voltar pra tela anterior. Eu j\u00e1 posso, por exemplo, come\u00e7ar a trabalhar as texturas.<\/p>\n<p>Pra fazer isso vou cria ruma camada e chamar de \u201cluz\u201d, e vou mudar o modo pra \u201cSoft Light\u201d. Escolho um pincel branco e pinto esse lado aqui at\u00e9 ficar satisfeito.<\/p>\n<p>Vou criar agora uma camada chamada \u201csombra\u201d, mudar o modo pra Multiply e vou pintar de preto aqui do outro lado. Diminuo a opacidade dessa camada at\u00e9 ficar satisfeito e pronto. A gente j\u00e1 est\u00e1 simulando um reflexo a\u00ed.<\/p>\n<p>Pra terminar, vou arrastar uma textura de papel reciclado que eu tenho aqui. Esse papel reciclado eu simplesmente digitalizei e joguei mais alguns ru\u00eddos nele. Reposiciona ele para se encaixar dentro da arte, muda o modo para \u201cMultiply\u201d, e depois que finalizar pode fechar o seu \u201cSmart Object\u201d.<\/p>\n<p>Quando voc\u00ea fechar ele vai perguntar se voc\u00ea quer salvar, e \u00e9 claro que voc\u00ea quer sen\u00e3o vai perder tudo que fez e agora \u00e9 s\u00f3 alinhar seu layout com a nossa refer\u00eancia.<\/p>\n<p>Pra fazer isso voc\u00ea aperta \u201cCtrl+T\u201d, move o mouse pra cima de uma das quinas, e pressiona \u201cCtrl\u201d pra poder mover essas quinas individualmente. Faz isso at\u00e9 alinhar tudo com a refer\u00eancia, e t\u00e1 a\u00ed. Verso pronto.<\/p>\n<h2>06 \u2013 Criando laterais\u00a0do verso<\/h2>\n<img loading=\"lazy\" decoding=\"async\" width=\"640\" height=\"360\" class=\"alignnone size-full wp-image-1511\" src=\"https:\/\/waltermattos.com\/site\/wp-content\/uploads\/2014\/05\/tut_Cartao_Gride_06_Laterais_Cartao_640.jpg\" alt=\"tut_Cartao_Gride_06_Laterais_Cartao_640\" srcset=\"https:\/\/waltermattos.com\/site\/wp-content\/uploads\/2014\/05\/tut_Cartao_Gride_06_Laterais_Cartao_640.jpg 640w, https:\/\/waltermattos.com\/site\/wp-content\/uploads\/2014\/05\/tut_Cartao_Gride_06_Laterais_Cartao_640-310x174.jpg 310w\" sizes=\"auto, (max-width: 640px) 100vw, 640px\" \/>\n<p>Agora eu vou criar essa base aqui da mesma forma que a gente criou a face do cart\u00e3o. Ent\u00e3o v\u00ea se voc\u00ea me acompanha.<\/p>\n<p>Vou no Illustrator, copio, volto pro Photoshop, colo como \u201cSmart Object\u201d e converto para \u201cSmart Object\u201d de novo.<\/p>\n<p>Renomeio a camada para \u201cbase\u201d, entro no \u201cSmart Object\u201d e renomeio novamente a camada para \u201cbase original\u201d. Tudo igual at\u00e9 aqui, n\u00e9?<\/p>\n<p>Vou criar as camadas \u201cluz\u201d e \u201csombra\u201d, sem esquecer de converter para os modos \u201cSoft Light\u201d e \u201cMultiply\u201d, pintar at\u00e9 ficar satisfeito e jogar mais uma vez a textura do papel reciclado com o modo \u201cMultiply\u201d.<\/p>\n<p>Fiquei satisfeito, fecho o \u201cSmart Object\u201d e volto pra nossa arte e alinho novamente com nossa refer\u00eancia usando o \u201cTransform \u2013 Ctrl+T\u201d.<\/p>\n<p>Copiou?<\/p>\n<p>Ent\u00e3o vamos l\u00e1. Agora eu quero que essa face aqui tenha as mesmas cores da face de cima, ou seja, eu quero essas laterais brancas e o meio azul.<\/p>\n<p>Pra fazer isso \u00e9 mole. Eu entro primeiro \u201cSmart Object\u201d dessa face aqui do verso, vou na camada \u201cverso original\u201d, aperto \u201cCtrl+A\u201d para selecionar tudo e copio com o \u201cCtrl+C\u201d. Beleza, posso fechar essa janela.<\/p>\n<p>Agora eu vou na nossa camada \u201cbase\u201d, entro no \u201cSmart Object\u201d dela e colo o que a gente acabou de copiar aqui.<\/p>\n<p>Agora arrasto essa arte pra cima e deixo s\u00f3 um pedacinho dela aparecendo aqui. Aperto agora \u201cCtrl+T\u201d e redimensiono at\u00e9 encostar no canto. \u00c9 assim mesmo, pode esticar sem medo.<\/p>\n<p>Seleciono a ferramenta de sele\u00e7\u00e3o com o atalho \u201cM\u201d e fa\u00e7o uma sele\u00e7\u00e3o fininha, tipo essa aqui, e aperto \u201cCtrl+T\u201d de novo para esticar esse filete at\u00e9 a base do cart\u00e3o.<\/p>\n<p>Agora eu mudo o modo para \u201cMultiply\u201d e altero a opacidade para 50%, fecho meu \u201cSmart Object\u201d e pronto. Se as cores estiverem um pouco desalinhadas voc\u00ea entra novamente no \u201cSmart Object\u201d para corrigir, ok?<\/p>\n<p>Pra fazer a outra base vai ser bem f\u00e1cil, j\u00e1 que a gente tem tudo pronto. Mas tem que ficar atento em uma coisa. N\u00e3o adianta eu simplesmente dar um \u201cCtrl+J\u201d para duplicar essa camada base, porque se eu fizer isso eu vou ter o mesmo \u201cSmart Object\u201d duas vezes. Ou seja, o que eu fizer em um vai se repetir no outro.<\/p>\n<p>Pra evitar isso \u00e9 s\u00f3 clicar com o bot\u00e3o direito aqui e escolher \u201cNew Smart Object Via Copy\u201d. Isso vai criar um novo \u201cSmart Object\u201d, totalmente independente.<\/p>\n<p>Agora eu vou renomear essa c\u00f3pia para \u201clateral\u201d e vou reposicionar e redimensionar da mesma forma que a gente j\u00e1 viu.<\/p>\n<p>Mas agora voc\u00ea v\u00ea que as cores n\u00e3o est\u00e3o alinhadas aqui, certo? Isso acontece porque a gente utilizou essa base do cart\u00e3o, e n\u00e3o a lateral.<\/p>\n<p>Ent\u00e3o, para resolver isso, \u00e9 s\u00f3 entrar novamente no verso, copiar, voltar pra camada \u201clateral\u201d, excluir essa camada que n\u00e3o nos interessa, colar e redimensionar novamente, s\u00f3 que agora girando o cart\u00e3o.<\/p>\n<p>Depois que terminar \u00e9 s\u00f3 fechar essa janela e conferir se est\u00e1 tudo certo.<\/p>\n<h2>07 \u2013 Refinando o verso do cart\u00e3o<\/h2>\n<img loading=\"lazy\" decoding=\"async\" width=\"640\" height=\"360\" class=\"alignnone size-full wp-image-1512\" src=\"https:\/\/waltermattos.com\/site\/wp-content\/uploads\/2014\/05\/tut_Cartao_Gride_07_Refinando_Verso_640.jpg\" alt=\"tut_Cartao_Gride_07_Refinando_Verso_640\" srcset=\"https:\/\/waltermattos.com\/site\/wp-content\/uploads\/2014\/05\/tut_Cartao_Gride_07_Refinando_Verso_640.jpg 640w, https:\/\/waltermattos.com\/site\/wp-content\/uploads\/2014\/05\/tut_Cartao_Gride_07_Refinando_Verso_640-310x174.jpg 310w\" sizes=\"auto, (max-width: 640px) 100vw, 640px\" \/>\n<p>Bom, t\u00e1 tudo certo, tudo lindo, s\u00f3 que n\u00e3o acabou. Se a gente ocultar a camada \u201creferencia\u201d vai ver que o cart\u00e3o ainda sem as sombras no ch\u00e3o e com algumas falhas aqui de alinhamento.<\/p>\n<p>Ent\u00e3o a gente vai corrigir isso jogando essas camadas para baixo da camada \u201cverso\u201d e depois agrupando todas elas com o \u201cCtrl+G\u201d. Agora \u00e9 s\u00f3 renomear essa camada pra \u201cVerso\u201d tamb\u00e9m.<\/p>\n<p>A gente vai corrigir esses filetes brancos alinhando os objetos e pronto. Um dos cart\u00f5es j\u00e1 foi. O resto agora \u00e9 bem mais f\u00e1cil.<\/p>\n<h2>08 \u2013 Criando\u00a0a frente<\/h2>\n<img loading=\"lazy\" decoding=\"async\" width=\"640\" height=\"360\" class=\"alignnone size-full wp-image-1513\" src=\"https:\/\/waltermattos.com\/site\/wp-content\/uploads\/2014\/05\/tut_Cartao_Gride_08_Segundo_Cartao_640.jpg\" alt=\"tut_Cartao_Gride_08_Segundo_Cartao_640\" srcset=\"https:\/\/waltermattos.com\/site\/wp-content\/uploads\/2014\/05\/tut_Cartao_Gride_08_Segundo_Cartao_640.jpg 640w, https:\/\/waltermattos.com\/site\/wp-content\/uploads\/2014\/05\/tut_Cartao_Gride_08_Segundo_Cartao_640-310x174.jpg 310w\" sizes=\"auto, (max-width: 640px) 100vw, 640px\" \/>\n<p>Ent\u00e3o vamos l\u00e1, visualiza novamente a camada \u201creferencia\u201d e duplica a camada \u201cverso\u201d com o atalho \u201cCtrl+J\u201d. Mas lembra do que eu falei l\u00e1 atr\u00e1s sobre duplicar um \u201cSmart Object\u201d? Ent\u00e3o, a gente vai ter que duplicar cada um deles utilizando a op\u00e7\u00e3o \u201cNew Smart Object Via Copy\u201d. Sen\u00e3o, o que a gente fizer em um vai se repetir no outro cart\u00e3o.<\/p>\n<p>Agora sim est\u00e1 pronto para editar, ent\u00e3o vamos partir para o alinhamento, mas antes vamos renomear essa camada para \u201cFrente\u201d e jogar esse grupo para tr\u00e1s do grupo \u201cVerso\u201d.<\/p>\n<p>Agora \u00e9 s\u00f3 fazer aquele alinhamento sagaz que a gente j\u00e1 aprendeu e t\u00e1 a\u00ed. Frente pronta pra receber o novo layout.<\/p>\n<p>Como o resto do procedimento \u00e9 id\u00eantico ao que a gente j\u00e1 viu, eu n\u00e3o preciso ficar enrolando voc\u00ea, ent\u00e3o eu estou acelerando o v\u00eddeo.<\/p>\n<p>Eu n\u00e3o sei se voc\u00ea j\u00e1 usava o \u201cSmart Object\u201d com essa finalidade, mas voc\u00ea deve ter notado que n\u00e3o tem dificuldade. Voc\u00ea s\u00f3 tem que ter duas preocupa\u00e7\u00f5es:<\/p>\n<p>1 \u2013 Quando voc\u00ea copiar seu arquivo de Illustrator pro Photoshop, ele j\u00e1 vir\u00e1 como \u201cSmart Object\u201d, certo? S\u00f3 que ele continua vinculado ao Illustrator, ent\u00e3o se voc\u00ea der dois cliques, voc\u00ea ser\u00e1 jogado de volta para o Illustrator. Pra evitar isso voc\u00ea converte o seu vetor original em um novo \u201cSmart Object\u201d, sen\u00e3o voc\u00ea n\u00e3o vai conseguir dar perspectiva nele, e nem jogar textura, ilumina\u00e7\u00e3o, enfim.<\/p>\n<p>2 \u2013 Quando voc\u00ea for duplicar o seu \u201cSmart Object\u201d, duplique pela op\u00e7\u00e3o \u201cNew Smart Object Via Copy\u201d. Isso vai permitir que voc\u00ea crie layouts diferentes pro seu original e pra sua c\u00f3pia.<\/p>\n<p>N\u00e3o que manter c\u00f3pias iguais seja um problema, t\u00e1? Muito pelo contr\u00e1rio, \u00e9 bem \u00fatil \u00e0s vezes, mas isso eu deixo para um pr\u00f3ximo tutorial.<\/p>\n<p>Ent\u00e3o \u00e9 isso. T\u00e1 pronto meu verso e agora \u00e9 s\u00f3 partir pra parte mais f\u00e1cil, as sombras no ch\u00e3o.<\/p>\n<h2>09 \u2013 Sombras e reflexos no ch\u00e3o<\/h2>\n<img loading=\"lazy\" decoding=\"async\" width=\"640\" height=\"360\" class=\"alignnone size-full wp-image-1515\" src=\"https:\/\/waltermattos.com\/site\/wp-content\/uploads\/2014\/05\/tut_Cartao_Gride_09_Sombras_Reflexos_640.jpg\" alt=\"tut_Cartao_Gride_09_Sombras_Reflexos_640\" srcset=\"https:\/\/waltermattos.com\/site\/wp-content\/uploads\/2014\/05\/tut_Cartao_Gride_09_Sombras_Reflexos_640.jpg 640w, https:\/\/waltermattos.com\/site\/wp-content\/uploads\/2014\/05\/tut_Cartao_Gride_09_Sombras_Reflexos_640-310x174.jpg 310w\" sizes=\"auto, (max-width: 640px) 100vw, 640px\" \/>\n<p>Fazer as sombras \u00e9 um procedimento bem f\u00e1cil e \u00e9 totalmente manual. A \u00fanica coisa que eu preciso fazer \u00e9 observar a nossa refer\u00eancia e entender o que t\u00e1 acontecendo ali.<\/p>\n<p>Ent\u00e3o a primeira coisa que eu percebo \u00e9 que a gente tem duas sombras projetadas ali no ch\u00e3o, o que significa que a luz est\u00e1 vindo por cima e pela direita. Ent\u00e3o por isso a gente tem esse lado direito um pouco mais claro que a parte da frente. Isso j\u00e1 \u00e9 algo que a gente pode corrigir dentro do nosso \u201cSmart Object\u201d, nas camadas de luz e sombra, t\u00e1?<\/p>\n<p>Outra coisa que eu noto s\u00e3o uns reflexos brancos aqui no ch\u00e3o, o que significa que o branco do cart\u00e3o tamb\u00e9m est\u00e1 sendo refletido no ch\u00e3o. Como a gente tem um cart\u00e3o azul, talvez eu n\u00e3o precise simular isso ou pelo menos n\u00e3o dar tanta \u00eanfase no meu reflexo.<\/p>\n<p>Ent\u00e3o agora eu vou acelerar um pouco o v\u00eddeo e voc\u00ea vai observando o que eu estou fazendo.<\/p>\n<p>Eu come\u00e7o criando um grupo, que vou chamar de \u201cSombras\u201d, onde eu vou jogar algumas camadas de sombras e reflexos na verdade.<\/p>\n<p>Depois eu mudo a cor do fundo pra azul.<\/p>\n<p>Depois come\u00e7o desenhando a sombra com a ferramenta \u201cPath\u201d, mudo o modo para \u201cMultiply\u201d e jogo um \u201cBlur\u201d pra suavizar as bordas. Regulo a intensidade da sombra com uma m\u00e1scara, \u201cLayer Mask\u201d, e vou pintando com um pincel preto onde eu quero esconder, alternando a entre tons de preto e branco pra mudar a intensidade da sombra.<\/p>\n<p>Ou seja, eu vou criando camadas de sombras onde eu quero que tenha uma sombra e vou pintando manualmente mesmo, sem muito mist\u00e9rio.<\/p>\n<p>Fa\u00e7o exatamente o mesmo procedimento para as luzes, lembrando que nem tudo eu quero que reflita no ch\u00e3o, apenas a partes claras. Eu poderia refletir o azul no ch\u00e3o tamb\u00e9m, mas n\u00e3o \u00e9 necess\u00e1rio ser t\u00e3o fiel assim a realidade, at\u00e9 porque se tivesse que ser real eu teria que demonstrar tamb\u00e9m os defeitos do papel do cart\u00e3o, a porosidade, enfim. N\u00e3o \u00e9 imposs\u00edvel fazer mas tamb\u00e9m n\u00e3o \u00e9 necess\u00e1rio.<\/p>\n<p>Depois eu entro nos \u201cSmart Objects\u201d pra controlar a ilumina\u00e7\u00e3o das laterais e da frente do cart\u00e3o, e pronto, fim do tutorial.<\/p>\n<h2>10 &#8211; Encerramento<\/h2>\n<p>Ent\u00e3o \u00e9 isso, pessoal. Espero muito que voc\u00eas tenham gostado de mais esse tutorial, que deu um trabalhinho pra fazer. Qualquer d\u00favida ou sugest\u00e3o, como sempre fique \u00e0 vontade pra dividir a\u00ed nos coment\u00e1rios.<\/p>\n<p>E se voc\u00ea gostou muito, se inscreve no meu canal clicando nesse bot\u00e3o vermelho a\u00ed em baixo do v\u00eddeo. Curte ou compartilha, tanto faz, porque assim voc\u00ea ajuda a levar o v\u00eddeo pra outras pessoas. E voc\u00ea tamb\u00e9m pode acompanhar meu trabalho pelo site <a href=\"http:\/\/www.waltermattos.com\/\">www.waltermattos.com<\/a>, onde voc\u00ea tamb\u00e9m encontra meu portf\u00f3lio e outros assuntos relacionados a design.<\/p>\n<p>Valeu galera, um abra\u00e7o e at\u00e9 o pr\u00f3ximo v\u00eddeo!<\/p>\n<p>&#8212;<\/p>\n","protected":false},"excerpt":{"rendered":"<p>Neste tutorial de Photoshop mostro uma maneira bem f\u00e1cil de construir um mockup de cart\u00e3o de visitas para apresenta\u00e7\u00e3o de portf\u00f3lio. Certamente voc\u00ea conseguir\u00e1 aplicar esse conhecimento em outras perspectivas e at\u00e9 mesmo outros layouts, como um papel timbrado, por exemplo. Para seguir este tutorial \u00e9 importante fazer o download das imagens que utilizei no&#8230;  <a class=\"excerpt-read-more\" href=\"https:\/\/waltermattos.com\/site\/tutoriais\/tutorial-crie-um-mockup-de-cartao-de-visitas-photoshop\/\">Ler artigo<\/a><\/p>\n","protected":false},"author":2,"featured_media":1718,"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":[7],"tags":[46,78,59,82,35,62],"class_list":["post-1502","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-tutoriais","tag-adobe","tag-cartao-de-visitas","tag-design","tag-mockup","tag-photoshop","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>Tutorial: Crie um mockup de cart\u00e3o de visitas no Photoshop<\/title>\n<meta name=\"description\" content=\"Neste tutorial de Photoshop voc\u00ea vai aprender a criar um mockup de cart\u00e3o de visitas pronto para receber layouts diferentes.\" \/>\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=\"Tutorial: Crie um mockup de cart\u00e3o de visitas no Photoshop\" \/>\n<meta property=\"og:description\" content=\"Neste tutorial de Photoshop voc\u00ea vai aprender a criar um mockup de cart\u00e3o de visitas pronto para receber layouts diferentes.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/waltermattos.com\/site\/tutoriais\/tutorial-crie-um-mockup-de-cartao-de-visitas-photoshop\/\" \/>\n<meta property=\"og:site_name\" content=\"Walter Mattos\" \/>\n<meta property=\"article:published_time\" content=\"2014-05-15T01:00:00+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2014-08-06T16:43:04+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/waltermattos.com\/site\/wp-content\/uploads\/2014\/05\/tut_Cartao_Mockup_Blog_Cover_02.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=\"12 minutos\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\/\/waltermattos.com\/site\/tutoriais\/tutorial-crie-um-mockup-de-cartao-de-visitas-photoshop\/#article\",\"isPartOf\":{\"@id\":\"https:\/\/waltermattos.com\/site\/tutoriais\/tutorial-crie-um-mockup-de-cartao-de-visitas-photoshop\/\"},\"author\":{\"name\":\"Walter Mattos\",\"@id\":\"https:\/\/waltermattos.com\/site\/#\/schema\/person\/d237be35b3af8e99d73dba176ae68175\"},\"headline\":\"Tutorial: Crie um mockup de cart\u00e3o de visitas no Photoshop\",\"datePublished\":\"2014-05-15T01:00:00+00:00\",\"dateModified\":\"2014-08-06T16:43:04+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\/\/waltermattos.com\/site\/tutoriais\/tutorial-crie-um-mockup-de-cartao-de-visitas-photoshop\/\"},\"wordCount\":2484,\"commentCount\":8,\"image\":{\"@id\":\"https:\/\/waltermattos.com\/site\/tutoriais\/tutorial-crie-um-mockup-de-cartao-de-visitas-photoshop\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/waltermattos.com\/site\/wp-content\/uploads\/2014\/05\/tut_Cartao_Mockup_Blog_Cover_02.png\",\"keywords\":[\"adobe\",\"Cart\u00e3o de visitas\",\"Design\",\"Mockup\",\"Photoshop\",\"Tutorial\"],\"articleSection\":[\"Tutoriais\"],\"inLanguage\":\"pt-BR\",\"potentialAction\":[{\"@type\":\"CommentAction\",\"name\":\"Comment\",\"target\":[\"https:\/\/waltermattos.com\/site\/tutoriais\/tutorial-crie-um-mockup-de-cartao-de-visitas-photoshop\/#respond\"]}]},{\"@type\":\"WebPage\",\"@id\":\"https:\/\/waltermattos.com\/site\/tutoriais\/tutorial-crie-um-mockup-de-cartao-de-visitas-photoshop\/\",\"url\":\"https:\/\/waltermattos.com\/site\/tutoriais\/tutorial-crie-um-mockup-de-cartao-de-visitas-photoshop\/\",\"name\":\"Tutorial: Crie um mockup de cart\u00e3o de visitas no Photoshop\",\"isPartOf\":{\"@id\":\"https:\/\/waltermattos.com\/site\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/waltermattos.com\/site\/tutoriais\/tutorial-crie-um-mockup-de-cartao-de-visitas-photoshop\/#primaryimage\"},\"image\":{\"@id\":\"https:\/\/waltermattos.com\/site\/tutoriais\/tutorial-crie-um-mockup-de-cartao-de-visitas-photoshop\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/waltermattos.com\/site\/wp-content\/uploads\/2014\/05\/tut_Cartao_Mockup_Blog_Cover_02.png\",\"datePublished\":\"2014-05-15T01:00:00+00:00\",\"dateModified\":\"2014-08-06T16:43:04+00:00\",\"author\":{\"@id\":\"https:\/\/waltermattos.com\/site\/#\/schema\/person\/d237be35b3af8e99d73dba176ae68175\"},\"description\":\"Neste tutorial de Photoshop voc\u00ea vai aprender a criar um mockup de cart\u00e3o de visitas pronto para receber layouts diferentes.\",\"inLanguage\":\"pt-BR\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/waltermattos.com\/site\/tutoriais\/tutorial-crie-um-mockup-de-cartao-de-visitas-photoshop\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"pt-BR\",\"@id\":\"https:\/\/waltermattos.com\/site\/tutoriais\/tutorial-crie-um-mockup-de-cartao-de-visitas-photoshop\/#primaryimage\",\"url\":\"https:\/\/waltermattos.com\/site\/wp-content\/uploads\/2014\/05\/tut_Cartao_Mockup_Blog_Cover_02.png\",\"contentUrl\":\"https:\/\/waltermattos.com\/site\/wp-content\/uploads\/2014\/05\/tut_Cartao_Mockup_Blog_Cover_02.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":"Tutorial: Crie um mockup de cart\u00e3o de visitas no Photoshop","description":"Neste tutorial de Photoshop voc\u00ea vai aprender a criar um mockup de cart\u00e3o de visitas pronto para receber layouts diferentes.","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":"Tutorial: Crie um mockup de cart\u00e3o de visitas no Photoshop","og_description":"Neste tutorial de Photoshop voc\u00ea vai aprender a criar um mockup de cart\u00e3o de visitas pronto para receber layouts diferentes.","og_url":"https:\/\/waltermattos.com\/site\/tutoriais\/tutorial-crie-um-mockup-de-cartao-de-visitas-photoshop\/","og_site_name":"Walter Mattos","article_published_time":"2014-05-15T01:00:00+00:00","article_modified_time":"2014-08-06T16:43:04+00:00","og_image":[{"width":420,"height":420,"url":"https:\/\/waltermattos.com\/site\/wp-content\/uploads\/2014\/05\/tut_Cartao_Mockup_Blog_Cover_02.png","type":"image\/png"}],"author":"Walter Mattos","twitter_misc":{"Escrito por":"Walter Mattos","Est. tempo de leitura":"12 minutos"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/waltermattos.com\/site\/tutoriais\/tutorial-crie-um-mockup-de-cartao-de-visitas-photoshop\/#article","isPartOf":{"@id":"https:\/\/waltermattos.com\/site\/tutoriais\/tutorial-crie-um-mockup-de-cartao-de-visitas-photoshop\/"},"author":{"name":"Walter Mattos","@id":"https:\/\/waltermattos.com\/site\/#\/schema\/person\/d237be35b3af8e99d73dba176ae68175"},"headline":"Tutorial: Crie um mockup de cart\u00e3o de visitas no Photoshop","datePublished":"2014-05-15T01:00:00+00:00","dateModified":"2014-08-06T16:43:04+00:00","mainEntityOfPage":{"@id":"https:\/\/waltermattos.com\/site\/tutoriais\/tutorial-crie-um-mockup-de-cartao-de-visitas-photoshop\/"},"wordCount":2484,"commentCount":8,"image":{"@id":"https:\/\/waltermattos.com\/site\/tutoriais\/tutorial-crie-um-mockup-de-cartao-de-visitas-photoshop\/#primaryimage"},"thumbnailUrl":"https:\/\/waltermattos.com\/site\/wp-content\/uploads\/2014\/05\/tut_Cartao_Mockup_Blog_Cover_02.png","keywords":["adobe","Cart\u00e3o de visitas","Design","Mockup","Photoshop","Tutorial"],"articleSection":["Tutoriais"],"inLanguage":"pt-BR","potentialAction":[{"@type":"CommentAction","name":"Comment","target":["https:\/\/waltermattos.com\/site\/tutoriais\/tutorial-crie-um-mockup-de-cartao-de-visitas-photoshop\/#respond"]}]},{"@type":"WebPage","@id":"https:\/\/waltermattos.com\/site\/tutoriais\/tutorial-crie-um-mockup-de-cartao-de-visitas-photoshop\/","url":"https:\/\/waltermattos.com\/site\/tutoriais\/tutorial-crie-um-mockup-de-cartao-de-visitas-photoshop\/","name":"Tutorial: Crie um mockup de cart\u00e3o de visitas no Photoshop","isPartOf":{"@id":"https:\/\/waltermattos.com\/site\/#website"},"primaryImageOfPage":{"@id":"https:\/\/waltermattos.com\/site\/tutoriais\/tutorial-crie-um-mockup-de-cartao-de-visitas-photoshop\/#primaryimage"},"image":{"@id":"https:\/\/waltermattos.com\/site\/tutoriais\/tutorial-crie-um-mockup-de-cartao-de-visitas-photoshop\/#primaryimage"},"thumbnailUrl":"https:\/\/waltermattos.com\/site\/wp-content\/uploads\/2014\/05\/tut_Cartao_Mockup_Blog_Cover_02.png","datePublished":"2014-05-15T01:00:00+00:00","dateModified":"2014-08-06T16:43:04+00:00","author":{"@id":"https:\/\/waltermattos.com\/site\/#\/schema\/person\/d237be35b3af8e99d73dba176ae68175"},"description":"Neste tutorial de Photoshop voc\u00ea vai aprender a criar um mockup de cart\u00e3o de visitas pronto para receber layouts diferentes.","inLanguage":"pt-BR","potentialAction":[{"@type":"ReadAction","target":["https:\/\/waltermattos.com\/site\/tutoriais\/tutorial-crie-um-mockup-de-cartao-de-visitas-photoshop\/"]}]},{"@type":"ImageObject","inLanguage":"pt-BR","@id":"https:\/\/waltermattos.com\/site\/tutoriais\/tutorial-crie-um-mockup-de-cartao-de-visitas-photoshop\/#primaryimage","url":"https:\/\/waltermattos.com\/site\/wp-content\/uploads\/2014\/05\/tut_Cartao_Mockup_Blog_Cover_02.png","contentUrl":"https:\/\/waltermattos.com\/site\/wp-content\/uploads\/2014\/05\/tut_Cartao_Mockup_Blog_Cover_02.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\/05\/tut_Cartao_Mockup_Blog_Cover_02.png","jetpack_sharing_enabled":true,"jetpack_shortlink":"https:\/\/wp.me\/p53J0J-oe","_links":{"self":[{"href":"https:\/\/waltermattos.com\/site\/wp-json\/wp\/v2\/posts\/1502","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=1502"}],"version-history":[{"count":8,"href":"https:\/\/waltermattos.com\/site\/wp-json\/wp\/v2\/posts\/1502\/revisions"}],"predecessor-version":[{"id":2035,"href":"https:\/\/waltermattos.com\/site\/wp-json\/wp\/v2\/posts\/1502\/revisions\/2035"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/waltermattos.com\/site\/wp-json\/wp\/v2\/media\/1718"}],"wp:attachment":[{"href":"https:\/\/waltermattos.com\/site\/wp-json\/wp\/v2\/media?parent=1502"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/waltermattos.com\/site\/wp-json\/wp\/v2\/categories?post=1502"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/waltermattos.com\/site\/wp-json\/wp\/v2\/tags?post=1502"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}