[TUTORIAL] Assinatura nível avançado

Item: [TUTORIAL] Assinatura nível avançado
Rating: 1

por Holkis em 27/06/15, 08:06 pm

Assinatura nível avançado

As assinaturas são imagens muito usadas em fóruns que aparecem no final das mensagens. Há uma grande variedade de temas e são bem simples de se fazer. Agora irá aprender a fazer uma assinatura de nível avançado.

--> Tutorias gráficos <--
Assinatura nível avançado

Escolher as imagens

1º - Escolhendo a render:
As Render's são imagens sem fundo disponíveis na internet. Poderá procurá-las utilizando os motores de busca. Basta apenas colocar Render tema/personagem desejado e começar a procura.
Após isso, salve as imagens em seu computador.
Neste caso escolhemos ESTA.

Elaborar a assinatura

1º - Criar "Novo Documento":
Vá em

Arquivo

Novo (ou File New)

Configure os dados segundo a imagem abaixo:

(carregue na imagem para aumentar)

2º - Colocar a Render:
Agora vá em

Arquivo

Abrir (ou File Open) e selecione a render que escolheu e guardou. Depois da imagem aberta, clique as teclas Ctrl A e Ctrl C para copiar. Volte ao documento inicial e clique Ctrl V para colar a imagem ao documento. Posicione a render como desejar, usando a ferramenta Mover ou Move Tool (V)

.
Muitas vezes, as imagens são maiores que o documento inicial e, por isso, devem ser redimensionadas. Clique Ctrl T que selecionará a imagem e segure a tecla Shift (para evitar o mal redimensionamento) e diminua a imagem a seu gosto.

Fazendo Background

1º - Camadas por baixo da render:
Iremos começar com as camadas embaixo da render,vamos selecionar a ferramenta Conta Gotas

e vamos escolher uma cor escura da render (no meu caso #c02f11) apos isso selecionamos a ferramenta Lata de Tinta

e vamos colorir o plano de fundo.

Agora criamos uma nova camada, clicando em Ctrl J, e selecionamos outra cor da render só que desta vez uma mais clara (no meu caso #e38031) e enfeitar com alguns brush's .

Agora criamos novamente uma nova camada, clicando em Ctrl J , selecionamos a cor #00000 e passamos brush's em alguns lugares e alterar o padrão da camada para Luz Indireta

(carregue na imagem para aumentar)

Agora criamos uma nova camada, selecionaremos outra vez uma cor escura da render mais em outro tom, ou seja uma cor diferente ( no me caso #3e6dab) e iremos pintar a camada com brush's ( sugiro redondos e que não sejam muito grandes) ,em seguida outra camada mais dessa vez com uma cor mais clara( no meu caso #8ce4ed) .

Iremos criar novamente uma camada, agora escolheremos outra cor forte na render e iremos decorar novamente( no meu caso #f7f03c).

Pronto as camadas por trás da render estão feitas!

2º - Camadas por cima da render:

Agora iremos fazer as camadas por cima da render,criamos uma nova camada seguramos Ctrl e clicamos na render, selecionamos a cor que sera predominante na render, iremos pintar o espaço que a render ocupa e colocar como luz indireta.

Agora criamos uma nova camada ,vamos em opções de mesclagem e ajustamos como nas imagens (você pode alterar as cores)

Agora basta decoramos com alguns brush's e pronto.

3º - Luz e Sombra:

O efeito de luz e sombra tem como finalidade deixar a render em destaque,criamos uma nova camada e selecionamos o brush na cor #000000 e pintamos pelas bordas, apos isso criamos uma nova camada e pintamos com a cor #ffffff o mais próximo da render possível.

Tratamento

Primeiramente vamos na ferramenta mapa degrade

ficará assim:

Colocamos a imagem em Luz Indireta

Damos ctrl+j e alteramos a cor branca para "azul" neste caso.

Aplicar os toques finais

1º - Colocando o nome:

Agora vamos na ferramenta de Texto Horizontal ou Horizontal Type Tool (T)

. Escolhemos o local onde queremos o texto. Escrevemos o texto desejado.

(carregue na imagem para aumentar)

Fonte: Poderá alterar a fonte do seu texto.

Tipo de fonte: Poderá variar entre regular, itálico e negrito.

Tamanho: Poderá variar o tamanho do texto.

Opções do texto: Poderá colocar o texto à esquerda, à direita ou centralizado.

Cor: Poderá escolher a cor do seu texto.

Pronto já colocamos nosso texto!

3º - Estilizando texto:

Agora vamos em Artmeiros

Opções de Mesclagem e editamos segundo as imagens:

Pronto texto estilizado!

3º - Colocando a borda:

Primeiramente criamos uma nova camada, clicando em Ctrl J.

De seguida, apertamos Ctrl A para selecionar tudo. Agora escolhemos a ferramenta de Letreiro Retangular ou Rectangular Marquee Tool (M)

e clicamos na assinatura com a parte direita do mouse e escolhemos a opção "Traçar" ou "Stroke".

(carregue na imagem para aumentar)

Após isso será aberta uma janela, configure-a conforme a imagem e aperte "Ok".

(carregue na imagem para aumentar)

Pronto nossa assinatura ficou pronta!

(carregue na imagem para aumentar)

Guardar no computador

1º - Salvando o trabalho:

Para salvar o seu trabalho, vá em

Arquivo

Salvar como (ou

File Save as).

Escolha um nome para o trabalho e deixe ficar o Formato como "Photoshop (*.PSD, *.PDD)".

Desta forma, guardará todo o ficheiro que o Photoshop criou e poderá editar a assinatura mais tarde se assim o desejar.

2º - Salvando a assinatura:

Para salvar a sua assinatura, vá em

Arquivo

Salvar como (ou

File Save as).

Escolha um nome para a assinatura e deixe ficar o Formato como "PNG (*.PNG, *.PNS)".

Desta forma, guardará apenas a imagem final do seu trabalho e será essa imagem que poderá hospedar na internet e colocar nos locais de assinaturas nos fóruns que frequenta.

--> FAQ do Tutorial <--
Assinatura nível avançado

Onde posso hospedar minha assinatura?
Existem vários servidores de hospedagem de imagens disponíveis na internet.
Sugerimos alguns como servimg, imgur e imageshack

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

Se tiver alguma dúvida relacionada com este tópico crie um tópico com o seguinte título:
[Dúvida] Assinatura nível avançado