Logo nível fácil Hitskin_logo Hitskin.com

Isto é uma pré-visualização de um tema em Hitskin.com
Instalar o temaVoltar para a ficha do tema

Logo nível fácil

Ir para baixo

Tutorial Logo nível fácil

Mensagem por VitorC. 13.11.15 15:43

Logo nível fácil Theme Logo nível fácil

Logo é a imagem usada no topo do fórum que tem como fim exprimir graficamente o conceito do fórum. Neste tutorial você irá aprender como fazer um logo de nível fácil para o seu fórum.

--> Tutorias Design <--
Logo nível fácil


Logo nível fácil 2tYNykM Renders

- Escolhendo render:
Renders são nada mais nada menos que imagens sem fundo, ou seja, possuem o fundo em .PNG (transparente). Poderá procurá-las utilizando os motores de busca, basta apenas colocar: 'Render + tema/personagem desejado'.
Após isso, salve-a em seu computador. No meu caso escolhi o tema "Games": Render 1, Render 2, Render 3, Render 4 e Render 5.

Logo nível fácil 2tYNykM Escrevendo o Texto

- Criando Novo Documento:
Vá em Artmeiros Arquivo Artmeiros Novo . Após isso, configure os dados segundo a imagem abaixo:

(carregue na imagem para aumentar)
Logo nível fácil WZ8r70I

- Colocando o nome:
Agora vamos na ferramente de selecionar texto Logo nível fácil Mb3IaNg, e arrastamos ela sobre a imagem. Depois escrevemos o nome que desejamos.

(carregue na imagem para aumentar)
Logo nível fácil 4F9Kvqk
[table class=table1][tr][td vAlign=top width="30px"]Logo nível fácil 110111[/td][td]Seta Fonte: Você poderá alterar a fonte do seu texto.[/td][/tr][/table][table class=table1][tr][td vAlign=top width="30px"]Logo nível fácil 110210[/td][td]Seta Tipo de fonte: As fontes podem ter varias formas.[/td][/tr][/table][table class=table1][tr][td vAlign=top width="30px"]Logo nível fácil 110310[/td][td]Seta Tamanho: Poderá variar o tamanho de acordo com o seu gosto.[/td][/tr][/table][table class=table1][tr][td vAlign=top width="30px"]Logo nível fácil 110410[/td][td]Seta Opções do texto: Poderá colocar o texto para a esquerda,direita ou centralizar.[/td][/tr][/table][table class=table1][tr][td vAlign=top width="30px"]Logo nível fácil 110510[/td][td]Seta Cor: Aqui você poderá escolher a cor do seu texto.[/td][/tr][/table]

Ficará assim:
(carregue na imagem para aumentar)
Logo nível fácil UWgHLq0

- Estilizando o Texto:
Agora, clicamos com o botão direito do mouse no texto e selecionamos a opção "Opções de Mesclagem".
(carregue na imagem para aumentar)
Logo nível fácil EhDGExH
Vá em "Sobreposição degradê" e edite conforme a imagem abaixo.
(carregue na imagem para aumentar)
Logo nível fácil J85okty
Clique duas vezes sobre a cor degrade e, então, abrirá uma janela. Edite clicando duas vezes sobre a palheta, o preto, para uma cor clara que tenha a ver com o tema (no meu caso #1bff15), e o branco, para uma cor escura que tenha a ver com o tema (no meu caso #1d9d07).
Ficará mais ou menos assim:
(carregue na imagem para aumentar)
Logo nível fácil BIT4qBo
Agora, só apertar "Okay" e pronto. Vamos agora para "Traçado" e configuramos igual a imagem abaixo.
(carregue na imagem para aumentar)
Logo nível fácil G3onXSj
Aperte enter e pronto! Seu texto foi estilizado!
(carregue na imagem para aumentar)
Logo nível fácil PdPev6k

Logo nível fácil 2tYNykM Colocando as Renders

- Abrindo a render:
Agora vamos em Artmeiros Arquivo Artmeiros Abrir e selecionaremos as renders já salvas. Depois de abrirmos as renders daremos "Ctrl+A" e "Ctrl+C", que irá copiar a render. Agora, voltamos a nossa logo e damos "Ctrl+V", que irá colar nossa render na logo. Faça isso com todas as renders.

- Redimensionando a render:
Muitas vezes a render é maior que o logo. Nesse caso, iremos redimensioná-la. Primeiro, apertaremos "Ctrl+T", que selecionará a render para formatação de tamanho, e após isso seguramos "Shift", para que redimensione proporcionalmente, e diminua a render até ela se encaixar com a assinatura.
Pronto já colocamos as renders!
(carregue na imagem para aumentar)
Logo nível fácil V6WgV2X

- Reposicionando o Texto:
Como podemos ver as renders ficaram por cima do nosso texto. Agora iremos selecionar a camada:
(carregue na imagem para aumentar)
Logo nível fácil 07sXEvI
E movê-la para cima:
(carregue na imagem para aumentar)
Logo nível fácil DyzC7CY
Pronto. Nosso logo esta feita!
(carregue na imagem para aumentar)
Logo nível fácil G3e8dS3


  • Qual Photoshop foi utilizado neste tutorial?
    Adobe Photoshop Cs5 Extended Pt-Br.




:copyright: Fórum dos Fóruns & @Advance


Logo nível fácil Act_bottom Se surgir alguma dúvida relacionada com este tutorial, crie um tópico na categoria 'Outras questões' com o seguinte título:
Logo nível fácil
VitorC.
VitorC.
Hiper Membro

Membro desde : 22/02/2012
Mensagens : 3794
Pontos : 4939

http://nolabels.forumeiros.com

Ir para o topo Ir para baixo

Ir para o topo

- Tópicos semelhantes

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