Tecnología

Inicio

Cómo crear un botón de la web en Photoshop

Adobe Photoshop puede ser su elección ir para el software de gráficos para editar las imágenes estáticas, como fotografías y dibujos, pero no se olvide de sus capacidades para piezas en movimiento. Crear elementos como botones de sitio web en tan sólo un par de clics en Photoshop. Photoshop puede manejar la transparencia necesaria para los botones web, junto con que le proporciona un control total sobre el botón de la apariencia, forma, colores y visualización de texto. Hacer un botón Web Photoshop y estar listo para empezar a hacer clic.

Instrucciones

1 Abrir Photoshop y haga clic en "Archivo", "Nuevo". Tipo "WebButton" en el cuadro Nombre. Escriba las dimensiones para el botón en los cuadros Ancho y Altura, tales como "100" y "60" Seleccione "píxeles" si la opción no está habilitada. Despliegue el menú "Contenido de fondo" y haga clic en "Transparente". Haga clic en el botón "OK". Cuando el pequeño espacio de trabajo de Photoshop se abre, haga clic en el menú "Ver" y seleccione "Encajar en pantalla" para que tenga más espacio.

2 Haga clic en la herramienta Forma, que puede parecer como un sólido gris óvalo, rectángulo, línea o estrella cerca de la parte inferior del panel Herramientas. Elige la forma del botón requerido, como "herramienta Rectángulo redondeado," en el menú desplegable.

3 Haga clic en el cuadro de color de la barra de herramientas en la parte superior del espacio de trabajo. Elija un color para el botón y haga clic en "Aceptar". El cursor se convierte en un signo más.

4 Haga clic y arrastrar el cursor a través de la caja WebButton y suelte el ratón. La forma del botón aparece y rellena con color, pero se ve plano y, a diferencia de un botón.

5 Haga doble clic en la capa Forma 1 en la paleta de capas en la parte derecha del área de trabajo. Cuando se abra la ventana Estilo de capa, compruebe la Sombra paralela, Sombra interior y casillas de verificación bisel y relieve. Ahora, el botón aparece en forma de botón y 3-D en la página. Haga clic en el botón "OK" para cerrar la ventana.

6 Añadir texto al botón haciendo clic en el icono "T" en el panel Herramientas. Elija un tipo de letra y el tamaño de la barra de herramientas en la parte superior de la pantalla. Elija un color de texto que contrasta con el propio botón.

7 Haga clic en el botón y escriba el texto, como "Enviar", "Buy Me" o "FYI".

8 Haga clic en el icono de forrado en la parte superior derecha de la paleta Capas. Seleccione "Combinar visibles." Haga clic en el menú "Archivo" y selecciona "Guardar como". Seleccione "GIF" en el menú "Formato" y haga clic en el botón "Guardar".