{"id":3903,"date":"2015-10-06T17:25:19","date_gmt":"2015-10-06T20:25:19","guid":{"rendered":"https:\/\/waltermattos.com\/?p=3903"},"modified":"2015-10-06T17:26:58","modified_gmt":"2015-10-06T20:26:58","slug":"blend-if-photoshop-blending-avancado-para-mockups-realistas","status":"publish","type":"post","link":"https:\/\/waltermattos.com\/site\/tutoriais\/blend-if-photoshop-blending-avancado-para-mockups-realistas\/","title":{"rendered":"Blend If (Photoshop): blending avan\u00e7ado para mockups realistas"},"content":{"rendered":"<p><iframe loading=\"lazy\" src=\"https:\/\/www.youtube.com\/embed\/cfwl5RFhI5o?list=PLQmdhQ8ybJd1opPaMombyVVINm9QRQTkx\" width=\"640\" height=\"360\" frameborder=\"0\" allowfullscreen=\"allowfullscreen\"><\/iframe><\/p>\n<p>Hoje apresento uma ferramenta bem \u00fatil, na minha opini\u00e3o, mas que apesar de j\u00e1 existir h\u00e1 um bom tempo muita gente ainda n\u00e3o viu ou n\u00e3o deu muita bola pra ela, a <strong>\u201cBlend If\u201d<\/strong>.<\/p>\n<p>Com essa ferramenta voc\u00ea consegue criar mockups bem simples e realistas com pouqu\u00edssimo ou quase nenhum trabalho, e ainda consegue criar composi\u00e7\u00f5es aparentemente complexas mas tamb\u00e9m sem esfor\u00e7o nenhum.<\/p>\n<img loading=\"lazy\" decoding=\"async\" width=\"640\" height=\"360\" class=\"alignnone size-full wp-image-3905\" src=\"https:\/\/waltermattos.com\/site\/wp-content\/uploads\/2015\/10\/Logo_Mockup_Papel_Blend_If_Fases_Intro_3_Antes_Depois.png\" alt=\"Logo_Mockup_Papel_Blend_If_Fases_Intro_3_Antes_Depois\" srcset=\"https:\/\/waltermattos.com\/site\/wp-content\/uploads\/2015\/10\/Logo_Mockup_Papel_Blend_If_Fases_Intro_3_Antes_Depois.png 640w, https:\/\/waltermattos.com\/site\/wp-content\/uploads\/2015\/10\/Logo_Mockup_Papel_Blend_If_Fases_Intro_3_Antes_Depois-310x174.png 310w\" sizes=\"auto, (max-width: 640px) 100vw, 640px\" \/>\n<h2>A\u00a0op\u00e7\u00e3o \u201cBlend If\u201d<\/h2>\n<p>A\u00a0antes de te apresentar um exemplo do que essa ferramenta \u00e9 capaz de fazer deixa eu te explicar quais s\u00e3o os princ\u00edpios por tr\u00e1s dela.<\/p>\n<p>Eu tenho aqui um degrad\u00ea simples, preto e branco, separado em uma camada, e logo abaixo uma camada com uma faixa verde sobre branco.<\/p>\n<p>Se eu der dois cliques na camada do <strong>Gradient<\/strong> eu abro a janela <strong>\u201cLayer Style\u201d<\/strong>, e o que me interessa \u00e9 essa \u00faltima se\u00e7\u00e3o, a <strong>\u201cBlend If\u201d<\/strong>.<\/p>\n<img loading=\"lazy\" decoding=\"async\" width=\"640\" height=\"360\" class=\"alignnone size-full wp-image-3908\" src=\"https:\/\/waltermattos.com\/site\/wp-content\/uploads\/2015\/10\/Blend_If_Video_06_Transcricao_Blend_If.gif\" alt=\"Blend_If_Video_06_Transcricao_Blend_If\" \/>\n<p>Aqui eu tenho <strong>2 sliders<\/strong> que correspondem a gradua\u00e7\u00e3o entre tons claros e escuros dessa camada com o degrad\u00ea, e logo abaixo mais <strong>2 sliders<\/strong> que representam os tons claros e escuros da camada inferior, que no nosso caso \u00e9 a <strong>Background<\/strong>.<\/p>\n<p>A partir do momento que eu come\u00e7ar a arrastar estes <strong>sliders<\/strong> da camada <strong>Gradient<\/strong> eu estou informando ao Photoshop que eu quero esconder os pixels de mesmo tom por onde este <strong>slider<\/strong> estiver passando.<\/p>\n<p>Ou seja, enquanto eu estiver com o <strong>slider<\/strong> passando pelos tons brancos, ele esconde os pixels brancos at\u00e9 que a camada de baixo come\u00e7a a aparecer. Enquanto eu estiver passando pelos tons cinzas, ele esconde os cinzas, e consequentemente enquanto eu estiver passando pelos tons pretos, ele esconde os pretos ou escuros.<\/p>\n<img loading=\"lazy\" decoding=\"async\" width=\"640\" height=\"360\" class=\"alignnone size-full wp-image-3909\" src=\"https:\/\/waltermattos.com\/site\/wp-content\/uploads\/2015\/10\/Blend_If_Video_06_Transcricao_Blend_If_2.gif\" alt=\"Blend_If_Video_06_Transcricao_Blend_If_2\" \/>\n<p>O inverso tamb\u00e9m \u00e9 verdadeiro. Ent\u00e3o se agora eu deslizar da esquerda para a direita eu come\u00e7o a esconder primeiro os tons escuros at\u00e9 chegar nos claros.<\/p>\n<p>Caso eu queira que a camada de baixo seja a <strong>camada de influ\u00eancia<\/strong> basta eu deslizar os <strong>sliders<\/strong> da op\u00e7\u00e3o <strong>\u201cUnderlying Layer\u201d<\/strong>. Ent\u00e3o, se eu deslizar o <strong>slider<\/strong> da direita para a esquerda eu estou informando ao Photoshop que eu quero aparecer com os pixels claros da nossa camada <strong>Background<\/strong>. Como o \u00fanico tom claro dessa camada \u00e9 o branco, apenas o branco aparece.<\/p>\n<p>Se eu deslizar da esquerda para a direita eu s\u00f3 vou ver alguma altera\u00e7\u00e3o quando eu chegar nos tons m\u00e9dios. Isso porque esse verde n\u00e3o \u00e9 nem muito claro nem muito escuro.<\/p>\n<img loading=\"lazy\" decoding=\"async\" width=\"640\" height=\"360\" class=\"alignnone size-full wp-image-3910\" src=\"https:\/\/waltermattos.com\/site\/wp-content\/uploads\/2015\/10\/Blend_If_Video_06_Transcricao_Underlying.gif\" alt=\"Blend_If_Video_06_Transcricao_Underlying\" \/>\n<p>Se eu imaginar que este verde est\u00e1 recebendo algum tipo de ilumina\u00e7\u00e3o eu posso dizer que essa \u00e9 uma ilumina\u00e7\u00e3o m\u00e9dia, digamos.<\/p>\n<img loading=\"lazy\" decoding=\"async\" width=\"640\" height=\"361\" class=\"alignnone size-full wp-image-3911\" src=\"https:\/\/waltermattos.com\/site\/wp-content\/uploads\/2015\/10\/Blend_If_Imagens_Video_Verde_Medio_640.png\" alt=\"Blend_If_Imagens_Video_Verde_Medio_640\" srcset=\"https:\/\/waltermattos.com\/site\/wp-content\/uploads\/2015\/10\/Blend_If_Imagens_Video_Verde_Medio_640.png 640w, https:\/\/waltermattos.com\/site\/wp-content\/uploads\/2015\/10\/Blend_If_Imagens_Video_Verde_Medio_640-310x175.png 310w\" sizes=\"auto, (max-width: 640px) 100vw, 640px\" \/>\n<p>Logo, com essa afirmativa a gente come\u00e7a entender que estes <strong>sliders<\/strong> na verdade n\u00e3o agem com base na cor, mas sim na luminosidade de cada camada.<\/p>\n<p>Ent\u00e3o vamos ver como isso funciona na pr\u00e1tica.<\/p>\n<h2>Exemplo 1: mockup de logo em papel<\/h2>\n<p>Nesse primeiro exemplo eu tenho um s\u00edmbolo sobre um papel em perspectiva. Essa \u00e9 uma situa\u00e7\u00e3o muito comum para n\u00f3s designers, n\u00e9?<\/p>\n<img loading=\"lazy\" decoding=\"async\" width=\"640\" height=\"360\" class=\"alignnone size-full wp-image-3912\" src=\"https:\/\/waltermattos.com\/site\/wp-content\/uploads\/2015\/10\/Logo_Mockup_Papel_Blend_If_Fases_Intro_3_Fase_1_640.jpg\" alt=\"Logo_Mockup_Papel_Blend_If_Fases_Intro_3_Fase_1_640\" srcset=\"https:\/\/waltermattos.com\/site\/wp-content\/uploads\/2015\/10\/Logo_Mockup_Papel_Blend_If_Fases_Intro_3_Fase_1_640.jpg 640w, https:\/\/waltermattos.com\/site\/wp-content\/uploads\/2015\/10\/Logo_Mockup_Papel_Blend_If_Fases_Intro_3_Fase_1_640-310x174.jpg 310w\" sizes=\"auto, (max-width: 640px) 100vw, 640px\" \/>\n<p>Muitas vezes n\u00f3s temos uma superf\u00edcie simples que j\u00e1 possui suas texturas, sua ilumina\u00e7\u00e3o, e n\u00f3s s\u00f3 queremos inserir nosso layout por cima e resgatar um pouco destas caracter\u00edsticas para causar a impress\u00e3o de que nosso layout est\u00e1 impresso nesta superf\u00edcie.<\/p>\n<p>Uma das tentativas mais comuns \u00e9 tentar alterar os blending modes, mas nem sempre d\u00e1 muito certo e muitas vezes o resultado escolhido acaba sendo um que altera as cores originais do nosso layout.<\/p>\n<img loading=\"lazy\" decoding=\"async\" width=\"640\" height=\"360\" class=\"alignnone size-full wp-image-3913\" src=\"https:\/\/waltermattos.com\/site\/wp-content\/uploads\/2015\/10\/Blend_If_Video_06_Transcricao_Blending_Modes.gif\" alt=\"Blend_If_Video_06_Transcricao_Blending_Modes\" \/>\n<p>Isso obviamente n\u00e3o nos interessa.<\/p>\n<p>Bom, o papel que eu estou usando neste caso veio de um mockup gratuito que eu baixei na internet e, inclusive, para quem se interessar\u00a0<a href=\"http:\/\/goo.gl\/1l49CG\" target=\"_blank\">segue o link (clique aqui)<\/a>.<\/p>\n<p>E eu n\u00e3o baixei este mockup \u00e0 toa. Na verdade foi para te mostrar que quem preparou este mockup solucionou este problema criando v\u00e1rios efeitos, como voc\u00ea pode ver nesta camada <strong>\u201cEffects\u201d<\/strong>.<\/p>\n<img loading=\"lazy\" decoding=\"async\" width=\"640\" height=\"360\" class=\"alignnone size-full wp-image-3915\" src=\"https:\/\/waltermattos.com\/site\/wp-content\/uploads\/2015\/10\/Blend_If_Video_06_Transcricao_Effects.png\" alt=\"Blend_If_Video_06_Transcricao_Effects\" srcset=\"https:\/\/waltermattos.com\/site\/wp-content\/uploads\/2015\/10\/Blend_If_Video_06_Transcricao_Effects.png 640w, https:\/\/waltermattos.com\/site\/wp-content\/uploads\/2015\/10\/Blend_If_Video_06_Transcricao_Effects-310x174.png 310w\" sizes=\"auto, (max-width: 640px) 100vw, 640px\" \/>\n<p>\u00c9 claro que o resultado final ficou muito bacana e realista o suficiente para uma apresenta\u00e7\u00e3o, mas \u00e9 poss\u00edvel chegar num resultado muito pr\u00f3ximo com muito menos trabalho utilizando a op\u00e7\u00e3o <strong>\u201cBlend If\u201d<\/strong>, olha s\u00f3.<\/p>\n<p>Vou dar dois cliques na camada com o layout para abrir\u00a0a\u00a0se\u00e7\u00e3o <strong>\u201cBlend If\u201d<\/strong>.<\/p>\n<p>Se voc\u00ea perceber\u00a0a camada de baixo tem apenas tons claros e cinzas. Eu posso deslizar os tons claros para que eles comecem a aparecer na camada de cima, exatamente como n\u00f3s vimos no caso do degrad\u00ea.\u00a0O \u00fanico problema \u00e9 que essa transi\u00e7\u00e3o n\u00e3o est\u00e1 suave como eu gostaria que fosse, e para resolver isso \u00e9 muito f\u00e1cil.<\/p>\n<img loading=\"lazy\" decoding=\"async\" width=\"640\" height=\"360\" class=\"alignnone size-full wp-image-3916\" src=\"https:\/\/waltermattos.com\/site\/wp-content\/uploads\/2015\/10\/Blend_If_Video_06_Transcricao_Mockup_5f.gif\" alt=\"Blend_If_Video_06_Transcricao_Mockup_5f\" \/>\n<p>Basta que antes de come\u00e7ar a deslizar os <strong>sliders<\/strong> eu pressione a tecla <strong>\u201cAlt\u201d <\/strong>do teclado.<\/p>\n<p>Voc\u00ea nota que o <strong>slider<\/strong> se divide e eu amplio a restri\u00e7\u00e3o de tonalidades ou ilumina\u00e7\u00e3o deste ajuste. Como consequ\u00eancia disso eu tenho uma transi\u00e7\u00e3o muito mais suave e agora os tons claros e m\u00e9dios aparecem juntos na camada de cima, criando essa ilus\u00e3o de que o nosso layout recebe o mesmo tratamento de luzes e texturas que o papel.<\/p>\n<p>E como ajuste final eu s\u00f3 alteraria o modo de <strong>\u201cNormal\u201d<\/strong> para <strong>\u201cMultiply\u201d<\/strong>, apenas para escurecer um pouquinho o vermelho.<\/p>\n<p>Esse \u00e9 o resultado final. N\u00e3o ficou nada distante dos efeitos originais criados pelo artista que preparou este mockup, n\u00e9?<\/p>\n<img loading=\"lazy\" decoding=\"async\" width=\"640\" height=\"360\" class=\"alignnone size-full wp-image-3917\" src=\"https:\/\/waltermattos.com\/site\/wp-content\/uploads\/2015\/10\/Blend_If_Imagens_Video_Comparacao_640.jpg\" alt=\"Blend_If_Imagens_Video_Comparacao_640\" srcset=\"https:\/\/waltermattos.com\/site\/wp-content\/uploads\/2015\/10\/Blend_If_Imagens_Video_Comparacao_640.jpg 640w, https:\/\/waltermattos.com\/site\/wp-content\/uploads\/2015\/10\/Blend_If_Imagens_Video_Comparacao_640-310x174.jpg 310w\" sizes=\"auto, (max-width: 640px) 100vw, 640px\" \/>\n<p>A diferen\u00e7a \u00e9 que ele provavelmente demorou uns 10 minutos e n\u00f3s resolver\u00edamos isso em no m\u00e1ximo 10 segundos.<\/p>\n<p>E a \u00fanica indica\u00e7\u00e3o de ajuste que n\u00f3s temos na nossa camada \u00e9 esse \u00edcone aqui, bem no cantinho, com estes dois quadrados em interse\u00e7\u00e3o. Esse \u00e9 o indicativo de que n\u00f3s usamos o efeito <strong>\u201cBlend If\u201d<\/strong>.<\/p>\n<img loading=\"lazy\" decoding=\"async\" width=\"640\" height=\"360\" class=\"alignnone size-full wp-image-3919\" src=\"https:\/\/waltermattos.com\/site\/wp-content\/uploads\/2015\/10\/Blend_If_Video_06_Transcricao_Indicacao.jpg\" alt=\"Blend_If_Video_06_Transcricao_Indicacao\" srcset=\"https:\/\/waltermattos.com\/site\/wp-content\/uploads\/2015\/10\/Blend_If_Video_06_Transcricao_Indicacao.jpg 640w, https:\/\/waltermattos.com\/site\/wp-content\/uploads\/2015\/10\/Blend_If_Video_06_Transcricao_Indicacao-310x174.jpg 310w\" sizes=\"auto, (max-width: 640px) 100vw, 640px\" \/>\n<h2>Exemplo 2: substituir c\u00e9u sem m\u00e1scara de camada<\/h2>\n<p>E para n\u00e3o deixar voc\u00ea apenas com um exemplo, d\u00e1 uma olhada nessa situa\u00e7\u00e3o aqui.<\/p>\n<p>Eu tenho uma torre que j\u00e1 tem o seu pr\u00f3prio c\u00e9u mas eu quero substituir este c\u00e9u pelo c\u00e9u dessa segunda camada.<\/p>\n<img loading=\"lazy\" decoding=\"async\" width=\"640\" height=\"360\" class=\"alignnone size-full wp-image-3920\" src=\"https:\/\/waltermattos.com\/site\/wp-content\/uploads\/2015\/10\/Blend_If_Video_06_Transcricao_Torre_01.gif\" alt=\"Blend_If_Video_06_Transcricao_Torre_01\" \/>\n<p>O normal seria voc\u00ea selecionar o c\u00e9u, criar uma m\u00e1scara e inverter esta m\u00e1scara utilizando o atalho <strong>\u201cCtrl + I\u201d <\/strong>para exibir a camada de baixo.<\/p>\n<img loading=\"lazy\" decoding=\"async\" width=\"640\" height=\"360\" class=\"alignnone size-full wp-image-3921\" src=\"https:\/\/waltermattos.com\/site\/wp-content\/uploads\/2015\/10\/Blend_If_Video_06_Transcricao_Torre_02.gif\" alt=\"Blend_If_Video_06_Transcricao_Torre_02\" \/>\n<p>Realmente \u00e9 um processo bem r\u00e1pido e totalmente aconselh\u00e1vel, mas eu posso alcan\u00e7ar o mesmo resultado sem criar m\u00e1scara nenhuma e chegar em um ponto bem al\u00e9m de onde eu chegaria se eu conhecesse apenas o <strong>\u201cLayer Mask\u201d<\/strong>. E \u00e9 claro que eu estou me referindo ao <strong>\u201cBlend If\u201d<\/strong>.<\/p>\n<p>Se eu quiser simplesmente exibir o c\u00e9u da camada de baixo eu posso criar uma transi\u00e7\u00e3o suave com o <strong>\u201cAlt\u201d<\/strong> aqui nos tons claros. O processo \u00e9 exatamente o mesmo, basta dividir os <strong>sliders<\/strong> e deslizar at\u00e9 chegar em um ponto que me deixe satisfeito.<\/p>\n<img loading=\"lazy\" decoding=\"async\" width=\"640\" height=\"360\" class=\"alignnone size-full wp-image-3923\" src=\"https:\/\/waltermattos.com\/site\/wp-content\/uploads\/2015\/10\/Blend_If_Video_06_Transcricao_Torre_03.gif\" alt=\"Blend_If_Video_06_Transcricao_Torre_03\" \/>\n<p>Como o c\u00e9u \u00e9 claro, a torre \u00e9 escura e este verde est\u00e1 mais pr\u00f3ximo dos tons escuros do que m\u00e9dios eu consigo esconder apenas o c\u00e9u. Vai dizer que n\u00e3o \u00e9 bem mais f\u00e1cil do que criar uma m\u00e1scara?<\/p>\n<p>E para completar e explodir a sua mente, caso eu fa\u00e7a exatamente a mesma coisa na op\u00e7\u00e3o <strong>\u201cUnderlying Layer\u201d<\/strong> eu estou subindo com os tons claros da camada de baixo para a camada de cima. E os tons claros da camada de baixo, como voc\u00ea j\u00e1 sabe, s\u00e3o as nuvens.<\/p>\n<img loading=\"lazy\" decoding=\"async\" width=\"640\" height=\"360\" class=\"alignnone size-full wp-image-3924\" src=\"https:\/\/waltermattos.com\/site\/wp-content\/uploads\/2015\/10\/Blend_If_Video_06_Transcricao_Torre_04.gif\" alt=\"Blend_If_Video_06_Transcricao_Torre_04\" \/>\n<p>E o resultado final \u00e9 essa imagem aqui.<\/p>\n<img loading=\"lazy\" decoding=\"async\" width=\"640\" height=\"853\" class=\"alignnone size-full wp-image-3926\" src=\"https:\/\/waltermattos.com\/site\/wp-content\/uploads\/2015\/10\/Torre_Ceu_Efeito_Gravacao_Torre_Final_640.jpg\" alt=\"Torre_Ceu_Efeito_Gravacao_Torre_Final_640\" srcset=\"https:\/\/waltermattos.com\/site\/wp-content\/uploads\/2015\/10\/Torre_Ceu_Efeito_Gravacao_Torre_Final_640.jpg 640w, https:\/\/waltermattos.com\/site\/wp-content\/uploads\/2015\/10\/Torre_Ceu_Efeito_Gravacao_Torre_Final_640-310x413.jpg 310w\" sizes=\"auto, (max-width: 640px) 100vw, 640px\" \/>\n<p>Bem diferente da original e um pouco mais fria e at\u00e9 mesmo sombria por conta dessa simula\u00e7\u00e3o de neblina, simples de executar e realista o suficiente para convencer olhos destreinados.<\/p>\n<h2>Encerramento<\/h2>\n<p>\u00c9 isso, pessoal.<\/p>\n<p>Espero que tenha gostado deste tutorial e que ele tenha bastante utilidade para voc\u00ea.<\/p>\n<p>E antes de encerrar uma novidade que pode ser interessante. Eu fiz a minha segunda participa\u00e7\u00e3o em um Podcast bem bacana realizado pelo Blog Aparelho El\u00e9trico. Dessa vez o tema foi \u201c<a href=\"http:\/\/aparelhoeletrico.com\/podcast\/podcast-profissao-designer-grafico-freelancer\/\">Profiss\u00e3o: Designer Gr\u00e1fico Freelancer<\/a>\u201d, ent\u00e3o se voc\u00ea tem interesse no assunto n\u00e3o esquece de dar uma passadinha por l\u00e1.<\/p>\n<p>Saiba tamb\u00e9m que todos os v\u00eddeos aqui do canal s\u00e3o legendados e possuem vers\u00f5es transcritas l\u00e1 no meu site, <a href=\"https:\/\/waltermattos.com\/\">waltermattos.com<\/a>, onde voc\u00ea encontra outras dicas, reflex\u00f5es e tutoriais sobre design.<\/p>\n<p>E se for a sua primeira vez por aqui seja muito bem-vindo e n\u00e3o deixa de assistir <a href=\"https:\/\/youtu.be\/hBHJlNXLuaQ?list=PLQmdhQ8ybJd1opPaMombyVVINm9QRQTkx\" target=\"_blank\">outros v\u00eddeos<\/a> e caso goste do conte\u00fado se inscreve para receber as novidades.<\/p>\n<p>Valeu, um abra\u00e7o e at\u00e9 a pr\u00f3xima.<\/p>\n<p>&#8212;<\/p>\n","protected":false},"excerpt":{"rendered":"<p>Hoje apresento uma ferramenta bem \u00fatil, na minha opini\u00e3o, mas que apesar de j\u00e1 existir h\u00e1 um bom tempo muita gente ainda n\u00e3o viu ou n\u00e3o deu muita bola pra ela, a \u201cBlend If\u201d. Com essa ferramenta voc\u00ea consegue criar mockups bem simples e realistas com pouqu\u00edssimo ou quase nenhum trabalho, e ainda consegue criar&#8230;  <a class=\"excerpt-read-more\" href=\"https:\/\/waltermattos.com\/site\/tutoriais\/blend-if-photoshop-blending-avancado-para-mockups-realistas\/\">Ler artigo<\/a><\/p>\n","protected":false},"author":2,"featured_media":3930,"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":[7,159],"tags":[],"class_list":["post-3903","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-tutoriais","category-videos-2"],"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>Blend If (Photoshop): ferramenta para mockups realistas<\/title>\n<meta name=\"description\" content=\"Com a ferramenta &quot;Blend If&quot; do Photoshop voc\u00ea consegue criar mockups bem simples e realistas com pouqu\u00edssimo ou quase nenhum trabalho.\" \/>\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=\"Blend If (Photoshop): ferramenta para mockups realistas\" \/>\n<meta property=\"og:description\" content=\"Com a ferramenta &quot;Blend If&quot; do Photoshop voc\u00ea consegue criar mockups bem simples e realistas com pouqu\u00edssimo ou quase nenhum trabalho.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/waltermattos.com\/site\/tutoriais\/blend-if-photoshop-blending-avancado-para-mockups-realistas\/\" \/>\n<meta property=\"og:site_name\" content=\"Walter Mattos\" \/>\n<meta property=\"article:published_time\" content=\"2015-10-06T20:25:19+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2015-10-06T20:26:58+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/waltermattos.com\/site\/wp-content\/uploads\/2015\/10\/Blend_If_Covers_Blog.jpg\" \/>\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\/jpeg\" \/>\n<meta name=\"author\" content=\"Walter Mattos\" \/>\n<meta name=\"twitter:label1\" content=\"Escrito por\" \/>\n\t<meta name=\"twitter:data1\" content=\"Walter Mattos\" \/>\n\t<meta name=\"twitter:label2\" content=\"Est. tempo de leitura\" \/>\n\t<meta name=\"twitter:data2\" content=\"7 minutos\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\/\/waltermattos.com\/site\/tutoriais\/blend-if-photoshop-blending-avancado-para-mockups-realistas\/#article\",\"isPartOf\":{\"@id\":\"https:\/\/waltermattos.com\/site\/tutoriais\/blend-if-photoshop-blending-avancado-para-mockups-realistas\/\"},\"author\":{\"name\":\"Walter Mattos\",\"@id\":\"https:\/\/waltermattos.com\/site\/#\/schema\/person\/d237be35b3af8e99d73dba176ae68175\"},\"headline\":\"Blend If (Photoshop): blending avan\u00e7ado para mockups realistas\",\"datePublished\":\"2015-10-06T20:25:19+00:00\",\"dateModified\":\"2015-10-06T20:26:58+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\/\/waltermattos.com\/site\/tutoriais\/blend-if-photoshop-blending-avancado-para-mockups-realistas\/\"},\"wordCount\":1423,\"commentCount\":16,\"image\":{\"@id\":\"https:\/\/waltermattos.com\/site\/tutoriais\/blend-if-photoshop-blending-avancado-para-mockups-realistas\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/waltermattos.com\/site\/wp-content\/uploads\/2015\/10\/Blend_If_Covers_Blog.jpg\",\"articleSection\":[\"Tutoriais\",\"V\u00eddeos\"],\"inLanguage\":\"pt-BR\",\"potentialAction\":[{\"@type\":\"CommentAction\",\"name\":\"Comment\",\"target\":[\"https:\/\/waltermattos.com\/site\/tutoriais\/blend-if-photoshop-blending-avancado-para-mockups-realistas\/#respond\"]}]},{\"@type\":\"WebPage\",\"@id\":\"https:\/\/waltermattos.com\/site\/tutoriais\/blend-if-photoshop-blending-avancado-para-mockups-realistas\/\",\"url\":\"https:\/\/waltermattos.com\/site\/tutoriais\/blend-if-photoshop-blending-avancado-para-mockups-realistas\/\",\"name\":\"Blend If (Photoshop): ferramenta para mockups realistas\",\"isPartOf\":{\"@id\":\"https:\/\/waltermattos.com\/site\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/waltermattos.com\/site\/tutoriais\/blend-if-photoshop-blending-avancado-para-mockups-realistas\/#primaryimage\"},\"image\":{\"@id\":\"https:\/\/waltermattos.com\/site\/tutoriais\/blend-if-photoshop-blending-avancado-para-mockups-realistas\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/waltermattos.com\/site\/wp-content\/uploads\/2015\/10\/Blend_If_Covers_Blog.jpg\",\"datePublished\":\"2015-10-06T20:25:19+00:00\",\"dateModified\":\"2015-10-06T20:26:58+00:00\",\"author\":{\"@id\":\"https:\/\/waltermattos.com\/site\/#\/schema\/person\/d237be35b3af8e99d73dba176ae68175\"},\"description\":\"Com a ferramenta \\\"Blend If\\\" do Photoshop voc\u00ea consegue criar mockups bem simples e realistas com pouqu\u00edssimo ou quase nenhum trabalho.\",\"inLanguage\":\"pt-BR\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/waltermattos.com\/site\/tutoriais\/blend-if-photoshop-blending-avancado-para-mockups-realistas\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"pt-BR\",\"@id\":\"https:\/\/waltermattos.com\/site\/tutoriais\/blend-if-photoshop-blending-avancado-para-mockups-realistas\/#primaryimage\",\"url\":\"https:\/\/waltermattos.com\/site\/wp-content\/uploads\/2015\/10\/Blend_If_Covers_Blog.jpg\",\"contentUrl\":\"https:\/\/waltermattos.com\/site\/wp-content\/uploads\/2015\/10\/Blend_If_Covers_Blog.jpg\",\"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":"Blend If (Photoshop): ferramenta para mockups realistas","description":"Com a ferramenta \"Blend If\" do Photoshop voc\u00ea consegue criar mockups bem simples e realistas com pouqu\u00edssimo ou quase nenhum trabalho.","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":"Blend If (Photoshop): ferramenta para mockups realistas","og_description":"Com a ferramenta \"Blend If\" do Photoshop voc\u00ea consegue criar mockups bem simples e realistas com pouqu\u00edssimo ou quase nenhum trabalho.","og_url":"https:\/\/waltermattos.com\/site\/tutoriais\/blend-if-photoshop-blending-avancado-para-mockups-realistas\/","og_site_name":"Walter Mattos","article_published_time":"2015-10-06T20:25:19+00:00","article_modified_time":"2015-10-06T20:26:58+00:00","og_image":[{"width":420,"height":420,"url":"https:\/\/waltermattos.com\/site\/wp-content\/uploads\/2015\/10\/Blend_If_Covers_Blog.jpg","type":"image\/jpeg"}],"author":"Walter Mattos","twitter_misc":{"Escrito por":"Walter Mattos","Est. tempo de leitura":"7 minutos"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/waltermattos.com\/site\/tutoriais\/blend-if-photoshop-blending-avancado-para-mockups-realistas\/#article","isPartOf":{"@id":"https:\/\/waltermattos.com\/site\/tutoriais\/blend-if-photoshop-blending-avancado-para-mockups-realistas\/"},"author":{"name":"Walter Mattos","@id":"https:\/\/waltermattos.com\/site\/#\/schema\/person\/d237be35b3af8e99d73dba176ae68175"},"headline":"Blend If (Photoshop): blending avan\u00e7ado para mockups realistas","datePublished":"2015-10-06T20:25:19+00:00","dateModified":"2015-10-06T20:26:58+00:00","mainEntityOfPage":{"@id":"https:\/\/waltermattos.com\/site\/tutoriais\/blend-if-photoshop-blending-avancado-para-mockups-realistas\/"},"wordCount":1423,"commentCount":16,"image":{"@id":"https:\/\/waltermattos.com\/site\/tutoriais\/blend-if-photoshop-blending-avancado-para-mockups-realistas\/#primaryimage"},"thumbnailUrl":"https:\/\/waltermattos.com\/site\/wp-content\/uploads\/2015\/10\/Blend_If_Covers_Blog.jpg","articleSection":["Tutoriais","V\u00eddeos"],"inLanguage":"pt-BR","potentialAction":[{"@type":"CommentAction","name":"Comment","target":["https:\/\/waltermattos.com\/site\/tutoriais\/blend-if-photoshop-blending-avancado-para-mockups-realistas\/#respond"]}]},{"@type":"WebPage","@id":"https:\/\/waltermattos.com\/site\/tutoriais\/blend-if-photoshop-blending-avancado-para-mockups-realistas\/","url":"https:\/\/waltermattos.com\/site\/tutoriais\/blend-if-photoshop-blending-avancado-para-mockups-realistas\/","name":"Blend If (Photoshop): ferramenta para mockups realistas","isPartOf":{"@id":"https:\/\/waltermattos.com\/site\/#website"},"primaryImageOfPage":{"@id":"https:\/\/waltermattos.com\/site\/tutoriais\/blend-if-photoshop-blending-avancado-para-mockups-realistas\/#primaryimage"},"image":{"@id":"https:\/\/waltermattos.com\/site\/tutoriais\/blend-if-photoshop-blending-avancado-para-mockups-realistas\/#primaryimage"},"thumbnailUrl":"https:\/\/waltermattos.com\/site\/wp-content\/uploads\/2015\/10\/Blend_If_Covers_Blog.jpg","datePublished":"2015-10-06T20:25:19+00:00","dateModified":"2015-10-06T20:26:58+00:00","author":{"@id":"https:\/\/waltermattos.com\/site\/#\/schema\/person\/d237be35b3af8e99d73dba176ae68175"},"description":"Com a ferramenta \"Blend If\" do Photoshop voc\u00ea consegue criar mockups bem simples e realistas com pouqu\u00edssimo ou quase nenhum trabalho.","inLanguage":"pt-BR","potentialAction":[{"@type":"ReadAction","target":["https:\/\/waltermattos.com\/site\/tutoriais\/blend-if-photoshop-blending-avancado-para-mockups-realistas\/"]}]},{"@type":"ImageObject","inLanguage":"pt-BR","@id":"https:\/\/waltermattos.com\/site\/tutoriais\/blend-if-photoshop-blending-avancado-para-mockups-realistas\/#primaryimage","url":"https:\/\/waltermattos.com\/site\/wp-content\/uploads\/2015\/10\/Blend_If_Covers_Blog.jpg","contentUrl":"https:\/\/waltermattos.com\/site\/wp-content\/uploads\/2015\/10\/Blend_If_Covers_Blog.jpg","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\/2015\/10\/Blend_If_Covers_Blog.jpg","jetpack_sharing_enabled":true,"jetpack_shortlink":"https:\/\/wp.me\/p53J0J-10X","_links":{"self":[{"href":"https:\/\/waltermattos.com\/site\/wp-json\/wp\/v2\/posts\/3903","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=3903"}],"version-history":[{"count":7,"href":"https:\/\/waltermattos.com\/site\/wp-json\/wp\/v2\/posts\/3903\/revisions"}],"predecessor-version":[{"id":3928,"href":"https:\/\/waltermattos.com\/site\/wp-json\/wp\/v2\/posts\/3903\/revisions\/3928"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/waltermattos.com\/site\/wp-json\/wp\/v2\/media\/3930"}],"wp:attachment":[{"href":"https:\/\/waltermattos.com\/site\/wp-json\/wp\/v2\/media?parent=3903"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/waltermattos.com\/site\/wp-json\/wp\/v2\/categories?post=3903"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/waltermattos.com\/site\/wp-json\/wp\/v2\/tags?post=3903"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}