Tecnología

Inicio

Cómo crear gráficos personalizados en Photoshop para los botones

Si usted tiene Photoshop, puede crear sus propios botones personalizados para sus páginas web, incluso si tiene poca experiencia con el software. Una forma común para los botones es el rectángulo redondeado. Biselado y grabado en relieve esta forma puede hacer que se destaque en su página Web con un efecto tridimensional. Una clave para el diseño de los botones es mantener la coherencia en la forma, tamaño, fuentes y esquemas de color para todos los botones. Guarde el documento de Photoshop para usar el primer botón como una plantilla para otros.

Instrucciones

1 Abrir Photoshop y seleccionar "Nuevo" del menú "Archivo". Introducir el tamaño de su botón, como por ejemplo 400 x 120 píxeles.

2 Seleccione la opción "herramienta Rectángulo redondeado" en el panel de herramientas. Tipo "12 px" en el campo "Radio" de la barra de opciones. Este número determina la forma redonda serán las esquinas.

3 Haga clic en "Set Color de primer plano" en el panel de herramientas. Seleccionar cualquier color que desee de la paleta y haga clic en "Aceptar".

4 Arrastre la herramienta a través del lienzo para crear un rectángulo redondeado en el color seleccionado.

5 Haga clic en el menú "Capa", seleccione "Estilo de capa" y haga clic en "bisel y relieve". Haga clic en Aceptar." Esto dará a su botón de un efecto tridimensional.

6 Seleccione la "herramienta de tipo horizontal" del panel de herramientas. Arrastre la herramienta sobre el botón para crear un cuadro de texto. Escriba las palabras que desea que aparezca en el botón.

7 Resalta el texto en el botón pulsando Ctrl y A en el teclado. A continuación, cambiar el tipo de letra, tamaño de fuente y color que desee utilizando el panel Carácter.

8 Guarde su trabajo como un documento de Photoshop con las capas intactas para que pueda utilizar este botón como una plantilla para botones similares.

9 Guardar su botón como un archivo JPEG cuando esté satisfecho con su trabajo. Haga clic en "Guardar para Web y dispositivos" en el menú "Archivo". Seleccione "JPEG" en el menú desplegable. A continuación, reducir la calidad de la imagen para reducir el tamaño del archivo. Para los botones, por lo general puede reducir la calidad a un 40 por ciento o menos, sin degradar notablemente la calidad de la imagen.