Cómo Hacer Un Botón Animado

Tabla de contenido:

Cómo Hacer Un Botón Animado
Cómo Hacer Un Botón Animado

Video: Cómo Hacer Un Botón Animado

Video: Cómo Hacer Un Botón Animado
Video: Como hacer un Boton animado - Tutorial Flash 2024, Mayo
Anonim

El diseño de los sitios es muy importante por la forma en que los visitantes los perciben en última instancia. Las personas deben experimentar placer estético mientras estén en las páginas del sitio, así como estas páginas deben ser convenientes y funcionales para ellos. Ningún sitio está completo sin botones de navegación, y su sitio se verá funcional y hermoso al mismo tiempo si hace que estos botones estén animados.

Cómo hacer un botón animado
Cómo hacer un botón animado

Instrucciones

Paso 1

Los botones gráficos, a diferencia de los botones de texto, se notan en las páginas y son fáciles de recordar para los lectores. Utilice Corel Draw para crear botones animados. Cree un nuevo documento y dibuje un espacio en blanco en el que se mostrará el botón en varias vistas, tanto en el estado presionado como no presionado.

Paso 2

Para dibujar un botón, seleccione la herramienta apropiada de la caja de herramientas y dibuje un rectángulo redondeado. Llene el rectángulo con negro, luego cópielo y mueva la copia hacia la izquierda y hacia arriba. Rellena el segundo rectángulo con blanco.

Paso 3

En el botón en blanco, escriba su nombre, agregando un contorno negro al texto. Haz que el texto sea blanco. Ahora abra el menú Rollover de efectos resaltando el botón y haciendo clic en la opción Crear rollover. Verá Normal en la barra de estado Rollover.

Paso 4

Ahora, para cambiar la imagen de un botón, haga clic derecho sobre él y seleccione la opción Editar rollover en el menú contextual. Se abrirá una nueva barra de herramientas de Internet. Dibuja posiciones de botones adicionales, que luego cambiarán una tras otra, creando un efecto de animación.

Paso 5

En el lado izquierdo del panel de Internet, haga clic en el botón Over y edite el botón para eliminar el contorno del texto. Rellena el texto con negro para crear una segunda versión en la animación. Ahora presione el botón Abajo y dibuje la última versión del botón a medida que se presiona.

Paso 6

Mueva el texto y el rectángulo blanco hacia abajo a la derecha y deslice el rectángulo negro hacia arriba a la izquierda. Ahora haga clic en el botón Finish Editing Rollover.

Paso 7

Guarde el botón junto con el código que puede usar para cambiar la apariencia de los objetos en la página web. De esta forma, puedes dibujar cualquier tipo de botón con cualquier diseño.

Recomendado: