UserBar com "Portas"

    Compartilhe
    avatar
    Hiryu
    Admin

    Mensagens : 424
    Pontos : 3084
    Data de inscrição : 28/05/2010
    Idade : 21
    Localização : Voando (Não literalmente)

    Normal UserBar com "Portas"

    Mensagem por Hiryu em Sex Jun 04, 2010 6:32 pm

    e ai galera, enquanto estamos sem skin de tutoriais, vou fazer tutos assim xD.
    vim aqui ensinar como fazer uma bar parecida com essa:

    primeiramente faça o fundo com a tipografia e etc:

    apos isso crie uma layer faça metade de um quadrado (para lhe ajudar pode apertar
    ctrl+r e então clicar e arrastar uma das reguas e colocar no meio da imagem)
    de uma cor que combine com a userbar, faça diversos shapes e/ou brushes nesse quadrado,
    coloque uma iluminação acima (somente neste quadrado) e aplique styles nos shapes e/ou brushes

    faça a mesma coisa do outro lado (faça com que eles se encaixem, por exemplo,
    nessa bar eu fiz um circulo no final, no outro lado farei tb outro circulo do msm tamanho)
    coloque uma iluminação acima dessa tambem

    se quiser podemos partir da iluminação dai, porem eu gosto de enfeitar bem xD, então
    adicionei uma outra "porta" na vertical (a que eu fiz antes foi na horizontal xD)

    agora vamos animar^^
    e muito facil fazer a animação, e so usar o tween, porem para os que não sabem
    utilizar essa ferramenta irei ensinar agora xD
    primeiramente, faça a primeira aba de animação, com todas as layers habilitadas
    apos fazer isso, crie outra layer de animação, pegue as "portas" verticais e arraste
    a de cima para cima ate n aparecer mais na userbar e a de baixo, obviamente para baixo
    ate n aparecer mais na userbar, clique no botão tween (tres bolinhas na aba de animação)
    e coloque 15 quadros a adicionar, deixe as opções
    Camadas:
    [X] Todas as Camadas
    [ ] Camadas Selecionadas
    Parâmetros:
    [X] Posição
    [X] Opacidade
    [X] Efeitos
    e clique em ok, a primeira parte da animação ja esta feita, vamos para a segunda^^
    agora, crie outra layer de animação (apos todas) e nas portas horizontais faça a mesma
    coisa que anteriormente, e use o tween do msm jeito, agora ja fizemos a animação de abrir, vamos
    agora fechar a nossa bar^^
    crie novamente outra layer (apos todas) e pegue as "portas" horizontais,a feche-as, do msm jeito
    que anteriormente so que agora fechando xD, use o tween do mesmo jeito novamente
    agora vamos fechar as verticais, novamente crie outra layer de animação (isso ja ta chateando xD)
    feche as portas verticais e use o tween do mesmo jeito anteriormente
    e sua bar animada esta pronta^^
    agora e so curtir xD, pode parecer chato mas acreditem, eu num levei nem dois mins para fazer a animação xD
    caso n faça as "portas"verticais,e so pular as partes em que as verticais entram
    eu num gosto de adicionar bordas nesse tipo de user/fan bars mas se quiser adicionar pode adicionar xD
    se quiser diminuir o tamanho final da sign, e so colocar menos quadros no tween^^, eu aconselho de 6 a 15
    para salvar sua animação, va em salvar para web, selecione, o resto e logica, e acredito que conseguiram dai em diante xD
    desculpem eu n fazer screen com as animações, foi porque eu tava com preguiça de fazer as screenshots xD, mas se precisarem falem que eu farei^^


    Última edição por Hiryu em Dom Jun 06, 2010 10:28 pm, editado 1 vez(es)


    __________________________________

    Fear minha falta de platinum

    Freeze Sign "Cold Divinity"!!

    avatar
    Yasuo
    Classe B

    Mensagens : 1441
    Pontos : 4246
    Data de inscrição : 01/06/2010
    Idade : 19

    Normal Re: UserBar com "Portas"

    Mensagem por Yasuo em Sex Jun 04, 2010 6:34 pm

    Nossa, mto bom o tuto, sempre queria saber como funcionava isso, vlw por compartilhar, que pena que nao faço mtas user bar ^^
    avatar
    RayquazaBR
    Classe A

    Mensagens : 629
    Pontos : 3247
    Data de inscrição : 31/05/2010

    Normal Re: UserBar com "Portas"

    Mensagem por RayquazaBR em Sex Jun 04, 2010 10:10 pm

    kra, tuto mto show!
    avatar
    Vejeta
    Classe F

    Mensagens : 495
    Pontos : 2981
    Data de inscrição : 04/06/2010
    Idade : 20
    Localização : No Sol

    Normal Re: UserBar com "Portas"

    Mensagem por Vejeta em Sex Jun 04, 2010 10:29 pm

    Muito legal seu tutorial, concerteza irá ajudar muitos, Parabéns pelo belo tutorial.
    avatar
    N
    Classe F

    Mensagens : 381
    Pontos : 3124
    Data de inscrição : 02/06/2010
    Idade : 23
    Localização : Putalaquepares

    Normal Re: UserBar com "Portas"

    Mensagem por N em Sab Jun 05, 2010 9:29 am

    Nossa muito bom,vai me ajudar bastante.

    N
    avatar
    RayquazaBR
    Classe A

    Mensagens : 629
    Pontos : 3247
    Data de inscrição : 31/05/2010

    Normal Re: UserBar com "Portas"

    Mensagem por RayquazaBR em Dom Jun 06, 2010 2:17 pm

    olha o meu resultado...
    Spoiler:
    eu sei que ta meio desalinhado...
    avatar
    N
    Classe F

    Mensagens : 381
    Pontos : 3124
    Data de inscrição : 02/06/2010
    Idade : 23
    Localização : Putalaquepares

    Normal Re: UserBar com "Portas"

    Mensagem por N em Dom Jun 06, 2010 3:07 pm

    Ficou muito bom Rayquaza,depois vo tentar fazer uma tambem.

    N


    Última edição por N em Dom Jun 06, 2010 5:22 pm, editado 1 vez(es)
    avatar
    Yasuo
    Classe B

    Mensagens : 1441
    Pontos : 4246
    Data de inscrição : 01/06/2010
    Idade : 19

    Normal Re: UserBar com "Portas"

    Mensagem por Yasuo em Dom Jun 06, 2010 4:08 pm

    Mto bom Rayquaza, achoq ue também vou tentar fazer ^^
    avatar
    Hiryu
    Admin

    Mensagens : 424
    Pontos : 3084
    Data de inscrição : 28/05/2010
    Idade : 21
    Localização : Voando (Não literalmente)

    Normal Re: UserBar com "Portas"

    Mensagem por Hiryu em Dom Jun 06, 2010 6:58 pm

    RayquazaBR escreveu:olha o meu resultado...
    Spoiler:
    eu sei que ta meio desalinhado...
    ]

    esta desalinhado como vc disse, porem msm assim ficou otima^^


    __________________________________

    Fear minha falta de platinum

    Freeze Sign "Cold Divinity"!!

    avatar
    Gilgamesh
    Classe K

    Mensagens : 94
    Pontos : 2836
    Data de inscrição : 05/06/2010

    Normal Re: UserBar com "Portas"

    Mensagem por Gilgamesh em Dom Jun 06, 2010 10:14 pm

    ficou muito legal vou tentar fazer um =

    Conteúdo patrocinado

    Normal Re: UserBar com "Portas"

    Mensagem por Conteúdo patrocinado


      Data/hora atual: Qui Dez 14, 2017 9:44 pm