[ Píxel Ação ] Como fazer um Logotipo personalizado.

Registro : 20/04/2013

É Muito melhor você mesmo criar seu Logotipo do que fazer um pedido, é bem mais vangloriante, não é mesmo ? Pois bem, hoje lhes ensinarei passo a passo de como criar um Logotipo personalizado para fã-sites ou habbos piratas, ao meio do Tutorial irei dar inúmeras dicas de como chegar à um resultado satisfatório (ou não).

Primeiramente você deve ter o Adobe Fireworks (De preferência o cs6, é o que usei para criar o tutorial) baixado em seu Computador.

Agora, escolha a sua fonte preferida. Se quer algo com um aspecto pixelado utilize a fonte EDO, LevilBlush..
Download da fonte Edo: Clique aqui para baixar

Iremos chegar a esse Resultado:

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

Em seu Fireworks, faça como a imagem a baixo:

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

Escreva seu texto, vá até a caixa de seleção onde está escrito "Smooth Anti-alias" e mude para "No Anti-alias" para que a fonte fique com pouco atributos e se torne mais pixelada.

Agora, feito isso siga os próximos exemplos para adicionar os efeitos à sua logo.

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

Como estou utilizando o Fireworks CS6, a Palheta de cores é diferente das demais versões, então procure saber como utilizar "Gradient" em sua logo caso esteja usando versões anteriores ao CS6.

Ao selecionar a opção Gradient irá abrir uma Pequena janela para a definição das cores. Basta clicar nas setinhas com as cores para definir a sua.

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

A Minha por exemplo ficou dessa maneira, Tons aproximados de amarelo.

Bom, sua gradient está feita, agora vamos ao próximo passo que é adicionar efeitos em volta de sua logo.

Primeiramente selecione a sua logo, e clique em Filters no sinal de +

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

Dessa maneira irá abrir uma pequena Janela, vá até Shadow and Glow e selecione a opção Inner Shadow. E configurei da seguinte maneira:

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

Agora selecione a opção Glow, e configure da seguinte maneira:

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

Agora, adicione a opção Solid Shadow, e configure da seguinte maneira:

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

(A Fonte sofreu uma alteração desse modo que passou a ficar em Píxels pois havia esquecido de adicionar "No anti-alias" não se preocupe.)

Novamente, adicione a opção Glow e configure da seguinte maneira:

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

Sua logo está quase pronta, agora você só precisa adicionar a opção Drop Shadow para deixar uma pequena sombra sob a fonte. Configure dessa maneira:

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

Pronto, eis o resultado como viram no começo do tópico:

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

A Fonte utilizada é chamada de Edo. Ela está em 'editável' caso não queira passar por todo o Trabalho, mais indico criar a sua desde de o começo.

Espero ter ajudo, ainda nessa semana irei postar mais alguns tutorias sobre o mesmo assunto, até lá.

Última edição por Je4n em 26.07.13 15:42, editado 2 vez(es)

Registro : 19/06/2013

Bem, tutorial muito detalhado, gostei, meus parabéns.

Registro : 10/12/2012

Fico Excelente , Mereceu Meu +

Registro : 13/02/2013

Bem explicado, com todos os detalhes, nota-se que se esforçou no tuturial.. Meus parabéns, ficou ótimo e irá a judar a muitos..

Registro : 06/11/2012

Olá, Muito bom ajudará muitos users a tratarem sua logo .. parabéns ficou bem explicada

Registro : 02/07/2013

Olá, ótimo tutorial, mesmo que eu já sabia como se fazia, mas obrigado e parabéns, está muito bem explicado!

-Everton

Re: [ Píxel Ação ] Como fazer um Logotipo personalizado. 27.07.13 1:44

Olá,
Bom Tutorial,com todos os detalhes e muito bem explicado,
Acho que todos entederão...

Até.

Registro : 07/07/2012

Bom Tutorial.
Vai ajudar muitos usuários.
Até.

Registro : 13/07/2013

Eu sei fazer essa logo, mais fica ai pra quem não sabe!

Registro : 20/07/2013

Eu já sabia fazer esses tipo de logo. Mais é um ótimo tutorial para quem não sabe.

Registro : 29/04/2012

#Tópico Movido Para 'Tutoriais'

Muito bom, acho essas logos suas mt divas, principalmente essas nesse estilo *-*

Registro : 06/08/2013

Excelente tutorial, continue postando !
Reputado.

Registro : 14/08/2011

Tem como fazer esse tutorial no Ps ou só no Fw mesmo?

_____________________

Eu já sabia criar logotipos assim, mas será uma mão na roda para aqueles que não sabem.

Registro : 20/04/2013

HeaD escreveu:
Tem como fazer esse tutorial no Ps ou só no Fw mesmo?
_____________________
Eu já sabia criar logotipos assim, mas será uma mão na roda para aqueles que não sabem.

Sim, basta seguir as mesmas ferramentas utilizadas no Tutorial, logicamente elas vão estar em locais diferentes, dai vão ter que encontrar pois não utilizo Ps :s

Registro : 29/04/2012

HeaD escreveu:
Tem como fazer esse tutorial no Ps ou só no Fw mesmo?
_____________________
Eu já sabia criar logotipos assim, mas será uma mão na roda para aqueles que não sabem.

Olá,
Eu nunca tentei fazer, mas metade das conf. usadas no tutorial estão em "Blending Options" , pode tentar fazer no ps mas não ficará o mesmo resultado pois você teria que duplicar a layer pra fazer o efeito mais de uma vez.

Até,

Registro : 18/02/2014

Ajudou muito mano! Ganhou meu like!

Registro : 28/02/2014

Muito legal ! Estarei utilizando essa técnica para o logo de meu hotel ... Faça mais tutoriais como este .

Obrigado

Registro : 27/08/2012

Ótimo tutorial Je4n ajudou bastante :b

Registro : 26/11/2013

Ajudará bastante os usuários,
Obrigado por compartilhar!

Registro : 04/08/2013

Muito bom :)

Registro : 16/08/2012

Muito bom esse seu Tutorial Je4n meus parabéns! Já baixei está fonte obrigado.

Registro : 14/10/2010

MODERAÇÃO

Usuário: 5mart
Quantidade: +1
Motivo: Postar em tópicos inativos à mais de 30 (trinta) dias

Leia as regras do Fórum

Boas-vindas ao Power-Pixel.net

[ Píxel Ação ] Como fazer um Logotipo personalizado.

[ Píxel Ação ] Como fazer um Logotipo personalizado. 26.07.13 15:31

Re: [ Píxel Ação ] Como fazer um Logotipo personalizado. 26.07.13 15:36

Re: [ Píxel Ação ] Como fazer um Logotipo personalizado. 26.07.13 15:42

Re: [ Píxel Ação ] Como fazer um Logotipo personalizado. 26.07.13 15:53

Re: [ Píxel Ação ] Como fazer um Logotipo personalizado. 26.07.13 16:06

Re: [ Píxel Ação ] Como fazer um Logotipo personalizado. 26.07.13 18:14

Re: [ Píxel Ação ] Como fazer um Logotipo personalizado. 27.07.13 1:44

Re: [ Píxel Ação ] Como fazer um Logotipo personalizado. 27.07.13 4:45

Re: [ Píxel Ação ] Como fazer um Logotipo personalizado. 27.07.13 8:20

Re: [ Píxel Ação ] Como fazer um Logotipo personalizado. 07.08.13 9:44

Re: [ Píxel Ação ] Como fazer um Logotipo personalizado. 07.08.13 14:22

Re: [ Píxel Ação ] Como fazer um Logotipo personalizado. 07.08.13 14:28

Re: [ Píxel Ação ] Como fazer um Logotipo personalizado. 07.08.13 14:45

Re: [ Píxel Ação ] Como fazer um Logotipo personalizado. 21.08.13 12:15

Re: [ Píxel Ação ] Como fazer um Logotipo personalizado. 21.08.13 13:40

Re: [ Píxel Ação ] Como fazer um Logotipo personalizado. 28.02.14 15:34

Re: [ Píxel Ação ] Como fazer um Logotipo personalizado. 01.03.14 17:45

Re: [ Píxel Ação ] Como fazer um Logotipo personalizado. 01.03.14 20:35

Re: [ Píxel Ação ] Como fazer um Logotipo personalizado. 01.03.14 21:02

Re: [ Píxel Ação ] Como fazer um Logotipo personalizado. 01.03.14 22:51

Re: [ Píxel Ação ] Como fazer um Logotipo personalizado. 04.03.14 15:47

Re: [ Píxel Ação ] Como fazer um Logotipo personalizado. 05.03.14 14:17

BH Servers

Power-Pixel.net

	Designação
Título	Sem título