{"id":11856,"date":"2024-02-03T05:54:00","date_gmt":"2024-02-03T08:54:00","guid":{"rendered":"https:\/\/4tuneagencia.digital\/blog\/tutorial-criando-layout-no-photoshop-oficina-da-net\/"},"modified":"2024-02-03T05:54:00","modified_gmt":"2024-02-03T08:54:00","slug":"tutorial-criando-layout-no-photoshop-oficina-da-net","status":"publish","type":"post","link":"https:\/\/4tuneagencia.digital\/blog\/tutorial-criando-layout-no-photoshop-oficina-da-net\/","title":{"rendered":"Tutorial: Criando layout no Photoshop – Oficina da Net"},"content":{"rendered":"

Aprenda a criar um layout com efeitos usando o photoshop. O layout criado tem bastante detalhes e requer um bom conhecimento na ferramenta.
Vamos criar um layout qualificado e criativo utilizando ferramentas do Photoshop. Para isto, \u00e9 necess\u00e1rio que voc\u00ea tenha um conhecimento b\u00e1sico no software al\u00e9m de exercitar a sua criatividade. Primeiramente vamos ver como ficar\u00e1 nosso projeto com a imagem abaixo. Resultado final:
Abra um novo documento com as seguintes caracter\u00edsticas.
Veja que a camada esta com um cadeado… clique duas vezes sobre a camada para tirar este cadeado deixando assim a camada livre para trabalhar-mos.
V\u00e1 em add a layer style e adicione a op\u00e7\u00e3o gradient overlay. Aparecer\u00e1 a seguinte op\u00e7\u00e3o.
Clique na parte que est\u00e1 marcada com vermelho. Teremos a seguinte op\u00e7\u00e3o j\u00e1 alterada para nosso fundo. ( mude as cores para a 2020e1)
At\u00e9 aqui teremos o seguinte resultado.
Selecione a ferramenta Rectangle tool (U) e fa\u00e7a um retangulo como mostra a imagem abaixo.
Ainda com a ferramenta rectangle tool selecione a op\u00e7\u00e3o subctract shape area (subtrair shape)
e divida o ret\u00e2ngulo como mostra a imagem
Tereremos o seguint resultado:
O pr\u00f3ximo passo \u00e9 adicionar uma imagem no ret\u00e2ngulo branco que criamos. Selecione uma foto e adicione ao documento… Foto Download <\/a>
Para deixar a imagem com a mesma forma do retangulo acima, voc\u00ea deve fazer o seguinte. Coloque sua aten\u00e7\u00e3o sobre a camada da foto, segure alt e na transi\u00e7\u00e3o de uma foto para outra de um clique( simplesmente selecione a camada da foto e aperte Ctrl + AZlt + G). Isso vai fazer uma clip layer mask.<\/p>\n

Camada sem a clip mask<\/strong>
Camada com a clip mask<\/strong>
Vamos aplicar um tom de laranja na imagem. para isso v\u00e1 em adjustments > color filter e configure como mostra a imagem abaixo.
Resultado:
Baixe o seguinte brush pack 1 e download<\/a> (rosas) fa\u00e7a mais ou menos como mostra a imagem abaixo ( vou deixar para a ultima etapa)<\/p>\n

Baixe a Fonte Bahaus. Digite como mostra a imagem. Voc\u00ea pode alterar \u00e9 claro.<\/p>\n

Selecione a palavra pessoal e adicione alguns efeitos em add layer style
Configure seu gradient com as seguintes cores…
Teremos o seguinte resultado.
T\u00e1 cansado? Salva e volta depois cara… hehehe vai beber uma \u00e1gua, relaxar no orkut, ou mesmo dar uam volta de bicicleta, faz bem…
Com os brushes que temos ficaremos mais ou menos assim.
Selecione novamente a ferramenta rectangle tool e fa\u00e7a uns pequenos retangulos abaixo da foto. veja a imagem abaixo. O objetivo desta parte \u00e9 criar o menu.
Adicione mais uma camada de efeitos e v\u00e1 em gradient overlay.
Configure nosso gradiente como mostra a imagem abaixo.
Teremos logo em seguida o seguinte resultado.
Agora fa\u00e7a uma c\u00f3pia desse ret\u00e2ngulo que criamos.
V\u00e1 em add alayer style e use os seguintes parametros na c\u00f3pia do ret\u00e2ngulo que criamos
Ficaremos com o seguinte resultado.
Fa\u00e7a algumas c\u00f3pias do nosso retangulo. Veja na imagem abaixo que todos os retangulos est\u00e3o alinhados ao retangulo maior que contem a foto o outro alinharemos mais objetos posteriormente.
Dica: Renomei as camada para melhor localiz\u00e1-las durante o trabalho.
Para dar um estilo maior a p\u00e1gina, crie uma linha branca sobre o bot\u00e3o 1 ( cor laranja) veja a imagem. Para ajudar a desenhar a linha voc\u00ea pode colocar linhas guias ( para exibir uma linha guia voc\u00ea clica na r\u00e9gua e arrasta a linha guia at\u00e9 o ponto desejado.)
Use a ferramenta rectangle tool.<\/p>\n

Ap\u00f3s desenhar a linha branco criaremos os links do menu.
Para o ret\u00e2ngulo que tem a cor laranja use as seguintes configura\u00e7\u00f5es para o texto.
Nos ret\u00e2ngulo da cor cinza.
At\u00e9 agora temos o seguinte resultado.
Pensa que acabou? hehe respira a\u00ed. Vamos agora dar um charme a mais nos links, vamos desenhar uma pequena seta em cada link. Bem eu n\u00e3o desenhei cada seta, apenas usei o caractere “>” e coloquei em um tamanho reduzido. Repare nas cores das setas elas obedecem as cores de cada palavra.
Bem nessa parte estamos perto do fim. Para finalizar a parte de links, desenhe agora um retangulo alinhado com com ret\u00e2ngulo menor o da direita.
Selecione a ferrameta custom shape(U) e utilize alguns dos shapes que o photoshop j\u00e1 tr\u00e1s
Use os seguintes:
Temos o seguinte:
Teremos o seguinte resultado (j\u00e1 mudei a cor da forma) a cor que usei foi a 2A251F.
Adicione esses novos par\u00e2metros.
Selecione a ferramenta rectangle tool e fa\u00e7a tr\u00eas ret\u00e2ngulos. Olhe para a imagem para ter maior detalhe.
Adicione pequenos textos nas caixas que criamos:
Adicione o mesmo estilo que criamos para a palavra p\u00e1gina:
Agora com a ferramenta rectangle tool adicione pequenos quadrados na p\u00e1gina, veja o exemplo.
[PG3]
Teremos o seguinte resultado. Observer que adicionei mais dois quadrados na parte de trabalhos.
Se voc\u00ea quiser usar as fotos utilizadas neste tutorial clique nos links abaixo:
1<\/a> 2<\/a> 3<\/a> 4<\/a> 5<\/a><\/p>\n

Adicione as fotos que desejar no layout. Dica para ser mais f\u00e1cil encaixar as fotos nos quadrados use a clipmask ( posicione a foto sobre o retangulo e aperte Ctrl + alt + G e a foto ficar\u00e1 delimitada ao quadrado.) Abaixo exemplo de uma foto com uma clipmsk
Nosso trabalho… puxa estamos terminado.
S\u00f3 para melhorar a apar\u00eancia use novamente o filtro de foto na cor laranja. Para quem n\u00e3o lembra \u00e9 s\u00f3 ir em adjustments> Photo filter
Agora vamos adicionar este estilo a linha que criamos.
Para isso voc\u00ea necessita criar um pattern. Para isso vamos fazer o seguinte. Abra um novo documento 10×10 px com 72 dpi. Ap\u00f3s isso selecione a ferramente brush com um valor pequeno e pinte a metade do quadrado que criamos.
Veja que o fundo deve ser transparente. Selecione a ferramenta crop e configure com as seguintes dimens\u00f5es.
E corte a imagem por completo. V\u00e1 em edit> define pattern.
Volte para o projeto do layout na camada que criamos a linha. Adicione mais uma nova camada de estilo a ela e v\u00e1 at\u00e9 strok.( lembre- que a camada de estilo \u00e9 aquela que tem os par\u00e2metros para o strok s\u00e3o os seguintes.
Ap\u00f3s isso \u00e9 s\u00f3 colocar os textos e pronto.
Segura ai as configura\u00e7\u00f5es dos textos. Para o come\u00e7o do texto.
Pronto. Terminamos… Resultado final:
Siga o Oficina da Net<\/a> no G<\/span> o<\/span> o<\/span> g<\/span> l<\/span> e<\/span> News <\/strong> e receba alertas e as principais not\u00edcias sobre tecnologia, smartphones, ci\u00eancia, entretenimento digital e plataforma de streamings.
\ud83d\ude15 Poxa, o que podemos melhorar?
\ud83d\ude03 Boa, seu feedback foi enviado!
\u270b Voc\u00ea j\u00e1 nos enviou um feedback para este texto.
Trabalho com com edi\u00e7\u00e3o de imagens e os programas que domino s\u00e3o : Photoshop e Sony Vegas V\u00eddeo. onde, juntos desenvolvo minhas atividades como t\u00e9cnico em Audiovisual junto a UFC.
Se voc\u00ea est\u00e1 em busca das melhores marcas de fechaduras digitais compat\u00edveis com a Alexa para instalar na sua resid\u00eancia, confira nossa lista com as 7 melhores fabricantes no Brasil.
Qual o melhor celular Motorola em 2024? Essa lista aqui \u00e9 para voc\u00ea, temos os 5 melhores celulares Motorola para comprar.
Se voc\u00ea est\u00e1 pensando em comprar uma fechadura inteligente, confira abaixo, nossas sugest\u00f5es.
Pensando em comprar um celular para tirar boas fotos? A Samsung \u00e9 uma das marcas que entrega \u00f3tima qualidade de imagem, confira tr\u00eas celulares que s\u00e3o bons.
A TCL \u00e9 uma marca que vem conquistando espa\u00e7o no mercado de TVs aqui no Brasil, principalmente no segmento entrada e intermedi\u00e1rio. Confira abaixo 4 modelos que recomendamos.
Oficina da Net © 2005 – 2024 – Um site do grupo<\/p>\n

source<\/a><\/p>\n","protected":false},"excerpt":{"rendered":"

Aprenda a criar um layout com efeitos usando o photoshop. O layout criado tem bastante detalhes e requer um bom conhecimento na ferramenta.Vamos criar um layout qualificado e criativo utilizando ferramentas do Photoshop. Para isto, \u00e9 necess\u00e1rio que voc\u00ea tenha um conhecimento b\u00e1sico no software al\u00e9m de exercitar a sua criatividade. Primeiramente vamos ver como…<\/p>\n","protected":false},"author":1,"featured_media":11857,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[31],"tags":[70],"class_list":["post-11856","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-design","tag-designer"],"yoast_head":"\nTutorial: Criando layout no Photoshop - Oficina da Net - 4tuneagencia.digital<\/title>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/4tuneagencia.digital\/blog\/tutorial-criando-layout-no-photoshop-oficina-da-net\/\" \/>\n<meta property=\"og:locale\" content=\"pt_BR\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Tutorial: Criando layout no Photoshop - Oficina da Net\" \/>\n<meta property=\"og:description\" content=\"Aprenda a criar um layout com efeitos usando o photoshop. O layout criado tem bastante detalhes e requer um bom conhecimento na ferramenta.Vamos criar um layout qualificado e criativo utilizando ferramentas do Photoshop. Para isto, \u00e9 necess\u00e1rio que voc\u00ea tenha um conhecimento b\u00e1sico no software al\u00e9m de exercitar a sua criatividade. Primeiramente vamos ver como...\" \/>\n<meta property=\"og:url\" content=\"https:\/\/4tuneagencia.digital\/blog\/tutorial-criando-layout-no-photoshop-oficina-da-net\/\" \/>\n<meta property=\"og:site_name\" content=\"4tuneagencia.digital\" \/>\n<meta property=\"article:published_time\" content=\"2024-02-03T08:54:00+00:00\" \/>\n<meta name=\"author\" content=\"4tune\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Escrito por\" \/>\n\t<meta name=\"twitter:data1\" content=\"4tune\" \/>\n\t<meta name=\"twitter:label2\" content=\"Est. tempo de leitura\" \/>\n\t<meta name=\"twitter:data2\" content=\"6 minutos\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\/\/4tuneagencia.digital\/blog\/tutorial-criando-layout-no-photoshop-oficina-da-net\/#article\",\"isPartOf\":{\"@id\":\"https:\/\/4tuneagencia.digital\/blog\/tutorial-criando-layout-no-photoshop-oficina-da-net\/\"},\"author\":{\"name\":\"4tune\",\"@id\":\"https:\/\/4tuneagencia.digital\/blog\/#\/schema\/person\/7c40d2e8b9964c2390122613459c2100\"},\"headline\":\"Tutorial: Criando layout no Photoshop – Oficina da Net\",\"datePublished\":\"2024-02-03T08:54:00+00:00\",\"dateModified\":\"2024-02-03T08:54:00+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\/\/4tuneagencia.digital\/blog\/tutorial-criando-layout-no-photoshop-oficina-da-net\/\"},\"wordCount\":1276,\"commentCount\":0,\"publisher\":{\"@id\":\"https:\/\/4tuneagencia.digital\/blog\/#organization\"},\"image\":{\"@id\":\"https:\/\/4tuneagencia.digital\/blog\/tutorial-criando-layout-no-photoshop-oficina-da-net\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/4tuneagencia.digital\/blog\/wp-content\/uploads\/2024\/02\/wp-header-logo-20.png\",\"keywords\":[\"Designer\"],\"articleSection\":[\"Design\"],\"inLanguage\":\"pt-BR\",\"potentialAction\":[{\"@type\":\"CommentAction\",\"name\":\"Comment\",\"target\":[\"https:\/\/4tuneagencia.digital\/blog\/tutorial-criando-layout-no-photoshop-oficina-da-net\/#respond\"]}]},{\"@type\":\"WebPage\",\"@id\":\"https:\/\/4tuneagencia.digital\/blog\/tutorial-criando-layout-no-photoshop-oficina-da-net\/\",\"url\":\"https:\/\/4tuneagencia.digital\/blog\/tutorial-criando-layout-no-photoshop-oficina-da-net\/\",\"name\":\"Tutorial: Criando layout no Photoshop - Oficina da Net - 4tuneagencia.digital\",\"isPartOf\":{\"@id\":\"https:\/\/4tuneagencia.digital\/blog\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/4tuneagencia.digital\/blog\/tutorial-criando-layout-no-photoshop-oficina-da-net\/#primaryimage\"},\"image\":{\"@id\":\"https:\/\/4tuneagencia.digital\/blog\/tutorial-criando-layout-no-photoshop-oficina-da-net\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/4tuneagencia.digital\/blog\/wp-content\/uploads\/2024\/02\/wp-header-logo-20.png\",\"datePublished\":\"2024-02-03T08:54:00+00:00\",\"dateModified\":\"2024-02-03T08:54:00+00:00\",\"breadcrumb\":{\"@id\":\"https:\/\/4tuneagencia.digital\/blog\/tutorial-criando-layout-no-photoshop-oficina-da-net\/#breadcrumb\"},\"inLanguage\":\"pt-BR\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/4tuneagencia.digital\/blog\/tutorial-criando-layout-no-photoshop-oficina-da-net\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"pt-BR\",\"@id\":\"https:\/\/4tuneagencia.digital\/blog\/tutorial-criando-layout-no-photoshop-oficina-da-net\/#primaryimage\",\"url\":\"https:\/\/4tuneagencia.digital\/blog\/wp-content\/uploads\/2024\/02\/wp-header-logo-20.png\",\"contentUrl\":\"https:\/\/4tuneagencia.digital\/blog\/wp-content\/uploads\/2024\/02\/wp-header-logo-20.png\",\"width\":400,\"height\":251},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/4tuneagencia.digital\/blog\/tutorial-criando-layout-no-photoshop-oficina-da-net\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"In\u00edcio\",\"item\":\"https:\/\/4tuneagencia.digital\/blog\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Tutorial: Criando layout no Photoshop – Oficina da Net\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/4tuneagencia.digital\/blog\/#website\",\"url\":\"https:\/\/4tuneagencia.digital\/blog\/\",\"name\":\"4tuneagencia.digital\",\"description\":\"Marketing e Web Designer \",\"publisher\":{\"@id\":\"https:\/\/4tuneagencia.digital\/blog\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/4tuneagencia.digital\/blog\/?s={search_term_string}\"},\"query-input\":\"required name=search_term_string\"}],\"inLanguage\":\"pt-BR\"},{\"@type\":\"Organization\",\"@id\":\"https:\/\/4tuneagencia.digital\/blog\/#organization\",\"name\":\"4tuneagencia.digital\",\"url\":\"https:\/\/4tuneagencia.digital\/blog\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"pt-BR\",\"@id\":\"https:\/\/4tuneagencia.digital\/blog\/#\/schema\/logo\/image\/\",\"url\":\"https:\/\/4tuneagencia.digital\/blog\/wp-content\/uploads\/2023\/09\/novo-logo-e1694954525541.png\",\"contentUrl\":\"https:\/\/4tuneagencia.digital\/blog\/wp-content\/uploads\/2023\/09\/novo-logo-e1694954525541.png\",\"width\":250,\"height\":250,\"caption\":\"4tuneagencia.digital\"},\"image\":{\"@id\":\"https:\/\/4tuneagencia.digital\/blog\/#\/schema\/logo\/image\/\"}},{\"@type\":\"Person\",\"@id\":\"https:\/\/4tuneagencia.digital\/blog\/#\/schema\/person\/7c40d2e8b9964c2390122613459c2100\",\"name\":\"4tune\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"pt-BR\",\"@id\":\"https:\/\/4tuneagencia.digital\/blog\/#\/schema\/person\/image\/\",\"url\":\"https:\/\/secure.gravatar.com\/avatar\/e81e8ea0176022ee4555117aee5e3092bff2a7aaa930134f8023c7d4bc2f1495?s=96&d=mm&r=g\",\"contentUrl\":\"https:\/\/secure.gravatar.com\/avatar\/e81e8ea0176022ee4555117aee5e3092bff2a7aaa930134f8023c7d4bc2f1495?s=96&d=mm&r=g\",\"caption\":\"4tune\"},\"sameAs\":[\"http:\/\/4tuneagencia.digital\"],\"url\":\"https:\/\/4tuneagencia.digital\/blog\/author\/admin\/\"}]}<\/script>\n<!-- \/ Yoast SEO Premium plugin. -->","yoast_head_json":{"title":"Tutorial: Criando layout no Photoshop - Oficina da Net - 4tuneagencia.digital","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/4tuneagencia.digital\/blog\/tutorial-criando-layout-no-photoshop-oficina-da-net\/","og_locale":"pt_BR","og_type":"article","og_title":"Tutorial: Criando layout no Photoshop - Oficina da Net","og_description":"Aprenda a criar um layout com efeitos usando o photoshop. O layout criado tem bastante detalhes e requer um bom conhecimento na ferramenta.Vamos criar um layout qualificado e criativo utilizando ferramentas do Photoshop. Para isto, \u00e9 necess\u00e1rio que voc\u00ea tenha um conhecimento b\u00e1sico no software al\u00e9m de exercitar a sua criatividade. Primeiramente vamos ver como...","og_url":"https:\/\/4tuneagencia.digital\/blog\/tutorial-criando-layout-no-photoshop-oficina-da-net\/","og_site_name":"4tuneagencia.digital","article_published_time":"2024-02-03T08:54:00+00:00","author":"4tune","twitter_card":"summary_large_image","twitter_misc":{"Escrito por":"4tune","Est. tempo de leitura":"6 minutos"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/4tuneagencia.digital\/blog\/tutorial-criando-layout-no-photoshop-oficina-da-net\/#article","isPartOf":{"@id":"https:\/\/4tuneagencia.digital\/blog\/tutorial-criando-layout-no-photoshop-oficina-da-net\/"},"author":{"name":"4tune","@id":"https:\/\/4tuneagencia.digital\/blog\/#\/schema\/person\/7c40d2e8b9964c2390122613459c2100"},"headline":"Tutorial: Criando layout no Photoshop – Oficina da Net","datePublished":"2024-02-03T08:54:00+00:00","dateModified":"2024-02-03T08:54:00+00:00","mainEntityOfPage":{"@id":"https:\/\/4tuneagencia.digital\/blog\/tutorial-criando-layout-no-photoshop-oficina-da-net\/"},"wordCount":1276,"commentCount":0,"publisher":{"@id":"https:\/\/4tuneagencia.digital\/blog\/#organization"},"image":{"@id":"https:\/\/4tuneagencia.digital\/blog\/tutorial-criando-layout-no-photoshop-oficina-da-net\/#primaryimage"},"thumbnailUrl":"https:\/\/4tuneagencia.digital\/blog\/wp-content\/uploads\/2024\/02\/wp-header-logo-20.png","keywords":["Designer"],"articleSection":["Design"],"inLanguage":"pt-BR","potentialAction":[{"@type":"CommentAction","name":"Comment","target":["https:\/\/4tuneagencia.digital\/blog\/tutorial-criando-layout-no-photoshop-oficina-da-net\/#respond"]}]},{"@type":"WebPage","@id":"https:\/\/4tuneagencia.digital\/blog\/tutorial-criando-layout-no-photoshop-oficina-da-net\/","url":"https:\/\/4tuneagencia.digital\/blog\/tutorial-criando-layout-no-photoshop-oficina-da-net\/","name":"Tutorial: Criando layout no Photoshop - Oficina da Net - 4tuneagencia.digital","isPartOf":{"@id":"https:\/\/4tuneagencia.digital\/blog\/#website"},"primaryImageOfPage":{"@id":"https:\/\/4tuneagencia.digital\/blog\/tutorial-criando-layout-no-photoshop-oficina-da-net\/#primaryimage"},"image":{"@id":"https:\/\/4tuneagencia.digital\/blog\/tutorial-criando-layout-no-photoshop-oficina-da-net\/#primaryimage"},"thumbnailUrl":"https:\/\/4tuneagencia.digital\/blog\/wp-content\/uploads\/2024\/02\/wp-header-logo-20.png","datePublished":"2024-02-03T08:54:00+00:00","dateModified":"2024-02-03T08:54:00+00:00","breadcrumb":{"@id":"https:\/\/4tuneagencia.digital\/blog\/tutorial-criando-layout-no-photoshop-oficina-da-net\/#breadcrumb"},"inLanguage":"pt-BR","potentialAction":[{"@type":"ReadAction","target":["https:\/\/4tuneagencia.digital\/blog\/tutorial-criando-layout-no-photoshop-oficina-da-net\/"]}]},{"@type":"ImageObject","inLanguage":"pt-BR","@id":"https:\/\/4tuneagencia.digital\/blog\/tutorial-criando-layout-no-photoshop-oficina-da-net\/#primaryimage","url":"https:\/\/4tuneagencia.digital\/blog\/wp-content\/uploads\/2024\/02\/wp-header-logo-20.png","contentUrl":"https:\/\/4tuneagencia.digital\/blog\/wp-content\/uploads\/2024\/02\/wp-header-logo-20.png","width":400,"height":251},{"@type":"BreadcrumbList","@id":"https:\/\/4tuneagencia.digital\/blog\/tutorial-criando-layout-no-photoshop-oficina-da-net\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"In\u00edcio","item":"https:\/\/4tuneagencia.digital\/blog\/"},{"@type":"ListItem","position":2,"name":"Tutorial: Criando layout no Photoshop – Oficina da Net"}]},{"@type":"WebSite","@id":"https:\/\/4tuneagencia.digital\/blog\/#website","url":"https:\/\/4tuneagencia.digital\/blog\/","name":"4tuneagencia.digital","description":"Marketing e Web Designer ","publisher":{"@id":"https:\/\/4tuneagencia.digital\/blog\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/4tuneagencia.digital\/blog\/?s={search_term_string}"},"query-input":"required name=search_term_string"}],"inLanguage":"pt-BR"},{"@type":"Organization","@id":"https:\/\/4tuneagencia.digital\/blog\/#organization","name":"4tuneagencia.digital","url":"https:\/\/4tuneagencia.digital\/blog\/","logo":{"@type":"ImageObject","inLanguage":"pt-BR","@id":"https:\/\/4tuneagencia.digital\/blog\/#\/schema\/logo\/image\/","url":"https:\/\/4tuneagencia.digital\/blog\/wp-content\/uploads\/2023\/09\/novo-logo-e1694954525541.png","contentUrl":"https:\/\/4tuneagencia.digital\/blog\/wp-content\/uploads\/2023\/09\/novo-logo-e1694954525541.png","width":250,"height":250,"caption":"4tuneagencia.digital"},"image":{"@id":"https:\/\/4tuneagencia.digital\/blog\/#\/schema\/logo\/image\/"}},{"@type":"Person","@id":"https:\/\/4tuneagencia.digital\/blog\/#\/schema\/person\/7c40d2e8b9964c2390122613459c2100","name":"4tune","image":{"@type":"ImageObject","inLanguage":"pt-BR","@id":"https:\/\/4tuneagencia.digital\/blog\/#\/schema\/person\/image\/","url":"https:\/\/secure.gravatar.com\/avatar\/e81e8ea0176022ee4555117aee5e3092bff2a7aaa930134f8023c7d4bc2f1495?s=96&d=mm&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/e81e8ea0176022ee4555117aee5e3092bff2a7aaa930134f8023c7d4bc2f1495?s=96&d=mm&r=g","caption":"4tune"},"sameAs":["http:\/\/4tuneagencia.digital"],"url":"https:\/\/4tuneagencia.digital\/blog\/author\/admin\/"}]}},"jetpack_featured_media_url":"https:\/\/4tuneagencia.digital\/blog\/wp-content\/uploads\/2024\/02\/wp-header-logo-20.png","_links":{"self":[{"href":"https:\/\/4tuneagencia.digital\/blog\/wp-json\/wp\/v2\/posts\/11856","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/4tuneagencia.digital\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/4tuneagencia.digital\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/4tuneagencia.digital\/blog\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/4tuneagencia.digital\/blog\/wp-json\/wp\/v2\/comments?post=11856"}],"version-history":[{"count":0,"href":"https:\/\/4tuneagencia.digital\/blog\/wp-json\/wp\/v2\/posts\/11856\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/4tuneagencia.digital\/blog\/wp-json\/wp\/v2\/media\/11857"}],"wp:attachment":[{"href":"https:\/\/4tuneagencia.digital\/blog\/wp-json\/wp\/v2\/media?parent=11856"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/4tuneagencia.digital\/blog\/wp-json\/wp\/v2\/categories?post=11856"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/4tuneagencia.digital\/blog\/wp-json\/wp\/v2\/tags?post=11856"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}