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

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

1' Bruno.G 

avatar
Membro

Qua 18 Maio 2011, 12:54 pm
[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

2-Dumbledore 

-Dumbledore
Veterano

Qua 18 Maio 2011, 1:03 pm
vlwl

3RenaTo_FD 

RenaTo_FD
Silver Member

Qua 18 Maio 2011, 1:14 pm
obg por compartilhar

4-$muck' 

avatar
Gold Member

Qua 18 Maio 2011, 7:42 pm
Obg por compartilhar..

5๖̶̶̶̶̶̶̶ۣۣۜۜFavela^ 

avatar
Bronze Member

Qui 02 Jun 2011, 12:57 am
Vlw por compartilhar '-'

6SuicidePill 

avatar
Bronze Member

Qui 02 Jun 2011, 1:38 am
@-$muck' escreveu:Obg por compartilhar..



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


Sou Fã:

[Tutorial]Texto com Bordas cromadas Pbucket

7betao127 

avatar
Membro

Ter 28 Jun 2011, 9:22 pm
Grande ajuda!!

Obrigado

8Liw 

avatar
Membro

Ter 28 Jun 2011, 9:40 pm
Dica menira cara. valeu por compartilhar com a gente.

9batman 

avatar
Membro

Qui 25 Ago 2011, 9:14 pm
valeu pelo tuto aee cara!

10Soneca 

Soneca
Veterano

Qui 25 Ago 2011, 10:47 pm
vlw por compartilhar , ganhou meu joinha .



[Tutorial]Texto com Bordas cromadas Sg

11nanimi 

avatar
Membro

Seg 19 Dez 2011, 5:23 pm
Mt bom mano =D

12Foxdesigner.biz 

Foxdesigner.biz
Administrador

Dom 01 Abr 2012, 9:25 pm
Tutorial ON
Verificado dia 01.04.2012 por «TaysonFenix».
Obrigado por compartilhar [Tutorial]Texto com Bordas cromadas 1214393425

13MahSouzaOFC 

avatar
Membro

Seg 22 Out 2012, 1:17 pm
Grandi ajuda Vlw's

14RehLoko 

avatar
Membro

Sex 16 Nov 2012, 9:07 pm
vlww

15marianah 

marianah
Membro

Qua 10 Set 2014, 6:01 am
Gostei dessa tipo

vou fazer

beijos
http://revistamelao.com/

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

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

Compartilhe este Tópico!

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