Cómo hacer maquetas animadas de productos por Iain Anderson

Convertir obras de arte en algo que la gente quiera comprar

El crowdfunding se ha convertido en una vía común para que los creadores hagan realidad productos de muchos tipos. Desde videojuegos y juegos de mesa hasta teclados, teleprompters y aparatos de cocina, existen muchos sitios que conectan a diseñadores de productos y compradores potenciales para beneficio mutuo, incluidos Kickstarter, Indiegogo, Gamefound y muchos otros. El vídeo es una gran parte de estas campañas, y una gran parte de eso es la animación. Entonces, ¿cómo se hace?

En un par de proyectos, ayudé a Martin Wallace (un conocido diseñador de juegos de mesa) con tareas de diseño, animación y video, y pensé en compartir algunos consejos de flujo de trabajo sobre cómo manejar los cambios tardíos en un video y una animación. tubería. También es importante: no soy modelador 3D y este flujo de trabajo está completamente libre de Blender. Si tiene una Mac con aplicaciones de Adobe a mano, puede seguir la mayoría de los pasos aquí; También se recomienda Motion de Apple. Y no es necesario realizar una campaña promocional de un juego de mesa completo para que estas técnicas le resulten útiles; si alguna vez necesita crear una imagen animada simple de la caja de un producto, aquí también encontrará los pasos a seguir.

Pero demos un paso atrás: ¿por qué trabajar con animación? ¿No puedes simplemente imprimirlo de verdad y filmarlo con personas reales? ¿Por qué molestarse en hacer todo el trabajo virtual?

Cuando se diseña inicialmente un juego de mesa, es probable que los elementos gráficos sean básicos. Las imágenes o no están presentes en absoluto o son temporales, y hasta que un artista haya creado todos los recursos que necesita, los haya aprobado, los haya incluido en los diseños finales y también los haya aprobado, no se podrá imprimir nada. Imprimir, recortar y recolectar todos los componentes de un juego de mesa puede llevar una semana o más, y la situación es mucho peor si necesitas producir grandes cantidades de piezas de plástico en otro país, como China.

Si los diseños no están finalizados mucho antes de que quieras empezar a vender el juego a posibles patrocinadores de crowdfunding, no podrás filmar a personas reales usando piezas reales, porque aún no existen. Y si bien la impresión 3D puede sustituir las piezas finales en algunos contextos, no funcionará en todos los casos: las texturas y el arte no siempre se pueden replicar mediante la impresión 3D. Animar directamente desde los archivos de activos significa que puede ver cómo se ve todo en conjunto antes de crearlo de verdad y permite un ciclo de revisión mucho más rápido. También permite movimientos imposibles de la cámara, permite que los objetos floten, permite simulaciones que controlan muchos elementos a la vez y, por supuesto, permite revisiones infinitas: fotografiar cosas reales es más difícil de lo que parece.

En los dos trabajos que discutiré aquí, tuvimos una combinación de estos problemas.

En Bloodstones, que se financió con éxito el año pasado y se entregará en los próximos meses, el diseño incluye muchas baldosas de plástico con ilustraciones personalizadas. El diseño había evolucionado desde los prototipos iniciales y mostrar videos oficiales con ilustraciones más antiguas habría confundido a los posibles patrocinadores. Desafortunadamente, habría llevado demasiado tiempo y habría costado demasiado fabricar un nuevo prototipo, por lo que se crearon un vídeo promocional y un vídeo tutorial de forma totalmente digital.

Para Fighting Fantasy Adventures (principalmente basadas en cartas), el tiempo de fabricación del plástico no fue un problema. Aunque todavía había un retraso cada vez que imprimíamos, el mayor problema era que el arte había sido cambiado por completo respecto al diseño original. Nuestros prototipos iniciales estaban bien para las pruebas, y realicé una prueba de juego completa en el mundo real para recopilar las reacciones de los jugadores, pero el prototipo no representaba bien el producto final. Debido a la cantidad de arte involucrado, no pudimos completar un diseño completamente nuevo a tiempo para la campaña de financiación colectiva, pero pudimos hacer lo suficiente para presentar la nueva apariencia. Nuevamente, se crearon un video promocional (digital y físico) y un video tutorial (todo digital). (Si estás interesado en el juego, el proyecto aún está activo).

Entonces, ¿cómo proceder?

Si bien supongo que la mayoría de la audiencia aquí está en el espacio de video y animación, realmente ayuda si también conoces algunas aplicaciones de diseño. Las ilustraciones existentes en Photoshop, Illustrator, InDesign u otro formato deben convertirse a un formato con el que sea fácil animar. Dependiendo de lo que esté haciendo, es posible que también necesite descubrir cómo convertir esos archivos a formato 3D, pero volveremos a eso.

Lo más importante es crear una carpeta para contener todos estos recursos, luego exportar todos los archivos de imagen a esa carpeta, con una estrategia de nomenclatura consistente, y simplemente reemplazar estos archivos a medida que cambia el arte. No cambie el nombre de nada ni incremente los números de versión; eso es para sus archivos fuente. Las imágenes utilizadas en sus archivos de animación deben existir solo una vez, para que sus archivos de animación se actualicen automáticamente tan pronto como cambien las imágenes. Esta actualización automática funcionará tanto en Motion como en After Effects, y significa que puedes comenzar con el trabajo de animación antes de que el arte final esté listo; solo necesitarás volver a renderizar cuando cambie. Por supuesto, mantenga sus archivos de proyecto Motion o AE fuera de la carpeta de activos y nunca los separe.

La segunda cosa más importante es que debes usar PNG o PSD como formato de imagen, dependiendo de cómo necesites cambiar las cosas, pero evita JPEG. Si bien los archivos JPEG de alta calidad no provocarán una pérdida significativa de calidad, te arrepentirás cuando la obra de arte de repente necesite incluir transparencia (como esquinas redondeadas).

Por eso la transparencia es importante y tanto PSD como PNG la admiten. ¿Cuál usar? Los PSD permiten capas, lo que a su vez permite una edición no destructiva, por lo que si sus archivos maestros están en Photoshop, PSD es una excelente opción. Pero si sus diseños originales se encuentran en InDesign, exportar a PNG está bien; simplemente volverá a exportar esos mismos PNG después de cada actualización. Si sus archivos originales están en Illustrator, utilice Asset Export para exportar a PNG, SVG o PDF.

¿Qué dimensiones deben tener sus archivos? Considere el tamaño más grande que se podría mostrar cualquiera de estos recursos y la resolución objetivo de sus videos finales. Exportar cada activo con 4000 píxeles de ancho probablemente sea excesivo, así que ejecute algunas pruebas y encuentre un compromiso adecuado; Opte por “un poco más grande” si no está seguro. Si sus archivos fuente son vectoriales, entonces la resolución no es importante, pero asegúrese de no ralentizar demasiado su flujo de trabajo al usar vectores.

Tu proyecto de juego definirá tu enfoque aquí. Si trabaja principalmente con objetos planos (como tarjetas), simplemente puede colocar archivos PNG 2D en un espacio 3D. Motion o After Effects pueden hacer el trabajo. Descarga una textura de madera grande para usarla como tablero de mesa, agrega un tablero de juego si estás usando uno, extiende las cartas o fichas y ese es un gran comienzo. Agregue iluminación para crear ambiente. Active la profundidad de campo y manténgala superficial. Utilice las mismas dimensiones que el mundo real (es decir, los objetos caen a lo largo del eje Y) si desea utilizar simulaciones de gravedad en Motion.

Asegúrese de incluir sombras paralelas para simular un poco de profundidad. Si necesita hacer elementos un poco más gruesos (para simular una tarjeta gruesa en lugar de papel), entonces se vuelve un poco más complicado. Querrá duplicar sus PNG varias veces a lo largo del eje Z para que esto funcione, y en Motion, eso se hace fácilmente con un Replicador 3D configurado en Línea con las posiciones desplazadas en Z únicamente. (Si eres un usuario de AE, los Replicantes son un poco como los Repetidores de formas, pero más flexibles y funcionan con casi cualquier cosa, no solo con formas. Puedes repetir objetos en una precompilación en AE, aunque es más manual. proceso.)

Pero, ¿qué pasa si necesitas mover objetos 3D en un espacio 3D? Aunque AE se utiliza mucho más, Motion es una opción más rápida y capaz para trabajos que necesitan algún tipo de 3D, y por una compra única de 50 dólares, es una auténtica ganga. DaVinci Resolve es otra opción aquí: la versión 18.5 agregó soporte para objetos USDZ en el módulo Fusion. Si tienes habilidades de modelado y animación 3D (Blender, Maya, Cinema 4D, etc.), entonces utiliza esas aplicaciones, pero no es necesario ser un experto en 3D para poder realizar este trabajo.

Como mínimo, necesitarás poder colocar elementos en el espacio 3D y poder hacer volar una cámara alrededor de ellos: más escenografía y cinematografía que animación pura. Si los objetos necesitan moverse, el movimiento de los objetos y de la cámara ciertamente se puede crear fotogramas clave en cualquier aplicación que elijas, pero no entraré en detalles aquí.

Si sus objetos 3D son relativamente simples, entonces el texto 3D de Motion es una buena opción. Para Bloodstones, utilicé Illustrator para crear algunos rectángulos, círculos y cuadrados redondeados con el mismo tamaño y relación de aspecto que las piezas del juego, luego los exporté a SVG. El sitio web glyphter.com convirtió esos SVG en caracteres de una fuente y, después de descargar e instalar la fuente, puedo usar Motion para extruir cualquiera de esas formas en 3D, con una selección de biseles. Puedes hacer el mismo truco en After Effects, pero no podrás controlar la textura de los elementos de texto 3D tan fácilmente como Motion, que te permite colocar una imagen personalizada en el objeto extruido.

Si bien el texto 3D realmente funciona muy bien para muchas cosas, todavía existen limitaciones en cuanto a la complejidad del texturizado y el modelado. Si necesita algo más que una extrusión con biseles sofisticados, o necesita un control más profundo sobre las ilustraciones y la ubicación, querrá crear y trabajar con objetos 3D reales. No es tan difícil como podrías haber pensado.

Tanto Motion como la última versión beta de After Effects pueden funcionar con modelos 3D, con algunas limitaciones. Motion prefiere USDZ y After Effects prefiere GLTF, por lo que es posible que tengas que hacer malabarismos con los formatos. Para crear el modelo original, puedes modelarlo tú mismo en una aplicación 3D (difícil), descargarlo de un sitio como Sketchfab (fácil) o hacerlo tú mismo en Illustrator (también fácil).

Illustrator es un excelente lugar para comenzar para los principiantes en 3D y es ideal si desea simular algo simple (pero común) como la fotografía de una caja de producto. Es posible que haya utilizado la compatibilidad con 3D de Illustrator en el pasado, pero ha cambiado recientemente y ahora puede crear modelos 3D directamente. Si tiene la ilustración de la caja a mano, cree una sola imagen con la ilustración plana imprimible, incrústela si es necesario y conviértala en un símbolo. También es una buena idea crear mesas de trabajo de cada lado individual y exportarlas también a archivos PNG.

Cree un rectángulo del tamaño exacto del frente de la caja, establezca un relleno pero sin un trazo, agregue el efecto 3D y Materiales > Extrusión y biselado, luego establezca la profundidad de extrusión para que coincida con la profundidad real de la caja (en las unidades correctas). ). En el panel 3D y materiales, elija Materiales, luego Gráficos, luego seleccione su símbolo personalizado como textura en la sección Sus gráficos. Escale y reposicione según sea necesario.

Vuelva a hacer clic en Objeto, luego desplácese hasta la parte inferior y haga clic en Exportar objeto 3D. En el panel Exportación de activos ahora puede elegir cualquiera o todos los OBJ, USDZ, USDA y GLTF para exportar.

En este momento, un modelo USDZ funciona en Motion y en otros dispositivos Apple, pero las texturas a menudo incluyen desgarros visibles y tienen una resolución algo baja. Con suerte, estos fallos eventualmente se solucionarán, pero por ahora, tendremos que arreglar esas texturas rotas. Está bien: un buen flujo de trabajo de retexturización facilita la revisión de las ilustraciones.

Para limpiar las texturas del objeto, cargue el modelo (ya sea USDZ o GLTF) en la herramienta de desarrollo AR gratuita de Apple, Reality Converter. Aquí puede encontrar la textura que se utiliza actualmente en el objeto y reemplazarla por una nueva.

Si usó GLTF, puede hacer clic derecho en la textura y revelarla; Si usó USDZ, querrá abrirlo en Vista previa y guardar la textura en otro lugar. De cualquier manera, luego abrirá ese archivo en Photoshop y colocará los gráficos PNG de cada uno de los lados, cubriendo la obra de arte rota existente en este nuevo archivo de textura. Coloque cada lado como un objeto inteligente para facilitar las revisiones futuras y guárdelo como PSD para editarlo en el futuro.

Cuando esté listo, exporte la textura como un PNG plano, luego arrástrela a Reality Converter para reemplazar la textura anterior. Exporta el modelo como USDZ y estarás listo para animarlo en Motion.

El flujo de trabajo para AE es similar, pero necesitará la última versión Beta de AE ​​para admitir objetos 3D. Además, Reality Converter solo genera USDZ, que AE no comprende, por lo que si sigue el flujo de trabajo anterior, tendrá que volver a convertir USDZ a GLTF de alguna manera (existen herramientas de conversión en línea gratuitas). Cinema 4D Lite (gratis con After Effects) entiende USDZ, si vas por ese camino.

Por supuesto, hay otras formas de volver a texturizar un archivo GLTF, pero si comenzara a hablar de Blender, este artículo sería mucho más largo. Con suerte, tarde o temprano USDZ será compatible con AE; la mayor parte de la industria, incluidos Apple y Adobe, simplemente acordaron que es el futuro del intercambio 3D.

Con los modelos 2D y/o 3D listos para funcionar y colocados en el espacio 3D, puedes hacer volar las cámaras alrededor de ellos con fotogramas clave o (si estás en movimiento) comportamientos como Barrido, Dolly y Encuadre. Ni Motion ni After Effects son perfectos en el manejo de objetos 3D, y si esperas todas las sutilezas de un programa 3D "real", como control sobre los motores de renderizado, sombras adecuadas o colisiones de objetos, es posible que te decepciones. Pero si ya se siente cómodo con Motion o AE, normalmente podrá solucionar la mayoría de los problemas.

Tenga especial cuidado si necesita mezclar diferentes tipos de objetos: tanto en Motion como en AE, los objetos 2D, los objetos 3D y el texto 3D son todos diferentes y no interactúan bien. Agregar una corrección de color a un objeto 3D también puede causar problemas, y es posible que tengas que jugar con el orden de las capas (no solo la posición Z) y simular algunas sombras en algunas circunstancias. Siéntete libre de aprender un programa 3D "real" si tienes tiempo, pero prepárate para una curva de aprendizaje. Si prefiere permanecer en AE pero desea más control 3D, considere algo como Element 3D.

Es una buena idea exportar cada toma como un archivo ProRes independiente de alta calidad y luego ensamblarlas en el editor que elijas. Pero no se limite a pasar directamente a la edición. Deberá asegurarse de que actualizar sus animaciones sea fácil; recuerde, ¡es probable que la obra de arte cambie!

Si realmente desea vivir al límite, puede exportar cada nueva animación para reemplazar la versión anterior directamente y luego dejar que su NLE vuelva a vincularse al archivo actualizado, pero soy un poco menos despreocupado reemplazando recursos de video que con PNG. . En cambio, prefiero un método un poco más cuidadoso utilizando "contenedores".

Antes de editar con ellos, convierta cada toma animada en un clip compuesto (en FCP) o una secuencia anidada (en Premiere Pro). Edite con estos nuevos contenedores en lugar de los clips originales. Una vez que haya editado todas sus tomas, actualizar una sola toma requiere sumergirse en el contenedor correcto (clip compuesto o secuencia anidada) y luego colocar la nueva toma encima de la anterior.

El uso de compuestos o anidamiento le permite retroceder a versiones anteriores de animaciones con relativa facilidad y le brinda un búfer de seguridad en caso de fallas en el renderizado. Tarda un poco más, pero es más seguro. ¿Bien por el control de versiones?

Con este flujo de trabajo, el arte actualizado debe exportarse a PNG (o PSD), luego se debe abrir un proyecto de animación en Motion o AE y volver a renderizarlo, y luego ese archivo de video debe volver a colocarse en un contenedor en su NLE. Comparado con una nueva toma, eso no es nada.

Hoy en día, es más fácil que nunca crear algunos objetos 3D simples y luego incorporarlos a tus videos. Un lugar sencillo y sensato para comenzar es tomar una foto de un producto en caja, y crear un modelo 3D con Illustrator y algunos ajustes es mucho más fácil que conseguir una caja real y alquilar una cámara controlada por movimiento. No es necesario subcontratar todos los trabajos 3D que enfrenta y, en el futuro, puede esperar que los modelos 3D sean cada vez más importantes.

En este momento, cada modelo que cree se puede mostrar fácilmente en 3D real en casi cualquier dispositivo, por lo que las habilidades que desarrolle aquí serán útiles en otros contextos. Crucemos los dedos para que todos podamos ponernos de acuerdo sobre un formato pronto, pero al menos hay herramientas de conversión disponibles. Al final del día, es una nueva frontera, hace felices a tus clientes y, lo más importante de todo: no necesitas pelear con Blender.

Gracias a todos los artistas involucrados en estos proyectos. SoynoCompensado financieramente si decide respaldar cualquiera de estos proyectos.

¡El destino preferido de los cineastas para obtener equipos de preproducción, producción y posproducción!