1 Criando Userboxes Seg Jan 14, 2013 2:10 pm
Admin
Primeiramente o que são userboxes.
São imagens que se utilizam nas assinaturas dos foruns para mostrar os gostos do utilizador, parecidas com userbars, mas com o tamanho: 50×125px.
Agora que temos a definição de userboxes, vamos ver uma amostra de nosso resultado final.
[Tens de ter uma conta e sessão iniciada para poderes visualizar esta imagem]
1º Passo.
Vamos criar um novo arquivo(CTRL+N) com 50×125px com fundo branco.
[Tens de ter uma conta e sessão iniciada para poderes visualizar esta imagem]
Neste arquivo, importe uma imagem de sua preferência, aqui estou usando uma da Lara Croft (do Game Tomb Raider), para importar a imagem utilize o comando (CTRL+R) ou através do menu File-Import. Ajuste a posição como prefirir a minha ficou assim:
[Tens de ter uma conta e sessão iniciada para poderes visualizar esta imagem]
2º Passo.
Para dar um toque a mais em nossa userboxe, vamos criar umas scan lines, para isso crie um retangulo com a ferramenta Rectangle Tool(U), com 50×125px posicione no centro da imagem X=0 e Y=0, coloque o preenchimento Solid #000000 e vamos escolher no painel de propiedades a opção Line-Diag 1, definindo a opacidade em 30% e Blend Mode como Screen, as imagens dizem tudo, acompanhem abaixo:
[Tens de ter uma conta e sessão iniciada para poderes visualizar esta imagem]
Veja como ficou:
[Tens de ter uma conta e sessão iniciada para poderes visualizar esta imagem]
3º Passo.
Agora vamos fazer as bordas, vamos criar dois retangulos com a medida do arquivo 50×125px e retirar o preenchimento, no primeiro retangulo definiremos um contorno branco de 3px. No segundo retangulo definiremos um contorno preto de 1px. Acompanhem abaixo.
[Tens de ter uma conta e sessão iniciada para poderes visualizar esta imagem]
4º Passo.
Vamos fazer um efeito de glass no canto superior esquerdo da userbox, para fins estéticos. Primeiro criaremos um retangulo com 50×70px e com a ferramenta Subselection Tool(A), definiremos este retangulo como mostra a figura abaixo:
[Tens de ter uma conta e sessão iniciada para poderes visualizar esta imagem]
Imagem do retangulo criado:
[Tens de ter uma conta e sessão iniciada para poderes visualizar esta imagem]
Resultado:
[Tens de ter uma conta e sessão iniciada para poderes visualizar esta imagem]
5º Passo.
Bem, temos a nossa userboxe pronta, agora vamos adicionar a tipografia, por padrão o tamanho da fonte utilizado nesse tipo de trabalho é 10px, com contorno preto, mas vocês podem fazer modificações a gosto.
[Tens de ter uma conta e sessão iniciada para poderes visualizar esta imagem]
Créditos: Fábio Costa de Souza.
São imagens que se utilizam nas assinaturas dos foruns para mostrar os gostos do utilizador, parecidas com userbars, mas com o tamanho: 50×125px.
Agora que temos a definição de userboxes, vamos ver uma amostra de nosso resultado final.
[Tens de ter uma conta e sessão iniciada para poderes visualizar esta imagem]
1º Passo.
Vamos criar um novo arquivo(CTRL+N) com 50×125px com fundo branco.
[Tens de ter uma conta e sessão iniciada para poderes visualizar esta imagem]
Neste arquivo, importe uma imagem de sua preferência, aqui estou usando uma da Lara Croft (do Game Tomb Raider), para importar a imagem utilize o comando (CTRL+R) ou através do menu File-Import. Ajuste a posição como prefirir a minha ficou assim:
[Tens de ter uma conta e sessão iniciada para poderes visualizar esta imagem]
2º Passo.
Para dar um toque a mais em nossa userboxe, vamos criar umas scan lines, para isso crie um retangulo com a ferramenta Rectangle Tool(U), com 50×125px posicione no centro da imagem X=0 e Y=0, coloque o preenchimento Solid #000000 e vamos escolher no painel de propiedades a opção Line-Diag 1, definindo a opacidade em 30% e Blend Mode como Screen, as imagens dizem tudo, acompanhem abaixo:
[Tens de ter uma conta e sessão iniciada para poderes visualizar esta imagem]
Veja como ficou:
[Tens de ter uma conta e sessão iniciada para poderes visualizar esta imagem]
3º Passo.
Agora vamos fazer as bordas, vamos criar dois retangulos com a medida do arquivo 50×125px e retirar o preenchimento, no primeiro retangulo definiremos um contorno branco de 3px. No segundo retangulo definiremos um contorno preto de 1px. Acompanhem abaixo.
[Tens de ter uma conta e sessão iniciada para poderes visualizar esta imagem]
4º Passo.
Vamos fazer um efeito de glass no canto superior esquerdo da userbox, para fins estéticos. Primeiro criaremos um retangulo com 50×70px e com a ferramenta Subselection Tool(A), definiremos este retangulo como mostra a figura abaixo:
[Tens de ter uma conta e sessão iniciada para poderes visualizar esta imagem]
Imagem do retangulo criado:
[Tens de ter uma conta e sessão iniciada para poderes visualizar esta imagem]
Resultado:
[Tens de ter uma conta e sessão iniciada para poderes visualizar esta imagem]
5º Passo.
Bem, temos a nossa userboxe pronta, agora vamos adicionar a tipografia, por padrão o tamanho da fonte utilizado nesse tipo de trabalho é 10px, com contorno preto, mas vocês podem fazer modificações a gosto.
[Tens de ter uma conta e sessão iniciada para poderes visualizar esta imagem]
Créditos: Fábio Costa de Souza.