Tecnología

Inicio

Cómo crear botones en CS4

Cómo crear botones en CS4


Adobe Creative Suite CS4 es un potente paquete de gráficos, programas de fotografía y de edición Web que pueden ser útiles a todos, desde los fotógrafos aficionados a los diseñadores web profesionales. Muchos Web y Web 2.0 diseños emplean botones gráficos que ayudan a los navegadores a navegar su camino alrededor de los sitios web. CS4 incluye programas que le ayudará a través del proceso de creación de estos botones, desde la fase de diseño visual de todo el camino a la adición de propiedades interactivas y animaciones.

Instrucciones

1 La forma más rápida para crear la parte visual del botón en CS4 es utilizar una combinación de herramientas de forma, herramientas de texto y efectos de estilo de capas de Photoshop para crear un botón de cero. Photoshop CS4 incluso viene con un grupo de botones y capas de los botones de cristal estilos que puede transformar una capa de forma sencilla en un botón en tres dimensiones con un solo clic del ratón. Para acceder a estos estilos de capa, seleccione "Ventana> Estilos" de la barra de menú y seleccione "botones", "botones de cristal" o "Estilos Web" desde el menú desplegable en la esquina superior derecha de los "estilos" paleta. Puede ajustar los colores o personalizar el alcance de los efectos de estilo aplicadas al abrir la paleta de "Capas" y haga doble clic sobre el efecto que desea cambiar. También puede utilizar la opción "Guardar para Web" para aplicar las propiedades de HTML para su botón.

2 Crear botón en Illustrator, también utilizando una combinación de herramientas de la forma del programa y opciones de relleno especiales, como relleno de degradado. Donde Photoshop es un programa rápido, Illustrator arte se crea como un vector, lo que le permite cambiar el tamaño de su botón de arriba o hacia abajo sin afectar su calidad. Illustrator también ofrece una amplia variedad de efectos de texto y de transformación que se pueden aplicar a los botones. Al igual que en Photoshop, Illustrator le permite aplicar las propiedades básicas de HTML a su trabajo utilizando la interfaz de "Guardar para Web".

3 Convertir cualquier objeto de imagen, forma o texto creado o importado a InDesign en un botón mediante la función "Convertir en botón" del programa. Aunque InDesign ofrece un menor número de efectos y opciones de estilo que otros programas CS4, la función "Convertir en botón" supera tanto Photoshop e Illustrator en lo que le permite designar fácilmente transformaciones de vuelco y el ratón-off para su botón, que proporciona una interfaz fácil para que usted pueda añadir interactivo caracteristicas. Para crear un botón en InDesign, lugar o crear un objeto en su diseño, seleccionarlo con la "Herramienta de selección," y seleccione "Objeto> Interactivo> Convertir en botón". Un cuadro de diálogo se abrirá, solicitándole que seleccione sus preferencias interactivas para el botón.

4 Añadir animación y otras capacidades interactivas a su botón con Flash. Flash incluye plantillas de botones animados que ayudan a darle un marco para la forma en que su botón actúa una vez que está en la web. Al igual que InDesign, Flash no es el mejor programa en el que el diseño de su botón de cero, pero es el mejor programa en CS4 en la que importar un botón previamente diseñado con el fin de añadir elementos interactivos a la misma. Elija una de las plantillas de botones de la pantalla de bienvenida, y seleccione "Archivo> Importar> Importar a escenario" para traer un botón diseñado en uno de otros programas de CS4. Se pueden ajustar el botón según sea necesario con panel de herramientas de flash en la parte derecha de la ventana de la aplicación. Utilice las herramientas de línea de tiempo en pestañas y editor de movimiento del programa a lo largo de la parte inferior de la ventana de la aplicación para crear acciones de animación para su botón.