knorrigt.com

Home > Ordenadores > Cómo crear botones Web con Illustrator

Cómo crear botones Web con Illustrator

Advertisement

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.

Cosas que necesitará

Un compilador de código o programa de diseño de páginas web

Instrucciones

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.

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.

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.

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.

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.

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.

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.

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

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

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.

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.

Cómo crear un folleto con Illustrator
Adobe Illustrator es uno de los mejores programas disponibles al hacer volantes para un evento. Su arte basado en vectores es fácilmente escalable a cualquier tamaño de volante, y el arte gráfico en Illustrator posible es de calidad profesional. El p
Las ventajas de utilizar Adobe Illustrator para crear imágenes vectoriales son numerosas. Cuando tratas con programas gráficos basados ​​en la trama como Adobe Photoshop, las imágenes pueden convertirse pixelada debido a la resolución de archivo o el
Cómo crear páginas web utilizando HTML
Tener su propio sitio Web ofrece oportunidades para la expresión personal, promoción de negocios, redes sociales y mucho más. Obtener consejos sobre cómo crear páginas web utilizando HTML de un desarrollador de software en esta serie de videos gratis
Cómo crear una lista con viñetas de Keynote de Apple '09
Cómo crear una lista con viñetas de Keynote de Apple '09. Una de las claves para una presentación atractiva es gráficos y efectos llamativos. Keynote de Apple tiene ambos incorporados en estas y listo para ir a ayudarle a hacer una presentación de di
páginas web dinámicas son una forma eficaz de presentar los datos al usuario. El diseñador de páginas web sólo tiene que crear la página inicial que divide los datos en segmentos y agregar datos a la base de datos de la que la página web extrae su co
Cómo crear una encuesta con los botones de radio en Microsoft Word
Creación de una encuesta con los botones de opción en Microsoft Word será necesario que para hacer un buen uso de la función "insertar". Crear una encuesta con los botones de opción en Microsoft Word con la ayuda de un profesional certificado, l
Crear una lista con viñetas en su página web le ayudará a agregar espacio en blanco, organizar su información más fácilmente y mejorar su SEO (Search Engine Optimization) ranking, si utiliza buenas palabras clave en la lista. Cosas que necesitará con
Tutorial sobre cómo crear un Banner en Illustrator
Adobe Illustrator es un programa de gráficos vectoriales popular que se puede utilizar para crear arte basado en puntos geométricos, líneas, curvas y formas. La principal ventaja de arte vector es que se puede ampliar o encogido sin ninguna pérdida e
Cómo crear un PDF con fórmulas
archivos (PDF) Formato de Documento Portátil son una versión de un documento de origen que pueden ser vistos por los usuarios con un programa de lectura de PDF. Una amplia variedad de programas están fabricados para crear archivos PDF a partir de mat
Un formulario web con notificación por correo electrónico tiene dos partes a la misma - la parte de HTML y el código PHP. La porción HTML se utiliza para crear la forma. Cada elemento de la forma tiene un atributo "name", que se utiliza para env
Cómo crear un logotipo con el software
Convertir sus ideas para su logotipo en una sola representación gráfica utilizando programas de software como Adobe Illustrator o Adobe Photoshop. Los diseñadores utilizan herramientas de vectores para crear logos, porque una vez que se finalice el l
El uso de volantes es una forma efectiva de hacer publicidad. Sin embargo, haciendo montones de copias de su volante para regalar a las personas puede ser caro y simplemente por publicar volantes en los tablones de anuncios no es tan eficiente como d
Cómo crear Tipo cursiva en Illustrator
El término "cursiva" describe un método de escritura donde se unen las letras en las palabras. Cursiva también se llama "escritura a mano", o simplemente "escritura", en oposición a "las letras de molde" o "imp
Cómo crear botones en documentos de Word
Palabra de software de Microsoft es una aplicación de procesamiento de textos que le permite crear varios documentos para todo tipo de fines personales y de negocios, a partir de listas simples a los informes detallados. Si comete documentos que requ
Cómo crear Botones de Enlace en un área de contenido Drupal
Drupal es un sistema de gestión de contenidos flexible (CMS) que le permite crear casi cualquier tipo de sitio web. Cuando la construcción de su sitio, es posible que desee utilizar botones de enlace en lugar de enlaces de texto de anclaje estándar.
Adobe Dreamweaver es sin duda el mejor producto de la consolidación de tela en el mercado, pero a veces la calidad aumenta la complejidad. A pesar de que ofrece una gama de herramientas para la creación de sitios web dinámicos - que son sitios web co
Cómo editar páginas web con el Bloc de notas
edición de páginas Web con el Bloc de notas de Windows se considera una forma "antigua" de hacer las cosas, pero muchos diseñadores web y desarrolladores experimentados también sienten que es la mejor manera porque usted tiene el control total s
Puede crear botones flash de aspecto profesional con un muy fácil de plug-in para Dreamweaver. Puede seleccionar un estilo predefinido del botón de flash y cambiar el texto, color, acoplamiento y otros ajustes para personalizar la pena sólo por su si
Cómo crear carpetas Web
Es una buena idea para crear diferentes carpetas en la web para mantener ciertos archivos y programas separados para facilitar la navegación y para compartir carpetas diferentes con diferentes personas. Creación de una carpeta en la web es simple, y