Cómo Crear Un Botón

Tabla de contenido:

Cómo Crear Un Botón
Cómo Crear Un Botón

Video: Cómo Crear Un Botón

Video: Cómo Crear Un Botón
Video: Excel - Como crear botones con macros para guardar registros Excel 2024, Mayo
Anonim

Si decide por su cuenta crear un botón para la barra de navegación de su sitio, es bastante sencillo hacerlo utilizando el programa Adobe Photoshop. Como resultado, obtendrá un botón bastante agradable que puede ajustar en color y otros parámetros exactamente al diseño de su sitio.

Cómo crear un botón
Cómo crear un botón

Instrucciones

Paso 1

Cree un nuevo documento en el programa (Archivo - Nuevo o Archivo - Nuevo). Ahora cambie el documento al modo gris, para esto seleccione Imagen - Modo - Escala de grises. Ahora, con la herramienta Rectángulo, cree un rectángulo que coincida con las dimensiones de su botón futuro. Ahora ponga la imagen en modo RBG. Abra la paleta RBG (izquierda) y establezca todos los valores en 170. Rellene el rectángulo con gris.

Paso 2

Ahora haga clic en Imagen - Modo - Mapa de bits para poner la imagen en modo de mapa de bits. En la ventana Mapa de bits, en la lista Usar, seleccione el valor Trama de semitonos. Debería abrirse otra ventana. En esta ventana, establezca los siguientes valores de parámetro:

Frecuencia: 256

Líneas / pulgada

Ángulo: 45

Forma / Redonda

Terminarás con un rectángulo salpicado de estrellas.

Paso 3

Ahora cambie la imagen de nuevo al modo Escala de grises (Imagen - Modo - Escala de grises). Establecer la relación de tamaño 1. Vuelva a establecer la imagen en el modo RBG. Aplicar filtro Estilizar - Fmd Edges.

Paso 4

Luego aplique el filtro Desenfoque - Desenfoque de movimiento, en él configure los siguientes parámetros:

Ángulo - 36

Distancia - 19

Estos valores son opcionales, puede aceptar los suyos, dependiendo del resultado que desee obtener al final. Esto se aplica a todos los parámetros dados en este manual; intente experimentar y vea lo que obtiene, tal vez esté satisfecho con alguna otra opción, diferente de la que obtendrá el autor de la instrucción.

Paso 5

Ahora colorea tu imagen. Para hacer esto, seleccione Imagen - Ajustes - Tono / Saturación. Allí, marque la casilla junto a Colorear y, moviendo las palancas, seleccione el color de borde deseado para su botón.

Paso 6

Ahora selecciona la parte que sobresale del botón con la herramienta Marco rectangular y hazla un poco más clara. Para ello, cambie las curvas de la imagen - Imagen - Ajustes - Curvas.

Paso 7

Si el resultado ya es satisfactorio para ti, puedes detenerte ahí y considerar que tu botón está terminado. Pero si lo desea, puede modificar la imagen un poco más para que se vea mejor.

Paso 8

Para hacer esto, necesitamos deshacernos de las esquinas cortadas. Seleccione la herramienta Marco rectangular y seleccione el área del botón que necesita (sin esquinas feas) y copie (Editar - Copiar o use el atajo de teclado Ctrl + C). Luego presione Ctrl + V para pegar el copiado en una nueva capa. Aplicar imagen - Girar lienzo - Voltear horizontalmente.

Paso 9

Seleccione nuevamente el fragmento deseado, copie y una vez más aplique Imagen - Girar lienzo - Voltear horizontalmente. Por lo tanto, la imagen volverá a su apariencia original. Ahora elimine este fragmento (como regla, esta es la capa superior en el panel de capas). Ahora pegue el fragmento del portapapeles usando Editar - Pegar. Arrastra la pieza hacia el borde izquierdo de tu botón, haz que el borde sea rectangular. Haz lo mismo con la esquina derecha.

Paso 10

Ahora necesitas agregar texto al botón. Para hacer esto, use la herramienta de texto para crear la inscripción necesaria, cambiando el color a uno más apropiado. Aplique un filtro Desenfocar al botón para desenfocarlo un poco.

Recomendado: