1. Crea un vídeo con una duración máxima de cinco segundos ya sea con Sony Vegas, Windows Movie Maker, etc.
2. Una vez tengas el vídeo con una duración máxima de 5 segundos, entra en PhotoShop y selecciona la pestaña
"Archivo" >> "Importar" >> "Cuadro de vídeo a capas...". (Imagen)
3. En la nueva ventana, en la sección
"Rango para importar" elige
"De principio a fin" y selecciona la opción
"Limitar a cada uno 2 cuadros".
(Imagen)
4. Selecciona todas las capas; Para ello selecciona la Capa 1, pulsa Shift y selecciona la primera capa).
5. Para que la animación no quede invertida, selecciona la pestaña
"Capa" >> "Organizar" >> "Invertir". (Imagen)
6. Para la creación de estos temas es necesario cambiar la resolución de las capas. Para ello has click en la ventana "Imagen" >> "Tamaño de Imagen" y usa
estos ajustes (resolución 640x360).
7. Ahora ve a la pestaña
"Archivo" >> "Secuencias de comandos" >> "Exportar capas a archivos", (Imagen) y selecciona como carpeta de destino "AnimatedWindow/AnimatedFull/AnimatedBorder" en función del método que vayáis a usar, dentro de la carpeta descargada"AnimatedTools" (si la guardasteis en el escritorio, la ruta quedaría así: C:\Users\...\Desktop\AnimatedWindow) Recordad que la ruta usada no debe contener espacios. Tras esto deberíamos tener todas las capas como archivos .jpg, los cuales vamos a convertir ahora a .dds (DXT1 no alpha).
8. (Paso necesario únicamente la primera vez que usemos el tutorial, ya que la segunda vez tendremos la Acción lista para utilizar) (Para le segunda vez que creéis un tema Animado podéis saltar al paso 10). Para hacerlo de forma automática, ve a la pestaña
"Ventana" >> "Acciones" (o pulsa
F9)
(Imagen) y crea un grupo nuevo llamado "guardar DDS" (p.e.), y crea una acción llamada "aplicar" (p.e.). A partir de aquí se guardará cada paso que hagas.
9. Abre una capa de las guardadas anteriormente y guárdala en el escritorio como un archivo .dds con
estas opciones. Ahora detén la grabación y elimina la capa que acabamos de crear ya que no nos servirá de nada.
10. Ahora haremos de forma automática lo que acabamos de hacer en esa capa, para así convertir a .dds todas las capas sin esfuerzo. Has click en la pestaña
"Archivo" >> "Automatizar" >> "Lote". (Imagen)
11. Selecciona la carpeta en la que guardaste las capas del vídeo (C:\Users\...\AnimatedWindow), tanto en origen como en destino, y usa
estas opciones.
12. Cuando vaya a finalizar saldrá un aviso de que la capa está en formato 3D y un par de cosas más. Cuando os salga eso detén el proceso ya que esas imágenes que intentará convertir el photoShop no pertenecen a nuestra animación. Ahora deberíamos tener todas las capas en formato .dds (En caso de que no os haya salido el aviso, revisad la última capa creada a ver si corresponde a la Animación. Si no corresponde, borradla y revisad la anterior hasta que corresponda.)
(Los siguientes pasos son necesarios si estás usando el tutorial para AnimatedBorder o AnimatedWindow. Si lo estás usando para AnimatedFull, salta al paso número 16)
13. Ahora que tenemos creada nuestra animación vamos a crear nuestro fondo estático). Para ello abre el archivo "border.dds" en PhotoShop y edítalo como quieras.
14. Este archivo dispone de un canal alfa, en el cual el rectángulo negro pertenece a la sección donde se verá el clip animado, el cual puedes editar para que ciertas zonas del vídeo no se vean. Yo lo he editado de
esta forma.
15. Una vez editado, guárdalo en formato .dds con
estas opciones.
16. Con el Notepad++ edita los archivos AnimatedWindow.xml y AnimatedWindow.js. (Este paso es muy complicado, si no lo entendéis, mirad
este vídeo a partir del minuto 6:12)
Añade o elimina las líneas necesarias para que coincidan con las capas del clip que tengas.
Si tu clip tiene por ejemplo 60 capas:
En el archivo AnimatedWindow.xml, las lineas como esta:
<material id="mtrl_49" effect="pure_texture_alpha_0_depth_0" > <texture file="49.dds" /> </material> <actor id="49" model="mdl_bg" material="mtrl_49" />
deben llegar hasta 60. Las siguientes a la 60 elimínalas.
En AnimatedWindow.js, las líneas como esta:
, new Actor("31")
deben llegar a 60, las siguientes elimínalas.
Ahora guarda los cambios en ambos archivos y arrastra AnimatedWindow a "raf_compiler.exe", el cual se encuentra en
"AnimatedTools" >> "Exe". Tras terminar el proceso debería aparecer un archivo llamado "AnimatedWindow.raf". Cópialo a la carpeta "Theme". Ahora edita el archivoAnimatedWindowTheme.xml a tu gusto y, una vez editado y guardado, arrástralo a"p3tcompiler.exe", incluido en la misma carpeta que "raf_compiler.exe". Más adelante añadiré un minitutorial para editar el .xml de un tema para poder modificar su nombre, descripción, etc.
17. Ahora deberías tener un archivo .p3t, el cual debes instalar en tu PS3 para disfrutar de tu tema.
