{"id":1003,"date":"2011-01-31T12:13:15","date_gmt":"2011-01-31T11:13:15","guid":{"rendered":"https:\/\/blogs.ua.es\/observatoriotic\/?p=1003"},"modified":"2012-01-09T14:17:26","modified_gmt":"2012-01-09T13:17:26","slug":"crea-videotutoriales-en-mac-con-screenflow","status":"publish","type":"post","link":"https:\/\/blogs.ua.es\/observatoriotic\/2011\/01\/31\/crea-videotutoriales-en-mac-con-screenflow\/","title":{"rendered":"Crea videotutoriales en Mac con ScreenFlow"},"content":{"rendered":"

Los programas que permiten la generaci\u00f3n de videotutoriales mediante capturas del escritorio pueden llegar a ser muy \u00fatiles para aprender a utilizar herramientas software. Esto es debido a que nos permiten mostrar al usuario, paso a paso, lo que debe hacer para la consecuci\u00f3n de una tarea. Podemos mostrar qu\u00e9 men\u00fa debe elegir, d\u00f3nde debe pinchar e incluso diferentes resultados en funci\u00f3n de las acciones que realicemos. Uno de estos programas es ScreenFlow, que os presentamos a continuaci\u00f3n.<\/p>\n

\n

Els programes que permeten la generaci\u00f3 de v\u00eddeo-tutorials mitjan\u00e7ant captures de l’escriptori poden arribar a ser molt \u00fatils per a aprendre a utilitzar eines programari. A\u00e7\u00f2 \u00e9s a causa que ens permeten mostrar a l’usuari, pas a pas, qu\u00e8 ha de fer per a la consecuci\u00f3 d’una tasca. Podem mostrar quin men\u00fa ha de triar, on ha de punxar i fins i tot diferents resultats en funci\u00f3 de les accions que realitzem. Un d’aquests programes \u00e9s ScreenFlow, que us presentem a continuaci\u00f3.<\/p>\n\n\n\n\n\n\n\n\n\n
\n

\"ScreenFlow<\/a><\/p>\n<\/td>\n

Tipo \/ Tipus: <\/strong><\/td>\nCapturador de pantalla\/ Capturador de pantalla<\/td>\n<\/tr>\n
Precio \/ Preu:<\/strong><\/td>\n$99<\/td>\n<\/tr>\n
Licencia \/ Llic\u00e8ncia:<\/strong><\/td>\n\u00a9 Telestream, Inc.<\/td>\n<\/tr>\n
Disponibilidad \/ Disponibilitat:<\/strong><\/td>\nSoftware disponible en equipos de la fragUA<\/a> \/ Programari disponible en equips de la fragUA<\/a><\/td>\n<\/tr>\n
S.O.:<\/strong><\/td>\nMac OS X Leopard 10.5 or Snow Leopard 10.6<\/td>\n<\/tr>\n
Idioma:<\/strong><\/td>\nIngl\u00e9s \/ Angl\u00e8s<\/td>\n<\/tr>\n
Web:<\/strong><\/td>\nhttp:\/\/www.telestream.net\/screen-flow\/<\/a><\/td>\n<\/tr>\n<\/tbody>\n<\/table>\n

<\/p>\n

<\/a><\/p>\n

cas val<\/a> foro<\/a><\/strong><\/p>\n

ScreenFlow es un software que permite la captura de todo lo que ocurre en nuestro escritorio. Esta secuencia de acciones y sucesos que tienen lugar en el ordenador es conocida como screencast<\/em>. Podemos decir que, b\u00e1sicamente, un screencast <\/em>es <\/em>una pel\u00edcula de lo que observamos en el monitor.<\/p>\n

Una particularidad de ScreenFlow es que, adem\u00e1s de grabar el escritorio,\u00a0 permite grabar simult\u00e1neamente el audio procedente de un micr\u00f3fono, el sonido del ordenador y la se\u00f1al de v\u00eddeo procedente de una c\u00e1mara (interna o externa).<\/p>\n

Tras la grabaci\u00f3n dispondremos de una serie de opciones de edici\u00f3n que nos permitir\u00e1n, entre otras cosas, cortar, copiar y pegar clips de v\u00eddeo, a\u00f1adir transiciones y textos, o aplicar efectos para focalizar la atenci\u00f3n del usuario en zonas concretas del v\u00eddeo.<\/p>\n

Vamos a ver con un poco m\u00e1s de detalle las caracter\u00edsticas del programa.<\/p>\n

La Grabaci\u00f3n<\/h3>\n

Al arrancar la aplicaci\u00f3n, aparece autom\u00e1ticamente la ventana de grabaci\u00f3n para que indiquemos si, adem\u00e1s del escritorio, queremos grabar audio o la imagen procedente de la videoc\u00e1mara. Cada una de las fuentes que hayamos elegido, se grabar\u00e1 en una capa independiente. Adem\u00e1s, durante la grabaci\u00f3n tambi\u00e9n se almacenan por separado, las posiciones del rat\u00f3n y las teclas que pulsemos en cada momento. El hecho de que cada una de estas fuentes se guarde independientemente nos facilitar\u00e1 la edici\u00f3n posterior de cada una de ellas. Por ejemplo, podremos mostrar al interlocutor (se\u00f1al de v\u00eddeo) s\u00f3lo en determinados momentos de la pel\u00edcula o variar el tama\u00f1o del rat\u00f3n para que se visualice mejor, etc.<\/p>\n

\"Configuraci\u00f3n<\/a><\/p>\n

Tras pulsar el bot\u00f3n “Grabar<\/strong>“, se iniciar\u00e1 una cuenta atr\u00e1s que marcar\u00e1 el comienzo de la grabaci\u00f3n. Al contrario que otros programas capturadores de pantalla, en ScreenFlow no podemos especificar qu\u00e9 \u00e1rea de la pantalla grabar, ni determinar las proporciones del v\u00eddeo<\/strong>. Siempre grabaremos el escritorio al completo. Posteriormente, durante el proceso de edici\u00f3n y antes de generar el v\u00eddeo final, podremos modificar las dimensiones del mismo.<\/p>\n

Desde la barra superior, a la derecha, pinchando sobre el icono de la c\u00e1mara<\/strong>, accederemos a las opciones de grabaci\u00f3n que nos permitir\u00e1n iniciarla, pausarla o pararla. Una opci\u00f3n interesante es la de ocultar los iconos del escritorio durante la grabaci\u00f3n.<\/strong><\/p>\n

\"Men\u00fa<\/a><\/p>\n

Cuando finalicemos la grabaci\u00f3n, podremos visualizar la secuencia capturada en el entorno de edici\u00f3n.<\/p>\n

El Entorno de Edici\u00f3n<\/h3>\n

El entorno de trabajo de ScreenFlow est\u00e1 formado por la barra de men\u00fas, el \u00e1rea de reproducci\u00f3n, donde visualizaremos el v\u00eddeo, la l\u00ednea de tiempo con las diferentes capas disponibles y, a la derecha, los paneles de opciones que contienen diferentes tipos de efectos aplicables a cada capa.<\/p>\n

\"Entorno<\/a><\/p>\n

En la l\u00ednea de tiempo aparecer\u00e1n, en distintas l\u00edneas, cada una de las fuentes de informaci\u00f3n que tengamos. A su vez, si insertamos nuevos clips de v\u00eddeo, im\u00e1genes o textos, aparecer\u00e1n por defecto en capas nuevas. Posteriormente podremos reordenar los clips como queramos. Debemos tener en cuenta que, en una estructura de capas, las que est\u00e1n m\u00e1s arriba se superponen al resto. Es decir, si a\u00f1adimos un texto en la capa m\u00e1s alta, el texto se mostrar\u00e1 sobre el v\u00eddeo que haya debajo pero, si movemos el v\u00eddeo, por ejemplo, a la capa m\u00e1s alta, el texto no se visualizar\u00e1 ya que la capa de v\u00eddeo lo tapar\u00e1.<\/p>\n

A cada uno de los trocitos de informaci\u00f3n que ocupan la l\u00ednea de tiempo los llamaremos clips. Al situar el rat\u00f3n sobre un clip, veremos que aparece un peque\u00f1o icono con forma de rueda dentada. Si pinchamos sobre \u00e9l, se desplegar\u00e1n una serie de opciones tales como cortarlo, bloquearlo, a\u00f1adir una transici\u00f3n, etc. Todas estas opciones tambi\u00e9n podemos encontrarlas en los diferentes men\u00fas. Es importante saber que, en editores de v\u00eddeo, es habitual la opci\u00f3n de cortar los clips (“Split Clip at Playhead”<\/em>), en el sentido de que, podemos partir el clip en dos trozos justo en la posici\u00f3n que indiquemos con el cabezal de reproducci\u00f3n<\/strong>. De esta manera, podremos eliminar f\u00e1cilmente los trozos que no nos sirvan o reordenar secuencias de v\u00eddeo, etc.<\/p>\n\n\n\n
\n

\"Bot\u00f3n<\/a><\/p>\n<\/td>\n

\n

\"Opciones<\/a><\/p>\n<\/td>\n<\/tr>\n<\/tbody>\n<\/table>\n

Los paneles de opciones<\/h3>\n

Antes de hacer un repaso a cada una de las pesta\u00f1as disponibles, es conveniente saber que, si modificamos cualquier propiedad sin m\u00e1s, los cambios se aplicar\u00e1n al clip\u00a0 que tengamos seleccionado de principio a fin. Sin embargo, tenemos la posibilidad de modificar caracter\u00edsticas durante un espacio de tiempo determinado. Para ello, antes de tocar cualquier par\u00e1metro, debemos pulsar en el bot\u00f3n que aparece al final de cada panel para a\u00f1adir una acci\u00f3n y a continuaci\u00f3n, realizar los cambios que queramos. Veremos que, sobre el clip aparecer\u00e1 una zona sombreada correspondiente a la acci\u00f3n introducida.<\/p>\n

En la siguiente imagen, podemos ver una acci\u00f3n de resaltado (“Callout<\/em>“) en amarillo. Situando el rat\u00f3n en los bordes del \u00e1rea amarilla podremos ampliar o disminuir la duraci\u00f3n de la acci\u00f3n en la pantalla.<\/p>\n

\"A\u00f1adir<\/a><\/p>\n

Las opciones de v\u00eddeo<\/strong> nos permiten la modificaci\u00f3n de su escala, la rotaci\u00f3n en diferentes ejes, la modificaci\u00f3n de su transparencia, la adici\u00f3n de efectos como reflejos o sombras… Las acciones de v\u00eddeo son muy \u00fatiles, ya que permiten hacer zoom sobre una zona concreta de la imagen, durante un tiempo determinado. Posteriormente podremos introducir otra acci\u00f3n para volver al tama\u00f1o original o para mover la imagen y mostrar otra \u00e1rea de inter\u00e9s. ScreenFlow realizar\u00e1 una transici\u00f3n entre un estado y otro, para que no se produzcan saltos visuales bruscos. En este caso, la duraci\u00f3n de la acci\u00f3n (\u00e1rea amarilla sobre el clip) se refiere a la duraci\u00f3n de esa transici\u00f3n entre estados.<\/strong><\/p>\n\n\n\n
\n

\"Opciones<\/a><\/p>\n<\/td>\n

\n

\"Ejemplo<\/a><\/p>\n<\/td>\n<\/tr>\n<\/tbody>\n<\/table>\n

Las opciones de audio<\/strong> nos permiten modificar el volumen del clip y aplicar en una serie de efectos disponibles. Si hemos introducido tanto voz como audio de fondo, podemos disminuir autom\u00e1ticamente el volumen de la m\u00fasica cuando aparezca la voz, mediante la opci\u00f3n “Ducking<\/em><\/strong>“.<\/p>\n

Al igual que con los dem\u00e1s paneles, podremos aplicar distintas configuraciones en diferentes instantes de la pel\u00edcula a\u00f1adiendo acciones (“Add Audio Action<\/em>“).<\/p>\n

\"Opciones<\/a><\/p>\n

En la pesta\u00f1a de opciones de grabaci\u00f3n de pantalla<\/strong> es posible modificar el tama\u00f1o del rat\u00f3n, cambiar el puntero y aplicar efectos al hacer clic. Tambi\u00e9n podemos mostrar en la pel\u00edcula, mediante cajas de texto, las teclas que hemos pulsado en cada momento.<\/p>\n

\"Opciones<\/a><\/p>\n

La siguiente pesta\u00f1a muestra las opciones de resaltado<\/strong> (“callout<\/em>“). Con este tipo de efectos conseguiremos centrar la atenci\u00f3n del usuario en una zona concreta de la pantalla, oscureciendo el resto. Tenemos la opci\u00f3n de llamar la atenci\u00f3n sobre un \u00e1rea alrededor del rat\u00f3n o, si en la grabaci\u00f3n hay varias ventanas, sobre la que est\u00e1 por encima.<\/p>\n\n\n\n\n
\n

\"Opciones<\/a><\/p>\n<\/td>\n

\n

\"Ejemplo<\/a><\/p>\n<\/td>\n<\/tr>\n

\n
\"Ejemplo<\/a><\/div>\n<\/td>\n<\/tr>\n<\/tbody>\n<\/table>\n

Las opciones del panel de texto<\/strong>, nos permitir\u00e1n introducir r\u00f3tulos al v\u00eddeo. Podremos personalizar el tama\u00f1o, color y fondo de los mismos.<\/p>\n

\"Opciones<\/a><\/p>\n

Finalmente, encontramos la biblioteca de archivos multimedia<\/strong>. En ella podemos ver los diferentes archivos que hemos utilizado hasta el momento y a\u00f1adir otros nuevos, tanto de audio como de v\u00eddeo o im\u00e1genes. Si queremos a\u00f1adir otra captura a nuestro proyecto podemos hacerlo desde este panel, pinchando en “Add Recording<\/em><\/strong>” aparecer\u00e1n las opciones de grabaci\u00f3n. Cuando finalicemos la captura, podremos encontrar el nuevo clip en la biblioteca.<\/p>\n

\"Biblioteca<\/a><\/p>\n

Generaci\u00f3n del v\u00eddeo<\/h3>\n

Una vez finalizado el proceso de edici\u00f3n s\u00f3lo nos queda generar el v\u00eddeo. ScreenFlow nos ofrece una serie de formatos preestablecidos o presets. Adem\u00e1s, permite la publicaci\u00f3n directa en YouTube y la publicaci\u00f3n como v\u00eddeo Flash (f4v) integrado en un documento HTML.<\/p>\n

En las opciones de exportaci\u00f3n encontramos la posibilidad de modificar las dimensiones del v\u00eddeo de manera proporcional. Tambi\u00e9n podremos introducir el ancho y alto que queramos (“Scale to custom size”<\/em>), pero debemos tener cuidado para no deformar el v\u00eddeo (aparecer\u00e1 la opci\u00f3n de a\u00f1adir bandas negras a la pel\u00edcula).<\/p>\n\n\n\n
\n

\"Opciones<\/a><\/p>\n<\/td>\n

\n

\"Presets<\/a><\/p>\n<\/td>\n<\/tr>\n<\/tbody>\n<\/table>\n

En resumen<\/h3>\n

Me gusta:<\/strong><\/p>\n