Capturadores de pantalla

1. Wink...........................................................................................21.1. Presentación, descarga y tutorial............................................2

1.1.1. Resumen captura de pantallas.......................................21.1.2. Resumen montaje de las capturas..................................31.1.3. Generación de flash.....................................................31.1.4. Descarga del programa................................................41.1.5. Tutorial Wink sobre Wink..............................................4

1.2. Ajustes y capturas en Wink....................................................51.2.1. Cambiar lenguaje........................................................51.2.2. Zonas o áreas de trabajo de Wink..................................61.2.3. Ajustes......................................................................81.2.4. Crear proyecto............................................................91.2.5. Tipos de captura en Wink...........................................111.2.6. Finalizar capturas......................................................121.2.7. Guardar los proyectos ...............................................13

1.3. Edición de wink..................................................................141.3.1. Zonas de edición........................................................141.3.2. Tiempo y sonido en frames .........................................151.3.3. Añadir texto..............................................................161.3.4. Flechas y botones......................................................17

Departamento TIC del CRIF “Las Acacias” - 2008 – CC by-nc-sa Pág 1

1.- Wink

1.1.- Presentación, Descarga y Tutorial

Wink es un software libre de creación de tutoriales y presentaciones que es capaz de capturar lo que ocurre en la pantalla del ordenador. Es una herramienta muy útil

cuando se trata de explicar cómo funciona algún programa. El interés de este programa para los profesores es pues evidente. En este curso, por ejemplo, se incluyen una gran variedad de tutoriales realizados con Wink.

Wink permite capturar lo que ocurre en la pantalla del ordenador o una ventana o zona concretas según la opción que se haya elegido. Posteriormente, se pueden editar las pantalla (frames) capturados y añadir diferentes efectos: textos, iconos (flechas, cuadros, etc.). También permite capturar “en directo” el sonido mediante el uso de un micro o añadir efectos sonoros en la fase de edición.

Uno de los aspectos más interesantes de Wink es que genera un archivo multimedia en formato swf (Flash) que puede fácilmente incrustarse en una página web (blog, wiki, etc.).

De manera resumida, Winki funciona en tres pasos:

1. La captura de pantallas.

2. El montaje de las capturas (frames).

3. Generación de la animación flash.

1.1.1. Resumen captura de pantallas

Captura de pantallas

1) Se comienza capturando la zona que se quiere "filmar":

• bien en modo manual: el usuario decide en qué momento toma una”foto” de la pantalla o zona.

• bien en modo automático: el programa captura la pantalla o zona cada vez que se presiona una tecla, se hace clic sobre el ratón o se desplaza este por la pantalla.

Departamento TIC del CRIF “Las Acacias” - 2008 – CC by-nc-sa Pág 2

• bien en “tiempo real”: se captura todo lo que ocurre en la pantalla (en directo) hasta que el usuario decide detener la captura. No se aconseja esta opción pues genera archivos demasiado grandes y difíciles de editar posteriormente.

Estas tres opciones se llevan acabo mediante una combinación de teclas.

1.1.2. Resumen Montaje de las capturas

Montaje de las capturas (frames)

Terminada la captura comienza la fase de montaje. Las diversas capturas (frames) aparecen en forma de viñetas ordenadas cronológicamente en la banda inferior del programa. La captura (frame) correspondiente a la viñeta pulsada es mostrada en la zona de trabajo en la que se puede editar:

• añadir un título, anotaciones, comentarios, etc. bajo la forma de bloques de texto que se pueden adaptar al gusto del usuario (colores de fondo, tamaño, aspecto, tipo de letra, etc.)

• insertar flechas de avance y retroceso en la navegación • eliminar capturas redundantes. • redimensionar las capturas o mover el cursor capturado. • indicar el tiempo (en segundos o décimas de segundo) que debe

mostrarse cada captura en la presentación que se generará.

1.1.3. Generación de Flash

Generación de la animación Flash

Una vez acabada la fase de montaje y copiado el resultado en un archivo propio de Wink (extensión .wnk), se puede generar mediante un simple clic la animación final en formato Flash (.swf) más fácil de difundir en la red, o también se puede generar un ejecutable (.exe) para Windows para distribuirlo en un CD-Rom, por ejemplo.

Wink también permite generar la presentación en formato PDF auque se desaconseja este último formato si se trata de una presentación larga pues el número de imágenes será excesivo para su visionado posterior.

Se puede también visualizar la animación flash en un navegador (Internet Explorer, Opera, Firefox, etc.) para ver el resultado y realizar las

Departamento TIC del CRIF “Las Acacias” - 2008 – CC by-nc-sa Pág 3

modificaciones necesarias.

1.1.4 Descarga del programa

Como se ha señalado, Wink es un programa libre.

Si dispones del sistema operativo Windows, puedes descargar el programa alojado en el servidor de este curso pichando aquí.

Desde el sitio oficial también podemos descargar el programa. Estas son las direcciones de descarga según el sistema operativo de que dispongamos en nuestro ordenador (*):

Windows ( version 2.0 build 1050)

Descarga directa desde SnapFiles.com Download from Wintotal.de

Linux ( version 1.5 build 1060)

Descarga directa desde linux-nerd.com Descarga desde Freeware4U.com Descarga directa desde Europe

(*) El programa viene en un archivo comprimido zip que hay que descomprimir previamente.

1.1.5 Tutorial Wink sobre Wink

Una forma de presentar cómo funciona Wink es mediante una presentación realizada con el propio Wink.

Para verla pincha en el siguiente enlace:

TUTORIAL SOBRE EL FUNCIONAMIENTO DE WINK

Pero, si lo prefieres, puedes leer las siguientes páginas que explican paso a paso el funcionamiento de los aspectos más importantes de Wink.

Departamento TIC del CRIF “Las Acacias” - 2008 – CC by-nc-sa Pág 4

1.2.- Ajustes y capturas en Wink

Veamos cúales son los ajustes más importantes que hay que realizar en Wink y la forma de capturar lo que nos interesa de la pantalla del ordenador.

1.2.1. Cambiar lenguaje

Cuando abrimos Wink, este es el aspecto del programa:

Para cambiar el idioma pulsamos File > Choose Language> Spanish:

Departamento TIC del CRIF “Las Acacias” - 2008 – CC by-nc-sa Pág 5

1.2.2. Zonas o áreas de trabajo de Wink

Existen tres zonas de comandos importantes.

1) La zona de menús generales:

Departamento TIC del CRIF “Las Acacias” - 2008 – CC by-nc-sa Pág 6

En la zona de menús generales hay que señalar dos comandos importantes: el generador de la animación Flash y el de visionado en HTML en un navegador:

2) La zona de menús de montaje de efectos (textos, audio, flechas, etc...) sobre las capturas (frames):

3) Y la zona de diapositivas capturadas de la pantalla, ventana o rectángulo seleccionado que aparecerá con diferentes capturas (frames) cuando hayamos terminado la captura correspondiente:

Departamento TIC del CRIF “Las Acacias” - 2008 – CC by-nc-sa Pág 7

1.2.3. Ajustes

También es importante el comando de "Ajustes":

Tras pulsarlo, se nos abrirá esta ventana:

Pulsando sobre el botón "Elegir" a la derecha de "Añadir una precarga al archivo en Flash", podemos elegir el tipo de barra de precarga de la

Departamento TIC del CRIF “Las Acacias” - 2008 – CC by-nc-sa Pág 8

presentación:

Si pulsamos sobre el botón "Elegir" a la derecha de "Añadir barra de control en el archivo en Flash", podemos elegir el tipo de barra que se mostrará en la parte de abajo de la presentación:

1.2.4. Crear proyecto

En cuanto abrimos un nuevo proyecto (Archivo > Nuevo ) o primer icono de la izquierda en la barra de menús generales , se abre esta ventana:

Departamento TIC del CRIF “Las Acacias” - 2008 – CC by-nc-sa Pág 9

En ella deberemos escoger (pulsando en el botón "Seleccionar") el tipo de zona de pantalla que queremos capturar con Wink: toda la pantalla (Pantalla) una ventana de un programa (Ventana), un rectángulo personalizado o un rectángulo predefinido por el programa:

Si elegimos un rectángulo personalizado, aparecerá un marco con esquinas verdes que podremos ampliar, disminuir o desplazar con el ratón según nos interese capturar una zona u otra de la pantalla:

Departamento TIC del CRIF “Las Acacias” - 2008 – CC by-nc-sa Pág 10

1.2.5 Tipos de captura en Wink

Una vez escogida la zona de captura. Aprece esta nueva pantalla que nos indica la combinación de teclas que debemos de pulsar según el tipo de captura que nos interese realizar. Tres opciones:

1. Capturar la zona, venta o pantalla manualmente cuando queramos:

Hay que pulsar la tecla "Pausa" (arriba a la derecha del teclado). Esta es la opción más aconsejable de las tres posibles. En este caso, conviene pulsar la tecla "Pausa" cada vez que realicemos cualquier movimiento en la pantalla (abrir una ventana, pulsar una tecla, mover el cursor de sitio, etc.). Si no lo hacemos así, las capturas serán muy discontinuas y resultará una presentación confusa. Es siempre preferible realizar más capturas de las necesarias pues siempre será posible eliminarlas después cuando editemos la presentación.

2. Capturar automáticamente por movimientos:

Hay que pulsar las teclas "Shift" (la flecha debajo de la tecla del Bloq de Mayús) + "Pausa". Con esta opción, el programa realiza capuras de la pantalla cada vez que se realice culquier acción en el ordenador (pulsar una tecla,

Departamento TIC del CRIF “Las Acacias” - 2008 – CC by-nc-sa Pág 11

mover el cusor de sitio, abrir una ventana, etc.). Para detener la grabación hay que pulsar, de nuevo, las mismas teclas ("Shift" + "Pausa"). Aunque es una opción interesante, genera muchos "frames" que, sobre todo cuando comienza a usarse el programa, son más difíciles de gestionar en el momento de edición de la presentación.

3. Captura por tiempo

Hay que pulsar las teclas "Alt" (a la izquierda del tabulador) + "Pausa". Para detener la grabación, hay que pulsar otra vez ambas teclas. Es la opción menos aconsejable pues genera enormes cantidades de "frames" y la presentación ocupará mucho más espacio.

1.2.6. Finalizar capturas

Tras pulsar las teclas corrrespondientes para dejar de realizar capturas, podemos acceder a la edición de las mismas abriendo de nuevo Wink. Para ello, pulsamos sobre el icono de la barra de tareas del sistema operativo (abajo a la derecha):

Aparecerá entonces esta ventana contextual en la que pulsaremos sobre el botón "Finalizar":

Departamento TIC del CRIF “Las Acacias” - 2008 – CC by-nc-sa Pág 12

Se abrirá entonces de nuevo el escritorio de Wink en el que aparecerán, abajo, las viñetas de los "frames" de las capturas realizadas:

Podemos ahora empezar a editar la presentación.

1.2.7 Guardar los proyectos

Hay que tener en cuenta que guardar un proyecto de Wink implica usar tres archivos distintos. Cada uno de ellos cumple una función específica:

1. Archivo .wnk: Es el archivo que guarda el proyecto en el formato propio del

Departamento TIC del CRIF “Las Acacias” - 2008 – CC by-nc-sa Pág 13

programa. Hay que conservarlo pues, seguramente, tendremos que hacer modificaciones posteriores a nuestro proyecto y sólo podremos realizarlas con él. El archivo .wnk dará, a su vez, el nombre por defecto (salvo que lo cambiemos) a los otros dos archivos que se guadarán en la misma carpeta y con el mismo nombre (pero distinta extensión) que este archivo. Para guardar el proyecto debemos pulsar la opción Archivo > Guargar como... buscar la carpeta de nuestro ordenador en la que la guardaremos y darle un nombre.

2. Archivo .swf: Es el archivo que Wink genera cuando pulsamos sobre la opción . Se trata del archivo Flash de la presentación que se guardará con el mismo nombre que el archivo .wnk en la misma carpeta que éste, salvo que indiquemos lo contrario en la opción de Configuración del proyecto.

3. Archivo .html: Es la página web que genera el programa al pulsar sobre

para que podamos ver la presentación Flash en un navegador.

1.3. Edición en Wink

En las siguientes páginas veremos cuáles son las opciones más importantes para editar y modificar las capturas realizadas con Wink.

1.3.1. Zonas de edición

Una vez realizadas las capturas de pantalla y abierto de nuevo Wink, aparecerán, en la parte de abajo del escritorio las capturas realizadas ("frames") que podemos editar: duplicar, eliminar, añadir texto, añadir objetos, ampliar o disminuir el tiempo de exposición del "frame" en la presentación, añadir sonido, etc.

Departamento TIC del CRIF “Las Acacias” - 2008 – CC by-nc-sa Pág 14

En la parte derecha del escritorio se encuentra la zona con los diferentes iconos de edición de los "frames":

1.3.2. Tiempo y sonido en frames

Aumentar o disminuir el tiempo de cada "frame: Se puede indicar el tiempo (en segungos o centésimas de segundo) que se mostrará cada"frame" durante la presentación Flash que se genere. Si se añade una flecha de Avance o Retroceso al "frame" (ver apartado 3.4) para que el usuario la pulse durante la presentación, esta opción deja de funcionar:

Añadir un sonido al "frame": Se puede añadir un sonido a un frame pulsando

Departamento TIC del CRIF “Las Acacias” - 2008 – CC by-nc-sa Pág 15

en el icono correspondiente. El sonido tiene que estar en formato mp3. No conviene que la duración del sonido sea excesiva pues la presentación no podrá avanzar hasta que finalice su audición completa.

Cuando se pulsa sobre este icono se abre esta ventana contextual para que busquemos el sonido en nuestro ordenador o lo añadamos directamente.

1.3.3. Añadir texto

Añadir un texto al "frame":es la opción más importante de edición. Se ha de pulsar sobre el siguiente icono

Se abre entonces un editor de texto muy intuitivo:

Departamento TIC del CRIF “Las Acacias” - 2008 – CC by-nc-sa Pág 16

Pulsando en el siguiente icono de propiedades del texto, se abre una nueva ventana contextual en la que se puede seleccionar entre una amplia gama de cuadros de texto (con o sin flechas, redondeados, cuadrados, tipo notas, etc.):

Con el ratón podremos ampliar las dimensiones de cuadro y desplazarlo por el "frame" para que quede a nuestro gusto la presentación.

1.3.4. Flechas y botones

Añadir flechas de avance y retroceso: Estas flechas permiten que sea el usuario final de la presentación el que decide en qué momento ha de avanzar o retroceder en la misma. Si se añade una de estas flechas al "frame" queda automáticamente anulada la opción de "Permanecer en este frame durante un tiempo de" que se haya marcado en la casilla superior

Departamento TIC del CRIF “Las Acacias” - 2008 – CC by-nc-sa Pág 17

Añadir un botón de enlace a una dirección en Internet en un "frame": Permite que, cuando el usuario pulse la flecha que se genera, se abra la dirección correspondiente en Internet.

Añadir un botón de enlace a uno de los "frames de la presentación": es una oción muy útil para añadir al final de la presentación y así permitir al usuario que, si lo desea, pueda acceder al primer "frame" de la presentación para volver a verla.

Este artículo está licenciado bajo Creative Commons Attribution Non-commercial 3.0 License

Mª Carmen Jiménez – Jose Mª Campos - Departamento de TIC. CRIF "Las Acacias".

Departamento TIC del CRIF “Las Acacias” - 2008 – CC by-nc-sa Pág 18