Cómo crear un botón personalizado en Photoshop

Crear sofisticados botones para su sitio web utilizando Photoshop, el principal programa de gráficos.

Instrucciones

Creación del botón en blanco

1 Iniciar Photoshop y crear un nuevo archivo de imagen que mide 100 píxeles de ancho por 40 píxeles de alto. Ajuste la resolución de 72 píxeles por pulgada y el modo de color RGB.

2 Seleccione la herramienta Cubo de pintura a la derecha. La herramienta Bote de pintura se asemeja a un cubo inclinado con pintura que brota de ella.

3 Haga clic en la plaza paleta de la parte superior de la barra de herramientas y seleccionar un color para el botón. Haga clic en Aceptar.

4 Elija las opciones del menú de opciones de pintura envolventes. Trate normal y una opacidad del 45 por ciento.

5 Haga clic en la herramienta Selección plaza desde el menú de herramientas. En la ventana Opciones de Marco, seleccione rectangular de la forma, con flecos conjunto a 0.

6 Utilice la herramienta Selección para "dibujar" un rectángulo dentro del botón, formando una frontera.

7 En el menú Seleccionar, elija inverso. Esto selecciona el área dentro del rectángulo.

8 Haga clic en el menú Imagen y elija Ajustar, a continuación, brillo / contraste. Ajustar el nivel de brillo para '10, dejando el botón de contraste establecido en 0. Haga clic en Aceptar.

9 Pulse las teclas de control y H para ver el nuevo botón.

10 Haga clic en la herramienta Selección de nuevo y dibujar otro rectángulo a las afueras de la primera. Inversa como en el paso 7 y ajustar el nivel de brillo para '20. Esto se desvanece los bordes de los botones.

11 Guarde el botón como un archivo GIF.

Adición de texto al botón

12 Abra el archivo de botón y haga clic en la herramienta Texto de la izquierda. Haga clic en el cuadrado de la paleta superior y seleccione un color de texto.

13 Haga clic en el botón. En el cuadro de diálogo de la herramienta Tipo, seleccione el tipo de letra, tamaño, atributos y posición.

14 Escriba el texto en el cuadro y haga clic en OK. Arrastre la selección para centrarla en el botón o presione Eliminar para quitarlo.

15 Utilice Guardar como para guardar el botón con un nuevo nombre.

Consejos y advertencias

• Guarde el botón con un nombre nuevo para mantener el botón en blanco como una plantilla para el trabajo posterior.
• Use un tipo de letra normal, medio para facilitar la lectura.
• Asegúrese de que el color de la fuente contrasta con el color del botón. Utilice las fuentes oscuras (preferentemente negro) para los botones más y más ligero para los botones de fuentes más oscuras.