MAMEN.NET

Banner Animado

Banner Animado

Programa Selteco BannerShop Gif Animation
Traducción online

Para este tutorial he usado un fondo creado con el programa Corel Paint Shop pro y una imagen

1. Abrir el programa "Banner shop gif animator". Aparecerá una pequeña ventana. Vemos como aparece punteada "Blank Animation"por defecto. La dejamos como está y pinchamos en "OK"

Banner Animado

2. Nos crea una ventana con un Banner Stardard de las medidas 468x60 píxeles, color blanco. Vemos también cuatro ventanasdispersadas

Banner Animado

Frame List: Esta herramienta elimina e inserta un frame

Current Color: Sirve para modificar el color del texto

Background: Para darle color a nuestro fondo

Brushes: Los pinceles

3. Hay dos formas de trabajar el fondo. Dándole un color (Herramienta Background) ó añadiendo una Fondo, previamentetrabajado. Para este tutorial usaré un fondo de mi creación con las mismas medidas Standard 468x60 Píxeles. Botón derecho sobre el bannerblanco. "import Image" y obtendremos esto

Banner Animado

4. Pinchar otra vez con el botón derecho sobre el fondo e "ImportImage" y buscar nuestra foto. La colocaremos donde más nosguste

Banner Animado

5. Herramienta "Frame List" y pinchamos en "New" Para crear un nuevo frame

Banner Animado

6. Pinchemos en "New" 4 veces más hasta obtener en un total de 5 frames. Verás que del frame 2 al frame 5 salen con fondo blanco, menos el frame 1 que es nuestro fondo

Banner Animado

7. Activamos el primer frame, "Edit" / "Select All" / Copy. Iral frame 2 "Edit " / "Paste. Ir al frame 3 "Edit" / "Paste", asíhasta llegar al frame 5. Lo que obtendremos será que todos losframes sean igual que el primer frame, con fondo e imagen

Banner Animado

8. Activamos de nuevo el frame 1. Herramienta Texto. Pinchar enel icono "A". Pinchar en "Ok" una vez acabado el texto

Banner Animado

9. Por lo que veremos un texto en color negro

10. Botón derecho sobre el texto y pinchar en "Edit Color", enel que podreis elegir el color para vuestro texto

Banner Animado

11. Activamos el frame 2 y herramienta texto. Ponemos otro textoque queremos

Banner Animado

12. Activamos el frame 3 y colocamos otro texto

Banner Animado

13. Activamos el frame 4 y colocamos otro texto

Banner Animado

14. Activar el último frame5. Botón derecho sobre el banner "Import Image"(importe la misma imagen y la coloque en el mismo sitio)

Banner Animado

15. Ya tenemos nuestro trabajo. Ahora nos queda la animación

16. Frame 1. Botón derecho y veremos esas tres cosas para laanimación. Para el frame 1 opte pon "Intro Animatión"

Banner Animado

17. Al pinchar en Intro Animation, sale una ventana

Banner Animado

18. Repetir lo mismo con el resto de los frames, eligiendodiferentes animaciones

19. Una vez que tengamos todo echo. Pinchamos en la flecha verde, para ver como ha quedado nuestra animación. El resultado es este

Banner Animado

20. File / Save GIF Animatión As... Guardamos nuestro trabajo

Tutorial Registrado

Tutorial realizado por Mamen el 28/02/2007