Cómo crear Themes Web en Adobe Illustrator

Crear un tema Web de Adobe Illustrator. 

Crear temas

Temas Web, también conocidas como plantillas, le permiten crear un sitio web de varias páginas con una apariencia uniforme en todo el sitio. Muchos diseñadores crean los subyacentes temas - los gráficos y el diseño básico - en un programa de gráficos, como Adobe Illustrator. Aunque los navegadores Web no admiten el formato de Adobe Illustrator AI gráficos directamente, puede utilizar la herramienta Slice de Illustrator para convertir una mesa de trabajo de Illustrator en una página Web, a continuación, utilizar la página web como un tema Web.

Lo que necesita

Adobe Illustrator CS2 o posterior

Abre Illustrator y comenzar una nueva mesa de trabajo: Haga clic en el menú "Archivo" y seleccione "Nuevo" para abrir el cuadro de diálogo Nuevo documento.

Haga clic en "Nuevo documento de perfil" en el menú desplegable, y seleccione "Web". El cuadro de diálogo cambia para que pueda definir un nuevo documento se mide en píxeles. Illustrator viene con tres tamaños de página predefinidos Web: 640 x 480, 800 x 600 y 1024 x 768. Usted puede elegir uno de ellos o crear un tamaño personalizado mediante el cambio de los valores en los campos Anchura y Altura.

Ajuste la configuración del tamaño que desee en "Nuevo documento", y haga clic en "Aceptar".

Cree la ilustración para el tema Web.

Un diseño típico de la página Web puede consistir en una imagen de banner en la parte superior, con menús que atraviesa la parte superior de la página justo debajo de la bandera, o usted puede colocar sus elementos de menú en la parte izquierda de la página, en la barra lateral. Usted puede diseñar la página entera en Illustrator, la creación de un encabezado, un pie de página, una barra lateral y los elementos del menú - todo lo que quieras.

Seleccione la herramienta "Slice" (el icono del cuchillo), en el panel Herramientas.

Mantenga pulsado el botón del ratón y arrastre sobre la sección de la página Web en la que desea crear un segmento. Por ejemplo, puede hacer que la bandera la primera división.

Cada rebanada se crea se convierte en una sección separada de la página. Illustrator crea una tabla HTML, y coloca cada rebanada en una celda de la tabla. Puede, por ejemplo, crear un sector de la cabecera, la barra lateral y el pie de página. También puede crear secciones para cada uno de sus elementos de menú. Cuando se oculta la mesa de trabajo a una página HTML, Illustrator le permitirá asignar direcciones URL a sus cortes, convirtiéndolos en los vínculos activos.

Rebane encima de la mesa de trabajo si lo deseas.

Haga clic en el menú "Archivo" y seleccione "Guardar para Web Esto abre el cuadro de ialog Guardar para Web. Desde aquí se pueden hacer grandes cambios y ajustes a su diseño, estos colores de los objetos de cambio o definir el formato de gráficos para cada objeto en rodajas.

Para activar una rebanada en un enlace, haga doble clic en él. Aparecerá el cuadro de diálogo Opciones de sector. Escriba el enlace en el campo URL.

Realice los cambios deseados en sus cortes, y luego haga clic en "Guardar". Esto abre la reserva optimizada como caja de diálogo.

Haga clic en el menú desplegable "Formato" y seleccione "HTML e imágenes", luego haga clic en "Guardar".

Nombre y guarde el archivo. Ahora puede abrir el código HTML en el editor de HTML, y lo utilizan como un tema para sus páginas web.

Consejos y advertencias

Illustrator crea gráficos de cada uno de sus sectores, y los guarda en una carpeta denominada "Imágenes". Al cargar las páginas HTML en un servidor Web, asegúrese de que también cargar esta carpeta. De lo contrario, la página no se muestre correctamente.