Neste tutorial imos crear simple e liso botón azul. Isto é moi sinxelo e moi eficaz tutorial, entón todo o que precisa é o Adobe Photoshop para crear este fin. Espero que quere deste tutorial.

Etapa # 1

Abre o Photoshop e crear un novo documento, o meu é 550px × 125px con fondo branco.

Etapa # 2

Encha a cor na capa de fondo, o meu é cor # 3B3F46.

Etapa # 3

Seleccione a ferramenta Rounded Rectangle e crear o botón, o meu raio é 15px, width: 128px e height: 36px. Cambia a súa memoria para un bo # 13AAB7 (Azul).

Etapa # 4

Agora, cómpre engadir algúns efectos agradables para o botón ao final.

Gradiente Overlay

Denominándose o dobre-clic sobre o botón Button miniatura da capa no taboleiro de capas, para abrir o cadro de diálogo Layer Styles, imos aplicar un efecto de gradiente vertical para o seu botón. Faga click no gradiente de cor sobre o dereito de opción Gradiente para abrir o Color Gradiente Editor.

Primeira cambiar a opción de mesclagem para Overlay. Manteña o ángulo de 90o, do que provocar a aparición de opacidade. Eu escollín para definir a opacidade nun 50%.

Dun dobre clic sobre a cor-esquerda parar e poñerse o valor da cor # 000000, prema dúas veces sobre a cor-dereito do batente e introducir o valor da cor # FFFFFF.

Inner Glow

A continuación aplicar o estilo capa interna brillo. Primeira cambiar a opción de mesclagem para Overlay, do que provocar a aparición de opacidade e tamaño. Eu escollín para definir a opacidade en 55% e arquivo en 6px.

Cambiar a cor do brillo do estándar # FFFFFF

Sombra

Despois, aplique a gota estilo de capa de sombra. Primeira cambiar a opción de mesclagem para Normal. Manteña o ángulo en 120o, do que provocar a aparición de opacidade e tamaño. Eu escollín para definir a opacidade en 55% e arquivo en 3px.

Caso coma este.

Etapa # 5

Crea unha nova capa, fai unha selección en torno ao seu botón orixinal, podes facelo sostendo a tecla ctrl premendo en miniatura da capa) ..

Encha a cor para branco.

Seleccione a ferramenta Rounded Rectangle, selecciona e borrar a metade inferior da capa branca que acaba de facer posible que teña para medir a altura do seu botón antes de eliminar a metade inferior.

Primeiro cómpre cambiar a opción de modo de capa para Softlight, do que provocar a aparición de opacidade. Eu escollín para definir a opacidade nun 20%

Etapa # 6

Seleccione Horizontal Type Tool, e escriba o texto na parte dianteira.

Final

Déixenos saber que este titorial pode ser mellor? Se atopou algún outro tutorial photoshop que quere compartir con nós, síntase libre para avisar deixando caer nun comentario.

Se desexa recibir máis tutoriais de nós, por favor considera subscribirse a nosa alimentación de RSS ou por correo electrónico .

Arquivo en: Photoshop , Tutoriais por admin