Autor=23Maker
Olá pessoal! :ok: Estou aqui para ensinar a vocês como fazer uma userbar!
Mas o que é uma userbar?
São aquelas imagens que os membros colocam nas assinaturas, como essa:
Vamos começar, então?
Você vai precisar de:
- Adobe Photoshop ou outro programa de edição de imagens;
- Uma mão e um olho!
Para usar o Photoshop é necessário comprá-lo ( D-:< ), a não ser que você tenha um CD com o crack! Então, para aqueles que não tem, um editor de imagens recomendado é o Paint.NET, mil vezes melhor que seu primo Paint! Download do Paint.NET aqui!
Agora, se você não tem uma mão ou um olho, não posso fazer nada! :-(
Abra o spoiler para ler o tutorial.
Resultado final:
Oh, agora você tem sua própria userbar sem nem ser um mestre do Design!
É isso, pessoal! Qualquer dúvida ou comentário, postem!
Olá pessoal! :ok: Estou aqui para ensinar a vocês como fazer uma userbar!
Mas o que é uma userbar?
São aquelas imagens que os membros colocam nas assinaturas, como essa:
Vamos começar, então?
Você vai precisar de:
- Adobe Photoshop ou outro programa de edição de imagens;
- Uma mão e um olho!
Para usar o Photoshop é necessário comprá-lo ( D-:< ), a não ser que você tenha um CD com o crack! Então, para aqueles que não tem, um editor de imagens recomendado é o Paint.NET, mil vezes melhor que seu primo Paint! Download do Paint.NET aqui!
Agora, se você não tem uma mão ou um olho, não posso fazer nada! :-(
Abra o spoiler para ler o tutorial.
- Spoiler:
- Passo 1
Abra seu editor de imagens e crie uma nova imagem, de tamanho 350x19 pixels, como mostra a imagem:
Clique em OK!
Passo 2
Agora, você escolhe as duas cores da sua userbar assim:
Clique nos dois quadrados para escolher as cores.
Selecione a ferramenta Gradient Tool (clique com o botão direito no baldinho), então clique mais ou menos no meio da sua userbar, segure, e puxe para qualquer lado e solte! Vai ficar mais ou menos assim:
Tente fazer isso em lugares e direções diferentes para outros resultados! Quanto terminar, passe para o passo 3!
Passo 3
Crie uma nova imagem 6x6 pixels e faça uma linha diagonal preta com o lápis, assim:
Agora, clique em Edit>Define Pattern e dê um nome para a linha.
Clique em OK! Agora, feche essa imagem (não precisa salvar) e volte para a outra.
Passo 4
Aperte Shif+Ctrl+N para criar uma nova camada (layer) Clique nessa layer e selecione a ferramenta Patern Stamp Tool (parece um carimbo) e depois selecione, lá em cima da tela, o Pattern que você fez no Passo 3, aquela linha diagonal. Agora vá preenchendo a userbar com essa linha até ficar assim:
Tá estranho, né? Mas não se preocupe. Na janela de Layers, selecione a Layer cheia de linhas e deixe a opacidade (Opacity) lá pelos 20-30%. Agora sim!
Passo 5
Agora você precisa da imagem que será usada na userbar. Usarei essa no tutorial:
Copie sua imagem e cole na userbar e posicione-a um pouco na frente do lado esquerdo. Ficou assim:
Eepa, tá muito grande! Mas relaxe, se a sua estiver muito grande também, clique em Edit>Transform>Scale e vá diminuindo o tamanho (APENAS pelas diagonais!). Quando estiver bem-bão, clique na aba de ferramentas. Irá aparecer três opções, selecione "Apply".
Passo 6
Estamos quase terminando! Vamos escrever o texto agora. Selecione a ferramenta Type Tool (é aquele T). Agora, segure e puxe no lado direito da userbar, dando espaço suficiente para escrever seu texto.
Você pode usar a fonte que quiser, mas a mais usada é a Visitor TT1 (BRK). Essa precisa ser baixada, está em anexo no final deste tópico. Agora, o tamanho deve ser 10 pt. Escreva o que você quiser, deixando as palavras no centro. Use a cor branca ou preta:
Epa, não está no centro! Para arrumar, selecione a Layer do texto, aperte Ctrl+A, depois Ctrl+C e então Ctrl+V. Vai aparecer uma nova Layer. Delete a antiga Layer e use a ferramenta Move Tool (a segunda) para deixar o texto no centro. Yipiee!
Passo 7
Esse é o último passo. Vá na Layer do texto e clique em Edit>Stroke. Em Width, deixe 1 px. E na cor, deve ser preta se você escreveu em branco e branca se você escreveu em preto. Em Location, deixe Outside.
Clique em OK. Agora, suas letras tem borda!
Vamos fazer uma iluminação.
Crie uma nova Layer e faça, com a ferramenta Eliptical Marquee Tool um semicírculo na parte superior da userbar. Com a ferramenta Paint Bucket Tool (o balde), preencha o semicírculo com branco. Deixe a opacidade (Opacity) do Layer em 25%.
Agora, vá na primeira Layer (aquela que tem as duas cores) e repita o processo de borda anterior, mas com a cor preta e Location>Inside.
Está quase pronta! Mas está faltando borda na imagem que eu usei. Se aconteceu isso com você também, conserte manualmente usando a ferramenta Pencil Tool, que é um lápis. Não se esqueça que uma parte da borda tem iluminação, e nessa parte o preto da borda é mais claro.
Resultado final:
Oh, agora você tem sua própria userbar sem nem ser um mestre do Design!
É isso, pessoal! Qualquer dúvida ou comentário, postem!