Cómo Sitios Web en Illustrator Diseño

Adobe Illustrator es un programa de gráficos vectoriales ilustración que le permite crear imágenes vectoriales y formas con una variedad de herramientas y filtros gráficos. Utilizar Illustrator para diseñar el aspecto y la apariencia de su sitio web, y luego exportar las imágenes de Illustrator a un programa de construcción de la página web.

Instrucciones

1 Crear un nuevo documento en Adobe Illustrator. Establezca una anchura de 960 píxeles y establecer el "Modo de color" a "RGB". Dale a tu documento un nombre y haga clic en "Aceptar".

2 Utilice la herramienta de rectángulo para crear un diseño básico. Dibujar rectángulos grises del interior de la frontera negro "mesa de trabajo" para corresponder a los elementos gráficos y de texto que desea incluir en su página web. Ajustar el diseño hasta que esté satisfecho, y guardar su trabajo.

3 Crear líneas de guía alrededor de los cuadros grises. Para crear una línea guía, haga clic en las reglas horizontales o verticales en los bordes de la pantalla y arrastre el puntero del ratón sobre el área de trabajo. Suelte el ratón para fijar la guía. Se puede volver a ajustar las guías haciendo clic y arrastrándolos con el ratón.

4 Borrar sus cuadros grises; se le dejó con un espacio de trabajo en blanco esbozado por varias guías.

5 Crear los elementos gráficos de su página web, tales como logotipos, iconos y texto maquetas mediante el uso de la paleta de herramientas de Adobe Illustrator. Utilice las líneas de guía al colocar sus elementos gráficos en la página web. Una vez que haya terminado de crear el aspecto visual de su sitio web, guardar su trabajo.

6 Seleccione "Guías" en el menú "Ver" y haga clic en "Borrar" Guías para borrar todas las guías en pantalla. Usted tendrá que crear nuevas guías para guardar los elementos individuales de su maqueta para su uso en la web.

7 Elija una sección de su sitio Web maqueta, tales como el menú de navegación o los iconos gráficos y arrastre un nuevo conjunto de guías en torno a esta sección para que cada elemento individual de la sección está encapsulado en una caja.

8 Seleccione la "rebanada" del menú "Objeto" y hacer clic en "Crear desde guías." Números aparecerán en los cuadros que ha creado; estas cajas son gráficas "cortes" que se pueden guardar como imágenes individuales para su uso en una página web. Seleccione "Guardar para Web y dispositivos" en el menú "Archivo" para abrir una nueva ventana de diálogo.

9 Haga clic en "Seleccionar herramienta de corte" en la ventana "Guardar para Web y dispositivos". Seleccionar los sectores que desee exportar haciendo clic sobre ellos en la ventana del visor. Ajuste el "Tipo de imagen" de "JPEG" y haga clic en "Guardar" para guardar los trozos como imágenes individuales.

10 Repita los pasos 6 a 9 para crear imágenes individuales de todos los elementos gráficos de su página web. Una vez que tenga los elementos gráficos guardados, importarlos en un programa de diseño de páginas web, como Adobe Dreamweaver.

Consejos y advertencias

• Para crear secciones de elementos individuales de su diseño de páginas web sin necesidad de utilizar guías, utilice la herramienta de selección para arrastrar un cuadro alrededor del elemento, a continuación, seleccione la "rebanada" del menú "Objeto" y haga clic en "Crear a partir de selección."
• Adobe Illustrator es una aplicación de diseño gráfico y sólo puede diseñar los elementos visuales de una página web. Para construir un sitio web completo, se necesita un programa de construcción de sitios web, como Adobe Dreamweaver.