TODO LO RELACIONADO CON ANIMATION

1. 1
EJERCICIOS
ANIMATION SHOP 3
DE
PAIN SHOP PRO 7
TITULARES
Autor: Sebastián Gil
Valencia-junio 2004
BARRA DE HERRAMIENTAS
CREAR IMAGEN GIF
CREAR TITULAR CON IMAGEN
CREAR TITULAR CON TEXTO
CREAR IMAGEN GIF CON MOVIMIENTO

2. 2
Curso Animation Shop 3 de Paint Shop Pro 7
Abrir el programa saliendo la siguiente ventana.
Barra de Herramientas
Asistente de Animación Ver Animación
Asistente de Titulares Mostrar/Ocultar Paleta de Colores
Exportar Marco a Paint Shop Pro Mostrar/Ocultar Barra de Estilo
Examinar Mostrar/Ocultar Paleta de Herramientas
Nueva Animación Mostrar/Ocultar Vista Previa Piel de Cebolla
Abrir Animación Guardar Marca Duplicar
Imprimir Borrar Marcos
Cortar_ __Propagar Pegado
Copiar__ __Pegar en Marco seleccionado
Pegado como Nueva Animación_ __Pegado después del actual
_Pegado antes del Actual

3. 3
Animación Barra de Menús
Ahora os muestro el contenido de los desplegables en los diferentes menús
Archivo Editar
Ver Animación

4. 4
Animación Barra de Menús
En la parte derecha de las ventanas que aparece al pulsar sobre uno de los menús, encontramos unas
indicaciones para acceder directamente, actuando sobre el teclado, (por ejemplo, Copiar Ctrl+C)
Efectos
Ventana
Ayuda

5. 5
Ver una secuencia de fotografías. Con Animation Shop 3
Cuando queramos presentar una secuencia fotografías, creamos un archivo en Gif, como se explica a
continuación.
1º.- Abrimos el programa y pulsar sobre el icono, Asistente de animación y
nos aparecerá la figura 2ª
Figura 1ª Figura 2ª
2º.- En ¿Cual quieres que sea la dimensión total de la nueva animación? marcar Mismo tamaño que
el primer fotograma y pulsamos Siguiente.
3º.- En la siguiente ventana ¿Cual quieres que sea el color del lienzo para la animación?, marcar Opaco y
pulsar Siguiente.
Figura 3ª Figura 4ª
4º, - En la siguiente imagen, marcar Esquina superior izquierda del marco y pulsar en Siguiente.

6. 6
Ver una secuencia de fotografías. Con Animation Shop 3
5º.- En la figura 5ª, tendremos en cuenta dos parámetros, a) marcar en; Si repetir la animación
indefinidamente. Y b), Seleccionar ¿Cuánto tiempo quieres que cada marco sea desplegado? tener en
cuenta que cada centena, supone un segundo de exposición por fotograma. Normalmente yo pongo
entre 5 o 6 segundos (500 o 600). Una vez seleccionados, pulsar en Siguiente
Figura 5ª Figura 6ª
6º.- En la figura 6ª, agregaremos aquellas fotografías que deben componer el Gif y que previamente
hemos reducido tanto de tamaño como de resolución, con el fin de que no pese mucho. Un ejemplo sería
dejar las imágenes 5 y 10 cm. de ancho, con una resolución entre 40 y 60 kbps, al pulsar sobre Agregar
imagen, nos aparecerá la ventana de la figura 7ª, donde seleccionaremos una a una, las imágenes que
compondrán el Gif.
Figura 7ª Figura 8ª
7ª.- Una vez tengamos en la ventana de la figura 8ª todas las imágenes, pulsar en Siguiente. Y nos saldrá
la figura 9ª en la que pulsaremos en Finalizar.

7. 7
Ver una secuencia de fotografías. Con Animation Shop 3
8ª.- Una vez pulsamos en Finalizar en la figura 9ª, nos aparece la siguiente ventana (figura 10ª) con la
composición del Gif.
Figura 9ª Figura 10ª
Para comprobar si nos ha quedado bien tanto en tamaño como en tiempo de exposición, pulsar sobre
Ver animación y nos aparece la siguiente ventana (figura 11ª) donde nos muestra ya Gif ya terminado.
9º.- El siguiente paso es guardar el trabajo (figura 12ª). Pulsar en Archivo, luego en Guardar como y nos
aparecerá la siguiente ventana (figura 13).
Figura 11ª Figura 12ª

8. 8
Ver una secuencia de fotografías. Con Animation Shop 3
10º.- Para finalizar, buscar la carpeta donde guardar el trabajo y poner el nombre que identifique el
archivo, seguidamente pulsar sobre Guardar, nos aparecerá un momento la siguiente ventana (figura14)
y quedará guardado el archivo creado en formato Gif.
Figura 13ª Figura 14ª
1º.- Abrir el programa y al pulsar sobre Asistente para Titulares nos
sale la ventana de la izquierda. Para titular solamente marcaremos Fondo
Transparente o Fondo Opaco
2º.- Si lo que queremos es un fondo con imagen, marcaremos Imagen de Fondo y en
Examinar buscamos la fotografía adecuada y pulsamos Siguiente

9. 9
Animación – Banner con imagen
Asistente para Titulares (con imagen)
3º.- En la ventana de Tamaño, abrimos el desplegable y seleccionamos Botón
Cuadrado, de esta forma configuramos una sola imagen a la que le aplicaremos el
texto correspondiente
4º.- Para este ejercicio pondremos 30 en largo de la animación y 30 marcos por
segundos y pulsamos. Siguiente.
5º.- En la ventana de Texto pulsamos en Tipografía y seguidamente pulsamos en
Siguiente.
6º.- Seguidamente configuramos el Nombre, Estilo y Tamaño de la fuente (letra) y
escribimos el Texto adecuado y pulsamos Aceptar

10. 10
Asistente para Titulares (con imagen)
7º.- En la Ventana Color del Texto podemos seleccionar Texto con Imagen
o Texto Opaco (como en este caso) y pulsamos Siguiente
8º.- En la Ventana de Transición seleccionaremos el Nombre de la transición y
Personalizar Y seguidamente pulsamos en Finalizar.
9º.- Ahora pulsamos sobre Ver Animación y nos reproducirá la Animación. Como nos
muestra la siguiente Imagen.

11. 11
Asistente para Titulares (con imagen)
10º.- Ahora nos queda guardar la animación, para lo que entraremos en Archivo >>
luego en Guardar Como >> le ponemos un nombre y en tipo elegimos: Compu
Graphics Interchange [* Gif] y pulsamos en Guardar y nos aparecerán una serie de
Ventanas como se muestran a continuación.
Para finalizar pulsaremos en Siguiente en las tres primeras ventanas y Finalizar en la
cuarta y ya tenemos archivado en formato GIF.
Ejemplo de la animación
Este es el titular con
Imagen que
terminamos de
montar

12. 12
Animación – Banner con Texto
Asistente para Titulares (con texto)
1º.- Abrir el programa y al pulsar sobre Asistente para titulares nos sale la ventana
de la izquierda. Para titular solamente marcaremos Fondo Transparente o Fondo Opaco
2º.- En la Ventana de Fondo marcamos Fondo Transparente y pulsamos Siguiente
3º.- En la Ventana de Tamaño marcamos Usar un Tamaño Estándar y al abrir el desplegable
selecciona Titular completo y pulsar Siguiente.
4º.- En la ventana de Tiempo, configuramos los dos parámetros con 30 y pulsamos Siguiente
5º.- En la ventana Texto, pulsar en Tipografía y pulsar Siguiente.

13. 13
Asistente para Titulares (con texto)
6º.- En la ventana Agregar Texto, escribir el texto adecuado en cada caso y ajustar,
Nombre, Estilo y Tamaño de fuente (letra) y pulsa Aceptar. Luego en la ventana,
Asistente de Titulares-Texto, pulsar Siguiente.
7º.- En la ventana Color del Texto, marca Texto Opaco y pulsar Siguiente.
8º.- En la Ventana de Transición seleccionaremos el Nombre de la transición y
Personalizar Y seguidamente pulsar en Finalizar.
9º.- Para comprobar el efecto aplicado, pulsar en Ver Animación y nos reproduce la
animación preparada como se muestra en la siguiente ventana.

14. 14
Asistente para Titulares (con texto)
10º.- Así nos queda la animación preparada como muestra la ventana de Reproducir
11º.- Ahora nos queda guardar la reproducción. Pulsar en Archivo >> Guardar Como>>
Poner nombre y en Tipo: Comp. Serve Graphics Inter. Change [*Gif]. y pulsamos en
Guardar y nos aparecerán una serie de Ventanas como se muestran a continuación.
12º.- Para finalizar pulsaremos en Siguiente en las tres primeras ventanas y Finalizar en
la cuarta y ya tenemos archivado en formato GIF
Este es el Titular (solo texto) que
terminamos de preparar
Ensayo del programa animación Texto

15. 15
Paint Shop Pro 7 y Animatión Shop-3
Crear Gif con Imagen en movimiento
1º.- Abrir .
2º.- En Abrir selecciona una fotografía o dibujo (en JPG) como muestra la siguiente
ventana venta.
3º.- Clic derecho dentro de la imagen y seleccionamos Copiar, seguidamente clic
derecho junto a la imagen y seleccionar Pegar como nueva imagen, así hasta conseguir
las 6 imágenes como muestra la ventana siguiente.

16. 16
Paint Shop Pro 7
4º.- clic izquierdo sobre el lazo y recortamos la silueta de la primera imagen,
seguidamente clic derecho sobre la barra de título (icono oficial) y selecciona Copiar.
5º.- Clic derecho en cada una de las barras de títulos (imagen 1 a imagen 5) y
selecciona, Pegar como nueva capa
6º.- Arrastra para sobreponer las imágenes pegadas sobre la original.

17. 17
Paint Shop Pro 7
7º.- Clic izquierdo sobre la primera imagen (21) luego en Imagen de la Barra de Menús y
selecciona Rotar, saliendo la segunda imagen de Rotación
8º.- Ajusta la Dirección y los Grados (en este caso 8) para la imagen 21 y Acepta. Repite
la acción aumentando cinco grados para las imágenes 22 (13 grados), 23 (18 grados) y 24
(23 grados). Ahora desminuimos cinco grados, 25 (18 grados) y 26 (13 grados) y nos
quedan configuradas como muestra la siguiente imagen.
9º.- Ahora nos queda guardar las diferentes imágenes, selecciona Imagen 21,
seguidamente en Archivo luego en Guardar como, buscamos la carpeta adecuada, en
Guardar como tipo, pondremos en JPG y la guardamos con el mismo nombre que tiene.
Del mismo modo guardamos las cinco imágenes restantes.
Ahora con el Pincel
retocamos las
imágenes para
eliminar restos
anteriores y marcar en
su nueva posición

18. 18
Animatión Shop-3
Crear Gif Con Imagen en movimiento
Finalizado el proceso de preparación de las fotografías, pasaremos a crear una imagen GIF
1º.- Inicio > Programas > Jacs Software > y Abrir
2º.- Clic izquierdo en Asistente de Animación y nos muestra la ventana de configuración.
la Dimensión total de la animación pulsamos siguiente. Saliendo la siguiente ventana.
3º.-Siguiendo el proceso, selecciona el Color del lienzo y pulsa Siguiente.

19. 19
Animatión Shop-3
Crear Gif Con Imagen en movimiento
4º.- en la siguiente ventana solamente pulsaremos Siguiente dejando seleccionada la
configuración prediseñada.
5º.- En esta ocasión sí que podemos cambiar el tiempo que cada marco sea desplegado,
como referencia indicar que, a mayor número, más lento es el efecto. Para continuar con la
secuencia pulsar en Siguiente
6º.- Ahora pulsar en Agregar imagen, en la ventana Abrir selecciona una a una las
imágenes de la 21 a la 28 y pulsa Siguiente

20. 20
Animatión Shop-3
Crear Gif Con Imagen en movimiento
7ª.- Finalizadas las secuencias para construir una animación, solamente nos queda pulsar
en Finalizar, apareciendo la ventana de animación donde comprobamos la composición
de los distintos marcos.
Hemos dado un paso más en el manejo de programas, espero que os sea útil este ejercicio y lo mejor es
ver el resultado, de esta forma, ademas de ocupar un tiempo apreciable, hemos aprendido a presentar un
grupo de fotografías, este tipo de archivos son muy útiles en presentaciones y en Páginas Web, de ahí la
recomendación del principio donde os decia que procureis no pesen muchos los archivos originales.
Procurar divertiros con este tipo de programas y no os canseis de probar las diferentes opciones de
configuración que nos presenta, cada una de las ventanas.
Autor: Sebastián Gil
Valencia - Junio 2004
Para comprobar el
efecto, pulsar en Ver
animación, apareciendo
la siguiente imagen en
formato GIF.
Ahora en Archivo >
Guardar como > le ponemos
el nombre > En Tipo;
formato GIF y aceptamos la
secuencia de ventanas que
aparecen.