Tutorial de animación 2D con TUPÍ - Historial de revisiones

AgataG en 12:07 18 ene 2018

2018-01-18T12:07:35Z

Lida: /* Paso 2 */

2015-04-20T18:16:43Z

‎Paso 2

Lida: /* Paso 2 */

2015-04-20T18:12:56Z

‎Paso 2

Lida: /* Paso 3 */

2015-04-20T15:25:17Z

‎Paso 3

Lida: /* Paso 3 */

2015-04-20T15:22:09Z

‎Paso 3

Lida: /* Paso 3 */

2015-04-20T15:21:18Z

‎Paso 3

Grinbu en 14:47 15 abr 2015

2015-04-15T14:47:31Z

Grinbu en 14:46 15 abr 2015

2015-04-15T14:46:45Z

Grinbu en 14:44 15 abr 2015

2015-04-15T14:44:02Z

Grinbu en 14:43 15 abr 2015

2015-04-15T14:43:37Z

← Revisión anterior		Revisión del 12:07 18 ene 2018
Línea 1:		Línea 1:
−	'''TUPÍ''' es una aplicación de '''dibujo y animación en 2D''' que nos va a permitir crear videos animados, caricaturas, presentaciones y personajes fácilmente. ~~El sitio oficial de '''TUPÍ''' es [http://www.maefloresta.com www.maefloresta.com]~~	+	'''TUPÍ''' es una aplicación de '''dibujo y animación en 2D''' que nos va a permitir crear videos animados, caricaturas, presentaciones y personajes fácilmente.

	Vamos a comenzar con un proyecto de ejemplo para entender cómo funciona el programa:		Vamos a comenzar con un proyecto de ejemplo para entender cómo funciona el programa:

@@ Línea 14: / Línea 14: @@
 Tenemos que darle un nombre a nuestro proyecto. En este caso vamos a ponerle “Ejemplo”. Luego escribimos nuestro nombre, y una descripción de lo que vamos a hacer. Llegamos a donde dice “Formatos”. Ahí es donde elegimos la resolución del proyecto, vamos a elegir “1280 full HD 25”. para que tenga una calidad excelente y podamos subirlo a sitios de video online.
-Como decíamos antes, el proyecto vá a ser en HD, 1280 se refiere a la resolución (1280x720 píxeles) y el número del final hace referencia a la cantidad de cuadros por segundo que vamos a manejar, osea, cuántas imágenes mostrará la animación en un segundo. En este caso queda en 25, más adelante vamos a modificarlo.
+Como decíamos antes, el proyecto vá a ser en HD, 1280 se refiere a la resolución (1280x720 píxeles) y el número del final hace referencia a la cantidad de cuadros por segundo que vamos a manejar. En este caso la cantidad será de 25 cuadros, más adelante vamos a modificarlo.
 Damos “aceptar” y ya tenemos nuestro proyecto creado.

@@ Línea 9: / Línea 9: @@
 ==Paso 2==
-Creamos un nuevo proyecto yendo a '''“Archivo” → “nuevo”'''.
+Creamos un nuevo proyecto en  '''“Archivo” → “nuevo”'''.
 [[Archivo:tupi1.png|800px|center|thumb]]

@@ Línea 25: / Línea 25: @@
 [[Archivo:tupi3.jpg|800px|center|thumb]]
-Tomamos una captura de pantalla y utilizando las herramientas de dibujo de Tupí, crearemos los objetos que vamos a animar. Otra posibilidad, es utilizar la aplicación '''“Inkscape”''' para hacerlo. En caso de elegir Inkscape, este tutorial te explica cómo dominar las técnicas de dibujo: [http://wiki.huayra.conectarigualdad.gob.ar/index.php/CreC3%A1_el_logo_de_tu_escuela_usando_Inkscape Creá el logo de tu escuela usando Inkscape]
+Tomamos una captura de pantalla y utilizando las herramientas de dibujo de Tupí, crearemos los objetos que vamos a animar. Otra posibilidad, es utilizar la aplicación '''“Inkscape”'''. En caso de elegir Inkscape, este tutorial te explica cómo dominar las técnicas de dibujo: [http://wiki.huayra.conectarigualdad.gob.ar/index.php/CreC3%A1_el_logo_de_tu_escuela_usando_Inkscape Creá el logo de tu escuela usando Inkscape]
 Listo, dibujamos los contornos de las figuras que ahora vamos a animar y las grabamos como archivos '''SVG independientes'''.

@@ Línea 31: / Línea 31: @@
 [[Archivo:tupi4.png|800px|center|thumb]]
-Ahora en TUPI vamos a '''importar''' estos dibujos en formato SVG
+Ahora en TUPÍ vamos a '''importar''' estos dibujos en formato SVG
 [[Archivo:tupi5.png|800px|center|thumb]]

@@ Línea 21: / Línea 21: @@
 ==Paso 3==
-Para este ejemplo se me ocurrió utilizar una escena de la película francesa ''“Les Contes de la Nuit” (Los cuentos de la noche)''.
+En este ejemplo utilizamos una escena de la película francesa ''“Les Contes de la Nuit” (Los cuentos de la noche)''.
 [[Archivo:tupi3.jpg|800px|center|thumb]]
-Tomé una captura de pantalla y utilizando las herramientas de dibujo de tupi debemos crear los objetos que vamos a animar. Otra posibilidad, preferida para mi, es utilizar la aplicación '''“Inkscape”''' para hacerlo. En caso de elegir Inkscape, este tutorial te explica cómo dominar las técnicas de dibujo: [http://wiki.huayra.conectarigualdad.gob.ar/index.php/CreC3%A1_el_logo_de_tu_escuela_usando_Inkscape Creá el logo de tu escuela usando Inkscape]
+Tomamos una captura de pantalla y utilizando las herramientas de dibujo de Tupí, crearemos los objetos que vamos a animar. Otra posibilidad, es utilizar la aplicación '''“Inkscape”''' para hacerlo. En caso de elegir Inkscape, este tutorial te explica cómo dominar las técnicas de dibujo: [http://wiki.huayra.conectarigualdad.gob.ar/index.php/CreC3%A1_el_logo_de_tu_escuela_usando_Inkscape Creá el logo de tu escuela usando Inkscape]
-Listo, dibujé los contornos de las figuras que ahora vamos a animar y las grabé como archivos '''SVG independientes'''.
+Listo, dibujamos los contornos de las figuras que ahora vamos a animar y las grabamos como archivos '''SVG independientes'''.
 [[Archivo:tupi4.png|800px|center|thumb]]
@@ Línea 37: / Línea 37: @@
 [[Archivo:tupi6.png|800px|center|thumb]]
-Ahora acomodamos las partes para recrear la escena:
+Luego acomodamos las partes para recrear la escena:
 [[Archivo:tupi7.png|800px|center|thumb]]
@@ Línea 57: / Línea 57: @@
 [[Archivo:tupi11.png|800px|center|thumb]]
-Elegimos la escena 1 (en nuestro ejemplo la única, pero podríamos tener más). Y hacemos clic en la flecha hacia la derecha.
+Elegimos la escena 1 (en el ejemplo la única, pero podríamos tener más). Y hacemos clic en la flecha hacia la derecha.
 Finalmente, elegimos un nombre para el archivo de video y damos clic en '''“Exportar”'''. Y listo, ya tenemos nuestra animación terminada.

@@ Línea 17: / Línea 17: @@
 Damos “aceptar” y ya tenemos nuestro proyecto creado.
-[[Archivo:Ejemplo.jpg]]
+[[Archivo:tupi2.png|800px|center|thumb]]
 ==Paso 3==
@@ Línea 23: / Línea 23: @@
 Para este ejemplo se me ocurrió utilizar una escena de la película francesa ''“Les Contes de la Nuit” (Los cuentos de la noche)''.
-[[Archivo:Ejemplo.jpg]]
+[[Archivo:tupi3.png|800px|center|thumb]]
 Tomé una captura de pantalla y utilizando las herramientas de dibujo de tupi debemos crear los objetos que vamos a animar. Otra posibilidad, preferida para mi, es utilizar la aplicación '''“Inkscape”''' para hacerlo. En caso de elegir Inkscape, este tutorial te explica cómo dominar las técnicas de dibujo: [http://wiki.huayra.conectarigualdad.gob.ar/index.php/CreC3%A1_el_logo_de_tu_escuela_usando_Inkscape Creá el logo de tu escuela usando Inkscape]
@@ Línea 29: / Línea 29: @@
 Listo, dibujé los contornos de las figuras que ahora vamos a animar y las grabé como archivos '''SVG independientes'''.
-[[Archivo:Ejemplo.jpg]]
+[[Archivo:tupi4.png|800px|center|thumb]]
 Ahora en TUPI vamos a '''importar''' estos dibujos en formato SVG
-[[Archivo:Ejemplo.jpg]]
+[[Archivo:tupi5.png|800px|center|thumb]]
-[[Archivo:Ejemplo.jpg]]
+[[Archivo:tupi6.png|800px|center|thumb]]
 Ahora acomodamos las partes para recrear la escena:
-[[Archivo:Ejemplo.jpg]]
+[[Archivo:tupi7.png|800px|center|thumb]]
 y comenzamos a animar creando nuevas '''capas'''. En cada capa debemos mover los personajes de manera que se vayan acercando hasta juntarse.
-[[Archivo:Ejemplo.jpg]]
+[[Archivo:tupi8.png|800px|center|thumb]]
 Una vez que tenemos la animación, podemos verla cambiando a la solapa '''“Reproductor”'''.
-[[Archivo:Ejemplo.jpg]]
+[[Archivo:tupi9.png|800px|center|thumb]]
 Ahora solo nos queda exportar el trabajo en forma de video. Para eso hacemos clic en '''“exportar”'''.
-[[Archivo:Ejemplo.jpg]]
+[[Archivo:tupi10.png|800px|center|thumb]]
 Nos preguntará en qué formato queremos crear el video. Si no necesitamos alguno en particular, elegimos un formato libre que es OGV. Siguiente.
-[[Archivo:Ejemplo.jpg]]
+[[Archivo:tupi11.png|800px|center|thumb]]
 Elegimos la escena 1 (en nuestro ejemplo la única, pero podríamos tener más). Y hacemos clic en la flecha hacia la derecha.
@@ Línea 61: / Línea 61: @@
 Finalmente, elegimos un nombre para el archivo de video y damos clic en '''“Exportar”'''. Y listo, ya tenemos nuestra animación terminada.
-[[Archivo:Ejemplo.jpg]]
+[[Archivo:tupi12.png|800px|center|thumb]]
 En la misma carpeta de este tutorial se encuentran todos los archivos necesarios para realizar la experiencia así como el video final ya exportado.

@@ Línea 11: / Línea 11: @@
 Creamos un nuevo proyecto yendo a '''“Archivo” → “nuevo”'''.
-[[Archivo:tupi1.png|800px]]
+[[Archivo:tupi1.png|800px|center]]
 Tenemos que darle un nombre a nuestro proyecto. En este caso vamos a ponerle “Ejemplo”. Luego escribimos nuestro nombre, y una descripción de lo que vamos a hacer. Llegamos a donde dice “Formatos”. Ahí es donde elegimos la resolución del proyecto, vamos a elegir “1280 full HD 25”. para que tenga una calidad excelente y podamos subirlo a sitios de video online.