Como crear un Niza Sleek Dark Botón no Photoshop
Ei máis un Photoshop Tutorial. Neste tutorial imos aprender como crear un elegante Niza Dark Botón no Photoshop. Isto é moi sinxela e moi eficaz tutorial. Eu espero que apreciar este tutorial.
Final Preview
Isto é o que nós fomos facer hoxe
Etapa # 1
Abre o Photoshop e crear un novo documento, o meu é 550px × 398px con fondo branco.
Etapa # 2
Encha a cor na capa de fondo, o meu é cor # 131313.
Etapa # 3
Seleccione a Rounded Rectangle Tool e crea o botón, o raio mina é 5px, width: 219px e height: 40px.
Agora aplique algúns efectos
Gradient Overlay
Styling the Button, prema dúas veces na miniatura da capa de botón no taboleiro capas para abrir a caixa de diálogo Estilos de Capa, imos aplicar un efecto vertical graduais para o botón. En continuación, prema no gradiente de cores á dereita da opción Gradient para abrir o Color Gradient Editor.
Dun dobre clic no left-color-stop e escriba o valor de cor # 0E0E0E, dea un dobre clic na esquerda-centro-cor-stop e escriba o valor de cor # 1C1C1C, dea un dobre clic sobre o botón dereito do centro-cor-stop e introducir o valor de cor # 262626, a continuación, dar un dobre clic sobre o botón dereito do cor-stop e escriba o valor de cor # 292929.
Debe ser semellante a este.
Outer Glow
A continuación aplicarase o estilo de capa Outer Glow. Cambiar o modo de Blend para Overlay, do que cambiar os valores de arquivo. Eu escollín para definir o tamaño en 3px
Eu escollín para configurar a opacidade o 30%.
Cambiar a Técnica en preciso.
Debe ser semellante a este.
Etapa # 4
Seleccione a Horizontal Type Tool e escriba o texto na fronte.
Etapa # 5
área da capa de botón (Ctrl + Prema sobre a miniatura da capa de botón no taboleiro capas).
Que crear un nome de nova capa a capa Gradient azul.
Denominándose o gradiente Blue dobre clic sobre a miniatura do gradiente Blue capa no taboleiro Layers para abrir a caixa de diálogo Estilos de Capa, imos aplicar un efecto horizontal graduais para o botón. En continuación, prema no gradiente de cores á dereita da opción Gradient para abrir o Color Gradient Editor.
Manter o ángulo de 180o
Dun dobre clic no left-color-stop e escriba o valor de cor # 047CA3, dea un dobre clic no centro-cor-stop e escriba o valor de cor 25C4F4 #, a continuación, dar un dobre clic sobre o botón dereito do cor-stop e escriba o valor de cor # 047CA3.
Debe ser semellante a este.
Agora Desmarque a selección (Ctrl + D). Agora move o destaque debaixo do botón para desprazar a capa de abaixo de dous píxeles, tocando a tecla para abaixo (polo teclado).
Resultados
Baixo o ficheiro de orixe
Se desexa verificar o seu traballo, pode baixar o arquivo PSD para este tutorial.
Artigos relacionados:
Se lle gusta de ler este artigo, confía outros artigos relacionados a continuación:


































































Enviar un comentario