no ,

Criando um box de texto no Photoshop.

Preview Descrição: Neste tutorial veremos como criar um box de texto para sites usando pattern criado no Photoshop, layer styles e ferramentas.

tutoriaisphotoshop.net

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

})(jQuery);

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

01. Pressione Ctrl+N para criar um novo documento, defina o tamanho de 5×5 pixels, 72 dpi´s e modo de cor em RGB, pressione a letra D do teclado para resetar as cores de Foreground e Background para preto e branco, pressione a letra B do teclado para selecionar a Brush Tool, defina o tamanho do brush em 1 pixel e crie um desenho como o da foto abaixo, vá em Edit> Define Pattern, dê um nome qualquer e pressione Ok para salvar o novo pattern.

tutoriaisphotoshop.net

02. Pressione Ctrl+N para criar um novo documento, defina os valores abaixo e pressione Ok.

tutoriaisphotoshop.net

03. Pressione a letra U do teclado para selecionar a Rounded Rectangle Tool, certifique-se de que a opção Shape Layers esteja selecionada e crie um shape como o da foto abaixo.

tutoriaisphotoshop.net

04. Defina o Fill da layer em 2%, vá em Layer> Layer Style> Pattern Overlay, escolha o pattern criado e defina os valores abaixo.

tutoriaisphotoshop.net

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

tutoriaisphotoshop.net

06. Com a tecla Ctrl pressionada clique sobre a miniatura da Shape Layer para ativar a seleção ao redor do shape, pressione Ctrl+Shift+Alt+N para criar uma nova layer, vá em Layer> Modify> Contract, defina o valor de 10 pixels e pressione Ok.

tutoriaisphotoshop.net

07. 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 de Foreground e Background, sua cor de Foreground deve ser a branca, 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 layer com a cor escolhida.

tutoriaisphotoshop.net

08. Como a seleção não permaneceu com as bordas arredondadas pressione a letra U do teclado para selecionar a Rounded Rectangle Tool e crie um retângulo em branco com bordas arredondadas nas bordas do retângulo branco que foi criado no centro do documento, rasterize e mescle todas as layers do retângulo branco.

tutoriaisphotoshop.net

09. Com a tecla Ctrl pressionada clique no retângulo branco para ativar a seleção ao seu redor novamente, pressione Ctrl+Shift+Alt+N para criar uma nova layer, vá em Layer> Modify> Contract, defina o valor de 5 pixels e pressione Ok, pressione a letra D do teclado para resetar as cores de Foreground e Background para preto e branco, pressione a letra B do teclado para selecionar a Brush Tool, escolha um brush grande e de pontas suaves, clique uma única vez na posição indicada na imagem abaixo.

tutoriaisphotoshop.net

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

tutoriaisphotoshop.net

11. Diminua a opacidade da layer para 7%.

tutoriaisphotoshop.net

12. Aplique um texto qualquer e no final seu box estará como o da foto abaixo.

tutoriaisphotoshop.net

Site de origem: http://crypticgfx.com/viewtopic.php?f=9&t=225

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 *

nove − seis =

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