Procurar
Últimos assuntos
Nosso Banner
Gostaria de Parceria?
Se você quer ser nosso parceiro, pegue nosso banner abaixo e cole em seu fórum!
Clique - Crie parceria
Para parceria, é necessário seu registro no VisualArts!
Se você quer ser nosso parceiro, pegue nosso banner abaixo e cole em seu fórum!
Clique - Crie parceria
Para parceria, é necessário seu registro no VisualArts!
Criando Userboxes no Fireworks
3 participantes
Página 1 de 1
Criando Userboxes no Fireworks
Conteúdo
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.
Material que será usado no artigo
Desenvolvimento:
1º Passo:
Vamos criar um novo arquivo(CTRL+N) com 50×125px com fundo branco.
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:
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:
Veja como ficou:
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.
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:
Imagem do retangulo criado:
Resultado:
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.
Resultado Final:
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.
Material que será usado no artigo
Desenvolvimento:
1º Passo:
Vamos criar um novo arquivo(CTRL+N) com 50×125px com fundo branco.
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:
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:
Veja como ficou:
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.
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:
Imagem do retangulo criado:
Resultado:
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.
Resultado Final:
Re: Criando Userboxes no Fireworks
Mt bom :)
Bit0- Membro
-
Posts : 4
Localização : Portugal
Inscrição : 29/06/2009
Re: Criando Userboxes no Fireworks
Mano, você pode colocar uma screen no passo 3 do mesmo objeto que você colocou no passo 2? Sou novato no fireworks, e não tou conciguindo fazer =/
Hades- Designer
-
Posts : 18
Localização : Nenhuma
Inscrição : 15/07/2009
Tópicos semelhantes
» Coluna Fireworks - Fireworks 8 - Dark Art
» Criando um personagem - Criando cabelo
» Explorando o Fireworks
» Coluna Fireworks - Efeitos de luz
» Coluna Fireworks - Userbars
» Criando um personagem - Criando cabelo
» Explorando o Fireworks
» Coluna Fireworks - Efeitos de luz
» Coluna Fireworks - Userbars
Página 1 de 1
Permissões neste sub-fórum
Não podes responder a tópicos
|
|
Qui maio 26, 2011 10:02 pm por cooker
» 1000 Brushes para Download
Qui Abr 01, 2010 3:51 pm por x SparTan
» [Fonte]Game Logos
Qua Mar 31, 2010 2:41 pm por Gouveia -
» Ranks-Habbundo
Ter Mar 30, 2010 11:17 am por Ronoroa ~
» [Fonte]Coca-Cola
Qua Mar 17, 2010 5:52 pm por Hink
» [Fonte] Battlestar (Galactica)
Sáb Dez 12, 2009 6:14 pm por Aurora
» [Fonte]Team Spirit
Sáb Dez 12, 2009 6:07 pm por Aurora
» [Fonte] Aardvark Cafe (Hard Rock Café)
Sáb Dez 12, 2009 6:05 pm por Aurora
» [Fonte] Allstar
Sáb Dez 12, 2009 4:53 pm por Aurora