Fazendo suas próprias userbars - 23Maker

    Compartilhe

    jiraya
    Administrador
    Administrador

    Mensagens : 1299
    Credibilidade : 54

    Fazendo suas próprias userbars - 23Maker

    Mensagem por jiraya em Sab Dez 18, 2010 9:03 am

    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.
    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!

      Data/hora atual: Dom Jan 22, 2017 7:19 pm