no ,

Criando um separador no Photoshop.

Preview Descrição: Neste tutorial veremos como criar um separador que pode ter diversos tipos de uso, tanto na web como em impressos etc.

tutoriaisphotoshop.net

"use strict"; var adace_load_5f09d48a27da3 = function(){ var viewport = $(window).width(); var tabletStart = 601; var landscapeStart = 801; var tabletEnd = 961; var content = '%3Cdiv%20class%3D%22adace_adsense_5f09d48a27d69%22%3E%3Cscript%20async%20src%3D%22%2F%2Fpagead2.googlesyndication.com%2Fpagead%2Fjs%2Fadsbygoogle.js%22%3E%3C%2Fscript%3E%0A%09%09%3Cins%20class%3D%22adsbygoogle%22%0A%09%09style%3D%22display%3Ablock%3B%22%0A%09%09data-ad-client%3D%22ca-pub-3297652328497884%22%0A%09%09data-ad-slot%3D%221456553999%22%0A%09%09data-ad-format%3D%22auto%22%0A%09%09%3E%3C%2Fins%3E%0A%09%09%3Cscript%3E%28adsbygoogle%20%3D%20window.adsbygoogle%20%7C%7C%20%5B%5D%29.push%28%7B%7D%29%3B%3C%2Fscript%3E%3C%2Fdiv%3E'; var unpack = true; if(viewport=tabletStart && viewport=landscapeStart && viewport=tabletStart && viewport=tabletEnd){ if ($wrapper.hasClass('.adace-hide-on-desktop')){ $wrapper.remove(); } } if(unpack) { $self.replaceWith(decodeURIComponent(content)); } } if($wrapper.css('visibility') === 'visible' ) { adace_load_5f09d48a27da3(); } else { //fire when visible. var refreshIntervalId = setInterval(function(){ if($wrapper.css('visibility') === 'visible' ) { adace_load_5f09d48a27da3(); clearInterval(refreshIntervalId); } }, 999); }

})(jQuery);

(adsbygoogle = window.adsbygoogle || []).push({});

01. Pressione Ctrl+N para criar um novo documento, defina os valores abaixo e pressione Ok, escolha a cor #6e6c6c e pressione Alt+Backspace (a tecla acima do Enter) ou pressione a letra G do teclado para selecionar a Paint Bucket Tool e clique no documento para preencher a layer com a cor escolhida.

tutoriais photoshop

02. Pressione a letra U do teclado para selecionar a Rectangle Tool, certifique-se de que a opção Shape Layers esteja ativada, escolha a cor #4b4a4a e crie um retângulo como o da foto abaixo.

tutoriais photoshop

03. Pressione Ctrl+J para duplicar a layer, pressione a letra V do teclado para selecionar a Move Tool e posicione a cópia da layer como na foto abaixo.

tutoriais photoshop

04. Agora vá em Layer> Layer Style> Gradient Overlay e defina os valores abaixo.

tutoriais photoshop

05. Vá em Layer> Layer Style> Stroke e defina os valores abaixo.

tutoriais photoshop

06. Sua imagem deverá ficar como o a da foto abaixo.

tutoriais photoshop

07. Clique na layer do segundo retângulo e vá em Layer> Layer Style> Gradient Overlay, defina os valores abaixo.

tutoriais photoshop

08. Vá em Layer> Layer Style> Stroke e defina os valores abaixo.

tutoriais photoshop

09. Sua imagem deverá ficar como a da foto abaixo.

tutoriais photoshop

(adsbygoogle = window.adsbygoogle || []).push({});

10. Pressione Ctrl+E para mesclar as duas layers, pressione a letra M do teclado para selecionar a Rectangular Marquee Tool e crie um retângulo como a da foto abaixo.

tutoriais photoshop

11. Pressione Ctrl+Shift+I para inverter a seleção.

tutoriais photoshop

12. Vá em Select> Modify> Feather.

tutoriais photoshop

13. Defina os valores abaixo e pressione Ok.

tutoriais photoshop

14. Sua seleção deverá ficar como a da foto abaixo.

tutoriais photoshop

15. Pressione Delete duas vezes, no final sua imagem ficará como a da foto abaixo.

tutoriais photoshop

site de origem: http://www.webdesign.org/photoshop/web-layout/create-a-clean-and-sleek-separator-line-in-photoshop.21058.html

Escrito por André Sugai

Publicitário, Photoshopista, criador do Tutoriais Photoshop, ex-colaborador do Tech Tudo (http://Globo.com), iMasters (UOL) e Revista Photoshop Creative.

Um comentário

Deixe uma resposta

Deixe uma resposta

O seu endereço de e-mail não será publicado. Campos obrigatórios são marcados com *

1 + 20 =

Esse site utiliza o Akismet para reduzir spam. Aprenda como seus dados de comentários são processados.