Este documento proporciona un tutorial paso a paso para crear especiales multimedia en plantillas Flash utilizando Wix. Explica cómo registrarse en Wix, crear una nueva plantilla, agregar páginas, menús de navegación, texto, imágenes, videos, audio y otros componentes. También cubre cómo publicar el especial y volver a editarlo posteriormente.
1. Tutorial para crear especiales
multimedia en plantillas
Flash, desde Wix
(Paso a paso)
2. Lo primero que debemos hacer es ingresar a
es.wix.com para registrarnos o acceder a la
cuenta que ya hemos creado.
3. Al ingresar aparecerá un pantallazo como
este. Damos clic en ‘Crear’ para comenzar a
trabajar en la plantilla de nuestro especial.
4. Aparecerá un pantallazo como este. Iremos
a la parte inferior de la página para dar clic
en ‘Plantillas Flash’, que está en la esquina
inferior derecha.
5. Damos clic en la opción en blanco para
comenzar a trabajar sobre un área de
trabajo, diseñada en Flash, sin información
predeterminada.
6. Seleccionamos la opción ‘Start from
scratch Flash’, que es un área de trabajo
sin ningún patrón de diseño.
7. Damos clic en editar la ‘Blank Template’
para que se nos despliegue un área de
trabajo como esta.
8. El área de menús nos permitirá
agregar todos los componentes
del especial multimedia.
Reconociendo el área de trabajo
El administrador de páginas nos
permite llevar el control de las
páginas que integrarán nuestro
especial multimedia.
En esta zona encontramos opciones para ajustar el
zoom del área de trabajo, configurar el fondo, ver
cómo va quedando el trabajo, publicar y obtener un
dominio propio.
9. Una opción para iniciar el montaje del
especial es agregar dos páginas
maestras y borrar la página maestra
propuesta por el sistema ‘My Website’.
10. Inicialmente nos olvidaremos de la página maestra 1 y nos dedicaremos a
trabajar sobre la página maestra 2. Nos colocamos sobre ella y le damos
agregar páginas. Agregaremos el número equivalente al número de
módulos que hemos establecido en el Storyboard para nuestro especial
multimedia. El sistema nos ofrecerá distintos estilos de página. Podemos
escoger el que se acomode a lo que necesitamos o nos vamos hasta el final
y le damos clic a vacío, para que se inserte una página en blanco.
11. Para el ejemplo, he agregado tres
páginas a la página maestra 2. Es decir,
en el especial que crearé tengo ideados
tres módulos.
12. Al colocar el puntero sobre las páginas, el sistema desplegará un
menú que permitirá renombrar cada página. Colocamos allí el
nombre de cada módulo de nuestro especial multimedia. Para el
ejemplo: Introducción, Problemática y Soluciones.
13. Para poder navegar las páginas es necesario agregar un menú de navegación.
Para ello nos vamos a Agregar, Navegación, Menús y escogemos el estilo que
más nos interese. Nos cercioramos de que al hacer esta operación tengamos
señalado en el Administrador de Páginas la página maestra 2, en este caso la
he nombrado Home. De esa manera, el menú de navegación va a quedar
anclado a la página maestra 2 y me permitirá navegar a través de todas sus
páginas.
14. En la opción de menús de navegación hay: menús desplegables,
horizontales, verticales y hasta miniaturas que permiten agregar
fotografías.
15. En la caja Menú encontramos opciones para personalizar el tipo de
letra, color, sombreado y hasta comportamientos que tendrá el menú
al desplazarse el mouse por cada sección.
16. El área delineada de azul es el área del sitio, es decir de cada módulo del
especial multimedia, mientras que el área más grande, delimitada en
negro, es el área de la página maestra. Podremos colocar el navegador
entre el área de la página maestra y el área del sitio. (El área del sitio
puede ampliarse o reducirse manipulando los cuadros que aparecen al
dar clic sobre ella)
17. Para agregarle un marco a nuestro especial multimedia: damos clic en
fondo, página maestra y la opción marco. Hay todo tipo de detalles,
desde los más sobrios hasta los más festivos.
18. Si deseamos agregarle un marco a nuestro especial multimedia con imágenes
relacionadas al tema que estamos trabajando, podemos ir a Agregar, Páginas,
Áreas y dar clic en una de las opciones. Luego, sobre el área escogida se da
clic y en reemplazar color el sistema brindará la opción de reemplazarlo por
una imagen. El área insertada debe ubicarse entre el margen del sitio y el
margen de la página maestra.
19. Dándole vida al especial
Para comenzar a meterle información a cada módulo del especial
multimedia, es necesario dar clic en la sección correspondiente en el
Administrador de páginas y darle clic a Agregar, Texto. Después, darle clic
a la opción necesaria: texto, párrafos o notas. Esta última opción permite
jugar más con el diseño porque da opciones de insertar post it, por
ejemplo.
20. Para agregarle texto largo al especial multimedia es necesario darle clic a
Agregar, Texto, Párrafos e ir a la opción Desplazador. El sistema permite
escoger entre varios estilos y una vez seleccionado el estilo aparecerá un
cuadro de texto al que se le da clic, opción editar, se le pega el texto y
automáticamente el texto completo se leerá desplazándose sobre él. El
sistema brinda opciones para cambiar el color, tamaño y tipo de letra.
21. Para agregarle un video al especial multimedia debemos hacer la
siguiente ruta: Agregar, Música y Video, Video.
22. Se desplegará un menú de video como este. Se puede agregar el video de
dos formas: por URL y se despliega este recuadro, o por el buscador
directamente de videos en Youtube.
23. Para agregar una foto, debe darse clic en Agregar, Fotos. Se desplegará
este menú. Se suben las fotos correspondientes al módulo que estamos
trabajando a través de la opción Cargar Imagen.
24. Para agregar una galería fotográfica, debe darse clic en Agregar, Galerías.
Se desplegará este menú y se escogerá el tipo de galería deseado.
25. Una vez seleccionada la galería, el sistema colocará la maqueta de la
galería. Debe darse clic en Administrar Fotos para comenzar a
reemplazar cada espacio por las fotos correspondientes.
26. Para agregar audio, debe darse clic en Agregar, Música y Video, luego en
Música y se desplegará un menú como el mostrado en esta imagen.
Puede cargarse el mp3 desde una URL o cargar el archivo desde el PC,
memoria o CD donde se tenga guardado.
27. Para ser creativos con el diseño, al agregarse el audio se puede insertar
un reproductor. Para ello debemos dar clic en Agregar, Música y Video,
luego en Música y finalmente en el menú Reproductor.
28. Agregué un iPod. Para agregarle los audios, le di clic a la imagen, clic en
Lista de reproducción y apareció este menú que me permitió empezar a
agregar los audios. Agregué tres audios y luego para reproducirlos hice lo
mismo que suelo hacer con un iPod real: selecciono el audio y doy play.
29. Wix también permite agregar clip arts. Así podremos agregar formas,
líneas, íconos y animaciones según nuestras necesidades de diseño.
30. Los íconos del menú clip art pueden ser muy útiles para la sección de
créditos. Por ejemplo, al lado de mi nombre, que he escrito acudiendo a
Agregar, Texto, Títulos, coloqué los íconos de Twitter y Facebook, que fueron
enlazados a mis respectivas cuentas para poder ser contactada a través de
estas redes sociales por los futuros lectores.
31. Para enlazar, doy clic en enlace. Se me despliega este menú: puedo enlazar a
una página Wix, a una URL o a un correo electrónico. En este caso, el icono de
Twitter lo enlazo con mi dirección en Twitter y el de Facebook con mi
dirección en esa red social.
32. En Agregar, Navegación, además de la opción Menús que ya exploramos
antes, están las opciones botones y controladores. Con botones, Wix nos da
distintos diseños que podemos usar para enlazar a un correo electrónico
por ejemplo, a modo de contacto. Mientras que al insertar los
controladores podremos navegar de mejor manera determinadas secciones
del especial multimedia.
33. En Agregar, Widgets, se puede insertar: Formulario de contacto,
comentarios, RSS, Google Maps o HTML. Al dar clic en HTML, opción
blank, se puede copiar el código de alguna pieza que necesitemos
insertar. Por ejemplo, una línea de tiempo o un mapa de Google
específico.
34. Wix permite agregar documentos a nuestro especial multimedia. Para ello
debemos dar clic en Mis Archivos y en el tipo de archivo a subir: fotos,
música, documentos o animaciones en Flash. Como ya sabemos, las fotos y
la música se pueden subir mediante la ruta Agregar. A través de Mis
Archivos podemos subir documentos. En este caso subí uno de PDF. Al
darle clic el archivo se abrirá en una ventana nueva.
35. Páginas ocultas en un especial
Las páginas ocultas son oportunas para narrar más detalles de un módulo,
pero que no queremos aparezcan como otra sección más del especial. En este
caso, he desarrollado tres módulos: Introducción, Problemática y
Soluciones. Dentro de Problemáticas, por ejemplo, quiero hacer un listado
de títulos. Cada uno conducirá a una página que tendrá fotos, videos y las
herramientas necesarias.
36. Dentro de Soluciones he listado tres historias, que quiero se desarrollen tal
como los módulos que sí estarán visibles. Para eso: agrego las páginas que
necesito tal como agregué los módulos. En este caso agregué tras páginas,
que me aparecerán en el navegador, junto a Introducción, Problemática y
Soluciones.
37. Esas tres páginas nuevas deberán estar ocultas y para ello doy clic en el
navegador, y luego en Administrar: se desplegará un menú como el de la
pantalla. Le doy ocultar a las páginas que considere necesarias, en este
caso: checa, mamones, tienda, que he denominado así para que se me haga
más fácil el proceso de enlace de cada título con sus respectivas páginas.
38. Vuelvo a los titulares que he listado en la sección Problemática: hago clic en
cada titular, selecciono enlace y selecciono la página Wix a la que necesito
enviar ese título cuando alguien dé clic sobre él.
39. En mi ejemplo he enlazado “La dejé mientras iba a la tienda”. Lo he
hecho dando clic en Enlace. Se despliega un menú. Allí debe escogerse la
opción de enlazar a páginas Wix para que se desplieguen todas las páginas
del especial y comenzar así a enlazar cada título con su respectiva página
oculta.
41. A la página Maestra I, como a la página Maestra II, podemos darle fondo
o marco. En este caso como construiremos la portada de nuestro especial
multimedia podremos colocar una imagen, un diseño hecho en algún
programa de diseño como Ilustrator, publicar un video o una
audiogalería a manera de introducción.
42. La página Maestra I debe enlazar a la Página Maestra II. Para eso
debemos tomar algún objeto de la página maestra I, dar clic sobre él y
seleccionar la opción enlace. En este caso debemos enlazar ese objeto a la
página maestra II, en este caso Home.
43. Publicar el especial
Una vez terminado el especial, debe darse clic en Publicar y aparecerá un
pantallazo similar a este. El sistema arroja la dirección del especial y la
posibilidad de incrustarlo en algún sitio, por ejemplo un blog.
44. Volver a editar el especial
Una vez publicado el especial puede volverse a editar. Para ello debe irse
al pantallazo inicial de Wix. Como seguimos logueados, el sistema da la
opción de dar clic en Mi Cuenta, donde aparecerán los productos
trabajados. El más reciente aparecerá de primero y podremos darle clic
en editar para seguir trabajándolo.
45. Los ejemplos empleados
para crear este tutorial
pueden verse en:
http://www.wix.com/tatta25/pruebatutorial
(Para ejemplos reales de especiales multimedia:
http://nochesdemedia.wordpress.com
/2012/03/28/las-historias-que-hay-que-leer-escuchar-y-ver/
)