[TUTORIAL] Logo para Habbo no Photoshop

+2
pedxz
Kolohe
6 participantes

Kolohe Kolohe  • 25.05.17 18:06

[TUTORIAL] Logo para Habbo no Photoshop Empty [TUTORIAL] Logo para Habbo no Photoshop 25.05.17 18:06

Resolvi fazer este tutorial porque infelizmente não existem muitos tutoriais como este para photoshop. A maioria usa programas como GIMP, Photofiltre, Paint ou Fireworks. Espero que gostem. Caso tenham dúvidas, sintam-se a vontade para perguntar.

Obs* Uso a versão CS6 do Photoshop e em inglês.

1 - Abra um novo documento (atalho ctrl + N) com o tamanho que preferir. Não se esqueça de trocar o fundo para transparente. Para os propósitos deste tutorial, criei um documento no tamanho 450x210

[Tens de ter uma conta e sessão iniciada para poderes visualizar esta imagem]
Link

2 - Com a ferramenta de texto ([Tens de ter uma conta e sessão iniciada para poderes visualizar esta imagem] atalho T) escreva o texto desejado usando a font, cor e tamanho que desejar. Para os propósitos deste tutorial, usei a font Rakoon, no tamanho 72 e na cor [Tens de ter uma conta e sessão iniciada para poderes visualizar este link]. IMPORTANTE: em Anti aliasing (Menu inicial, ao lado do tamanho da fonte), marque a opção NONE/Nenhum

[Tens de ter uma conta e sessão iniciada para poderes visualizar esta imagem]
Link

[Tens de ter uma conta e sessão iniciada para poderes visualizar esta imagem]

3 - Ao terminar, duplique a camada de texto (atalho Ctrl + J) e arraste a camada da cópia para baixo da camada original de texto. 

[Tens de ter uma conta e sessão iniciada para poderes visualizar esta imagem]
Link

4 - Na camada de baixo, altere a cor da font para uma mais escura, no meu caso, usei a cor [Tens de ter uma conta e sessão iniciada para poderes visualizar este link]. Feito isto, arraste a camada de baixo 2px para direita e 2px para baixo, para isso, use as teclas de seta do seu teclado (aperte duas vezes a seta direita e duas vezes a seta para baixo [Antes disso, certifique-se de que a ferramenta de movimento esta selecionada, atalho V])

[Tens de ter uma conta e sessão iniciada para poderes visualizar esta imagem]
Link

5 - Feito isto, junte as camadas (Atalho ctrl + E). Clique duas vezes na camada da sua logo para abrir a janela de Layer Style. Nesta janela iremos adicionar o stroke e o inner shadow. Veja o print abaixo para ver as configurações usadas.

Configurações do STROKE
[Tens de ter uma conta e sessão iniciada para poderes visualizar esta imagem]
Cor usada no stroke: [Tens de ter uma conta e sessão iniciada para poderes visualizar este link] 


Configurações Inner Shadow
[Tens de ter uma conta e sessão iniciada para poderes visualizar esta imagem]
Cor usada no inner shadow [Tens de ter uma conta e sessão iniciada para poderes visualizar este link]


Resultado a pós a plicação do stroke e inner shadow[Tens de ter uma conta e sessão iniciada para poderes visualizar esta imagem]

6 - Duplique a camada novamente (atalho ctrl +J) e as junte mais uma vez (Ctrl + E). Novamente clique duas vezes na camada para a abrir o Layer Style. Novamente iremos adicionar o Sttroke (Contorno) e o Drop Shadow (Sombra externa). Os prints abaixo mostram as configurações usadas. 


Configuração STROKE
[Tens de ter uma conta e sessão iniciada para poderes visualizar esta imagem]
Cor usada no STROKE: [Tens de ter uma conta e sessão iniciada para poderes visualizar este link]


Configurações Drop Shadow
[Tens de ter uma conta e sessão iniciada para poderes visualizar esta imagem]
Cor usada: [Tens de ter uma conta e sessão iniciada para poderes visualizar este link]

7 - Adicione enfeite de acordo com o seu tema e gosto e salve em PNG ou GIF.

Resultado final
[Tens de ter uma conta e sessão iniciada para poderes visualizar esta imagem]
Fonte usada: Rakoon
PNG Usado para enfeite: Núvens
Paleta de cores usadas: 
[Tens de ter uma conta e sessão iniciada para poderes visualizar esta imagem]



IMPORTANTE:
Tutorial exclusivo do PPF. Como dito, vocês devem escolher a font, as cores e os enfeites que preferirem. Devem fazer as alterações que julgarem necessárias. O intuito deste tutorial é mostrar que o photoshop também serve pra esse tipo de trabalho, já que não existem muitos tutoriais que ensinem a fazer esse tipo de coisa usando o photoshop. 

pedxz pedxz  • 26.05.17 9:06

Super administradorMembro da Equipa

[TUTORIAL] Logo para Habbo no Photoshop Empty Re: [TUTORIAL] Logo para Habbo no Photoshop 26.05.17 9:06

bem bonita a logo e fácil de fazer, obrigado pela partilha

Saigon Saigon  • 26.05.17 9:35

[TUTORIAL] Logo para Habbo no Photoshop Empty Re: [TUTORIAL] Logo para Habbo no Photoshop 26.05.17 9:35

Ótimo tutorial amigo, parabéns!

Maloma Maloma  • 26.05.17 9:44

[TUTORIAL] Logo para Habbo no Photoshop Empty Re: [TUTORIAL] Logo para Habbo no Photoshop 26.05.17 9:44

Ótimo tutorial, obrigada por trazer ao fórum.

Gabiiih Gabiiih  • 01.07.17 23:23

[TUTORIAL] Logo para Habbo no Photoshop Empty Re: [TUTORIAL] Logo para Habbo no Photoshop 01.07.17 23:23

Bem legal e é simples de fazer!

Wake Wake  • 03.07.17 4:29

AdministradorMembro da Equipa

[TUTORIAL] Logo para Habbo no Photoshop Empty Re: [TUTORIAL] Logo para Habbo no Photoshop 03.07.17 4:29

Ótimo tutorial eheh, já sei fazer uma logo :p
Obrigado por compartilhar!
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.