Cómo crear botones Web con Illustrator

Adobe Illustrator es el estándar de la industria gráfica del diseño para la ilustración basada en vectores. Illustrator es un programa efectivo para la creación de gráficos para la Web. Illustrator puede prestar a todos los formatos comunes de imagen, lo que permite una integración sencilla de los gráficos vectoriales en el diseño web. Utilizar otros productos de Adobe, como el Image Ready, para optimizar los archivos de Illustrator adecuadamente para gráficos listos para la Web.

Instrucciones

1 El uso de papel y lápiz para diseñar las ideas y planificar los botones de Web. Tómese el tiempo para entender lo que tendrá que ser utilizado para y si se tienen que hacer en una imagen de sustitución para los botones de los botones alternativos. Escoja fuentes, colores y texturas que trabajarán con el diseño del sitio.

2 Abra Adobe Illustrator y crear un nuevo documento. Establecer la unidad de medida de píxeles. El tamaño dependerá de las necesidades y limitaciones del diseño del sitio web. Ajuste el modo de color en colores RGB para garantizar la precisión del color.

3 Crear el texto de los botones con letras negras y un fondo blanco. Ajustar la fuente, la altura, el peso y el espacio hasta que el texto es estéticamente agradable y claro para leer. Diseñar el texto en blanco y negro permite para mayor claridad tipográfico.

4 Añadir color al diseño del botón Web. Para un sitio existente, seleccionar los colores apropiadamente atrevidos y llamativos del esquema de color existente del sitio. Si los botones no son para un sitio existente, seleccione una combinación de colores populares o crear una nueva. Las sutiles variaciones de colores crearán interés visual.

5 Crear una forma distintiva de los botones para que la navegación web es sencilla y directa. Redondeo uno, dos o cuatro esquinas de un rectángulo es un método popular de creación de botones de Web.

6 Crear colores alternos y elementos de diseño para los botones del rollover. Un botón de vuelco es de dos imágenes que intercambian cuando el usuario coloca su cursor sobre el botón. Los vuelcos menudo se utilizan para la indicación de una página activa o un enlace en un diseño Web. vuelcos simples, como cambiar el color del texto, son eficaces.

7 Añadir textura a los botones. La textura es un método popular de añadir interés visual a un sitio web. Hacer una textura personalizada mediante el uso de un escáner o una cámara digital.

8 Añadir sombras, trama cruzada, gradientes y otros toques finales a los botones de web.

9 Hacer una nueva capa para cada nuevo botón para simplificar el proceso de exportación. Nombre capas para diferenciar elementos similares.

10 Exportar los botones haciendo clic en "Archivo", "Exportar" y guardar en la carpeta de imágenes de la página web. Guardar botones que utilizan la transparencia como gráficos de red portátiles o .png. Guardar botones con altas cantidades de detalle como .jpeg y .gif como todos los demás.

11 Añadir los botones a su sitio web a través de subir y codificación. Prueba para asegurar que el trabajo de los enlaces antes de lanzar públicamente el sitio.

Consejos y advertencias

• Planificar el diseño tanto como sea posible antes de usar el equipo.
• Adobe Illustrator hace que cualquier gráfico que exceden los límites de la junta técnica. Puede ser necesario el uso de Adobe Photoshop u otro editor de mapa de bits para recortar los gráficos finales.