Gostaria de reagir a esta mensagem? Crie uma conta em poucos cliques ou inicie sessão para continuar.

5 participantes

    Tuturial fazer Orbs

    legalmaximus
    legalmaximus
    1000 Posts/s
    1000 Posts/s


    Rubys Rubys : 0
    Mensagens Mensagens : 1522
    Revo$ Revo$ : 15379
    Reputação Reputação : 49
    Idade Idade : 33
    Localização Localização : Planeta terra--> Portugal xD
    Humor Humor : Happy all the time *.*
    Barra de respeito às regras Barra de respeito às regras : 100%

    Tuturial fazer Orbs Empty Tuturial fazer Orbs

    Mensagem por legalmaximus Qui 1 Jul - 17:39

    "1° Crie um arquivo de 200x200px (tamanho recomendado depois você pode
    reduzi-lo pro tamanho que você deseja utilizar, explicarei como
    faze-lo). Depois crie um novo Layer (Layer/New
    Layer/Digite nome da Layer
    ) transparente com o nome "bg-orb". Com a ferramente de elipse
    faça um circulo perfeito (clique lah onde fica a pen-tool e selecione a
    bolinha na barra de ferramentas da pen-tool lah em cima, dica: Para
    fazer um circulo perfeito basta arrastar a Elipse Tool segurando Shift).
    Depois aplique um gradiente em 90° nas cores #2a2a2a para o topo e #3e3e3e
    para a base (A diferênça entre essas cores pode parecer quase nula mas
    faz diferênça na hora da iluminação da imagem, pode-se fazer a orb com
    outras cores mas procure sempre colocar uma cor no gradiente uma cor um
    pouco e repito UM POUCO mais clara na base, só não exagere pra não
    estragar a iluminação da orbe)"
    Tuturial fazer Orbs Tutorial-01

    2° Cria uma nova Layer com o nome "orb-glass"
    e faça uma elipse mais oval como mostrado na figura a baixo, essa layer
    ns ajudará com o efeito de vidro que desejamos colocar na orbe.

    Tuturial fazer Orbs Tutorial-02

    3° Usando a ferramenta de seleção circular selecione a imagem um pouco
    abaixo do centro da layer "orb-glass".

    Tuturial fazer Orbs Tutorial-02

    Dê um ctrl + alt + D para abrir a
    Feather Radius coloque-a em
    30px e dê ok. Com a layer "orb-glass" selecionada
    aperte o delete duas vezes.

    Tuturial fazer Orbs Tutorial-03

    4° Depois de faze-lo a sua orbe vai estar mais ou menos assim, você pode
    alterar um pouco a opacidade da layer "orb-glass"
    caso ache necessário.

    Tuturial fazer Orbs Tutorial-04

    5° Crie uma nova layer e a posicione entre a "Orb-Glass" e a "bg-orb"
    com o nome de "orb-bottom" e
    faça uma pequena elipse na cor preta (#000000) na parte de baixo do
    circulo como na figura abaixo.

    Tuturial fazer Orbs Tutorial-05

    6° Selecione a layer "orb-bottom"
    e vá em Filter>Blur>Gaussian
    Blur
    e aplique um blur entre 2,8px e 3,0px. E a sua orbe vai
    ficar mais ou menos assim:

    Tuturial fazer Orbs Tutorial-07

    Em teoria a sua orbe está feita, porém ainda ensinarei a colocar um
    brilho opcional que fica bem bonito na orbe, siga o tutorial daqui em
    diante só se for de seu interesse, caso contrario pule pra finalização
    da orbe no passo 9. Mas pra quem quiser continuar lá vamos nós! Tuturial fazer Orbs Icon_e_biggrin

    7° Crie mais uma camada entre a "orb-buttom" e a "bg-orb" e nomeie essa layer como "Over Glow" (sim será mais ou menos
    um outer glow feito manualmente) e com a ferramenta de elipse faça uma
    forma oval como na imagem a baixo com uma cor de sua preferência para o
    efeito, nesse caso está sendo usado um tom de azul (#00c1de).

    Tuturial fazer Orbs Tutorial-08

    8° Agora com a Layer "Over Glow"
    selecionada vá em Filter>Blur>Gaussian
    Blur
    e nessa dê um desfoque de mais ou menos 9,0px para criar
    esse efeito de brilho da imagem abaixo.

    Tuturial fazer Orbs Tutorial-09

    9° agora duplique a camada "orb-Button"
    e a renomeie para "orb-Shadow",
    arraste-a para baixo da "orb-bg"
    e depois de mais ou menos uns 4 ↓ (Seta para baixo do teclado) para
    posicionar a sombra ao seu gosto, se achar necessário pode mudar a
    opacidade da layer "orb-shadow".
    se tudo deu certo até agora você terá o seguinte efeito.

    Tuturial fazer Orbs Tutorial-11

    10° Agora como retoques finais vamos aparar as arestas desnecessárias
    que apareceriam com fundo transparente. Selecione a camada "orb-bg" e dê um Select>Load selection depois um ctrl + Shift + I para fazer a
    seleção inversa. Selecione a Layer "Over
    Glow"
    e dê um delete para tirar as frestas que ficariam para
    baixo da orbe, depois selecione a camada "orb-buttom" e dê um outro delete. e Pronto, orbe sem
    arestas!

    Tuturial fazer Orbs Tutorial-12

    Tuturial fazer Orbs Tutorial-13

    11° Para concluir a iluminação vamos agora fazer uma outra seleção oval
    com a ferramenta de seleção circular como na imagem abaixo, depois um ctrl + alt + D para abrir a Feather Radius e coloquea em 30px
    novamente, dê um ok e depois mais dois delete em cima da imagem para
    finalizar o efeito de brilho.

    Tuturial fazer Orbs Tutorial-14

    Tuturial fazer Orbs Tutorial-15

    Resultados:

    Tuturial fazer Orbs Orb_Button_serie


    Postei este tutu principalmente para um pedido de um usuario!

    Espero que entendam e façam..

    MUito Obrigado!


    Creditos ao autor..

    ;)
    Farhan
    Farhan
    Imortal
    Imortal


    Rubys Rubys : 0
    Mensagens Mensagens : 1959
    Revo$ Revo$ : 15092
    Reputação Reputação : 29
    Idade Idade : 30
    Localização Localização : Guarulhos SP
    Humor Humor : Revoltado
    Barra de respeito às regras Barra de respeito às regras : 100%

    Tuturial fazer Orbs Empty Re: Tuturial fazer Orbs

    Mensagem por Farhan Qui 1 Jul - 18:47

    mtoo bom,vlw por compartilhar =] [2]

    vlw legalmaximus!
    Sandrinha
    Sandrinha
    Ex-Staff
    Ex-Staff


    Rubys Rubys : 0
    Mensagens Mensagens : 1032
    Revo$ Revo$ : 15480
    Reputação Reputação : -13
    Idade Idade : 27
    Localização Localização : bahia
    Humor Humor : Olhα que espαço bonitinho esse, prα que serve ?.-.
    Barra de respeito às regras Barra de respeito às regras : 100%

    Tuturial fazer Orbs Empty Re: Tuturial fazer Orbs

    Mensagem por Sandrinha Qui 1 Jul - 18:48

    vlw por compartilhar ;P
    STRYKER
    STRYKER
    Ex-Staff
    Ex-Staff


    Rubys Rubys : 0
    Mensagens Mensagens : 498
    Revo$ Revo$ : 16327
    Reputação Reputação : 106
    Idade Idade : 33
    Localização Localização : Ogame.BR
    Barra de respeito às regras Barra de respeito às regras : 100%

    Tuturial fazer Orbs Empty Re: Tuturial fazer Orbs

    Mensagem por STRYKER Qui 1 Jul - 19:02

    Gostei desse resultado com a pena!
    legalmaximus
    legalmaximus
    1000 Posts/s
    1000 Posts/s


    Rubys Rubys : 0
    Mensagens Mensagens : 1522
    Revo$ Revo$ : 15379
    Reputação Reputação : 49
    Idade Idade : 33
    Localização Localização : Planeta terra--> Portugal xD
    Humor Humor : Happy all the time *.*
    Barra de respeito às regras Barra de respeito às regras : 100%

    Tuturial fazer Orbs Empty Re: Tuturial fazer Orbs

    Mensagem por legalmaximus Sex 2 Jul - 4:41

    Vlw pessoal!

    este tutu é um pouco grande mas até se percebe bem.. xD

    Espero que gostem

    ;)
    EMINEM
    EMINEM
    Viajante
    Viajante


    Rubys Rubys : 0
    Mensagens Mensagens : 8
    Revo$ Revo$ : 15231
    Reputação Reputação : 0
    Idade Idade : 32
    Localização Localização : Brasil
    Humor Humor : Depressivo
    Barra de respeito às regras Barra de respeito às regras : 100%

    Tuturial fazer Orbs Empty Re: Tuturial fazer Orbs

    Mensagem por EMINEM Sáb 31 Jul - 20:21

    Eita,muito bom,vlw o tuto vo treina depois : )

    Conteúdo patrocinado


    Tuturial fazer Orbs Empty Re: Tuturial fazer Orbs

    Mensagem por Conteúdo patrocinado


      Data/hora atual: Dom 19 maio - 6:18