Wiki


Instalacion

El programa ya ha quedado instalado. Sin embargo, para este tutorial harán falta algunos archivos mas:

  • Un Mp3 algo largo, en este tutorial se utiliza la canción Virus de OnComingWay descargable aquí. Pero sirve cualquiera en formato MP3.

Primera ejecución

Tras haberlo instalado, procedemos a ejecutar el Spöntz Visuals Editor.

Lo primero que nos pregunta es si queremos abrir un nuevo Proyecto (New Project) o abrir uno ya existente (Open project). Elegiremos la primera opción para este tutorial.

Al seleccionar Abrir nuevo proyecto, nos pregunta la carpeta donde queremos que se guarden los datos del proyecto. Para efectos de este tutorial, crearemos una carpeta (donde mas nos interese) llamada "tutorial".

Dentro de esa carpeta nos ha creado automáticamente el directorio pool?. En el directorio pool introduciremos, más adelante, algunos archivos necesarios para este tutorial.

Ventana Principal

La ventana principal de la tool es la siguiente: http://fotos.miarroba.com/fotos/b/c/bcabfca5.jpg

Básicamente se trata de un editor de capas. Es decir, vamos añadiendo efectos tan variados que van desde un simple fondo 2D a un efecto glow?, o incluso la música.

1. Inicio y final de la selección de tiempo de linea. Indica donde empieza la parte que estamos creando y donde termina. Esto nos permite seleccionar un trozo del proyecto para centrarnos en él a la hora de trabajar. 2. Inicio, manual, de la selección de tiempo de linea. Moviendo el puntero, desplazamos el inicio de la selección de tiempo. Nos permite delimitar la zona (de tiempo) del proyecto en la que trabajaremos. 3. Primer efecto que se renderizará. Podemos añadir varios efectos al proyecto, primero se trata el que está situado más arriba, aunque puede dejarse en blanco. Desplazar en la linea de tiempo, subir de prioridad, bajar,... Nota: Debido a un bug, es imprescindible que al menos haya un efecto en el proyecto. 4. Segundo efecto. 5. Terceros, Cuartos, ... Podemos añadir tantos efectos como sean necesarios para crear el efecto visual/Sonoro que nos interesa. Conforme más arriba, mas prioridad tiene a la hora de "renderizarse" por la tool. 6. Linea de tiempo. Nos indica el tiempo, tal y como quedará en el proyecto final, en el que la tool procesa las capas. Dos botones, el signo - a la izquierda, y el signo + a la derecha, nos permite aumentar o reducir el "zoom" sobre la linea de tiempo. 7. Final, manual, de la selección de tiempo de linea. Moviendo el puntero, desplazamos el final de la selección de tiempo. Nos permite delimitar la zona (de tiempo) del proyecto en la que trabajaremos. 8. Indicación de la duración del efecto (capa) seleccionado, puede alterarse manualmente.

Ventana de Herramientas (Tools)

Al hacer click sobre la rejilla de celdas, nos aparece la ventana de herramientas (tools). Esta ventana nos servirá para poder añadir efectos al proyecto. Otra forma de acceder a la ventana es desde el menú Window, seleccionar Tools.

http://fotos.miarroba.com/fotos/d/4/d428dafd.jpg

En la ventana nos aparecen varias secciones: 1.Tools con un cursor y una cruz. El cursor sirve para seleccionar y/o mover (se autoselecciona esta opción), la cruz para desactivar elementos. 2.Effects en el que (en la versión 0.18a) solo hay 1 elemento que es el color fader. 3.Elements en el que podemos añadir música al proyecto, Imágenes de fondo, Imágenes 3D 4.Utilities en el que podemos añadir cámaras al proyecto

Hay multitud de efectos que no están documentados ni tienen una guia. Estos se han de implementar a base de documentos de texto.

Agregando el primer elemento

Buscamos la nota musical en la Ventana de Herramientas (Tools), sección Elements. La seleccionamos con el ratón y nos vamos a la ventana principal.

Pulsamos en la primera celda y, con el botón izquierdo pulsado, arrastramos hasta unas celdas más a la derecha. Se habrá creado una zona gris que representa el elemento que acabamos de añadir.

Hacemos doble click sobre el elemento y no sale una ventana con los datos y opciones del elemento, en este caso tan solo una lista desplegable. En la lista desplegable seleccionamos "~OncomingWay___Virus.mp3" y pulsamos "OK" http://fotos.miarroba.com/fotos/9/7/979b86c7.jpg

Observaremos que con el primer click, el elemento se nos ha puesto de color rojo, esto es porque lo hemos seleccionado

Seleccionar un elemento del proyecto

Para seleccionar un elemento del proyecto, tan solo tenemos que pulsar el botón izquierdo del ratón sobre él. El elemento se pondrá de color Rojo indicando que ha sido seleccionado. http://fotos.miarroba.com/fotos/7/d/7db52bd1.jpg

También se pueden seleccionar elementos seleccionando un área rectangular. Para ello pulsaremos con el botón izquierdo del ratón y arrastraremos el puntero, nos aparecerá un rectángulo de color verde que es la zona que se seleccionará. Dale la forma que interese y deja de pulsar el botón. Esto provoca que todos los elementos que toquen ese rectángulo se seleccionen poniéndose de color rojo.

Como modificar las características de los elementos de la parrilla

Podemos modificar diversos aspectos de los elementos que hayamos agregado a la parrilla en la ventana principal del editor.

Desplazar un elemento en la linea de tiempo con el ratón

Desplazar un elemento a derecha o izquierda en la linea de tiempo podemos hacerlo con el ratón, seleccionándolo y, manteniendo pulsado el ratón, desplazando a derecha o izquierda.

Cambiar el tamaño de un elemento, o elegir el principio y final exacto

Cambiar el tamaño de un elemento, o elegir el principio y final exacto, se puede hacer alterando los datos del from:, to: situados encima y a la derecha de la linea de tiempo (punto 8 de la ventana principal tras haber seleccionado el elemento. Para ello, tras seleccionar el elemento, clickamos sobre el valor de lo que queremos cambiar (from, o to) y entramos directamente el indice de tiempo (segundo, decimal) en el que queremos que empiece o acabe el elemento. Pulsamos "Enter" para que se modifique.

Ajustar el tamaño a la zona de trabajo

Si queremos que un elemento comience y acabe justo la zona de trabajo que tenemos seleccionada, podemos ir al menú Elements y seleccionar Set Start to Marker o Set End to Marker. Esto hace que el elemento se expanda hasta empezar donde el Inicio de selección de tiempo (punto 2 de la ventana principal) o el final de selección de tiempo (punto 7 de la ventana principal) respectivamente .

http://fotos.miarroba.com/fotos/d/a/da3afeeb.jpg

Cambiar el orden de renderizado

Cambiar el orden de renderizado del elemento lo podemos hacer con el ratón desplazándolo arriba o abajo según nos interese. Clickamos sobre el elemento, y sin dejar de pulsar el botón izquierdo del ratón, desplazamos arriba o abajo según nos interese.

Modificar los datos del elemento y su comportamiento

Para modificar los datos del elemento, es decir su comportamiento, clickamos dos veces sobre el elemento. Dependiendo del elemento, nos saldrá una guía con las opciones que tiene dicho elemento.

Algunos elementos no disponen de guía y utilizan un editor de texto para que le podamos indicar los datos necesarios para que funcione.

Haciendo las primera modificaciones

Para empezar vamos a modificar el tamaño de la zona de trabajo de la ventana principal. Para ello podemos usar directamente las flechas 2 (inicio) y 7 (final) de la ventana principal o, mejor aún, podemos utilizar el indicador de inicio y final de la selección de tiempo, poniendo directamente el tiempo en el que queremos que empiece y acabe la selección. Para nuestro caso, usaremos un inicio de 0 y un final de 205 tal y como muestra la imagen:

http://fotos.miarroba.com/fotos/9/2/9244c152.jpg

205 segundos es una selección grande, y si quieres verla entera, deberás usar los botones + y - a derecha e izquierda de la Linea de tiempo de la ventana principal.

Continuamos y ahora queremos hacer que el elemento de música que hemos agregado antes, ocupe exactamente lo mismo que la zona de trabajo que hemos hecho con la selección. Para ello podemos o modificar directamente el inicio y final del elemento indicando from: 0 to: 205, o utilizar el Set Start to Marker y Set End To Marker del menú Elements.

Guardar el proyecto

Para guardar el proyecto tan solo tenemos que seleccionar Save en el menú File. Se guardará en la carpeta que seleccionamos al abrir el programa con el nombre project.spp. Este archivo podemos abrirlo mas tarde con File Open (Ctrl+O) o al iniciar el programa y seleccionar Open project.

Primera compilación y ejecución

Tras hacer las primeras modificaciones al proyecto y adaptar todo a nuestras necesidades, vamos a ver el resultado. Para ello vamos a compilar el proyecto y ejecutar el resultado. Esto se puede hacer de un solo paso en el menú Project, eligiendo Compile and Run, o pulsando la combinación de teclas "Ctrl"+"R". http://fotos.miarroba.com/fotos/1/b/1bc33af9.jpg

Dado que tan solo hemos puesto un elemento de música, eso será lo único que pase. Es decir, solo sonará el mp3 que hemos indicado al elemento música.

http://fotos.miarroba.com/fotos/6/f/6f6075a0.jpg

La ventana que se nos abre es la ventana de "Debug" del proyecto. A la vez que se ejecuta el proyecto, arriba a la izquierda nos aparecen varias indicaciones, en orden: -Nº de frames por segundo. -El frame actual, el tiempo actual, y el tiempo total del proyecto. -Sound % chan # -Memoria de las texturas usadas -play

Poco que ver por ahora, pulsamos ESC para salir, o cerramos la ventana.

Pool Browser, Presentación

Añadir una imagen de fondo, Elemento Background

LogIn



Olvidé la contraseña
Registrarse

DVDs

DVD #1 / 2008
Descargar

Subscribirse

Sigue los cambios a través de estos feeds RSS:

Feed icon Noticias / Foros
Feed icon Cambios en el Wiki