Tecnología

Inicio

Cómo crear personalizada en movimiento Icono Imágenes

Cómo crear personalizada en movimiento Icono Imágenes


La construcción de un sitio web requiere tomar en cuenta muchas cosas, tales como el contenido, el diseño, el anfitrión va a utilizar y posicionamiento en buscadores. Otro punto importante es lo que es visualmente lo suficientemente interesante que los visitantes querrán volver. Una forma de hacer esto es añadir imágenes animadas de los iconos de navegación. Es posible que haya pensado que lo que se necesita la ayuda de un artista gráfico profesional para esto, pero si usted tiene un Photoshop, Photoshop Elements o GIMP, puede crear rápidamente sus propios botones animados.

Instrucciones

Photoshop

1 Cargar las imágenes que desea utilizar como parte de sus iconos animados en el ordenador, ahorrando a todos ellos en la misma carpeta.

2 Abrir Photoshop. Seleccione "Archivo" en el menú y seleccionar "Nuevo". En el cuadro de diálogo, introduzca la anchura y la altura que desea para el icono y hacer el fondo transparente. Nombre del documento "icono animado" y haga clic en "Aceptar".

3 Seleccione "Archivo" en el menú y elegir la opción "Abrir". En el cuadro de diálogo, busque la primera imagen que desea utilizar en la animación y abrirlo. Haga clic en la capa de fondo y elegir el documento "icono animado" como destino. Repita este para que en el resto de las imágenes.

4 Seleccione la herramienta Marco elíptico y dibujar una selección circular que toca los cuatro lados de la tela. Seleccione "Seleccionar" del menú y elegir la opción "inverso".

5 Seleccione cada capa a su vez en la paleta Capas y haga clic en "Eliminar". Esto deja sólo las imágenes circulares superpuestas en cada capa.

6 Seleccione "Windows" y elegir la opción "Animación". En la línea de tiempo, haga clic en el menú desplegable y elegir la opción "Crear cuadros a partir de capas."

7 Seleccione "Archivo" y selecciona "Guardar para Web o dispositivos." En el cuadro de diálogo, seleccione "GIF" como tipo de archivo y haga clic en "Guardar". Ahora puede importar el icono animado en un editor web para su uso.

Photoshop Elements

8 Cargar las imágenes que desea utilizar como parte de sus iconos animados en el ordenador, ahorrando a todos ellos en la misma carpeta.

9 Abrir los elementos de Photoshop y haga clic en la pestaña "Editar". Seleccione "Archivo" en el menú y seleccionar "Nuevo". De las opciones, elegir la opción "Documento en blanco". En el cuadro de diálogo, introduzca la anchura y la altura que desea para el icono y hacer el fondo transparente. Nombre del documento "icono animado" y haga clic en "Aceptar".

10 Seleccione "Archivo" en el menú y elegir la opción "Abrir". En el cuadro de diálogo, busque la primera imagen que desea utilizar en la animación y abrirlo. Haga clic en la capa de fondo y elegir el documento "icono animado" como destino. Repita este para que en el resto de las imágenes.

11 Seleccione la herramienta Marco elíptico y dibujar una selección circular que toca los cuatro lados de la tela. Seleccione "Seleccionar" del menú y elegir la opción "inverso".

12 Seleccione cada capa a su vez en la paleta Capas y haga clic en "Eliminar". Esto deja sólo las imágenes circulares superpuestas en cada capa.

13 Seleccione "Archivo" y seleccione "Guardar para Web o dispositivos." En el cuadro de diálogo, seleccione "GIF" como tipo de archivo y haga clic en "animada". Haga clic en "Guardar". Ahora puede importar el icono animado en un editor web para su uso .

CAÑUTILLO

14 Cargar las imágenes que desea utilizar como parte de sus iconos animados en el ordenador, ahorrando a todos ellos en la misma carpeta.

15 Abrir el GIMP. Seleccione "Archivo" en el menú y seleccionar "Nuevo". En el cuadro de diálogo, introduzca la anchura y la altura que desea para su icono. Hacer el fondo transparente y haga clic en "Aceptar".

dieciséis Seleccione "Archivo" en el menú y elegir la opción "Importar como Capas." En el diálogo, localice las imágenes que ha cargado y abrirlos.

17 Seleccione la herramienta de selección circular de la barra de herramientas y dibujar una selección que toca los cuatro lados de la tela. Haga clic en "Seleccionar" del menú y elegir la opción "Invertir". Seleccione cada capa a su vez y haga clic en "Eliminar".

18 Seleccione "Archivo" en el menú y elegir la opción "Guardar para Web o dispositivos." En el cuadro de diálogo que aparece, hacer que el tipo de archivo GIF y haga clic en "Animate". Haga clic en "Guardar", el nombre de su icono de animación GIF y guardarlo.