Tecnología

Inicio

Cómo hacer un gran botón en CS5

Adobe CS5 es una suite de software multimedia utilizado por los diseñadores web profesionales, diseñadores gráficos y editores de vídeo. Photoshop es el producto más conocido en la serie, y se puede utilizar este programa para crear elementos de interfaz de usuario, tales como botones. Al crear un botón en Photoshop CS5, comenzar con una forma de rectángulo redondeado en cualquier color y modificar sus propiedades de mezcla para darle un toque más tridimensional. Añadir texto en Photoshop o deje en blanco el botón si desea utilizar la programación - tales como HTML con hojas de estilo - para generar el texto.

Instrucciones

1 Abrir Photoshop y crear un nuevo archivo con un tamaño lo suficientemente grande como para incluir el botón y algo más de espacio para trabajar. Si no está seguro de qué tamaño para ir con, darle una anchura de 300 píxeles y una altura de 200 píxeles.

2 Busque la herramienta "Rectángulo" en la barra de herramientas. Haga clic en su icono, mantenga pulsado el botón del ratón y seleccione "Rectángulo redondeado". Cambiar el tamaño de las curvas para el rectángulo al cambiar el valor de "Radio" en la barra de herramientas superior. Haga clic en la imagen, mantenga pulsada la tecla del ratón y arrastre hasta que el contorno del botón coincide con el tamaño del botón que desee agregar.

3 Ir al panel Capas y haga doble clic en la nueva capa que ha creado. Seleccione "Propiedades de mezcla" para añadir gradientes, sombras y bordes. Haga clic en "Superposición de degradado" en Estilos y haga clic en el cuadro desplegable "degradado" para cambiar el gradiente predeterminado. Haga doble clic en un presente muestra si desea utilizar un gradiente confeccionada. Haga doble clic en el marcador negro detención de color para cambiar el primer color y luego hacer lo mismo con el nivel de color blanco.

4 Ir a la Carrera y darle a su botón de un amplio borde de 1 píxel, por lo que el color de la frontera un poco más oscuro que el tono más oscuro del botón. Haga clic en "Resplandor interior" y establecer la opacidad al 30 por ciento. Ajuste el tamaño de la luz a alrededor de 8 o 10 píxeles. Haga clic en "Sombra" y cambie la sombra de usar una opacidad del 30 por ciento. Haga clic en "OK" para salir de la pantalla "Opciones de fusión".

5 Haga clic en el icono "T", para usar la herramienta de texto. Seleccione una fuente y tamaño de fuente en la barra de menú superior y haga clic en el cursor en el botón. Escriba su texto del botón. Ir al panel Capas y haga doble clic en la nueva capa de texto. Seleccione "Opciones de fusión" y vaya a la sombra del descenso. Dar el texto de la sombra una opacidad del 30 por ciento con una distancia de 1 píxel y un tamaño de 2 píxeles.

6 Ocultar la capa de fondo haciendo clic en el icono "ojo" al lado del fondo en el panel "Capas". Navegar a la imagen y el asiento, y recortar los píxeles transparentes de la imagen. Ir a Archivo y Guardar para dispositivos Web para guardar el botón en un formato comprimido. Seleccionar PNG como formato y asegúrese de que la casilla de "Transparencia" está marcada.