Neworder Neworder  • 10.01.12 17:33

Criando um Badge com estilização de texturas [PhotoShop] Empty Criando um Badge com estilização de texturas [PhotoShop] 10.01.12 17:33

Criando um Badge com estilização de texturas

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

Spoiler:

02. Vá em File> Place e adicione uma textura qualquer, no caso deste tutorial foi usada uma textura jeans, redimensione a textura de acordo com o tamanho do seu documento e pressione Enter para finalizar a transformação, vá em Filter> Distort> Glass e pressione Ok, pressione Ctrl+U para abrir a caixa de Hue/Saturation, arraste o slider de Hue e encontre a cor que deseja, pressione Ok, vá em Filter> Render> Lighting Effects e modifique o efeito de luz de acordo com seu gosto, pressione Ok.

Spoiler:

03. Pressione a letra U do teclado para selecionar a Polygon Tool, na barra de opções da ferramenta clique em Shape e defina os valores abaixo, escolha a cor #af0a02 e crie o shape como na foto abaixo.

Spoiler:

04. Pressione Ctrl+Shift+Alt+N para criar uma nova layer, com a tecla Ctrl pressionada clique sobre a miniatura da Shape Layer que criamos anteriormente para ativar a seleção ao redor do shape, escolha a cor #ffffff, vá em Select> Modify> Contract e defina o valor de 3 pixels, 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 com a cor escolhida.

Spoiler:

05. Pressione Ctrl+Shift+Alt+N para criar uma nova layer, dê o nome de Badge, com a tecla Ctrl pressionada clique sobre a layer do Shape para ativar a seleção novamente, vá em Select> Modify> Contract, defina o valor de 9 pixels e pressione Ok, escolha a cor #ff5a00, 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 com a cor escolhida

Spoiler:

06. Clique na layer do Shape e vá em Layer> Layer Style> Drop Shadow, Layer> Layer Style> Bevel and Emboss e defina os valores abaixo.

Spoiler:

Spoiler:

Spoiler:

07. Clique na layer Badge e vá em Layer> Layer Style> Drop Shadow, Layer> Layer Style> Inner Glow, Layer> Layer Style> Bevel and Emboss, Layer> Layer Style> Gradient Overlay e defina os valores abaixo.

Spoiler:

Spoiler:

Spoiler:

Spoiler:

Spoiler:

08. Clique na layer Badge e vá em Filter> Noise> Add Noise, defina os valores abaixo e pressione Ok.

Spoiler:

09. Agora pressione Ctrl+O e abra uma textura qualquer, pressione Ctrl+A para selecionar seu conteúdo, pressione Ctrl+C para copiar, volte ao documento que estamos trabalhando e pressione Ctrl+V para colar a imagem, pressione Ctrl+T para abrir a caixa de Free Transform e com a tecla Shift pressionada clique e arraste para redimensionar a imagem de acordo com o tamanho do seu documento, mude o modo de blend da layer para Soft Light.

Spoiler:

10. Com a tecla Ctrl pressionada clique sobre a miniatura da layer Badge para ativar a seleção, vá em Layer> Layer Mask> Reveal All, repita o procedimento adicionando outra textura (opcional).

Spoiler:

11. Escolha a cor #ffffff, pressione a letra B do teclado para selecionar a Brush Tool, escolha um brush de pontas suaves e tamanho em 380 pixels, pressione Ctrl+Shift+Alt+N para criar uma nova layer, aplique o brush como na foto abaixo.

Spoiler:

12. Mude o modo de blend da layer para Soft Light, com a tecla Ctrl pressionada clique sobre a miniatura da layer Badge para ativar a seleção, vá em Layer> Layer Mask> Reveal All.

Spoiler:

13. Escolha a cor #022ea9, pressione a letra U do teclado para selecionar a Rectangle Tool, certifique-se de que a opção Shape Layers esteja ativada, crie um retângulo como o da foto abaixo.

Spoiler:

14. Vá em Edit> Transform> Warp e distorça o shape como na foto abaixo.

Spoiler:

14. Pressione a letra P do teclado para selecionar a Pen Tool, certifique de que a opção Shape Layers esteja selecionada, escolha a cor #022ea9 e desenhe a borda do shape como na foto abaixo, deixe a layer abaixo da layer do retângulo modificado..

Spoiler:

15. Pressione Ctrl+J para duplicar a borda criada, vá em Edit> Transform> Flip Horizontal, pressione a letra V do teclado para selecionar a Move Tool e mova a borda duplicada para a outra borda do shape.

Spoiler:

16. Clique no shape do retângulo que foi alterado, vá em Layer> Layer Style> Drop Shadow, Layer> Layer Style> Stroke e defina os valores abaixo.

Spoiler:

Spoiler:

Spoiler:

17. Clique na layer da borda direita e vá em Layer> Layer Style> Drop Shadow, Layer> Layer Style> Bevel and Emboss, Layer> Layer Style> Stroke e defina os valores abaixo, repita o procedimento na borda esquerda.

Spoiler:

Spoiler:

Spoiler:

Spoiler:

18. Clique na layer do retângulo modificado, pressione Ctrl+O e abra uma textura qualquer, pressione Ctrl+A para selecionar seu conteúdo, pressione Ctrl+C para copiar, volte ao documento que estamos trabalhando e pressione Ctrl+V para colar a imagem, pressione Ctrl+T para abrir a caixa de Free Transform e com a tecla Shift pressionada clique e arraste para redimensionar a imagem de acordo com o tamanho do seu documento, mude o modo de blend da layer para Soft Light, om a tecla Ctrl pressionada clique sobre a miniatura da layer do retângulo modificado para ativar a seleção, vá em Layer> Layer Mask> Reveal All.

Spoiler:

19. Pressione a letra T do teclado para selecionar a Horizontal Type Tool, escreva uma palavra qualquer e pressione Enter (no teclado numérico), adicione diversos textos, no texto sobre o retângulo modificado clique na opção Create Warped Text e defina os valores abaixo.

Spoiler:

20. Agora clique na layer do primeiro texto (no caso deste tutorial a palavra NEW) e vá em Layer> Layer Style> Drop Shadow, Layer> Layer Style> Inner Shadow, Layer> Layer Style> Gradient Overlay e defina os valores abaixo.

Spoiler:

Spoiler:

21. Agora clique na layer do primeiro texto (no caso deste tutorial a palavra TEMPLATE) e vá em Layer> Layer Style> Drop Shadow, Layer> Layer Style> Inner Shadow, Layer> Layer Style> Gradient Overlay e defina os valores abaixo.

Spoiler:

Spoiler:

22. Agora clique na layer do primeiro texto (no caso deste tutorial a palavra WEBSOULZ) e vá em Layer> Layer Style> Drop Shadow, Layer> Layer Style> Inner Shadow, Layer> Layer Style> Gradient Overlay, defina os valores que achar mais adequados para a estilização do texto.

Spoiler:

23. Clique na layer Background e vá em File> Place, adicione a textura que achar mais adequada, abaixo vocês conferem três resultados diferentes, defina o modo de blend da layer em Soft Light e no final sua composição estará como a da foto abaixo.

Spoiler:

Spoiler:

Spoiler:

Agora o seu Badge está pronto, espero ter ajudado.

Spoiler:

-Saah• -Saah•  • 10.01.12 17:53

The Flash The Flash  • 10.01.12 20:03

Criando um Badge com estilização de texturas [PhotoShop] Empty Re: Criando um Badge com estilização de texturas [PhotoShop] 10.01.12 20:03

Para fazer isto, precisa ser avançado em design.
Exemplo: Eu, tutorial muuuito facil, levou mais!

TrY! TrY!  • 11.01.12 18:26

Criando um Badge com estilização de texturas [PhotoShop] Empty Re: Criando um Badge com estilização de texturas [PhotoShop] 11.01.12 18:26

Pô dificil pakas!!
Com o tempo se aprende!!

Para fazer isto, precisa ser avançado em design.
Exemplo: Eu, tutorial muuuito facil, levou mais!

É tanto que nem tem sign e avatar, e nem deu +

The Flash The Flash  • 11.01.12 18:32

Criando um Badge com estilização de texturas [PhotoShop] Empty Re: Criando um Badge com estilização de texturas [PhotoShop] 11.01.12 18:32

ρσsєı∂ση escreveu:Pô dificil pakas!!
Com o tempo se aprende!!

Para fazer isto, precisa ser avançado em design.
Exemplo: Eu, tutorial muuuito facil, levou mais!

É tanto que nem tem sign e avatar, e nem deu +

To criando uma já,e falei que é mto dificil, mais quem tem experiência, acaba ficando mais facil a cada dia...
Me formei em 2 cursos de design ano passado...
E to fazendu um agora de mecher com pc (abrir, saber qual erro, concertar...)
E não gosto que fiquem zombando de mim...

TrY! TrY!  • 11.01.12 19:00

Criando um Badge com estilização de texturas [PhotoShop] Empty Re: Criando um Badge com estilização de texturas [PhotoShop] 11.01.12 19:00

Eu não zombei.. :S só to falando...


@On: Como eu edito auqela badge ADM??

Potter ϟ Potter ϟ  • 11.01.12 19:11

Criando um Badge com estilização de texturas [PhotoShop] Empty Re: Criando um Badge com estilização de texturas [PhotoShop] 11.01.12 19:11

Ótimo tópico, mais precisa entender. Mesmo assim ótimo tópico.

CΔIØ CΔIØ  • 11.01.12 19:28

Criando um Badge com estilização de texturas [PhotoShop] Empty Re: Criando um Badge com estilização de texturas [PhotoShop] 11.01.12 19:28

ρσsєı∂ση escreveu:Eu não zombei.. :S só to falando...


@On: Como eu edito auqela badge ADM??

Tem umas DB , que ja vem o ADM editado , Você esta falando daquele que é ( HABBO STAFF ) e no adm é ( HABBO ADM )
Ja veio editado nos habbos que criei

Anonymous Convidado  • 11.01.12 19:42

Permissões neste sub-fórum
Não podes responder a tópicos

BH Servers

Recomendamos a BH Servers com proteção DDOS gratuita em Cloud Server de alta performance. Entrega imediata.