{"id":3645,"date":"2015-07-09T12:33:28","date_gmt":"2015-07-09T15:33:28","guid":{"rendered":"https:\/\/waltermattos.com\/?p=3645"},"modified":"2015-07-09T12:33:59","modified_gmt":"2015-07-09T15:33:59","slug":"photoshop-cc-2015-novidades-para-designers","status":"publish","type":"post","link":"https:\/\/waltermattos.com\/site\/tutoriais\/photoshop-cc-2015-novidades-para-designers\/","title":{"rendered":"Photoshop CC 2015: novidades para designers"},"content":{"rendered":"<p><iframe loading=\"lazy\" src=\"https:\/\/www.youtube.com\/embed\/uS_WlMZyQKs\" width=\"640\" height=\"360\" frameborder=\"0\" allowfullscreen=\"allowfullscreen\"><\/iframe><\/p>\n<p>Nesta \u00faltima atualiza\u00e7\u00e3o a Adobe trouxe muitas novidades, principalmente para quem curte criar layouts no Photoshop.<\/p>\n<p>Apesar de n\u00e3o ter sido criado com este objetivo o Photoshop conta hoje com algumas ferramentas que ir\u00e3o, no m\u00ednimo, agilizar processos e facilitar a vida de alguns designers.<\/p>\n<p>No v\u00eddeo voc\u00ea ver\u00e1 as novidades da vers\u00e3o Creative Cloud 2015 que considero mais relevantes para cria\u00e7\u00e3o. Por\u00e9m, falo n\u00e3o apenas sobre as mais recentes, como tamb\u00e9m algumas &#8220;novidades antigas&#8221; pouco conhecidas e exploro algumas rela\u00e7\u00f5es entre Photoshop e Illustrator.<\/p>\n<p>Caso voc\u00ea queira pular para a se\u00e7\u00e3o do seu interesse basta ler a descri\u00e7\u00e3o do v\u00eddeo\u00a0<a title=\"Macetes para cria\u00e7\u00e3o de Degrad\u00eas no Illustrator | Walter Mattos \" href=\"https:\/\/youtu.be\/uS_WlMZyQKs\" target=\"_blank\">no post original do Youtube.<\/a><\/p>\n<p>Espero que goste.<\/p>\n<h2>Vers\u00e3o transcrita<\/h2>\n<h3>Introdu\u00e7\u00e3o<\/h3>\n<p>Essa atualiza\u00e7\u00e3o conta com v\u00e1rias novidades bem legais, principalmente para quem gosta de criar layouts no Photoshop. Todo mundo sabe que ele n\u00e3o foi um programa criado com esse objetivo, de criar layouts, mas me parece que de uns tempos para c\u00e1 a Adobe vem tentando suprir uma car\u00eancia ou at\u00e9 mesmo exig\u00eancia de mercado e transformando o Photoshop numa esp\u00e9cie de h\u00edbrido entre v\u00e1rios aplicativos da Adobe.<\/p>\n<p>Mas vamos ao que interessa. Eu tenho aqui 3 layouts diferentes do mesmo conte\u00fado, que s\u00e3o na verdade algumas das v\u00e1rias vers\u00f5es que eu criei da home do meu site com o objetivo de prepar\u00e1-lo para diferentes resolu\u00e7\u00f5es de tela.<\/p>\n<img loading=\"lazy\" decoding=\"async\" width=\"640\" height=\"360\" class=\"alignnone size-full wp-image-3647\" src=\"https:\/\/waltermattos.com\/site\/wp-content\/uploads\/2015\/07\/wm_site_2013_final_geral_mockup_Tut_PS_2015_b_Tela_3_640.png\" alt=\"wm_site_2013_final_geral_mockup_Tut_PS_2015_b_Tela_3_640\" srcset=\"https:\/\/waltermattos.com\/site\/wp-content\/uploads\/2015\/07\/wm_site_2013_final_geral_mockup_Tut_PS_2015_b_Tela_3_640.png 640w, https:\/\/waltermattos.com\/site\/wp-content\/uploads\/2015\/07\/wm_site_2013_final_geral_mockup_Tut_PS_2015_b_Tela_3_640-310x174.png 310w\" sizes=\"auto, (max-width: 640px) 100vw, 640px\" \/>\n<p>Eu separei os layouts em grupos de camadas e agora eu quero exportar cada layout individualmente.<\/p>\n<h3>Export As<\/h3>\n<p>Antes isso era um pouco complicado, mas agora o Photoshop conta com nova op\u00e7\u00e3o de exporta\u00e7\u00e3o, a op\u00e7\u00e3o <strong>\u201cExport As\u201d<\/strong>, que \u00e9 na minha opini\u00e3o a atualiza\u00e7\u00e3o mais relevante dessa vers\u00e3o Creative Cloud 2015.<\/p>\n<p>Agora basta eu selecionar os 3 grupos de camadas de uma s\u00f3 vez, clicar com o bot\u00e3o direito e selecionar a nova op\u00e7\u00e3o \u201c<strong>Export As<\/strong>\u201d.<\/p>\n<p>Dentro dessa janela eu posso escolher as propriedades que eu quero para cada layout individualmente e, depois que as op\u00e7\u00f5es estiverem definidas, basta clicar no bot\u00e3o \u201c<strong>Export<\/strong>\u201d para escolher a pasta onde eu quero salvar essas imagens.<\/p>\n<div style=\"width: 640px;\" class=\"wp-video\"><video class=\"wp-video-shortcode\" id=\"video-3645-1\" width=\"640\" height=\"360\" preload=\"metadata\" controls=\"controls\"><source type=\"video\/mp4\" src=\"https:\/\/waltermattos.com\/site\/wp-content\/uploads\/2015\/07\/tut_Photoshop_CC_2015_Novidades_03_Transcricao_Export_As.mp4?_=1\" \/><a href=\"https:\/\/waltermattos.com\/site\/wp-content\/uploads\/2015\/07\/tut_Photoshop_CC_2015_Novidades_03_Transcricao_Export_As.mp4\">https:\/\/waltermattos.com\/site\/wp-content\/uploads\/2015\/07\/tut_Photoshop_CC_2015_Novidades_03_Transcricao_Export_As.mp4<\/a><\/video><\/div>\n<p>E o mesmo vale para qualquer tipo de camada, n\u00e3o apenas grupos de camadas.<\/p>\n<p>Ou seja, eu posso exportar imagens de cada layout individualmente sem precisar fatiar como era feito antigamente.<\/p>\n<p>Legal, n\u00e9?<\/p>\n<p>E esse novo m\u00e9todo de exporta\u00e7\u00e3o tem mais uma vantagem.<\/p>\n<p>Eu vou habilitar os grids para deixar a imagem mais complexa e salvar essa imagem inteira utilizando o j\u00e1 conhecido comando \u201c<strong>Save for Web<\/strong>\u201d e escolher a op\u00e7\u00e3o JPG na qualidade m\u00e1xima. Voc\u00ea nota que o tamanho final da imagem \u00e9 de aproximadamente 2MB, o que n\u00e3o \u00e9 ruim levando em considera\u00e7\u00e3o que a imagem tem mais de 3 mil pixels de largura.<\/p>\n<div style=\"width: 640px;\" class=\"wp-video\"><video class=\"wp-video-shortcode\" id=\"video-3645-2\" width=\"640\" height=\"360\" preload=\"metadata\" controls=\"controls\"><source type=\"video\/mp4\" src=\"https:\/\/waltermattos.com\/site\/wp-content\/uploads\/2015\/07\/tut_Photoshop_CC_2015_Novidades_03_Transcricao_SFW.mp4?_=2\" \/><a href=\"https:\/\/waltermattos.com\/site\/wp-content\/uploads\/2015\/07\/tut_Photoshop_CC_2015_Novidades_03_Transcricao_SFW.mp4\">https:\/\/waltermattos.com\/site\/wp-content\/uploads\/2015\/07\/tut_Photoshop_CC_2015_Novidades_03_Transcricao_SFW.mp4<\/a><\/video><\/div>\n<p>Agora, se ao inv\u00e9s de salvar para Web eu decida vir em <strong>\u201cFile &gt; Export &gt; Export As\u201d<\/strong>, e escolha JPG com 100% de qualidade, agora eu tenho a mesma imagem com aproximadamente 1MB.<\/p>\n<div style=\"width: 640px;\" class=\"wp-video\"><video class=\"wp-video-shortcode\" id=\"video-3645-3\" width=\"640\" height=\"360\" preload=\"metadata\" controls=\"controls\"><source type=\"video\/mp4\" src=\"https:\/\/waltermattos.com\/site\/wp-content\/uploads\/2015\/07\/tut_Photoshop_CC_2015_Novidades_03_Transcricao_Export_1mb.mp4?_=3\" \/><a href=\"https:\/\/waltermattos.com\/site\/wp-content\/uploads\/2015\/07\/tut_Photoshop_CC_2015_Novidades_03_Transcricao_Export_1mb.mp4\">https:\/\/waltermattos.com\/site\/wp-content\/uploads\/2015\/07\/tut_Photoshop_CC_2015_Novidades_03_Transcricao_Export_1mb.mp4<\/a><\/video><\/div>\n<p>Ou seja, o n\u00edvel de compress\u00e3o \u00e9 muito mais eficaz, especialmente quando a imagem for muito grande.<\/p>\n<h3>Generator<\/h3>\n<p>E antes de partir para outra novidade eu n\u00e3o posso deixar de mencionar uma atualiza\u00e7\u00e3o que veio com a vers\u00e3o CC 14.1, onde j\u00e1 era poss\u00edvel salvar layers individualmente mas de uma maneira diferente, o <strong>Generator<\/strong>.<\/p>\n<p>Para habilitar essa fun\u00e7\u00e3o basta vir em <strong>\u201cFile &gt; Generate &gt; Image Assets\u201d<\/strong>.<\/p>\n<p>Agora, caso eu queira transformar qualquer camada ou grupo de camadas em um PNG, por exemplo, basta eu digitar <strong>\u201c.png\u201d<\/strong> ao lado do nome dessa camada ou grupo de camadas.<\/p>\n<div style=\"width: 640px;\" class=\"wp-video\"><video class=\"wp-video-shortcode\" id=\"video-3645-4\" width=\"640\" height=\"360\" preload=\"metadata\" controls=\"controls\"><source type=\"video\/mp4\" src=\"https:\/\/waltermattos.com\/site\/wp-content\/uploads\/2015\/07\/tut_Photoshop_CC_2015_Novidades_03_Transcricao_PNG.mp4?_=4\" \/><a href=\"https:\/\/waltermattos.com\/site\/wp-content\/uploads\/2015\/07\/tut_Photoshop_CC_2015_Novidades_03_Transcricao_PNG.mp4\">https:\/\/waltermattos.com\/site\/wp-content\/uploads\/2015\/07\/tut_Photoshop_CC_2015_Novidades_03_Transcricao_PNG.mp4<\/a><\/video><\/div>\n<p>Em princ\u00edpio pode parecer que n\u00e3o aconteceu nada, mas o Photoshop criou uma pasta na raiz do seu arquivo onde ele salva estas imagens geradas.<\/p>\n<p>Tamb\u00e9m \u00e9 poss\u00edvel definir um n\u00edvel de qualidade. Caso eu digite <strong>\u201c.jpg\u201d<\/strong> e em seguida adicione o n\u00famero <strong>\u201c5\u201d<\/strong> ao lado do nome da camada, isso significa que o Photoshop criar\u00e1 um <strong>JPG<\/strong> com <strong>50%<\/strong> de qualidade.<\/p>\n<div style=\"width: 640px;\" class=\"wp-video\"><video class=\"wp-video-shortcode\" id=\"video-3645-5\" width=\"640\" height=\"360\" preload=\"metadata\" controls=\"controls\"><source type=\"video\/mp4\" src=\"https:\/\/waltermattos.com\/site\/wp-content\/uploads\/2015\/07\/tut_Photoshop_CC_2015_Novidades_03_Transcricao_JPG5.mp4?_=5\" \/><a href=\"https:\/\/waltermattos.com\/site\/wp-content\/uploads\/2015\/07\/tut_Photoshop_CC_2015_Novidades_03_Transcricao_JPG5.mp4\">https:\/\/waltermattos.com\/site\/wp-content\/uploads\/2015\/07\/tut_Photoshop_CC_2015_Novidades_03_Transcricao_JPG5.mp4<\/a><\/video><\/div>\n<p>Enfim, \u00e9 uma ferramenta interessante mas pouco intuitiva. De qualquer forma, para quem ainda n\u00e3o atualizou para a vers\u00e3o CC 2015 pode ser uma m\u00e3o na roda.<\/p>\n<h3>Artboards<\/h3>\n<p>E agora eu entro na atualiza\u00e7\u00e3o que venha sendo talvez a mais comentada, a introdu\u00e7\u00e3o das <strong>Artboards<\/strong>.<\/p>\n<p>Quem j\u00e1 est\u00e1 familiarizado com o Illustrator sabe que \u00e9 poss\u00edvel criar \u00e1reas de trabalho diferentes para cada layout j\u00e1 h\u00e1 algum tempo. Inclusive foi aqui no Illustrator que criei estes layouts, n\u00e3o no Photoshop.<\/p>\n<img loading=\"lazy\" decoding=\"async\" width=\"640\" height=\"360\" class=\"alignnone size-full wp-image-3656\" src=\"https:\/\/waltermattos.com\/site\/wp-content\/uploads\/2015\/07\/tut_Photoshop_CC_2015_Novidades_03_Transcricao_Illustrator_Artboards_640.png\" alt=\"tut_Photoshop_CC_2015_Novidades_03_Transcricao_Illustrator_Artboards_640\" srcset=\"https:\/\/waltermattos.com\/site\/wp-content\/uploads\/2015\/07\/tut_Photoshop_CC_2015_Novidades_03_Transcricao_Illustrator_Artboards_640.png 640w, https:\/\/waltermattos.com\/site\/wp-content\/uploads\/2015\/07\/tut_Photoshop_CC_2015_Novidades_03_Transcricao_Illustrator_Artboards_640-310x174.png 310w\" sizes=\"auto, (max-width: 640px) 100vw, 640px\" \/>\n<p>Por\u00e9m, no Photoshop isso \u00e9 novidade, mas n\u00e3o \u00e9 nada complicado.<\/p>\n<p>Assim como no novo formato de exporta\u00e7\u00e3o, basta selecionar a camada ou, neste caso, um grupo de camadas, clicar com o bot\u00e3o direito e escolher a op\u00e7\u00e3o <strong>\u201cArtboard from Group\u201d<\/strong>.<\/p>\n<div style=\"width: 640px;\" class=\"wp-video\"><video class=\"wp-video-shortcode\" id=\"video-3645-6\" width=\"640\" height=\"360\" preload=\"metadata\" controls=\"controls\"><source type=\"video\/mp4\" src=\"https:\/\/waltermattos.com\/site\/wp-content\/uploads\/2015\/07\/tut_Photoshop_CC_2015_Novidades_03_Transcricao_AFG.mp4?_=6\" \/><a href=\"https:\/\/waltermattos.com\/site\/wp-content\/uploads\/2015\/07\/tut_Photoshop_CC_2015_Novidades_03_Transcricao_AFG.mp4\">https:\/\/waltermattos.com\/site\/wp-content\/uploads\/2015\/07\/tut_Photoshop_CC_2015_Novidades_03_Transcricao_AFG.mp4<\/a><\/video><\/div>\n<p>De cara voc\u00ea nota algumas diferen\u00e7as. Primeiro que o fundo mudou e eu habilitei a nova ferramenta <strong>\u201cArtboard\u201d<\/strong>, que fica no mesmo lugar que a seta preta de sele\u00e7\u00e3o.<\/p>\n<p>E caso voc\u00ea esteja acostumado com aquele fundo cinza escuro padr\u00e3o, como eu, basta clicar com o bot\u00e3o direito do mouse sobre o fundo e selecionar a op\u00e7\u00e3o <strong>\u201cDark Grey\u201d<\/strong>.<\/p>\n<div style=\"width: 640px;\" class=\"wp-video\"><video class=\"wp-video-shortcode\" id=\"video-3645-7\" width=\"640\" height=\"360\" preload=\"metadata\" controls=\"controls\"><source type=\"video\/mp4\" src=\"https:\/\/waltermattos.com\/site\/wp-content\/uploads\/2015\/07\/tut_Photoshop_CC_2015_Novidades_03_Transcricao_Dark_Gray.mp4?_=7\" \/><a href=\"https:\/\/waltermattos.com\/site\/wp-content\/uploads\/2015\/07\/tut_Photoshop_CC_2015_Novidades_03_Transcricao_Dark_Gray.mp4\">https:\/\/waltermattos.com\/site\/wp-content\/uploads\/2015\/07\/tut_Photoshop_CC_2015_Novidades_03_Transcricao_Dark_Gray.mp4<\/a><\/video><\/div>\n<p>Com a ferramenta <strong>\u201cArtboard\u201d <\/strong>habilitada eu posso editar o tamanho da \u00e1rea e com isso restringir a visualiza\u00e7\u00e3o dos elementos do layout. Tudo que estiver dentro da \u00e1rea fica vis\u00edvel e o que estiver fora fica oculto, mas continua acess\u00edvel nas camadas caso eu precise mover.<\/p>\n<p>Caso eu queira criar uma quarta vers\u00e3o do meu layout basta habilitar o bot\u00e3o <strong>\u201cAdd New<\/strong> <strong>Artboard\u201d<\/strong>, que fica aqui em cima na barra de op\u00e7\u00f5es, criar a nova \u00e1rea manualmente ou selecionar uma das v\u00e1rias presets que a ferramenta oferece.<\/p>\n<p>Tamb\u00e9m \u00e9 poss\u00edvel criar uma nova \u00e1rea pelo menu <strong>\u201cFile &gt; New\u201d<\/strong>, e em <strong>\u201cDocument Type\u201d<\/strong> selecionar a op\u00e7\u00e3o <strong>Artboard<\/strong> e novamente com a op\u00e7\u00e3o de escolher um dos presets dispon\u00edveis ou digitar o tamanho manualmente.<\/p>\n<div style=\"width: 640px;\" class=\"wp-video\"><video class=\"wp-video-shortcode\" id=\"video-3645-8\" width=\"640\" height=\"360\" preload=\"metadata\" controls=\"controls\"><source type=\"video\/mp4\" src=\"https:\/\/waltermattos.com\/site\/wp-content\/uploads\/2015\/07\/tut_Photoshop_CC_2015_Novidades_03_Transcricao_Presets.mp4?_=8\" \/><a href=\"https:\/\/waltermattos.com\/site\/wp-content\/uploads\/2015\/07\/tut_Photoshop_CC_2015_Novidades_03_Transcricao_Presets.mp4\">https:\/\/waltermattos.com\/site\/wp-content\/uploads\/2015\/07\/tut_Photoshop_CC_2015_Novidades_03_Transcricao_Presets.mp4<\/a><\/video><\/div>\n<p>Como \u00faltima op\u00e7\u00e3o voc\u00ea tamb\u00e9m pode duplicar uma das suas telas mantendo o <strong>\u201cAlt + Shift\u201d <\/strong>pressionados enquanto arrasta o layout, ou selecionando a <strong>Artboard<\/strong> pela janela <strong>Layer<\/strong> e usar o atalho <strong>\u201cCtrl + J\u201d<\/strong> para duplicar antes de arrastar a p\u00e1gina. Vale mencionar que este atalho funciona para duplicar qualquer camada, ok?<\/p>\n<p>Mas enfim, de todos estes processos creio que o mais f\u00e1cil seja transformar seu grupo de camadas em uma <strong>Artboard<\/strong> direto pelo menu de camadas. Dessa forma voc\u00ea j\u00e1 faz a convers\u00e3o de maneira organizada e cada tela recebe o nome do grupo que voc\u00ea converteu.<\/p>\n<h3>Quick export<\/h3>\n<p>E agora eu quero exportar todas estas telas de uma vez s\u00f3, e \u00e9 a\u00ed que entra outro m\u00e9todo novo de exporta\u00e7\u00e3o, o <strong>\u201cQuick Export\u201d<\/strong>.<\/p>\n<p>Eu continuo tendo a op\u00e7\u00e3o <strong>\u201cExport As\u201d<\/strong> habilitada, mas caso eu queira acelerar um pouco o processo e exportar as imagens para um formato \u00fanico j\u00e1 pr\u00e9-definido, basta selecionar a op\u00e7\u00e3o <strong>\u201cQuick Export\u201d<\/strong>, que neste caso j\u00e1 est\u00e1 pr\u00e9-configurada como <strong>\u201cPNG\u201d<\/strong>.<\/p>\n<div style=\"width: 640px;\" class=\"wp-video\"><video class=\"wp-video-shortcode\" id=\"video-3645-9\" width=\"640\" height=\"360\" preload=\"metadata\" controls=\"controls\"><source type=\"video\/mp4\" src=\"https:\/\/waltermattos.com\/site\/wp-content\/uploads\/2015\/07\/tut_Photoshop_CC_2015_Novidades_03_Transcricao_Quick_Export.mp4?_=9\" \/><a href=\"https:\/\/waltermattos.com\/site\/wp-content\/uploads\/2015\/07\/tut_Photoshop_CC_2015_Novidades_03_Transcricao_Quick_Export.mp4\">https:\/\/waltermattos.com\/site\/wp-content\/uploads\/2015\/07\/tut_Photoshop_CC_2015_Novidades_03_Transcricao_Quick_Export.mp4<\/a><\/video><\/div>\n<p>Quando eu seleciono esta op\u00e7\u00e3o o Photoshop j\u00e1 me leva direto para a escolha da pasta onde eu pretendo salvar as imagens e o \u00fanico bot\u00e3o dispon\u00edvel agora \u00e9 o <strong>\u201cOk\u201d<\/strong>.<\/p>\n<p>Caso eu queira editar esta pr\u00e9-defini\u00e7\u00e3o de imagem basta vir em <strong>\u201cFile &gt; Export &gt; Export Preferences\u201d<\/strong> e escolher as caracter\u00edsticas que eu quero para as pr\u00f3ximas exporta\u00e7\u00f5es.<\/p>\n<p>Ent\u00e3o, caso eu mude os par\u00e2metros para <strong>JPG<\/strong>, <strong>100%<\/strong> e clique em <strong>OK<\/strong>, isso significa que toda vez que eu utilizar o <strong>\u201cQuick Export\u201d <\/strong>novamente eu terei imagens salvas nestas mesmas configura\u00e7\u00f5es.<\/p>\n<h3>Content-Aware move tool<\/h3>\n<p>E como estou trabalhando com 3 vers\u00f5es do mesmo layout, nada mais l\u00f3gico que usar <strong>\u201cSmart Objects\u201d<\/strong> para objetos que se repetem nos 3 layouts. Uma das vantagens que eu posso tirar disso pode ser demonstrada com a ferramenta\u00a0<strong>\u201cContent-Aware Move Tool\u201d<\/strong>, que foi atualizada e est\u00e1 muito mais potente e precisa.<\/p>\n<p>Eu vou entrar na edi\u00e7\u00e3o do <strong>\u201cSmart Object\u201d <\/strong>dessa imagem do cachorro que se repete nos 3 layouts, selecionar a ferramenta <strong>\u201cContent-Aware Move Tool\u201d<\/strong> e demarcar uma \u00e1rea em volta do cachorro.<\/p>\n<p>Agora basta arrastar o cachorro para uma posi\u00e7\u00e3o diferente e pressionar <strong>\u201cEnter\u201d<\/strong>. Voc\u00ea nota que a atualiza\u00e7\u00e3o foi praticamente instant\u00e2nea.<\/p>\n<div style=\"width: 640px;\" class=\"wp-video\"><video class=\"wp-video-shortcode\" id=\"video-3645-10\" width=\"640\" height=\"360\" preload=\"metadata\" controls=\"controls\"><source type=\"video\/mp4\" src=\"https:\/\/waltermattos.com\/site\/wp-content\/uploads\/2015\/07\/tut_Photoshop_CC_2015_Novidades_03_Transcricao_Content_Aware.mp4?_=10\" \/><a href=\"https:\/\/waltermattos.com\/site\/wp-content\/uploads\/2015\/07\/tut_Photoshop_CC_2015_Novidades_03_Transcricao_Content_Aware.mp4\">https:\/\/waltermattos.com\/site\/wp-content\/uploads\/2015\/07\/tut_Photoshop_CC_2015_Novidades_03_Transcricao_Content_Aware.mp4<\/a><\/video><\/div>\n<p>Isso porque depois dessa \u00faltima atualiza\u00e7\u00e3o o processamento desse grupo de ferramentas ficou muito mais r\u00e1pido e atualiza\u00e7\u00e3o das corre\u00e7\u00f5es \u00e9 feita praticamente em tempo real.<\/p>\n<div style=\"width: 640px;\" class=\"wp-video\"><video class=\"wp-video-shortcode\" id=\"video-3645-11\" width=\"640\" height=\"360\" preload=\"metadata\" controls=\"controls\"><source type=\"video\/mp4\" src=\"https:\/\/waltermattos.com\/site\/wp-content\/uploads\/2015\/07\/tut_Photoshop_CC_2015_Novidades_03_Transcricao_Content_Aware_2.mp4?_=11\" \/><a href=\"https:\/\/waltermattos.com\/site\/wp-content\/uploads\/2015\/07\/tut_Photoshop_CC_2015_Novidades_03_Transcricao_Content_Aware_2.mp4\">https:\/\/waltermattos.com\/site\/wp-content\/uploads\/2015\/07\/tut_Photoshop_CC_2015_Novidades_03_Transcricao_Content_Aware_2.mp4<\/a><\/video><\/div>\n<p>Depois que terminar os ajustes basta usar o atalho <strong>\u201cCtrl + W\u201d <\/strong>para fechar a janela de edi\u00e7\u00e3o e clicar em <strong>\u201cYes\u201d<\/strong> para salvar os ajustes.<\/p>\n<p>A atualiza\u00e7\u00e3o, como voc\u00ea pode ver, foi feita nas 3 telas.<\/p>\n<h3>Libraries<\/h3>\n<p>Vou aproveitar que falei sobre <strong>\u201cSmart Objects\u201d<\/strong> e falar tamb\u00e9m sobre as <strong>\u201cLibraries\u201d<\/strong>, uma novidade que veio na primeira vers\u00e3o da Creative Cloud mas que tem bastante utilidade nessa nova vers\u00e3o 2015.<\/p>\n<p>Como eu falei anteriormente o layout desse site foi feito no Illustrator.<\/p>\n<p>Aqui no Illustrator eu tenho a janela <strong>\u201cLibraries\u201d<\/strong>, que se n\u00e3o estiver dispon\u00edvel para voc\u00ea basta vir em <strong>\u201cWindow &gt; Libraries\u201d<\/strong>.<\/p>\n<img loading=\"lazy\" decoding=\"async\" width=\"640\" height=\"352\" class=\"alignnone size-full wp-image-3665\" src=\"https:\/\/waltermattos.com\/site\/wp-content\/uploads\/2015\/07\/tut_Photoshop_CC_2015_Novidades_03_Transcricao_Libraries_640.png\" alt=\"tut_Photoshop_CC_2015_Novidades_03_Transcricao_Libraries_640\" srcset=\"https:\/\/waltermattos.com\/site\/wp-content\/uploads\/2015\/07\/tut_Photoshop_CC_2015_Novidades_03_Transcricao_Libraries_640.png 640w, https:\/\/waltermattos.com\/site\/wp-content\/uploads\/2015\/07\/tut_Photoshop_CC_2015_Novidades_03_Transcricao_Libraries_640-310x171.png 310w\" sizes=\"auto, (max-width: 640px) 100vw, 640px\" \/>\n<p>Dentro dessa janela eu tenho o item <strong>\u201cLogo WM_Ai\u201d<\/strong>, que nada mais \u00e9 que o vetor original do meu s\u00edmbolo que eu arrastei para dentro dessa janela de gr\u00e1ficos, cujo nome da pasta \u00e9 <strong>\u201cMinha Biblioteca\u201d<\/strong>.<\/p>\n<p>Depois eu arrastei o s\u00edmbolo desta pasta para todas as <strong>\u201cArtboards\u201d<\/strong> deste layout. Ou seja, aqui eu tenho na verdade 3 vers\u00f5es do mesmo s\u00edmbolo.<\/p>\n<div style=\"width: 640px;\" class=\"wp-video\"><video class=\"wp-video-shortcode\" id=\"video-3645-12\" width=\"640\" height=\"360\" preload=\"metadata\" controls=\"controls\"><source type=\"video\/mp4\" src=\"https:\/\/waltermattos.com\/site\/wp-content\/uploads\/2015\/07\/tut_Photoshop_CC_2015_Novidades_03_Transcricao_Libraries_Artboards.mp4?_=12\" \/><a href=\"https:\/\/waltermattos.com\/site\/wp-content\/uploads\/2015\/07\/tut_Photoshop_CC_2015_Novidades_03_Transcricao_Libraries_Artboards.mp4\">https:\/\/waltermattos.com\/site\/wp-content\/uploads\/2015\/07\/tut_Photoshop_CC_2015_Novidades_03_Transcricao_Libraries_Artboards.mp4<\/a><\/video><\/div>\n<p><strong>Voltando ao Photoshop<\/strong> voc\u00ea pode ver que o mesmo s\u00edmbolo est\u00e1 dispon\u00edvel dentro da mesma janela, e aqui eu tamb\u00e9m arrastei ele para dentro das 3 vers\u00f5es do layout.<\/p>\n<img loading=\"lazy\" decoding=\"async\" width=\"640\" height=\"360\" class=\"alignnone size-full wp-image-3667\" src=\"https:\/\/waltermattos.com\/site\/wp-content\/uploads\/2015\/07\/tut_Photoshop_CC_2015_Novidades_03_Transcricao_Libraries_PS_640.png\" alt=\"tut_Photoshop_CC_2015_Novidades_03_Transcricao_Libraries_PS_640\" srcset=\"https:\/\/waltermattos.com\/site\/wp-content\/uploads\/2015\/07\/tut_Photoshop_CC_2015_Novidades_03_Transcricao_Libraries_PS_640.png 640w, https:\/\/waltermattos.com\/site\/wp-content\/uploads\/2015\/07\/tut_Photoshop_CC_2015_Novidades_03_Transcricao_Libraries_PS_640-310x174.png 310w\" sizes=\"auto, (max-width: 640px) 100vw, 640px\" \/>\n<p>Isso significa que agora eu tenho 6 inst\u00e2ncias do mesmo objeto nos 2 programas. 3 em cada um.<\/p>\n<p><strong>Voltando ao Illustrator<\/strong>, que \u00e9 o programa original onde criei esse objeto, caso eu d\u00ea dois cliques neste thumbnail eu entro no modo de edi\u00e7\u00e3o dele.<\/p>\n<div style=\"width: 640px;\" class=\"wp-video\"><video class=\"wp-video-shortcode\" id=\"video-3645-13\" width=\"640\" height=\"360\" preload=\"metadata\" controls=\"controls\"><source type=\"video\/mp4\" src=\"https:\/\/waltermattos.com\/site\/wp-content\/uploads\/2015\/07\/tut_Photoshop_CC_2015_Novidades_03_Transcricao_Libraries_Edicao.mp4?_=13\" \/><a href=\"https:\/\/waltermattos.com\/site\/wp-content\/uploads\/2015\/07\/tut_Photoshop_CC_2015_Novidades_03_Transcricao_Libraries_Edicao.mp4\">https:\/\/waltermattos.com\/site\/wp-content\/uploads\/2015\/07\/tut_Photoshop_CC_2015_Novidades_03_Transcricao_Libraries_Edicao.mp4<\/a><\/video><\/div>\n<p>Se eu alterar a cor do objeto, fechar, salvar e for direto para o Photoshop, onde eu tenho outras inst\u00e2ncias deste mesmo s\u00edmbolo, voc\u00ea nota que a cor do s\u00edmbolo foi atualizada em todas as vers\u00f5es do layout.<\/p>\n<p>E s\u00f3 para confirmar e acabar de vez com esse rod\u00edzio de programas, se eu voltar para o Illustrator eu vejo que o mesmo aconteceu por aqui.<\/p>\n<div style=\"width: 640px;\" class=\"wp-video\"><video class=\"wp-video-shortcode\" id=\"video-3645-14\" width=\"640\" height=\"360\" preload=\"metadata\" controls=\"controls\"><source type=\"video\/mp4\" src=\"https:\/\/waltermattos.com\/site\/wp-content\/uploads\/2015\/07\/tut_Photoshop_CC_2015_Novidades_03_Transcricao_Libraries_Edicao_21.mp4?_=14\" \/><a href=\"https:\/\/waltermattos.com\/site\/wp-content\/uploads\/2015\/07\/tut_Photoshop_CC_2015_Novidades_03_Transcricao_Libraries_Edicao_21.mp4\">https:\/\/waltermattos.com\/site\/wp-content\/uploads\/2015\/07\/tut_Photoshop_CC_2015_Novidades_03_Transcricao_Libraries_Edicao_21.mp4<\/a><\/video><\/div>\n<p>Ou seja, \u00e9 bem parecido com os <strong>\u201cSmart Objects\u201d<\/strong> mas um alcance bem mais amplo.<\/p>\n<h3>Adobe Stock<\/h3>\n<p>E agora eu vou aproveitar o link com as <strong>\u201cLibraries\u201d<\/strong> e te apresentar o novo servi\u00e7o de compra de imagens da Adobe, o <strong>\u201c<a href=\"http:\/\/www.adobe.com\/creativecloud\/stock.html\" target=\"_blank\">Adobe Stock<\/a>\u201d<\/strong>.<\/p>\n<p>Voc\u00ea j\u00e1 deve ter notado que essa imagem da menina na biblioteca possui uma marca d\u2019\u00e1gua e que esta mesma imagem tamb\u00e9m est\u00e1 dentro da minha biblioteca de gr\u00e1ficos.<\/p>\n<img loading=\"lazy\" decoding=\"async\" width=\"640\" height=\"360\" class=\"alignnone size-full wp-image-3671\" src=\"https:\/\/waltermattos.com\/site\/wp-content\/uploads\/2015\/07\/tut_Photoshop_CC_2015_Novidades_03_Transcricao_Adobe_Stock_640.png\" alt=\"tut_Photoshop_CC_2015_Novidades_03_Transcricao_Adobe_Stock_640\" srcset=\"https:\/\/waltermattos.com\/site\/wp-content\/uploads\/2015\/07\/tut_Photoshop_CC_2015_Novidades_03_Transcricao_Adobe_Stock_640.png 640w, https:\/\/waltermattos.com\/site\/wp-content\/uploads\/2015\/07\/tut_Photoshop_CC_2015_Novidades_03_Transcricao_Adobe_Stock_640-310x174.png 310w\" sizes=\"auto, (max-width: 640px) 100vw, 640px\" \/>\n<p>Eu baixei esta imagem apenas como exemplo direto por este novo servi\u00e7o da Adobe, que pode ser acessado aqui mesmo na janela <strong>\u201cLibraries\u201d<\/strong> pelo bot\u00e3o <strong>\u201cSearch Adobe Stock\u201d<\/strong>.<\/p>\n<p>Isso me leva para a p\u00e1gina inicial da <strong>\u201cAdobe Stock<\/strong>\u201d, onde eu posso pesquisar uma nova imagem, comprar os direitos de uso ou simplesmente fazer o download de uma vers\u00e3o em baixa resolu\u00e7\u00e3o que vai direto para a pasta <strong>\u201cMinha biblioteca\u201d<\/strong>.<\/p>\n<div style=\"width: 640px;\" class=\"wp-video\"><video class=\"wp-video-shortcode\" id=\"video-3645-15\" width=\"640\" height=\"360\" preload=\"metadata\" controls=\"controls\"><source type=\"video\/mp4\" src=\"https:\/\/waltermattos.com\/site\/wp-content\/uploads\/2015\/07\/tut_Photoshop_CC_2015_Novidades_03_Transcricao_Adobe_Stock_2.mp4?_=15\" \/><a href=\"https:\/\/waltermattos.com\/site\/wp-content\/uploads\/2015\/07\/tut_Photoshop_CC_2015_Novidades_03_Transcricao_Adobe_Stock_2.mp4\">https:\/\/waltermattos.com\/site\/wp-content\/uploads\/2015\/07\/tut_Photoshop_CC_2015_Novidades_03_Transcricao_Adobe_Stock_2.mp4<\/a><\/video><\/div>\n<p>Caso eu fa\u00e7a isso e volte para o Photoshop, voc\u00ea nota que automaticamente a minha pasta foi atualizada e eu posso inserir essa imagem em baixa no meu layout antes de decidir se vou comprar ou n\u00e3o.<\/p>\n<h3>Glyphs<\/h3>\n<p>E por \u00faltimo, um novo servi\u00e7o no Photoshop tamb\u00e9m j\u00e1 conhecido para quem utiliza o Illustrator, <strong>\u201cGlyphs\u201d<\/strong>.<\/p>\n<p>Aqui mesmo na imagem da menina eu tenho o t\u00edtulo <strong>\u201cReflex\u00f5es em uma biblioteca\u201d<\/strong>. Digamos que eu queira saber se essa fonte possui uma ligadura entre as letras \u201cF\u201d e \u201cL\u201d.<\/p>\n<img loading=\"lazy\" decoding=\"async\" width=\"640\" height=\"360\" class=\"alignnone size-full wp-image-3673\" src=\"https:\/\/waltermattos.com\/site\/wp-content\/uploads\/2015\/07\/tut_Photoshop_CC_2015_Novidades_03_Transcricao_Glyphs_1.png\" alt=\"tut_Photoshop_CC_2015_Novidades_03_Transcricao_Glyphs_1\" srcset=\"https:\/\/waltermattos.com\/site\/wp-content\/uploads\/2015\/07\/tut_Photoshop_CC_2015_Novidades_03_Transcricao_Glyphs_1.png 640w, https:\/\/waltermattos.com\/site\/wp-content\/uploads\/2015\/07\/tut_Photoshop_CC_2015_Novidades_03_Transcricao_Glyphs_1-310x174.png 310w\" sizes=\"auto, (max-width: 640px) 100vw, 640px\" \/>\n<p>Agora ficou f\u00e1cil, eu s\u00f3 preciso acessar o menu <strong>\u201cType &gt; Panels &gt; Glyhps Panel\u201d<\/strong>, ou, mais f\u00e1cil ainda, vir em <strong>\u201cWindow &gt; Glyhps\u201d <\/strong>para abrir a nova janela de glifos e al\u00e9m das v\u00e1rias op\u00e7\u00f5es dispon\u00edveis eu posso pesquisar direto por ligaduras.<\/p>\n<div style=\"width: 640px;\" class=\"wp-video\"><video class=\"wp-video-shortcode\" id=\"video-3645-16\" width=\"640\" height=\"360\" preload=\"metadata\" controls=\"controls\"><source type=\"video\/mp4\" src=\"https:\/\/waltermattos.com\/site\/wp-content\/uploads\/2015\/07\/tut_Photoshop_CC_2015_Novidades_03_Transcricao_Glyphs_2.mp4?_=16\" \/><a href=\"https:\/\/waltermattos.com\/site\/wp-content\/uploads\/2015\/07\/tut_Photoshop_CC_2015_Novidades_03_Transcricao_Glyphs_2.mp4\">https:\/\/waltermattos.com\/site\/wp-content\/uploads\/2015\/07\/tut_Photoshop_CC_2015_Novidades_03_Transcricao_Glyphs_2.mp4<\/a><\/video><\/div>\n<p>Caso a fonte tenha a ligadura desejada \u00e9 s\u00f3 selecionar e pronto.<\/p>\n<p>Voc\u00ea acabou de conhecer as novidades do Photoshop que eu considero mais \u00fateis para quem trabalha com design gr\u00e1fico.<\/p>\n<h3>Encerramento<\/h3>\n<p>Espero que voc\u00ea tenha gostado desse tutorial e que estas atualiza\u00e7\u00f5es realmente te ajudem a melhorar o seu processo de trabalho.<\/p>\n<p>Estas n\u00e3o foram as \u00fanicas novidades do Photoshop. Tem muita coisa legal al\u00e9m disso e, por isso, deixei alguns links\u00a0abaixo\u00a0para outros tutoriais.<\/p>\n<p>Caso voc\u00ea ainda n\u00e3o conhe\u00e7a meu trabalho fique \u00e0 vontade para visitar o meu site, <a href=\"https:\/\/waltermattos.com\/\" target=\"_blank\">waltermattos.com<\/a>, onde eu publico n\u00e3o s\u00f3 tutoriais mas v\u00e1rios assuntos relacionados a design.<\/p>\n<p>Valeu pessoal, um abra\u00e7o e at\u00e9 a pr\u00f3xima.<\/p>\n<h4>OUTROS TUTORIAIS SOBRE PHOTOSHOP CC 2015<\/h4>\n<p><a href=\"http:\/\/clubedodesign.com\/2015\/06\/photoshop-cc-2015-principais-novidades\/\" target=\"_blank\">Clube do Design: Photoshop CC 2015 \u2013 Principais novidades<\/a><br \/>\n<a href=\"http:\/\/: https:\/\/www.youtube.com\/watch?v=zSaSxgL9SWI\" target=\"_blank\">Howard Pinsky &#8211; Top 5 Features Photoshop CC 2015<\/a><br \/>\n<a href=\"https:\/\/www.youtube.com\/watch?v=TO-ogoSMLMI\" target=\"_blank\">Terry White &#8211; Device Preview<\/a><\/p>\n<p>&#8212;<\/p>\n","protected":false},"excerpt":{"rendered":"<p>Nesta \u00faltima atualiza\u00e7\u00e3o a Adobe trouxe muitas novidades, principalmente para quem curte criar layouts no Photoshop. Apesar de n\u00e3o ter sido criado com este objetivo o Photoshop conta hoje com algumas ferramentas que ir\u00e3o, no m\u00ednimo, agilizar processos e facilitar a vida de alguns designers. No v\u00eddeo voc\u00ea ver\u00e1 as novidades da vers\u00e3o Creative Cloud&#8230;  <a class=\"excerpt-read-more\" href=\"https:\/\/waltermattos.com\/site\/tutoriais\/photoshop-cc-2015-novidades-para-designers\/\">Ler artigo<\/a><\/p>\n","protected":false},"author":2,"featured_media":3676,"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,159],"tags":[59,35],"class_list":["post-3645","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-artigos","category-tutoriais","category-videos-2","tag-design","tag-photoshop"],"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>Photoshop CC 2015: novidades para designers<\/title>\n<meta name=\"description\" content=\"Apesar de n\u00e3o ter sido criado para layouts, hoje o Photoshop conta com algumas ferramentas que ir\u00e3o facilitar muito a vida dos designers. Veja no v\u00eddeo.\" \/>\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=\"Photoshop CC 2015: novidades para designers\" \/>\n<meta property=\"og:description\" content=\"Apesar de n\u00e3o ter sido criado para layouts, hoje o Photoshop conta com algumas ferramentas que ir\u00e3o facilitar muito a vida dos designers. Veja no v\u00eddeo.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/waltermattos.com\/site\/tutoriais\/photoshop-cc-2015-novidades-para-designers\/\" \/>\n<meta property=\"og:site_name\" content=\"Walter Mattos\" \/>\n<meta property=\"article:published_time\" content=\"2015-07-09T15:33:28+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2015-07-09T15:33:59+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/waltermattos.com\/site\/wp-content\/uploads\/2015\/07\/tut_Photoshop_CC_2015_Novidades_Covers_03_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=\"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\/photoshop-cc-2015-novidades-para-designers\/#article\",\"isPartOf\":{\"@id\":\"https:\/\/waltermattos.com\/site\/tutoriais\/photoshop-cc-2015-novidades-para-designers\/\"},\"author\":{\"name\":\"Walter Mattos\",\"@id\":\"https:\/\/waltermattos.com\/site\/#\/schema\/person\/d237be35b3af8e99d73dba176ae68175\"},\"headline\":\"Photoshop CC 2015: novidades para designers\",\"datePublished\":\"2015-07-09T15:33:28+00:00\",\"dateModified\":\"2015-07-09T15:33:59+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\/\/waltermattos.com\/site\/tutoriais\/photoshop-cc-2015-novidades-para-designers\/\"},\"wordCount\":2474,\"commentCount\":6,\"image\":{\"@id\":\"https:\/\/waltermattos.com\/site\/tutoriais\/photoshop-cc-2015-novidades-para-designers\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/waltermattos.com\/site\/wp-content\/uploads\/2015\/07\/tut_Photoshop_CC_2015_Novidades_Covers_03_Blog.png\",\"keywords\":[\"Design\",\"Photoshop\"],\"articleSection\":[\"Artigos\",\"Tutoriais\",\"V\u00eddeos\"],\"inLanguage\":\"pt-BR\",\"potentialAction\":[{\"@type\":\"CommentAction\",\"name\":\"Comment\",\"target\":[\"https:\/\/waltermattos.com\/site\/tutoriais\/photoshop-cc-2015-novidades-para-designers\/#respond\"]}]},{\"@type\":\"WebPage\",\"@id\":\"https:\/\/waltermattos.com\/site\/tutoriais\/photoshop-cc-2015-novidades-para-designers\/\",\"url\":\"https:\/\/waltermattos.com\/site\/tutoriais\/photoshop-cc-2015-novidades-para-designers\/\",\"name\":\"Photoshop CC 2015: novidades para designers\",\"isPartOf\":{\"@id\":\"https:\/\/waltermattos.com\/site\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/waltermattos.com\/site\/tutoriais\/photoshop-cc-2015-novidades-para-designers\/#primaryimage\"},\"image\":{\"@id\":\"https:\/\/waltermattos.com\/site\/tutoriais\/photoshop-cc-2015-novidades-para-designers\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/waltermattos.com\/site\/wp-content\/uploads\/2015\/07\/tut_Photoshop_CC_2015_Novidades_Covers_03_Blog.png\",\"datePublished\":\"2015-07-09T15:33:28+00:00\",\"dateModified\":\"2015-07-09T15:33:59+00:00\",\"author\":{\"@id\":\"https:\/\/waltermattos.com\/site\/#\/schema\/person\/d237be35b3af8e99d73dba176ae68175\"},\"description\":\"Apesar de n\u00e3o ter sido criado para layouts, hoje o Photoshop conta com algumas ferramentas que ir\u00e3o facilitar muito a vida dos designers. Veja no v\u00eddeo.\",\"inLanguage\":\"pt-BR\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/waltermattos.com\/site\/tutoriais\/photoshop-cc-2015-novidades-para-designers\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"pt-BR\",\"@id\":\"https:\/\/waltermattos.com\/site\/tutoriais\/photoshop-cc-2015-novidades-para-designers\/#primaryimage\",\"url\":\"https:\/\/waltermattos.com\/site\/wp-content\/uploads\/2015\/07\/tut_Photoshop_CC_2015_Novidades_Covers_03_Blog.png\",\"contentUrl\":\"https:\/\/waltermattos.com\/site\/wp-content\/uploads\/2015\/07\/tut_Photoshop_CC_2015_Novidades_Covers_03_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":"Photoshop CC 2015: novidades para designers","description":"Apesar de n\u00e3o ter sido criado para layouts, hoje o Photoshop conta com algumas ferramentas que ir\u00e3o facilitar muito a vida dos designers. Veja no v\u00eddeo.","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":"Photoshop CC 2015: novidades para designers","og_description":"Apesar de n\u00e3o ter sido criado para layouts, hoje o Photoshop conta com algumas ferramentas que ir\u00e3o facilitar muito a vida dos designers. Veja no v\u00eddeo.","og_url":"https:\/\/waltermattos.com\/site\/tutoriais\/photoshop-cc-2015-novidades-para-designers\/","og_site_name":"Walter Mattos","article_published_time":"2015-07-09T15:33:28+00:00","article_modified_time":"2015-07-09T15:33:59+00:00","og_image":[{"width":420,"height":420,"url":"https:\/\/waltermattos.com\/site\/wp-content\/uploads\/2015\/07\/tut_Photoshop_CC_2015_Novidades_Covers_03_Blog.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\/photoshop-cc-2015-novidades-para-designers\/#article","isPartOf":{"@id":"https:\/\/waltermattos.com\/site\/tutoriais\/photoshop-cc-2015-novidades-para-designers\/"},"author":{"name":"Walter Mattos","@id":"https:\/\/waltermattos.com\/site\/#\/schema\/person\/d237be35b3af8e99d73dba176ae68175"},"headline":"Photoshop CC 2015: novidades para designers","datePublished":"2015-07-09T15:33:28+00:00","dateModified":"2015-07-09T15:33:59+00:00","mainEntityOfPage":{"@id":"https:\/\/waltermattos.com\/site\/tutoriais\/photoshop-cc-2015-novidades-para-designers\/"},"wordCount":2474,"commentCount":6,"image":{"@id":"https:\/\/waltermattos.com\/site\/tutoriais\/photoshop-cc-2015-novidades-para-designers\/#primaryimage"},"thumbnailUrl":"https:\/\/waltermattos.com\/site\/wp-content\/uploads\/2015\/07\/tut_Photoshop_CC_2015_Novidades_Covers_03_Blog.png","keywords":["Design","Photoshop"],"articleSection":["Artigos","Tutoriais","V\u00eddeos"],"inLanguage":"pt-BR","potentialAction":[{"@type":"CommentAction","name":"Comment","target":["https:\/\/waltermattos.com\/site\/tutoriais\/photoshop-cc-2015-novidades-para-designers\/#respond"]}]},{"@type":"WebPage","@id":"https:\/\/waltermattos.com\/site\/tutoriais\/photoshop-cc-2015-novidades-para-designers\/","url":"https:\/\/waltermattos.com\/site\/tutoriais\/photoshop-cc-2015-novidades-para-designers\/","name":"Photoshop CC 2015: novidades para designers","isPartOf":{"@id":"https:\/\/waltermattos.com\/site\/#website"},"primaryImageOfPage":{"@id":"https:\/\/waltermattos.com\/site\/tutoriais\/photoshop-cc-2015-novidades-para-designers\/#primaryimage"},"image":{"@id":"https:\/\/waltermattos.com\/site\/tutoriais\/photoshop-cc-2015-novidades-para-designers\/#primaryimage"},"thumbnailUrl":"https:\/\/waltermattos.com\/site\/wp-content\/uploads\/2015\/07\/tut_Photoshop_CC_2015_Novidades_Covers_03_Blog.png","datePublished":"2015-07-09T15:33:28+00:00","dateModified":"2015-07-09T15:33:59+00:00","author":{"@id":"https:\/\/waltermattos.com\/site\/#\/schema\/person\/d237be35b3af8e99d73dba176ae68175"},"description":"Apesar de n\u00e3o ter sido criado para layouts, hoje o Photoshop conta com algumas ferramentas que ir\u00e3o facilitar muito a vida dos designers. Veja no v\u00eddeo.","inLanguage":"pt-BR","potentialAction":[{"@type":"ReadAction","target":["https:\/\/waltermattos.com\/site\/tutoriais\/photoshop-cc-2015-novidades-para-designers\/"]}]},{"@type":"ImageObject","inLanguage":"pt-BR","@id":"https:\/\/waltermattos.com\/site\/tutoriais\/photoshop-cc-2015-novidades-para-designers\/#primaryimage","url":"https:\/\/waltermattos.com\/site\/wp-content\/uploads\/2015\/07\/tut_Photoshop_CC_2015_Novidades_Covers_03_Blog.png","contentUrl":"https:\/\/waltermattos.com\/site\/wp-content\/uploads\/2015\/07\/tut_Photoshop_CC_2015_Novidades_Covers_03_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\/2015\/07\/tut_Photoshop_CC_2015_Novidades_Covers_03_Blog.png","jetpack_sharing_enabled":true,"jetpack_shortlink":"https:\/\/wp.me\/p53J0J-WN","_links":{"self":[{"href":"https:\/\/waltermattos.com\/site\/wp-json\/wp\/v2\/posts\/3645","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=3645"}],"version-history":[{"count":10,"href":"https:\/\/waltermattos.com\/site\/wp-json\/wp\/v2\/posts\/3645\/revisions"}],"predecessor-version":[{"id":3683,"href":"https:\/\/waltermattos.com\/site\/wp-json\/wp\/v2\/posts\/3645\/revisions\/3683"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/waltermattos.com\/site\/wp-json\/wp\/v2\/media\/3676"}],"wp:attachment":[{"href":"https:\/\/waltermattos.com\/site\/wp-json\/wp\/v2\/media?parent=3645"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/waltermattos.com\/site\/wp-json\/wp\/v2\/categories?post=3645"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/waltermattos.com\/site\/wp-json\/wp\/v2\/tags?post=3645"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}