Você não está conectado. Conecte-se ou registre-se

Ver o tópico anterior Ver o tópico seguinte Ir em baixo  Mensagem [Página 1 de 1]

avatar
Membro

Ver perfil do usuário
em Qua 18 Maio 2011, 12:54
[Tutorial]Texto com Bordas cromadas Imagem23


Descrição: Neste tutorial veremos como criar uma borda cromada para palavras utilizando layer styles, filtros e ferramentas.

[Tutorial]Texto com Bordas cromadas 4

01. Pressione Ctrl+N para criar um novo documento, defina os valores
abaixo e pressione Ok, escolha uma cor qualquer 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.

[Tutorial]Texto com Bordas cromadas Imagem1

02. Clique duas vezes sobre a layer Background e pressione Ok na caixa que irá abrir, vá em Layer> Layer Style> Pattern Overlay e escolha um pattern qualquer para seu Background, caso queira utilizar o mesmo pattern usado neste tutorial clique aqui para fazer o download e na caixa de Pattern Overlay clique em Load e escolha o arquivo.

[Tutorial]Texto com Bordas cromadas Imagem2

03. Pressione Ctrl+Shift+Alt+N para criar uma nova layer, 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 de pontas suaves e tamanho médio, hardness em 0% e
passe nas bordas do documento, pressione a letra T do teclado para
selecionar a Horizontal Type Tool, escreva uma palavra qualquer, use uma fonte bold, caso queira utilizar a mesma fonte usada neste tutorial clique aqui para fazer o download.

[Tutorial]Texto com Bordas cromadas Imagem4

04. Vá em Layer> Layer Style> Gradient Overlay e defina os valores abaixo, crie um gradiente que vá da cor #700760 para a cor #b827a2.

[Tutorial]Texto com Bordas cromadas Imagem5

05. Agora vá em Layer> Layer Style> Satin e defina os valores abaixo.

[Tutorial]Texto com Bordas cromadas Imagem6

06. Vá em Layer> Layer Style> Inner Glow e defina os valores abaixo.

[Tutorial]Texto com Bordas cromadas Imagem7

07. Pressione Ctrl+J para duplicar a layer, clique com o botão direito do mouse sobre a layer duplicada e escolha a opção Clear Layer Style, reduza o Fill da layer para 0%.

[Tutorial]Texto com Bordas cromadas Imagem8

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

[Tutorial]Texto com Bordas cromadas Imagem9

09. Agora pressione Ctrl+Shift+Alt+N para criar uma nova layer, deixe
esta layer abaixo da layer com a borda criada, clique na layer da borda e
pressione Ctrl+E para mesclar as duas layers, dê o nome de Stroke para a
layer.

[Tutorial]Texto com Bordas cromadas Imagem10

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

[Tutorial]Texto com Bordas cromadas Imagem11

11. Agora vá em Layer> Layer Style> Stroke e defina os valores abaixo.

[Tutorial]Texto com Bordas cromadas Imagem12

12. Vá em Layer> Layer Style> Drop Shadow e defina os valores abaixo.

[Tutorial]Texto com Bordas cromadas Imagem13

13. Vá em Layer> Layer Style> Inner Glow e defina os valores abaixo.

[Tutorial]Texto com Bordas cromadas Imagem14

14. Sua palavra e paleta de layers deverão ficar parecidas com a foto abaixo.

[Tutorial]Texto com Bordas cromadas Imagem15

15. Clique na layer de texto e pressione Ctrl+J para duplicar a layer,
clique com o botão direito do mouse sobre a layer e escolha a opção Clear Layer Style para retirar as layer styles aplicadas, defina o Fill da layer em 0%, vá em Layer> Layer Style> Pattern Overlay e defina os valores abaixo, caso queira utilizar o Pattern usado neste tutorial clique aqui para fazer o download, clique em Load e carregue o pattern.

[Tutorial]Texto com Bordas cromadas Imagem16

16. Caso queira adicionar outros patterns basta repetir o processo, na
imagem abaixo mais um pattern foi adicionado em outra cópia da layer de
texto.

[Tutorial]Texto com Bordas cromadas Imagem17

17. Os patterns também podem ser adicionados na layer da borda como pode ser visto abaixo.

[Tutorial]Texto com Bordas cromadas Imagem18

19. Clique na layer da borda e pressione Ctrl+J para criar uma cópia,
deixe a layer abaixo da layer da borda original, pressione a letra V do
teclado para selecionar a Move Tool, mova a cópia da layer 3 ou 4 pixels para baixo.

[Tutorial]Texto com Bordas cromadas Imagem19

20. Clique com o botão direito do mouse sobre a layer e escolha a opção Clear Layer Style, vá em Layer> Layer Style> Color Overlay, escolha o preto.

[Tutorial]Texto com Bordas cromadas Imagem20

21. Vá em Layer> Layer Style> Drop Shadow e defina os valores abaixo.

[Tutorial]Texto com Bordas cromadas Imagem21

22. Agora pressione Ctrl+Shift+Alt+N para criar uma nova layer, deixe
esta layer abaixo da layer de texto, 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 a letra B
do teclado para selecionar a Brush Tool, escolha um brush de tamanho médio e pontas suaves, reduza a opacidade da layer e defina o modo de blend em Soft Light, aplique o brush atrás da palavra.

[Tutorial]Texto com Bordas cromadas Imagem22

23. Caso queira modificar a cor branca, vá em Layer> New Adjustment Layer> Gradient Map, no caso deste tutorial usamos a cor verde, mude o modo de blend da layer para Overlay e defina a opacidade da layer em 40%, no final sua palavra ficará como a da foto abaixo.

[Tutorial]Texto com Bordas cromadas Imagem23

Site de origem: http://wegraphics.net/blog/tutorials/photoshop/create-a-3d-text-effect-using-photoshop-layer-styles/




[Tutorial]Texto com Bordas cromadas Pronto-1

-Dumbledore
Veterano

Ver perfil do usuário
em Qua 18 Maio 2011, 13:03
vlwl

RenaTo_FD
Silver Member

Ver perfil do usuário
em Qua 18 Maio 2011, 13:14
obg por compartilhar

avatar
Gold Member

Ver perfil do usuário
em Qua 18 Maio 2011, 19:42
Obg por compartilhar..

avatar
Bronze Member

Ver perfil do usuário
em Qui 02 Jun 2011, 00:57
Vlw por compartilhar '-'

avatar
Bronze Member

Ver perfil do usuário
em Qui 02 Jun 2011, 01:38
@-$muck' escreveu:Obg por compartilhar..



@LuisdeLuchi ^^
[Tutorial]Texto com Bordas cromadas Pbucket


Sou Fã:

[Tutorial]Texto com Bordas cromadas Pbucket
avatar
Membro

Ver perfil do usuário
em Ter 28 Jun 2011, 21:22
Grande ajuda!!

Obrigado

8Liw 

avatar
Membro

Ver perfil do usuário
em Ter 28 Jun 2011, 21:40
Dica menira cara. valeu por compartilhar com a gente.

avatar
Membro

Ver perfil do usuário
em Qui 25 Ago 2011, 21:14
valeu pelo tuto aee cara!

10Soneca 

Soneca
Veterano

Ver perfil do usuário
em Qui 25 Ago 2011, 22:47
vlw por compartilhar , ganhou meu joinha .



[Tutorial]Texto com Bordas cromadas Sg

11nanimi 

avatar
Membro

Ver perfil do usuário
em Seg 19 Dez 2011, 17:23
Mt bom mano =D

Foxdesigner.biz
Administrador

Ver perfil do usuário
em Dom 01 Abr 2012, 21:25
Tutorial ON
Verificado dia 01.04.2012 por «TaysonFenix».
Obrigado por compartilhar [Tutorial]Texto com Bordas cromadas 1214393425

avatar
Membro

Ver perfil do usuário
em Seg 22 Out 2012, 13:17
Grandi ajuda Vlw's

avatar
Membro

Ver perfil do usuário
em Sex 16 Nov 2012, 21:07
vlww

marianah
Membro

Ver perfil do usuário
em Qua 10 Set 2014, 06:01
Gostei dessa tipo

vou fazer

beijos
http://revistamelao.com/

Ver o tópico anterior Ver o tópico seguinte Voltar ao Topo  Mensagem [Página 1 de 1]

Permissão deste fórum:
Você não pode responder aos tópicos neste fórum

Compartilhe este Tópico!

Url direta
BBcode
HTML
Feito com    e muito    pela equipe Fox Design