no ,

Bordas personalizadas para palavras e letras.

Preview Descrição: Hoje veremos como criar uma borda personalizada para suas palavras e letras usando textura.

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

})(jQuery);

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

01. Pressione Ctrl+O e abra a textura que você deseja aplicar como borda em sua palavra, no caso deste tutorial usaremos a textura abaixo.

tutoriaisphotoshop.net

02. Pressione a letra D do teclado para resetar as cores de Foreground e Background para preto e branco, pressione a letra X do teclado para alternar as cores, sua cor de Foreground deve ser a branca, pressione a letra T do teclado para selecionar a Horizontal Type Tool, escreva uma palavra qualquer.

tutoriaisphotoshop.net

03. Pressione a letra W do teclado para selecionar a Magic Wand Tool, clique na parte externa do texto para selecionar o background como na foto abaixo.

tutoriaisphotoshop.net

04. Agora vá em Select> Modify> Contract, defina o valor de 2 pixels e pressione Ok, sua imagem deverá ficar como a da foto abaixo.

tutoriaisphotoshop.net

05. Clique na layer da textura e pressione Delete, pressione Ctrl+D para desabilitar a seleção, sua imagem deverá ficar como a da foto abaixo.

tutoriaisphotoshop.net

06. Abaixo um resultado alternativo, com bordas mais grossas, para isso o valor de Contract foi definido em 4 pixels.

tutoriaisphotoshop.net

site de origem: http://www.tutorials-photoshop.com/text-effects/texture-outline/index.php

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.

$ s Comentários

Deixe uma resposta
  1. Muito interessante o resultado. Tenho visitado sempre seu blog e aprendido muito. Estou fazendo maravilhas no álbum da minha neta graças à vc. Sou sua fã.
    Parabéns.
    Abração!

Deixe uma resposta

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

4 − um =

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