Como criar um botão com efeito de vidro no photoshop

É super fácil de criar um botão de vidro com efeito Adobe Photoshop

passos

1
O botão que você fizer será parecido com este:

Cria uma nova imagem

Abra o Photoshop e pressione CTRL + N (Command + N no Mac) para criar uma nova imagem.
  • Digite 250 para "largura", 250 "alto"72 para "resolução" e branco para "Fundo conteúdo". pressione OK
  • selecionar "arquivo"gt;"Salvar como...". altera a "formato" Photoshop (* .psd, * .PDD). em "Nome do arquivo" colocar BotonCristal.psd. Pressione OK.
  • Criar um fundo listrado

    1. Criar um documento temporário para o fundo listrado. Pressione CTRL + N para um novo documento. Digite 1 para "largura"para 10 "alto"72 para "resolução" e branco para "Fundo conteúdo". Pressione OK.
    2. Pressione Z para selecionar a ferramenta Zoom. Clique no documento temporário até pelo menos 1600%. Pressione Shift + Ctrl + N para criar uma nova camada. Ao abrir a caixa de diálogo, pressione OK.
    3. Pressione M para selecionar a ferramenta Letreiro Retangular. Se por algum motivo a ferramenta letreiro elíptico estiver selecionada, clique com o botão direito do mouse sobre a armação de ferramenta. uma pequena janela com várias opções aparece, selecione o quadro retangular.
  • Faça um desenho no último pixel com a armação de ferramenta. Verifique se a opção Calado é 0.
  • Pressione SHIFT + F5 para abrir o enchimento. selecionar "uso" em preto, pressione OK. Agora pressione CTRL + A para selecionar todo o documento.
  • imprensa "editar"gt;"define Pattern". Uma nova janela será aberta. Escrever raspadas em "Nome."
  • Fecha o documento. Nós não precisa e não precisa salvá-lo.
  • Mudar o fundo da BotonCristal

    1. Clique na barra superior do documento BotonCristal para ativá-lo.
    2. Pressione SHIFT + F5 para abrir o preenchimento. mudança "uso" à razão. mudança "padrão personalizado" razão zero nós fizemos. Clique em OK. O documento agora deve ter esta aparência:


    Faça a forma de botão

    1. clique direito sobre a ferramenta e selecione Elliptic Marco Marco.
    2. Mantenha pressionado o botão SHIFT, clique no canto superior esquerdo do documento e arraste uma moldura elíptica até que o mouse é quase no canto inferior direito do documento. Queremos um círculo que é um pouco menor do que o documento. Pressione Shift + Ctrl + N para criar uma nova camada. Quando você sair da caixa de New Layer, mudar o "nome" para dar forma e pressione o botão OK.
    3. Alterar a cor de primeiro plano para um azul escuro. Pressione o seletor Cor Frontal na barra de ferramentas.
  • mudança "#" para 000.066 (são zeros).
  • pressione OK
  • Voltar no documento BotonCristal, pressione SHIFT + F5 para abrir o enchimento. Selecione cor de primeiro plano "uso". Pressione OK. Pressione CTRL + A para selecionar todo o documento. Pressione CTRL + X para cortar o círculo, em seguida, CTRL + V para colar. Cortando e colando causas novamente o círculo é centrado. Na janela Layers, mude o Blend Mode para Subexposição Linear (Linear Burn).
  • O documento deve ser semelhante a este:
    Se não o fizer, volte e verifique todas as etapas.
  • Aplique a distorção para o fundo



    1. Se você já viu através de um copo de água, você vai notar que a imagem é distorcida um pouco. Em nosso botão, linhas de fundo mostrar através, por isso precisamos de distorcer um pouco.
    2. Pressione a tecla Ctrl e clique na camada botão de formulário na janela de Camadas. Isso seleciona uma área em torno do nosso botão. Agora clique na camada de fundo na janela de Camadas. selecionar "filtros"gt;"distorcer"gt;"Spherize". Adicione 66% em "Montante."
  • Pressione OK. O documento deve ser semelhante a este:
  • Adicionar um reflexo

    1. Verifique se a seleção ainda está em torno do círculo. Pressione Shift + Ctrl + N para criar uma nova camada. altera a "Nobre" a reflexão e pressione OK. Essa nova camada deve ter sido entre as camadas e formam o botão na janela de Camadas. Precisamos de movê-lo para o topo, por isso clique nele e arraste-o para o topo.
  • Prima D e, em seguida, X, isso muda o primeiro plano e plano de fundo para preto e cor branca. Pressione G para selecionar a ferramenta Gradiente. Selecione Transparente como a cor de primeiro plano do gradiente.
  • Certifique-se de que você está na camada de seleção e começa a desenhar um gradiente de cima do círculo para o fundo. Mantenha a tecla SHIFT pressionada durante este processo para garantir a linha vertical perfeita. Agora pressione CTRL + D para desmarcar o círculo. O documento deve ser semelhante a este:
  • Alterar o tamanho ea forma da sua camada de Reflexão. Pressione CTRL + T para o Free Transform. Arraste qualquer canto da caixa que aparece quando você pressiona a tecla ALT, até que a camada Reflection permanece como a 4/5 do tamanho que costumava ter. Agora arraste a caixa que vai para o centro da linha de fundo e pressione ALT, arraste para cima até que seja 3/5 do tamanho original. Pressione a tecla ENTER para confirmar a transformação e agora se parece com isso:
  • Nós não queremos que o reflexo no centro do botão, então pressione V para selecionar a ferramenta Move. Arrastar a camada de reflexão até atingir quase ao topo do círculo. Na janela Layers, mude a opacidade para 85%.

  • Agora o documento deverá ser parecido com este:
  • Você pode terminar aqui, mas nós adicionamos um estilo de botão central cheque wikiHow.
  • Adicionar um estilo wikiHow cheque

    1. Pressione a camada de forma botão na janela de Camadas. Agora pressione Shift + Ctrl + N para criar uma nova layer botão de formulário. altera a "nome" para moscas. Agora precisamos abrir a ferramenta Custom Shape. Na janela de ferramentas, clique com o botão direito na ferramenta Retângulo e selecione formulário personalizado a partir da lista.
  • A partir da barra de ferramentas superior, selecione a forma de moscas (aparece como uma marca de seleção).
  • Clique na cor e mudança de primeiro plano "#" para 932.200, pressione OK
  • Na camada de moscas, desenhar uma pomba que é ligeiramente menor do que o círculo Isto é feito a partir de perto de uma extremidade do círculo e arrastando o rato.
  • Clique "camada"gt;"rasterize"gt;"forma". Agora alterar a opacidade da camada para 80%. O documento deve ser semelhante a este:
  • Mantenha a tecla CTRL e clique sobre a camada de moscas na janela de Camadas. Pressione V para selecionar a ferramenta Mover. Agora segure ALT e pressione a seta para baixo 8 vezes. Em seguida, mude a cor de primeiro plano para A72903. Pressione SHIFT + F5 para abrir o preenchimento. Selecione cor de primeiro plano Uso" e pressione OK. Pressione CTRL + D para desmarcar a camada.
  • Na janela Layers, dê um clique direito sobre a camada e selecione Opções voa fusão. janela Layer Style abre. Clique Drop Shadow, mudar o "ângulo" 90 e "distância" 15.
  • pressione OK
  • retoques

    1. Botão direito do mouse sobre a camada de forma de botão e selecione Blending Options. Na janela Layer Style clique no Inner Shadow e mudar o "blend Mode" para o Multiply, "opacidade" a 75%, "ângulo" 90, "distância" 5, "retrair" 0 e "tamanho" 75. Em seguida, clique Drop Shadow e deixar tudo como está. Clique em OK.
    2. E pronto, está feito. Sua imagem deve ficar assim:

    dicas

    • Você pode jogar com Layer Style para resultados interessantes.
    • Você pode adicionar texto com a ferramenta Texto.
    • Você pode clicar "fotografia"gt;"Tamanho da imagem" para redimensionar a imagem. Se você estiver indo para usar esta web, você definitivamente precisa de algo pequeno.

    Coisas que você precisa

    • Adobe Photoshop 7 ou 8 (CS)
    Artigos Relacionados