Semana 2 Unidad 3

Diseño y Arte Digital

Semana 2 Unidad 3

Clase 11

En la clase de hoy, nos pusimos al día con lo que llevamos del proyecto. El profesor nos recordó que debemos tener listo el personaje del videojuego. Durante la sesión, creamos un nuevo documento en Animate e importamos nuestro personaje directamente al escenario. Al hacerlo, se debe importar por capas, lo que se nota porque aparecen líneas azules que indican las distintas partes, incluyendo las animaciones de la boca. Si el personaje se ve muy pequeño, es necesario escalarlo. Luego seleccionamos todas las letras (formas de boca) y las convertimos en un símbolo. Al hacer doble clic sobre este símbolo, podemos acceder a la edición de todas las bocas dentro del mismo.

Aquí empezó la parte práctica: copiamos todas las bocas. En el segundo fotograma usamos la opción "Pegar en el centro" para insertar las 12 formas de boca correctamente distribuidas. Después, colocamos las "banderas", que son marcadores para definir qué forma de boca se usará según el sonido del audio. Al seleccionar una letra y abrir la ventana de propiedades, hacemos clic en "frame", lo que despliega más opciones. Volvemos al escenario, creamos una nueva capa llamada "audio", y en sus propiedades insertamos el archivo de sonido en formato MP3. Veremos una línea naranja que nos indica que el audio está cargado, y debemos asegurarnos de que se reproduce correctamente.

Luego, seleccionamos las capas del cuerpo y las bocas, y presionamos F5 para extenderlas en la línea de tiempo. Con el audio ya ubicado al inicio, ajustamos la sincronización entre el personaje y el sonido. En la capa de las bocas, cambiamos el tipo de objeto a "gráfico", lo cual activa nuevas opciones. Ahí abrimos la herramienta Frame Picker, que nos permite seleccionar fotograma por fotograma y activar la opción Single Frame para elegir qué boca se mostrará en cada momento. Después aplicamos la función Lip Syncing, que asocia las banderas previamente colocadas con los sonidos del audio, tratando de lograr la mejor coincidencia entre imagen y sonido. Finalmente, el primer objetivo es dejar toda esta animación completa y correctamente sincronizada. La próxima semana se guardará el archivo final y se exportará como video.



















Comentarios

Publicar un comentario

Entradas más populares de este blog

Semana 5

Imagen
Diseño y Arte Digital Semana 4 Clase 4 En está clase lo que hicimos fue continuar con la animación de las frutas. Repetimos los mismos procedimientos de la clase anterior, con la diferencia de que está vez le agregamos más tiempo y así durara mucho más la animación. Empezamos a hacer lo mismo pero con un logotipo, el procedimiento era convertir la fruta 1 en la fruta 2, y ponerle un fondo de color, todo esto se tenía que repetir en el lado derecho y de la misma manera del lado izquierdo. La animación era que, si el lado izquierdo empezaba con la fruta de cereza, el Ledo derecho tenía que empezar con otra fruta, en mi ceso con la naranja y así se tenían que ir alternando de lado sin que las 2 frutas quedaran iguales en ambos lados, y lo mismo tenía que pasar con los fondos. Esto con la intención de creer un fotógrafa cable. Está animación terminaría en el fotograma 40. 
Leer más

Semana 7

Imagen
Diseño y Arte Digital Semana 7 Clase 7 En la clase de hoy trabajamos en la creación de nuevas escenas utilizando el comando F2 para activarlas y asignarles nombres; a la primera la llamamos “selva” y a la segunda “bosque”. Aprendimos a visualizar los cambios entre escenas mediante la vista previa de video, donde se notaba un pequeño corte que indicaba la transición. No fue necesario volver a crear al personaje, ya que solo era cuestión de arrastrarlo a las nuevas escenas. Al colocar al personaje en la escena de la selva, vimos un ejemplo práctico y comprobamos que aparecía correctamente. Después, se nos pidió buscar un fondo diferente para esa escena. En total, realizamos tres escenas distintas, cada una con un entorno diferente y con elementos adicionales en movimiento, como nubes, un sol, bloques y pájaros, aplicando las animaciones que ya habíamos practicado anteriormente. Una vez que teníamos todos los elementos listos, agregamos una animación a uno de los bloques para convertirlo ...
Leer más

Semana 6

Imagen
Diseño y Arte Digital Semana 6 Clase 6 Empezamos la clase viendo lo qué son los sprites en la animación, nuestro querido porfesor nos indicó que buscaramos unos porque los ibamos a ocupar en nuestro videojuego. Al momento de elegirlos, teníamos que ver si estos tenías más de 5 movimientos, ya que ibamos a ocupar 5 movimientos para hacer que este corra.  Ya que elegimos a nustro sprite, lo siguiente que se tenía que hacer era descargar la imagen y abrirla en nuestra aplicación de Photoshop para quitarles el fondo que tarían, este paso se tenía que hacer con los 5 movimientos que escogimos del sprite. Ya que tuvieramos los 5 sin fondo, los teníamos que exportar a formato JPG. El siguiente paso fue abrir un documento de Animate para hacer una animación independiente, le pusimos en las reproducción que nosotros quisieramos y hicimos un total de 30 fotogramas.  Para importar las imagenes JPG de los sprites, lo que hicimos fue importarlas desde la aplicacion de Animate, a la libreri...
Leer más