no ,

Efeito Web 2.0 para textos de forma simples.

Preview Descrição: Neste tutorial veremos uma forma simples de criação do efeito web 2.0 para texto, para isso utilizaremos layer styles.

tutoriaisphotoshop.net

"use strict"; var adace_load_5f09d842db34a = function(){ var viewport = $(window).width(); var tabletStart = 601; var landscapeStart = 801; var tabletEnd = 961; var content = '%3Cdiv%20class%3D%22adace_adsense_5f09d842db2e6%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_5f09d842db34a(); } else { //fire when visible. var refreshIntervalId = setInterval(function(){ if($wrapper.css('visibility') === 'visible' ) { adace_load_5f09d842db34a(); clearInterval(refreshIntervalId); } }, 999); }

})(jQuery);

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

01. Pressione Ctrl+N para criar um novo documento, defina o tamanho de 400×400 pixels, 72 dpi´s e modo de cor em RGB, pressione Ok, pressione a letra D do teclado para resetar as cores de Foreground e Background para preto e branco, pressione a letra T do teclado para selecionar a Horizontal Type Tool e escreva uma palavra qualquer.

tutoriais photoshop

02. Agora vá em Layer> Rasterize> Type para rasterizar a layer, com a tecla Ctrl pressionada clique sobre a miniatura da layer de texto para ativar a seleção ao redor das letras, vá em Select> Modify> Expand e defina os valores abaixo.

tutoriais photoshop

03. Pressione Alt+Backspace (a tecla acima do Enter) ou pressione a letra G do teclado para selecionar a Paint Bucket Tool e clique dentro da seleção para preencher a seleção com preto.

tutoriais photoshop

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

tutoriais photoshop

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

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

tutoriais photoshop

06. Sua palavra deverá ficar como a da foto abaixo.

tutoriais photoshop

07. Mudando a cor do Gradient Overlay você consegue outras variações como na foto abaixo.

tutoriais photoshop

tutoriais photoshop

site de origem: http://www.webdesign.org/photoshop/text-effects/web-2-0-text-effect.21086.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.

Deixe uma resposta

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

quatro + vinte =

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