{"id":11218,"date":"2021-02-05T19:55:51","date_gmt":"2021-02-05T17:55:51","guid":{"rendered":"https:\/\/www.espai.es\/blog\/?p=11218"},"modified":"2021-04-27T19:41:29","modified_gmt":"2021-04-27T17:41:29","slug":"integracion-de-cgi-parte-ii-primero-casos","status":"publish","type":"post","link":"https:\/\/www.espai.es\/blog\/2021\/02\/integracion-de-cgi-parte-ii-primero-casos\/","title":{"rendered":"Integraci\u00f3n de CGI (Parte II Primeros casos)"},"content":{"rendered":"<h2>Primeros Casos de integraci\u00f3n.-<\/h2>\n<p>Bienvenidos a la segunda entrega de esta peque\u00f1a gu\u00eda para lograr la integraci\u00f3n de elementos CGI en tomas reales.<\/p>\n<p>Entraremos en materia con 3 ejemplos b\u00e1sicos para poder analizar algunos conceptos fundamentales.<\/p>\n<p>Si bien no son tutoriales paso a paso, procuraremos no dejar de lado ninguno de los aspectos determinantes para lograr nuestros objetivos.<\/p>\n<p>Recalcamos tambi\u00e9n, que debido a la variedad de situaciones con las que podemos encontrarnos para integrar elementos digitales, no existe una metodolog\u00eda o un workflow \u00fanico a seguir.<\/p>\n<p>Sin m\u00e1s pre\u00e1mbulo analicemos nuestros 3 resultados con el siguiente v\u00eddeo.<\/p>\n<p><iframe loading=\"lazy\" width=\"1060\" height=\"596\" src=\"https:\/\/www.youtube.com\/embed\/KaYzxOMKQdw?feature=oembed\" frameborder=\"0\" allow=\"accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture\" allowfullscreen><\/iframe><\/p>\n<h3>Caso 1 \u00abla nave industrial\u00bb<\/h3>\n<p>En nuestro primer caso veremos c\u00f3mo lograr la integraci\u00f3n de un objeto tridimensional en una fotograf\u00eda.<\/p>\n<p>En este primer caso, aprovecharemos la perspectiva de una fotograf\u00eda para generar un escenario mediante la proyecci\u00f3n de planos.<\/p>\n<p>De esta manera tendremos una especie de habitaci\u00f3n tridimensional que nos servir\u00e1 para insertar nuestro contenido directamente en el programa 3D.<\/p>\n<p>Para que este procedimiento funcione, la fotograf\u00eda de la que partamos tiene que ser bastante grande (en el caso del ejemplo es de 7000 * 4000) para luego poder \u201cacercarnos\u201d a ella sin temor a que se pixele.<\/p>\n<p>La foto tambi\u00e9n est\u00e1 pensada de forma que nos aporte una zona abierta que sirva para colocar nuestro objeto 3D. Con un suelo sin obst\u00e1culos.<\/p>\n<p>Existe un procedimiento llamado Camera Mapping que permite m\u00e1s libertad de acci\u00f3n que este que vamos a describir ahora. Sin embargo, requiere de una inversi\u00f3n mayor de tiempo. Puede que lo mencionemos en el futuro.<\/p>\n<p>Ahora nos valdremos de una funci\u00f3n en Photoshop para crear nuestro escenario r\u00e1pidamente.<\/p>\n<h4>Paso1 Herramienta Punto de fuga<\/h4>\n<div id=\"attachment_11220\" style=\"width: 1034px\" class=\"wp-caption aligncenter\"><a href=\"https:\/\/www.espai.es\/blog\/wp-content\/uploads\/2021\/02\/0001_ADOBEStock.jpg\" rel=\"attachment wp-att-11220\"><img loading=\"lazy\" decoding=\"async\" aria-describedby=\"caption-attachment-11220\" class=\"wp-image-11220 size-large\" src=\"https:\/\/www.espai.es\/blog\/wp-content\/uploads\/2021\/02\/0001_ADOBEStock-1024x684.jpg\" alt=\"Integraci\u00f3n \" width=\"1024\" height=\"684\" srcset=\"https:\/\/www.espai.es\/blog\/wp-content\/uploads\/2021\/02\/0001_ADOBEStock-1024x684.jpg 1024w, https:\/\/www.espai.es\/blog\/wp-content\/uploads\/2021\/02\/0001_ADOBEStock-300x200.jpg 300w, https:\/\/www.espai.es\/blog\/wp-content\/uploads\/2021\/02\/0001_ADOBEStock-768x513.jpg 768w, https:\/\/www.espai.es\/blog\/wp-content\/uploads\/2021\/02\/0001_ADOBEStock-700x467.jpg 700w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/a><p id=\"caption-attachment-11220\" class=\"wp-caption-text\">Imagen adquirida de<br \/>https:\/\/stock.adobe.com<\/p><\/div>\n<p>Una vez elegida nuestra imagen, la abrimos en Photoshop y en la lista de filtros activamos el que se llama Punto de fuga.<\/p>\n<p>El filtro de punto de fuga es \u00fatil en Photoshop porque nos permite realizar modificaciones a la imagen, respetando la deformaci\u00f3n y proyecciones de la perspectiva de esta.<\/p>\n<p>Cuando se abre el panel de punto de fuga, tenemos nuestra imagen al lado derecho y al izquierdo las herramientas para crear nuestros planos de referencia.<\/p>\n<p>&nbsp;<\/p>\n<p><a href=\"https:\/\/www.espai.es\/blog\/wp-content\/uploads\/2021\/02\/0003_PS.jpg\" rel=\"attachment wp-att-11222\"><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter size-large wp-image-11222\" src=\"https:\/\/www.espai.es\/blog\/wp-content\/uploads\/2021\/02\/0003_PS-1024x582.jpg\" alt=\"integraci\u00f3n\" width=\"1024\" height=\"582\" srcset=\"https:\/\/www.espai.es\/blog\/wp-content\/uploads\/2021\/02\/0003_PS-1024x582.jpg 1024w, https:\/\/www.espai.es\/blog\/wp-content\/uploads\/2021\/02\/0003_PS-300x170.jpg 300w, https:\/\/www.espai.es\/blog\/wp-content\/uploads\/2021\/02\/0003_PS-768x436.jpg 768w, https:\/\/www.espai.es\/blog\/wp-content\/uploads\/2021\/02\/0003_PS-700x398.jpg 700w, https:\/\/www.espai.es\/blog\/wp-content\/uploads\/2021\/02\/0003_PS.jpg 1338w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/a><\/p>\n<p>Elegiremos el primer bot\u00f3n para determinar mediante cuatro puntos el primer plano de la perspectiva. Podemos usar cualquiera, pero en nuestro caso es recomendable elegir crear el que corresponde al suelo de la nave.<\/p>\n<p>Podemos crear los cuatro primeros puntos aproximando el resultado de la perspectiva, teniendo como gu\u00eda el color de la malla que se crea.<\/p>\n<p>Si la malla es azul, entonces hemos adivinado la perspectiva. Si la malla es roja o amarilla, Photoshop nos advierte que ese plano que estamos dibujando no corresponde a una distorsi\u00f3n de punto de fuga v\u00e1lido.<\/p>\n<p>Una vez que hayamos determinado el plano del suelo volveremos a crear los siguientes planos, a partir de este.<\/p>\n<p>Con la misma herramienta con la que hemos creado esos primeros 4 puntos, ahora simplemente arrastraremos desde cada 1 de sus costados, para generar planos que hereden la distorsi\u00f3n de la perspectiva que hemos creado en el suelo.<\/p>\n<p>Adem\u00e1s, esto asegura una consistencia en la creaci\u00f3n de planos de proyecci\u00f3n.<\/p>\n<div id=\"attachment_11221\" style=\"width: 1034px\" class=\"wp-caption aligncenter\"><a href=\"https:\/\/www.espai.es\/blog\/wp-content\/uploads\/2021\/02\/0002_PS.jpg\" rel=\"attachment wp-att-11221\"><img loading=\"lazy\" decoding=\"async\" aria-describedby=\"caption-attachment-11221\" class=\"size-large wp-image-11221\" src=\"https:\/\/www.espai.es\/blog\/wp-content\/uploads\/2021\/02\/0002_PS-1024x582.jpg\" alt=\"integraci\u00f3n \" width=\"1024\" height=\"582\" srcset=\"https:\/\/www.espai.es\/blog\/wp-content\/uploads\/2021\/02\/0002_PS-1024x582.jpg 1024w, https:\/\/www.espai.es\/blog\/wp-content\/uploads\/2021\/02\/0002_PS-300x171.jpg 300w, https:\/\/www.espai.es\/blog\/wp-content\/uploads\/2021\/02\/0002_PS-768x437.jpg 768w, https:\/\/www.espai.es\/blog\/wp-content\/uploads\/2021\/02\/0002_PS-700x398.jpg 700w, https:\/\/www.espai.es\/blog\/wp-content\/uploads\/2021\/02\/0002_PS.jpg 1330w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/a><p id=\"caption-attachment-11221\" class=\"wp-caption-text\">Vista del plano de lejos&#8230;.Para acercar y alejar la imagen en esta ventana hay que usar el atajo de teclado Z (zoom) y lo acompa\u00f1amos de la tecla ALT para alejar.<\/p><\/div>\n<p>Al ser planos derivados del plano principal del suelo, se ven obligados a respetar la perspectiva inicial.<\/p>\n<p>Por eso es necesario crear el primer plano con todo el cuidado posible. Si se quiere eliminar uno de los planos, o incluso el principal, para comenzar de nuevo, se puede hacer con la tecla de retroceso del teclado (backspace).<\/p>\n<p>Ser\u00e1n dos los planos necesarios para completar las paredes del fondo y del extremo izquierdo de la nave.<\/p>\n<p>a partir de 1 de ellos terminaremos de trazar el plano que corresponde a la proyecci\u00f3n del techo. En mi caso fue a partir del lado izquierdo.<\/p>\n<p>una vez que tenemos toda la cuadr\u00edcula generada pasamos a presionar el bot\u00f3n que se encuentra en el extremo superior izquierdo y qu\u00e9 es el responsable de poder exportar la informaci\u00f3n de perspectiva a la aplicaci\u00f3n 3D.<\/p>\n<p><a href=\"https:\/\/www.espai.es\/blog\/wp-content\/uploads\/2021\/02\/yup.jpg\" rel=\"attachment wp-att-11223\"><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter wp-image-11223 size-full\" src=\"https:\/\/www.espai.es\/blog\/wp-content\/uploads\/2021\/02\/yup.jpg\" alt=\"integraci\u00f3n\" width=\"960\" height=\"540\" srcset=\"https:\/\/www.espai.es\/blog\/wp-content\/uploads\/2021\/02\/yup.jpg 960w, https:\/\/www.espai.es\/blog\/wp-content\/uploads\/2021\/02\/yup-300x169.jpg 300w, https:\/\/www.espai.es\/blog\/wp-content\/uploads\/2021\/02\/yup-768x432.jpg 768w, https:\/\/www.espai.es\/blog\/wp-content\/uploads\/2021\/02\/yup-700x394.jpg 700w, https:\/\/www.espai.es\/blog\/wp-content\/uploads\/2021\/02\/yup-539x303.jpg 539w\" sizes=\"auto, (max-width: 960px) 100vw, 960px\" \/><\/a><\/p>\n<p>veremos que cuando desplegamos el men\u00fa nos encontramos con opciones de exportaci\u00f3n.<\/p>\n<p>La que nos interesa en este caso es la que tiene una extensi\u00f3n 3Ds. Que es un formato est\u00e1ndar de malla 3D para cualquier aplicaci\u00f3n. (en nuestro caso usaremos 3DsMAX)<\/p>\n<p>Dependiendo del tama\u00f1o de nuestra imagen el proceso de exportaci\u00f3n puede ser un poco lento.<\/p>\n<p>Hay que tener paciencia, porque parecer\u00e1 que el programa sea colgado ya que no existe una barra de progreso que nos diga cuando termina y cu\u00e1ndo no.<\/p>\n<p>solo nos daremos cuenta de ello cuando podamos volver a utilizar el cursor en Photoshop.<\/p>\n<p>El resultado de la exportaci\u00f3n ser\u00e1 un archivo con extensi\u00f3n 3DS, y varias im\u00e1genes correspondientes a cada 1 de los planos de proyecci\u00f3n. En nuestro caso 4 planos (suelo, dos paredes y techo).<\/p>\n<p>De forma autom\u00e1tica tambi\u00e9n se crea un archivo de extensi\u00f3n V P E que son las siglas en ingl\u00e9s de Vanishing Point Extension. Este formato es el equivalente del formato 3DS, pero para ser legible en after effects. de momento no nos interesa.<\/p>\n<p><a href=\"https:\/\/www.espai.es\/blog\/wp-content\/uploads\/2021\/02\/0004_Ps.jpg\" rel=\"attachment wp-att-11227\"><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter size-large wp-image-11227\" src=\"https:\/\/www.espai.es\/blog\/wp-content\/uploads\/2021\/02\/0004_Ps-1024x167.jpg\" alt=\"\" width=\"1024\" height=\"167\" srcset=\"https:\/\/www.espai.es\/blog\/wp-content\/uploads\/2021\/02\/0004_Ps-1024x167.jpg 1024w, https:\/\/www.espai.es\/blog\/wp-content\/uploads\/2021\/02\/0004_Ps-300x49.jpg 300w, https:\/\/www.espai.es\/blog\/wp-content\/uploads\/2021\/02\/0004_Ps-768x125.jpg 768w, https:\/\/www.espai.es\/blog\/wp-content\/uploads\/2021\/02\/0004_Ps-700x114.jpg 700w, https:\/\/www.espai.es\/blog\/wp-content\/uploads\/2021\/02\/0004_Ps.jpg 1057w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/a><\/p>\n<h4>Paso 02 El archivo en 3DsMax<\/h4>\n<p>Ahora ejecutamos 3dsMAX e importamos el archivo 3Ds. Como todo el material de la exportaci\u00f3n se encuentra en la misma carpeta, no tendremos que hacer nada para que se importe correctamente.<\/p>\n\n\t\t<style type=\"text\/css\">\n\t\t\t#gallery-1 {\n\t\t\t\tmargin: auto;\n\t\t\t}\n\t\t\t#gallery-1 .gallery-item {\n\t\t\t\tfloat: left;\n\t\t\t\tmargin-top: 10px;\n\t\t\t\ttext-align: center;\n\t\t\t\twidth: 33%;\n\t\t\t}\n\t\t\t#gallery-1 img {\n\t\t\t\tborder: 2px solid #cfcfcf;\n\t\t\t}\n\t\t\t#gallery-1 .gallery-caption {\n\t\t\t\tmargin-left: 0;\n\t\t\t}\n\t\t\t\/* see gallery_shortcode() in wp-includes\/media.php *\/\n\t\t<\/style>\n\t\t<div id='gallery-1' class='gallery galleryid-11218 gallery-columns-3 gallery-size-medium'><dl class='gallery-item'>\n\t\t\t<dt class='gallery-icon landscape'>\n\t\t\t\t<a href='https:\/\/www.espai.es\/blog\/2021\/02\/integracion-de-cgi-parte-ii-primero-casos\/0005_importnave\/'><img loading=\"lazy\" decoding=\"async\" width=\"300\" height=\"185\" src=\"https:\/\/www.espai.es\/blog\/wp-content\/uploads\/2021\/02\/0005_importNave-300x185.jpg\" class=\"attachment-medium size-medium\" alt=\"\" srcset=\"https:\/\/www.espai.es\/blog\/wp-content\/uploads\/2021\/02\/0005_importNave-300x185.jpg 300w, https:\/\/www.espai.es\/blog\/wp-content\/uploads\/2021\/02\/0005_importNave-768x475.jpg 768w, https:\/\/www.espai.es\/blog\/wp-content\/uploads\/2021\/02\/0005_importNave-1024x633.jpg 1024w, https:\/\/www.espai.es\/blog\/wp-content\/uploads\/2021\/02\/0005_importNave-700x433.jpg 700w, https:\/\/www.espai.es\/blog\/wp-content\/uploads\/2021\/02\/0005_importNave.jpg 1192w\" sizes=\"auto, (max-width: 300px) 100vw, 300px\" \/><\/a>\n\t\t\t<\/dt><\/dl><dl class='gallery-item'>\n\t\t\t<dt class='gallery-icon landscape'>\n\t\t\t\t<a href='https:\/\/www.espai.es\/blog\/2021\/02\/integracion-de-cgi-parte-ii-primero-casos\/0005_3ds\/'><img loading=\"lazy\" decoding=\"async\" width=\"300\" height=\"262\" src=\"https:\/\/www.espai.es\/blog\/wp-content\/uploads\/2021\/02\/0005_3ds-300x262.jpg\" class=\"attachment-medium size-medium\" alt=\"\" srcset=\"https:\/\/www.espai.es\/blog\/wp-content\/uploads\/2021\/02\/0005_3ds-300x262.jpg 300w, https:\/\/www.espai.es\/blog\/wp-content\/uploads\/2021\/02\/0005_3ds-768x670.jpg 768w, https:\/\/www.espai.es\/blog\/wp-content\/uploads\/2021\/02\/0005_3ds-700x610.jpg 700w, https:\/\/www.espai.es\/blog\/wp-content\/uploads\/2021\/02\/0005_3ds.jpg 874w\" sizes=\"auto, (max-width: 300px) 100vw, 300px\" \/><\/a>\n\t\t\t<\/dt><\/dl><dl class='gallery-item'>\n\t\t\t<dt class='gallery-icon landscape'>\n\t\t\t\t<a href='https:\/\/www.espai.es\/blog\/2021\/02\/integracion-de-cgi-parte-ii-primero-casos\/0006_3ds2\/'><img loading=\"lazy\" decoding=\"async\" width=\"300\" height=\"216\" src=\"https:\/\/www.espai.es\/blog\/wp-content\/uploads\/2021\/02\/0006_3ds2-300x216.jpg\" class=\"attachment-medium size-medium\" alt=\"\" srcset=\"https:\/\/www.espai.es\/blog\/wp-content\/uploads\/2021\/02\/0006_3ds2-300x216.jpg 300w, https:\/\/www.espai.es\/blog\/wp-content\/uploads\/2021\/02\/0006_3ds2.jpg 392w\" sizes=\"auto, (max-width: 300px) 100vw, 300px\" \/><\/a>\n\t\t\t<\/dt><\/dl><br style=\"clear: both\" \/>\n\t\t<\/div>\n\n<p>S\u00f3lo hay un peque\u00f1o detalle que debemos salvar una vez que hemos importado en nuestro archivo y es que la geometr\u00eda que se crea dentro de Max est\u00e1 volteada 180 grados<\/p>\n<p>entonces lo que tenemos que hacer es girarla esos 180 grados para poder ver el contenido de las 4 paredes que hemos importado y asegurarnos de que todo est\u00e1 visto con el eje Z en positivo (o sea \u201cde pie\u201d).<\/p>\n<div id=\"attachment_11228\" style=\"width: 976px\" class=\"wp-caption aligncenter\"><a href=\"https:\/\/www.espai.es\/blog\/wp-content\/uploads\/2021\/02\/0007_wrong.jpg\" rel=\"attachment wp-att-11228\"><img loading=\"lazy\" decoding=\"async\" aria-describedby=\"caption-attachment-11228\" class=\"wp-image-11228 size-full\" src=\"https:\/\/www.espai.es\/blog\/wp-content\/uploads\/2021\/02\/0007_wrong.jpg\" alt=\"\" width=\"966\" height=\"569\" srcset=\"https:\/\/www.espai.es\/blog\/wp-content\/uploads\/2021\/02\/0007_wrong.jpg 966w, https:\/\/www.espai.es\/blog\/wp-content\/uploads\/2021\/02\/0007_wrong-300x177.jpg 300w, https:\/\/www.espai.es\/blog\/wp-content\/uploads\/2021\/02\/0007_wrong-768x452.jpg 768w, https:\/\/www.espai.es\/blog\/wp-content\/uploads\/2021\/02\/0007_wrong-700x412.jpg 700w\" sizes=\"auto, (max-width: 966px) 100vw, 966px\" \/><\/a><p id=\"caption-attachment-11228\" class=\"wp-caption-text\">En verde veremos la orientaci\u00f3n de la escena de MAX que es correcta y en amarillo la geometr\u00eda que est\u00e1 invertida. La c\u00e1mara no puede ver nada de la escena.<\/p><\/div>\n<p>Corrijamos primero la orientaci\u00f3n de la c\u00e1mara.<\/p>\n<div id=\"attachment_11229\" style=\"width: 808px\" class=\"wp-caption aligncenter\"><a href=\"https:\/\/www.espai.es\/blog\/wp-content\/uploads\/2021\/02\/0010_rotatelocal.jpg\" rel=\"attachment wp-att-11229\"><img loading=\"lazy\" decoding=\"async\" aria-describedby=\"caption-attachment-11229\" class=\"size-full wp-image-11229\" src=\"https:\/\/www.espai.es\/blog\/wp-content\/uploads\/2021\/02\/0010_rotatelocal.jpg\" alt=\"\" width=\"798\" height=\"561\" srcset=\"https:\/\/www.espai.es\/blog\/wp-content\/uploads\/2021\/02\/0010_rotatelocal.jpg 798w, https:\/\/www.espai.es\/blog\/wp-content\/uploads\/2021\/02\/0010_rotatelocal-300x211.jpg 300w, https:\/\/www.espai.es\/blog\/wp-content\/uploads\/2021\/02\/0010_rotatelocal-768x540.jpg 768w, https:\/\/www.espai.es\/blog\/wp-content\/uploads\/2021\/02\/0010_rotatelocal-700x492.jpg 700w\" sizes=\"auto, (max-width: 798px) 100vw, 798px\" \/><\/a><p id=\"caption-attachment-11229\" class=\"wp-caption-text\">Rotamos la c\u00e1mra para que tenga la misma orientaci\u00f3n \u00abvolteada\u00bb de toda la geometr\u00eda. y as\u00ed podemos calibrar todo a la vez como un solo conjunto.<\/p><\/div>\n<div id=\"attachment_11230\" style=\"width: 969px\" class=\"wp-caption aligncenter\"><a href=\"https:\/\/www.espai.es\/blog\/wp-content\/uploads\/2021\/02\/0011_reallocate.jpg\" rel=\"attachment wp-att-11230\"><img loading=\"lazy\" decoding=\"async\" aria-describedby=\"caption-attachment-11230\" class=\"size-full wp-image-11230\" src=\"https:\/\/www.espai.es\/blog\/wp-content\/uploads\/2021\/02\/0011_reallocate.jpg\" alt=\"\" width=\"959\" height=\"551\" srcset=\"https:\/\/www.espai.es\/blog\/wp-content\/uploads\/2021\/02\/0011_reallocate.jpg 959w, https:\/\/www.espai.es\/blog\/wp-content\/uploads\/2021\/02\/0011_reallocate-300x172.jpg 300w, https:\/\/www.espai.es\/blog\/wp-content\/uploads\/2021\/02\/0011_reallocate-768x441.jpg 768w, https:\/\/www.espai.es\/blog\/wp-content\/uploads\/2021\/02\/0011_reallocate-345x198.jpg 345w, https:\/\/www.espai.es\/blog\/wp-content\/uploads\/2021\/02\/0011_reallocate-700x402.jpg 700w\" sizes=\"auto, (max-width: 959px) 100vw, 959px\" \/><\/a><p id=\"caption-attachment-11230\" class=\"wp-caption-text\">Tambi\u00e9n nos aseguramos que la c\u00e1mara se mueva un poco para volver a adquirir el encuadre. adecuado<\/p><\/div>\n<p>una vez que hemos corregido el problema de la c\u00e1mara para asegurarnos de que todo quede en orden generamos una ayudante Point Con la funci\u00f3n auto grid activada para que el punto quede orientado inicialmente como el suelo de la nave.<\/p>\n<p>posteriormente vinculamos todos los elementos (paredes y c\u00e1mara) al point.<\/p>\n<p>Ahora que todo obedece al point, nos aseguramos de que la rotaci\u00f3n del punto sea 0 en los tres ejes (de esta forma sabremos que el eje Z apunta hacia arriba como quer\u00edamos) y llevamos el point al 0 del eje de coordenadas con el comando mover.<\/p>\n\n\t\t<style type=\"text\/css\">\n\t\t\t#gallery-2 {\n\t\t\t\tmargin: auto;\n\t\t\t}\n\t\t\t#gallery-2 .gallery-item {\n\t\t\t\tfloat: left;\n\t\t\t\tmargin-top: 10px;\n\t\t\t\ttext-align: center;\n\t\t\t\twidth: 33%;\n\t\t\t}\n\t\t\t#gallery-2 img {\n\t\t\t\tborder: 2px solid #cfcfcf;\n\t\t\t}\n\t\t\t#gallery-2 .gallery-caption {\n\t\t\t\tmargin-left: 0;\n\t\t\t}\n\t\t\t\/* see gallery_shortcode() in wp-includes\/media.php *\/\n\t\t<\/style>\n\t\t<div id='gallery-2' class='gallery galleryid-11218 gallery-columns-3 gallery-size-medium'><dl class='gallery-item'>\n\t\t\t<dt class='gallery-icon landscape'>\n\t\t\t\t<a href='https:\/\/www.espai.es\/blog\/2021\/02\/integracion-de-cgi-parte-ii-primero-casos\/0012_point\/'><img loading=\"lazy\" decoding=\"async\" width=\"300\" height=\"165\" src=\"https:\/\/www.espai.es\/blog\/wp-content\/uploads\/2021\/02\/0012_Point-300x165.jpg\" class=\"attachment-medium size-medium\" alt=\"\" aria-describedby=\"gallery-2-11231\" srcset=\"https:\/\/www.espai.es\/blog\/wp-content\/uploads\/2021\/02\/0012_Point-300x165.jpg 300w, https:\/\/www.espai.es\/blog\/wp-content\/uploads\/2021\/02\/0012_Point-768x424.jpg 768w, https:\/\/www.espai.es\/blog\/wp-content\/uploads\/2021\/02\/0012_Point-1024x565.jpg 1024w, https:\/\/www.espai.es\/blog\/wp-content\/uploads\/2021\/02\/0012_Point-700x386.jpg 700w, https:\/\/www.espai.es\/blog\/wp-content\/uploads\/2021\/02\/0012_Point.jpg 1146w\" sizes=\"auto, (max-width: 300px) 100vw, 300px\" \/><\/a>\n\t\t\t<\/dt>\n\t\t\t\t<dd class='wp-caption-text gallery-caption' id='gallery-2-11231'>\n\t\t\t\tCreamos el punto con la funci\u00f3n AutoGrid activada \n\t\t\t\t<\/dd><\/dl><dl class='gallery-item'>\n\t\t\t<dt class='gallery-icon landscape'>\n\t\t\t\t<a href='https:\/\/www.espai.es\/blog\/2021\/02\/integracion-de-cgi-parte-ii-primero-casos\/0013_linktopoint\/'><img loading=\"lazy\" decoding=\"async\" width=\"300\" height=\"217\" src=\"https:\/\/www.espai.es\/blog\/wp-content\/uploads\/2021\/02\/0013_linktopoint-300x217.jpg\" class=\"attachment-medium size-medium\" alt=\"\" aria-describedby=\"gallery-2-11232\" srcset=\"https:\/\/www.espai.es\/blog\/wp-content\/uploads\/2021\/02\/0013_linktopoint-300x217.jpg 300w, https:\/\/www.espai.es\/blog\/wp-content\/uploads\/2021\/02\/0013_linktopoint-768x555.jpg 768w, https:\/\/www.espai.es\/blog\/wp-content\/uploads\/2021\/02\/0013_linktopoint-700x506.jpg 700w, https:\/\/www.espai.es\/blog\/wp-content\/uploads\/2021\/02\/0013_linktopoint.jpg 960w\" sizes=\"auto, (max-width: 300px) 100vw, 300px\" \/><\/a>\n\t\t\t<\/dt>\n\t\t\t\t<dd class='wp-caption-text gallery-caption' id='gallery-2-11232'>\n\t\t\t\tVinculamos todos los elementos al punto para relaizar las correcciones. \n\t\t\t\t<\/dd><\/dl>\n\t\t\t<br style='clear: both' \/>\n\t\t<\/div>\n\n<p>Todo este movimiento se debe a que queremos evitar cualquier tipo de error el Max resultado de un objeto que est\u00e1 muy lejos del eje de coordenadas.<\/p>\n<p>Observaremos que lo que ha hecho el programa de Photoshop, es crear una especie de habitaci\u00f3n con 4 paredes representadas por planos y que en cada una de ellas ha impregnado la parte de la fotograf\u00eda que correspond\u00eda a la zona que hab\u00edamos recortado con los planos de perspectiva.<\/p>\n<p><a href=\"https:\/\/www.espai.es\/blog\/wp-content\/uploads\/2021\/02\/0014_projection.jpg\" rel=\"attachment wp-att-11233\"><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter wp-image-11233 size-large\" src=\"https:\/\/www.espai.es\/blog\/wp-content\/uploads\/2021\/02\/0014_projection-1024x584.jpg\" alt=\"integraci\u00f3n\" width=\"1024\" height=\"584\" srcset=\"https:\/\/www.espai.es\/blog\/wp-content\/uploads\/2021\/02\/0014_projection-1024x584.jpg 1024w, https:\/\/www.espai.es\/blog\/wp-content\/uploads\/2021\/02\/0014_projection-300x171.jpg 300w, https:\/\/www.espai.es\/blog\/wp-content\/uploads\/2021\/02\/0014_projection-768x438.jpg 768w, https:\/\/www.espai.es\/blog\/wp-content\/uploads\/2021\/02\/0014_projection-345x198.jpg 345w, https:\/\/www.espai.es\/blog\/wp-content\/uploads\/2021\/02\/0014_projection-700x400.jpg 700w, https:\/\/www.espai.es\/blog\/wp-content\/uploads\/2021\/02\/0014_projection.jpg 1060w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/a> <a href=\"https:\/\/www.espai.es\/blog\/wp-content\/uploads\/2021\/02\/0015_projectionapart.jpg\" rel=\"attachment wp-att-11234\"><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter size-full wp-image-11234\" src=\"https:\/\/www.espai.es\/blog\/wp-content\/uploads\/2021\/02\/0015_projectionapart.jpg\" alt=\"integraci\u00f3n\" width=\"960\" height=\"576\" srcset=\"https:\/\/www.espai.es\/blog\/wp-content\/uploads\/2021\/02\/0015_projectionapart.jpg 960w, https:\/\/www.espai.es\/blog\/wp-content\/uploads\/2021\/02\/0015_projectionapart-300x180.jpg 300w, https:\/\/www.espai.es\/blog\/wp-content\/uploads\/2021\/02\/0015_projectionapart-768x461.jpg 768w, https:\/\/www.espai.es\/blog\/wp-content\/uploads\/2021\/02\/0015_projectionapart-700x420.jpg 700w\" sizes=\"auto, (max-width: 960px) 100vw, 960px\" \/><\/a><\/p>\n<p>Esas proyecciones s\u00f3lo tienen sentido desde la c\u00e1mara que ha creado el programa. Es s\u00f3lo a partir de ella que tendremos que hacer nuestra integraci\u00f3n.<\/p>\n<p>Ahora s\u00f3lo tocar\u00eda insertar un contenido 3D y compensar la iluminaci\u00f3n para ese objeto.<\/p>\n<p>el colocar el objeto no es ning\u00fan problema puesto que tenemos un plano que representa el suelo.<\/p>\n<p>la iluminaci\u00f3n sin embargo es un ejercicio de ensayo y error y quiz\u00e1s es el punto en el que debemos ir afinando mediante pruebas.<\/p>\n<p>En el caso en concreto de esta escena hemos colocado la tetera y adem\u00e1s hemos a\u00f1adido una fuente de luz que desde la vista de la c\u00e1mara proviene del lado derecho de la toma.<\/p>\n<h4>Paso 03 Render.-<\/h4>\n<p>Si bien esta integraci\u00f3n no es perfecta, nos permite cierta movilidad con la c\u00e1mara para establecer un poco mejor la profundidad de la habitaci\u00f3n.<\/p>\n<p>Se han a\u00f1adido tambi\u00e9n algunos objetos intermedios, que no tiene tanta importancia (varias cajas) que ayuden a afianzar la sensaci\u00f3n de tridimensionalidad en la habitaci\u00f3n.<\/p>\n<p>Generamos la animaci\u00f3n, en este caso el recorrido panor\u00e1mico de la c\u00e1mara, colocando Fotogramas clave en la l\u00ednea de tiempo, y a s\u00f3lo nos queda esperar a que se rendericen todos los frames.<\/p>\n<p>Este movimiento de c\u00e1mara nos permite \u201cexaminar\u201d el entorno y sentir la profundidad mediante el efecto de <a href=\"https:\/\/es.wikipedia.org\/wiki\/Parallax\">parallax,<\/a> generado por los distintos objetos a distintas distancias de la c\u00e1mara.<\/p>\n<p>Tambi\u00e9n se podr\u00eda haber \u201csacudido\u201d ligeramente la c\u00e1mara para lograr una sensaci\u00f3n de \u201cc\u00e1mara en mano\u201d, pero en esta ocasi\u00f3n preferimos dejarlo como si fuera una Dolly cam.<\/p>\n<p>Para cualquier contenido que salga de 3dMAX siempre se renderiza una secuencia de Fotogramas que se almacenan en una carpeta.<\/p>\n<p>Se podr\u00eda elegir que la secuencia fuera de jpeg o de png, pero es m\u00e1s \u00fatil sacar una secuencia de<a href=\"https:\/\/www.espai.es\/blog\/2015\/06\/vray-conseguir-el-render-perfecto\/\"> hdri,<\/a> para poder tener m\u00e1s control en post producci\u00f3n sobre algunos aspectos de color y luz.<\/p>\n<div id=\"attachment_11235\" style=\"width: 310px\" class=\"wp-caption aligncenter\"><a href=\"https:\/\/www.espai.es\/blog\/wp-content\/uploads\/2021\/02\/SEq.jpg\" rel=\"attachment wp-att-11235\"><img loading=\"lazy\" decoding=\"async\" aria-describedby=\"caption-attachment-11235\" class=\"wp-image-11235 size-medium\" src=\"https:\/\/www.espai.es\/blog\/wp-content\/uploads\/2021\/02\/SEq-300x203.jpg\" alt=\"\" width=\"300\" height=\"203\" srcset=\"https:\/\/www.espai.es\/blog\/wp-content\/uploads\/2021\/02\/SEq-300x203.jpg 300w, https:\/\/www.espai.es\/blog\/wp-content\/uploads\/2021\/02\/SEq-768x521.jpg 768w, https:\/\/www.espai.es\/blog\/wp-content\/uploads\/2021\/02\/SEq-1024x694.jpg 1024w, https:\/\/www.espai.es\/blog\/wp-content\/uploads\/2021\/02\/SEq-700x475.jpg 700w, https:\/\/www.espai.es\/blog\/wp-content\/uploads\/2021\/02\/SEq.jpg 1168w\" sizes=\"auto, (max-width: 300px) 100vw, 300px\" \/><\/a><p id=\"caption-attachment-11235\" class=\"wp-caption-text\">Parte de los fotogramas generados en la secuencia<\/p><\/div>\n<p>el v\u00eddeo final se compila en alg\u00fan programa de edici\u00f3n de v\u00eddeo o, c\u00f3mo es nuestro caso, en after Effects.<\/p>\n<p>En este procedimiento el contenido final sale directamente de la aplicaci\u00f3n 3 D y puede que podamos hacerle algunos retoques finales en after effects.<\/p>\n<h5>Nota:<\/h5>\n<p>Tambi\u00e9n aqu\u00ed existe otro procedimiento de integraci\u00f3n que es mucho m\u00e1s elaborado<\/p>\n<p>Consiste en sacar por elementos el resultado (el objeto tridimensional, las sombras que proyectan en el suelo, las luces y los reflejos).<\/p>\n<h4>Paso 04 En After Effects<\/h4>\n<p>La integraci\u00f3n est\u00e1 hecha, ahora viene la composici\u00f3n final.<\/p>\n<p>Esta \u00faltima parte es bastante sencilla.<\/p>\n<p>Nos limitamos a abrir el programa, y arrastrar la carpeta qu\u00e9 tiene toda la secuencia de Fotogramas a la parte del proyecto.<\/p>\n<p><a href=\"https:\/\/www.espai.es\/blog\/wp-content\/uploads\/2021\/02\/dragdrop.jpg\" rel=\"attachment wp-att-11236\"><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter wp-image-11236 size-full\" src=\"https:\/\/www.espai.es\/blog\/wp-content\/uploads\/2021\/02\/dragdrop.jpg\" alt=\"\" width=\"960\" height=\"540\" srcset=\"https:\/\/www.espai.es\/blog\/wp-content\/uploads\/2021\/02\/dragdrop.jpg 960w, https:\/\/www.espai.es\/blog\/wp-content\/uploads\/2021\/02\/dragdrop-300x169.jpg 300w, https:\/\/www.espai.es\/blog\/wp-content\/uploads\/2021\/02\/dragdrop-768x432.jpg 768w, https:\/\/www.espai.es\/blog\/wp-content\/uploads\/2021\/02\/dragdrop-700x394.jpg 700w, https:\/\/www.espai.es\/blog\/wp-content\/uploads\/2021\/02\/dragdrop-539x303.jpg 539w\" sizes=\"auto, (max-width: 960px) 100vw, 960px\" \/><\/a><\/p>\n<p>Autom\u00e1ticamente After Effects detecta la secuencia y la agrega como si fuera un v\u00eddeo.<\/p>\n<p>Dependiendo de la versi\u00f3n de after effects a veces se pone a la velocidad de 30 frames por segundo o de 24.<\/p>\n<p>Esto se puede cambiar f\u00e1cilmente haciendo clic derecho sobre el contenido importado (la carpeta) y eligiendo la opci\u00f3n de \u201cinterpretar material de archivo\u201d<\/p>\n<p><a href=\"https:\/\/www.espai.es\/blog\/wp-content\/uploads\/2021\/02\/interpretar.jpg\" rel=\"attachment wp-att-11237\"><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter size-large wp-image-11237\" src=\"https:\/\/www.espai.es\/blog\/wp-content\/uploads\/2021\/02\/interpretar-832x1024.jpg\" alt=\"\" width=\"832\" height=\"1024\" srcset=\"https:\/\/www.espai.es\/blog\/wp-content\/uploads\/2021\/02\/interpretar-832x1024.jpg 832w, https:\/\/www.espai.es\/blog\/wp-content\/uploads\/2021\/02\/interpretar-244x300.jpg 244w, https:\/\/www.espai.es\/blog\/wp-content\/uploads\/2021\/02\/interpretar-768x946.jpg 768w, https:\/\/www.espai.es\/blog\/wp-content\/uploads\/2021\/02\/interpretar-700x862.jpg 700w, https:\/\/www.espai.es\/blog\/wp-content\/uploads\/2021\/02\/interpretar.jpg 877w\" sizes=\"auto, (max-width: 832px) 100vw, 832px\" \/><\/a><\/p>\n<p>En el men\u00fa emergente veremos que existe una casilla que nos dice la velocidad a la que se est\u00e1 reproduciendo<\/p>\n<p>Solo tendremos que cambiar esto al n\u00famero de reproducci\u00f3n que nos interesa.<\/p>\n<p>Una vez que nos hemos asegurado de que la velocidad de reproducci\u00f3n es la adecuada, arrastramos la secuencia a la casilla de composici\u00f3n para crear el v\u00eddeo final.<\/p>\n<p><a href=\"https:\/\/www.espai.es\/blog\/wp-content\/uploads\/2021\/02\/drtag92.jpg\" rel=\"attachment wp-att-11238\"><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter size-full wp-image-11238\" src=\"https:\/\/www.espai.es\/blog\/wp-content\/uploads\/2021\/02\/drtag92.jpg\" alt=\"\" width=\"721\" height=\"831\" srcset=\"https:\/\/www.espai.es\/blog\/wp-content\/uploads\/2021\/02\/drtag92.jpg 721w, https:\/\/www.espai.es\/blog\/wp-content\/uploads\/2021\/02\/drtag92-260x300.jpg 260w, https:\/\/www.espai.es\/blog\/wp-content\/uploads\/2021\/02\/drtag92-700x807.jpg 700w\" sizes=\"auto, (max-width: 721px) 100vw, 721px\" \/><\/a><\/p>\n<p>Debido a que la secuencia es de im\u00e1genes HDRI, Si a\u00f1adimos un filtro de exposici\u00f3n y gamma, observaremos que de alguna forma es posible controlar la luz de toda la escena sin perder informaci\u00f3n de color. Esta es una de las ventajas de trabajar con alto rango din\u00e1mico.<\/p>\n<p>Una de las peculiaridades del contenido generado en 3D es que, a pesar de ser un contenido animado, si no se le ha dicho otra cosa, suele ser bastante n\u00edtido.<\/p>\n<p>Esto suele chocar, porque si un contenido est\u00e1 en movimiento deber\u00eda desenfocarse ligeramente.<\/p>\n<p>A esto se le conoce como desenfoque de movimiento \u201cmotion blur\u201d y es porque los movimientos por muy sutiles que sean deben evitar que podamos percibir n\u00edtidamente un objeto.<\/p>\n<p>Para compensar esto, after effects cuenta con un filtro llamado \u201cdesenfoque de movimiento de pixels\u201c<\/p>\n<p><a href=\"https:\/\/www.espai.es\/blog\/wp-content\/uploads\/2021\/02\/pixelblur.jpg\" rel=\"attachment wp-att-11239\"><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter wp-image-11239 size-large\" src=\"https:\/\/www.espai.es\/blog\/wp-content\/uploads\/2021\/02\/pixelblur-1024x440.jpg\" alt=\"integraci\u00f3n\" width=\"1024\" height=\"440\" srcset=\"https:\/\/www.espai.es\/blog\/wp-content\/uploads\/2021\/02\/pixelblur-1024x440.jpg 1024w, https:\/\/www.espai.es\/blog\/wp-content\/uploads\/2021\/02\/pixelblur-300x129.jpg 300w, https:\/\/www.espai.es\/blog\/wp-content\/uploads\/2021\/02\/pixelblur-768x330.jpg 768w, https:\/\/www.espai.es\/blog\/wp-content\/uploads\/2021\/02\/pixelblur-700x301.jpg 700w, https:\/\/www.espai.es\/blog\/wp-content\/uploads\/2021\/02\/pixelblur.jpg 1902w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/a><\/p>\n<p>Mediante un tipo de inteligencia artificial detecta todos los cambios de posici\u00f3n de los pixels del v\u00eddeo y, con base en la velocidad del cambio, desenfoca un poco el contenido.<\/p>\n<p>Basta con aplicarlo a la secuencia que tenemos en nuestra l\u00ednea de tiempo y en efecto sucede por s\u00ed solo.<\/p>\n<p>Cabe resaltar, que esta funci\u00f3n hace que la reproducci\u00f3n en RAM sea m\u00e1s lenta.<\/p>\n<p>Entonces este deber\u00eda ser el paso final antes de exportar el v\u00eddeo.<\/p>\n<p>Antes deber\u00edamos corregir color iluminaci\u00f3n o a\u00f1adir todo lo que queramos a\u00f1adir con los efectos de After effects.<\/p>\n<p>En este caso la integraci\u00f3n ha sido realizada y graduada en 3dsmax. Mas adelante veremos c\u00f3mo podemos hacerlo con After Effects.<\/p>\n<h3>Caso 02 \u00abCat land\u00bb<\/h3>\n<p><a href=\"https:\/\/www.espai.es\/blog\/wp-content\/uploads\/2021\/02\/colorKat.jpg\" rel=\"attachment wp-att-11245\"><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter wp-image-11245 size-large\" src=\"https:\/\/www.espai.es\/blog\/wp-content\/uploads\/2021\/02\/colorKat-1024x684.jpg\" alt=\"integraci\u00f3n\" width=\"1024\" height=\"684\" srcset=\"https:\/\/www.espai.es\/blog\/wp-content\/uploads\/2021\/02\/colorKat-1024x684.jpg 1024w, https:\/\/www.espai.es\/blog\/wp-content\/uploads\/2021\/02\/colorKat-300x200.jpg 300w, https:\/\/www.espai.es\/blog\/wp-content\/uploads\/2021\/02\/colorKat-768x513.jpg 768w, https:\/\/www.espai.es\/blog\/wp-content\/uploads\/2021\/02\/colorKat-700x467.jpg 700w, https:\/\/www.espai.es\/blog\/wp-content\/uploads\/2021\/02\/colorKat.jpg 1200w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/a><\/p>\n<p>&nbsp;<\/p>\n<p>Con este ejemplo procedemos a abordar la integraci\u00f3n con un enfoque diferente.<\/p>\n<p>En la primera escena vimos que la iluminaci\u00f3n del escenario era un ejercicio de ensayo y error.<\/p>\n<p>A cambio, la utilidad de perspectiva de Photoshop hac\u00eda la mayor parte del trabajo, generando una habitaci\u00f3n tridimensional y una c\u00e1mara con las especificaciones necesarias para poder observar el escenario.<\/p>\n<p>En este segundo supuesto, contaremos con la ayuda de la iluminaci\u00f3n por imagen (IBL) para que nuestros objetos se vean a\u00fan m\u00e1s integrados en la toma real que en este caso contin\u00faa siendo una fotograf\u00eda.<\/p>\n<p>Pero la fotograf\u00eda no ser\u00e1 procesada por Photoshop y a\u00f1adiremos profundidad a la escena en After Effects.<\/p>\n<p>A diferencia del caso anterior, se aprovechar\u00e1 el plano de la foto que se haya tomado.<\/p>\n<h4>Ibl y backplate<\/h4>\n<p>Generalmente para este procedimiento se necesita un mapa HDRI panor\u00e1mico de 360 grados y una o varias fotos \u201cnormales\u201d del mismo escenario del que se ha generado el mapa HDRI. De esta forma es muy f\u00e1cil hacer coincidir la iluminaci\u00f3n con el fondo sobre el que se har\u00e1 la integraci\u00f3n.<\/p>\n<p>A estos y a cualquier fondo que sirva para un fotomontaje se le llama \u201cbackplate\u201d<\/p>\n<p>En esta ocasi\u00f3n descargamos un HDRI gratuito de la web <a href=\"http:\/\/www.hdrihaven.com\">www.hdrihaven.com<\/a> con sus respectivos backplates. En esta web se pueden encontrar sets completos de HDRI + backplate o simplemente HDRI. Pero son muy buenos.<\/p>\n<p>Si no se tiene un HDRI id\u00e9ntico a nuestro fondo, s\u00f3lo habr\u00e1 que asegurarse de que ambas im\u00e1genes comparten gama de colores para simular un entorno parecido. El hdri nos hace la vida m\u00e1s simple a la hora de iluminar, pero tambi\u00e9n est\u00e1 el recurso de la iluminaci\u00f3n manual. Solamente llevar\u00e1 m\u00e1s tiempo.<\/p>\n<h4>Paso 01 Establecer la imagen de fondo<\/h4>\n<p>Para preparar la imagen de fondo haremos lo siguiente.<\/p>\n<p>Averiguamos qu\u00e9 dimensiones tiene la foto de fondo en pixels. En el caso de la foto de ejemplo son 1200 * 800 pixels.<\/p>\n<p>Trasladamos esa dimensi\u00f3n al tama\u00f1o de Salida del render en el men\u00fa de render. De esta forma nos aseguramos de que la imagen de fondo no se distorsione cuando lancemos el render.<\/p>\n<p><a href=\"https:\/\/www.espai.es\/blog\/wp-content\/uploads\/2021\/02\/dimsetup.jpg\" rel=\"attachment wp-att-11246\"><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter size-full wp-image-11246\" src=\"https:\/\/www.espai.es\/blog\/wp-content\/uploads\/2021\/02\/dimsetup.jpg\" alt=\"integraci\u00f3n\" width=\"358\" height=\"762\" srcset=\"https:\/\/www.espai.es\/blog\/wp-content\/uploads\/2021\/02\/dimsetup.jpg 358w, https:\/\/www.espai.es\/blog\/wp-content\/uploads\/2021\/02\/dimsetup-141x300.jpg 141w\" sizes=\"auto, (max-width: 358px) 100vw, 358px\" \/><\/a><\/p>\n<p>No es tanto la medida la que nos interesa, sino la proporci\u00f3n de alto y ancho.<\/p>\n<p>Si se diera el caso de que la foto que vamos a usar es muy grande, lo que podemos hacer es copiar las dimensiones igual que con la foto peque\u00f1a, y una vez que tenemos las medidas podemos bloquear la proporci\u00f3n con el candado que se\u00f1alamos en la captura a continuaci\u00f3n.<\/p>\n<p>Y as\u00ed podr\u00edamos disminuir la medida de forma proporcional, con el fin de que no tarde demasiado el render.<\/p>\n<p>Maximizamos el visor de perspectiva (alt+W) y arrastramos el backplate al fondo de MAX.<\/p>\n<div id=\"attachment_11247\" style=\"width: 1034px\" class=\"wp-caption aligncenter\"><a href=\"https:\/\/www.espai.es\/blog\/wp-content\/uploads\/2021\/02\/perspectivemaximized.jpg\" rel=\"attachment wp-att-11247\"><img loading=\"lazy\" decoding=\"async\" aria-describedby=\"caption-attachment-11247\" class=\"size-large wp-image-11247\" src=\"https:\/\/www.espai.es\/blog\/wp-content\/uploads\/2021\/02\/perspectivemaximized-1024x520.jpg\" alt=\"\" width=\"1024\" height=\"520\" srcset=\"https:\/\/www.espai.es\/blog\/wp-content\/uploads\/2021\/02\/perspectivemaximized-1024x520.jpg 1024w, https:\/\/www.espai.es\/blog\/wp-content\/uploads\/2021\/02\/perspectivemaximized-300x152.jpg 300w, https:\/\/www.espai.es\/blog\/wp-content\/uploads\/2021\/02\/perspectivemaximized-768x390.jpg 768w, https:\/\/www.espai.es\/blog\/wp-content\/uploads\/2021\/02\/perspectivemaximized-700x355.jpg 700w, https:\/\/www.espai.es\/blog\/wp-content\/uploads\/2021\/02\/perspectivemaximized.jpg 1914w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/a><p id=\"caption-attachment-11247\" class=\"wp-caption-text\">As\u00ed queda la perspectiva maximizada.<\/p><\/div>\n<div id=\"attachment_11248\" style=\"width: 1034px\" class=\"wp-caption aligncenter\"><a href=\"https:\/\/www.espai.es\/blog\/wp-content\/uploads\/2021\/02\/importbackground.jpg\" rel=\"attachment wp-att-11248\"><img loading=\"lazy\" decoding=\"async\" aria-describedby=\"caption-attachment-11248\" class=\"size-large wp-image-11248\" src=\"https:\/\/www.espai.es\/blog\/wp-content\/uploads\/2021\/02\/importbackground-1024x576.jpg\" alt=\"\" width=\"1024\" height=\"576\" srcset=\"https:\/\/www.espai.es\/blog\/wp-content\/uploads\/2021\/02\/importbackground-1024x576.jpg 1024w, https:\/\/www.espai.es\/blog\/wp-content\/uploads\/2021\/02\/importbackground-300x169.jpg 300w, https:\/\/www.espai.es\/blog\/wp-content\/uploads\/2021\/02\/importbackground-768x432.jpg 768w, https:\/\/www.espai.es\/blog\/wp-content\/uploads\/2021\/02\/importbackground-700x394.jpg 700w, https:\/\/www.espai.es\/blog\/wp-content\/uploads\/2021\/02\/importbackground-539x303.jpg 539w, https:\/\/www.espai.es\/blog\/wp-content\/uploads\/2021\/02\/importbackground.jpg 1920w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/a><p id=\"caption-attachment-11248\" class=\"wp-caption-text\">Deja activas ambas casillas<\/p><\/div>\n<p>Nos saldr\u00e1 un mensaje en el que nos pregunta si queremos aplicarlo al fondo del render y al fondo del visor. Dejamos activas las dos casillas.<\/p>\n<p>Activamos el encuadre (Shift + F) para que el fondo quede en el visor de MAX.<\/p>\n<p><a href=\"https:\/\/www.espai.es\/blog\/wp-content\/uploads\/2021\/02\/importdone.jpg\" rel=\"attachment wp-att-11249\"><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter size-large wp-image-11249\" src=\"https:\/\/www.espai.es\/blog\/wp-content\/uploads\/2021\/02\/importdone-1024x543.jpg\" alt=\"\" width=\"1024\" height=\"543\" srcset=\"https:\/\/www.espai.es\/blog\/wp-content\/uploads\/2021\/02\/importdone-1024x543.jpg 1024w, https:\/\/www.espai.es\/blog\/wp-content\/uploads\/2021\/02\/importdone-300x159.jpg 300w, https:\/\/www.espai.es\/blog\/wp-content\/uploads\/2021\/02\/importdone-768x407.jpg 768w, https:\/\/www.espai.es\/blog\/wp-content\/uploads\/2021\/02\/importdone-700x371.jpg 700w, https:\/\/www.espai.es\/blog\/wp-content\/uploads\/2021\/02\/importdone.jpg 1640w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/a><\/p>\n<p>Luego de estos pasos la imagen sale bien en el visor de perspectiva, pero si renderizamos, veremos que la imagen sale distorsionada.<\/p>\n<p>Esto se debe a que las im\u00e1genes de fondo de render suelen envolverse de forma esf\u00e9rica.<\/p>\n<p>Lo que necesitamos es que se muestre como fondo de pantalla.<\/p>\n<div id=\"attachment_11250\" style=\"width: 1034px\" class=\"wp-caption aligncenter\"><a href=\"https:\/\/www.espai.es\/blog\/wp-content\/uploads\/2021\/02\/wrongBckGRNd.jpg\" rel=\"attachment wp-att-11250\"><img loading=\"lazy\" decoding=\"async\" aria-describedby=\"caption-attachment-11250\" class=\"size-large wp-image-11250\" src=\"https:\/\/www.espai.es\/blog\/wp-content\/uploads\/2021\/02\/wrongBckGRNd-1024x625.jpg\" alt=\"integraci\u00f3n\" width=\"1024\" height=\"625\" srcset=\"https:\/\/www.espai.es\/blog\/wp-content\/uploads\/2021\/02\/wrongBckGRNd-1024x625.jpg 1024w, https:\/\/www.espai.es\/blog\/wp-content\/uploads\/2021\/02\/wrongBckGRNd-300x183.jpg 300w, https:\/\/www.espai.es\/blog\/wp-content\/uploads\/2021\/02\/wrongBckGRNd-768x469.jpg 768w, https:\/\/www.espai.es\/blog\/wp-content\/uploads\/2021\/02\/wrongBckGRNd-700x427.jpg 700w, https:\/\/www.espai.es\/blog\/wp-content\/uploads\/2021\/02\/wrongBckGRNd.jpg 1695w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/a><p id=\"caption-attachment-11250\" class=\"wp-caption-text\">El render sale distorisoando<\/p><\/div>\n<p>Para esto abrimos el men\u00fa de environment de MAX (numero 8 del teclado) y abrimos tambi\u00e9n el editor de materiales (tecla M)<\/p>\n<p>Arrastramos la imagen que se aloja en la casilla Environment a uno de los slots de materiales y marcamos la opci\u00f3n de instancia, del men\u00fa emergente.<\/p>\n<p>Veremos que el slot cambia para mostrar la imagen con una distorsi\u00f3n esf\u00e9rica.<\/p>\n<p>En la parte inferior nos encontramos con la disposici\u00f3n de coordenadas y cambiamos el modo de mapping de esf\u00e9rico a pantalla (screen).<\/p>\n<p>Con la modificaci\u00f3n hecha, renderizamos una vez m\u00e1s para constatar que ahora todo est\u00e1 en orden.<\/p>\n\n\t\t<style type=\"text\/css\">\n\t\t\t#gallery-3 {\n\t\t\t\tmargin: auto;\n\t\t\t}\n\t\t\t#gallery-3 .gallery-item {\n\t\t\t\tfloat: left;\n\t\t\t\tmargin-top: 10px;\n\t\t\t\ttext-align: center;\n\t\t\t\twidth: 33%;\n\t\t\t}\n\t\t\t#gallery-3 img {\n\t\t\t\tborder: 2px solid #cfcfcf;\n\t\t\t}\n\t\t\t#gallery-3 .gallery-caption {\n\t\t\t\tmargin-left: 0;\n\t\t\t}\n\t\t\t\/* see gallery_shortcode() in wp-includes\/media.php *\/\n\t\t<\/style>\n\t\t<div id='gallery-3' class='gallery galleryid-11218 gallery-columns-3 gallery-size-thumbnail'><dl class='gallery-item'>\n\t\t\t<dt class='gallery-icon landscape'>\n\t\t\t\t<a href='https:\/\/www.espai.es\/blog\/2021\/02\/integracion-de-cgi-parte-ii-primero-casos\/tofixbackgrond\/'><img loading=\"lazy\" decoding=\"async\" width=\"150\" height=\"150\" src=\"https:\/\/www.espai.es\/blog\/wp-content\/uploads\/2021\/02\/tofixBackgrond-150x150.jpg\" class=\"attachment-thumbnail size-thumbnail\" alt=\"\" aria-describedby=\"gallery-3-11253\" srcset=\"https:\/\/www.espai.es\/blog\/wp-content\/uploads\/2021\/02\/tofixBackgrond-150x150.jpg 150w, https:\/\/www.espai.es\/blog\/wp-content\/uploads\/2021\/02\/tofixBackgrond-570x570.jpg 570w, https:\/\/www.espai.es\/blog\/wp-content\/uploads\/2021\/02\/tofixBackgrond-500x500.jpg 500w\" sizes=\"auto, (max-width: 150px) 100vw, 150px\" \/><\/a>\n\t\t\t<\/dt>\n\t\t\t\t<dd class='wp-caption-text gallery-caption' id='gallery-3-11253'>\n\t\t\t\tAbrimos Editor de materiales y Environment de MAX \n\t\t\t\t<\/dd><\/dl><dl class='gallery-item'>\n\t\t\t<dt class='gallery-icon landscape'>\n\t\t\t\t<a href='https:\/\/www.espai.es\/blog\/2021\/02\/integracion-de-cgi-parte-ii-primero-casos\/spherical\/'><img loading=\"lazy\" decoding=\"async\" width=\"150\" height=\"150\" src=\"https:\/\/www.espai.es\/blog\/wp-content\/uploads\/2021\/02\/spherical-150x150.jpg\" class=\"attachment-thumbnail size-thumbnail\" alt=\"\" aria-describedby=\"gallery-3-11252\" srcset=\"https:\/\/www.espai.es\/blog\/wp-content\/uploads\/2021\/02\/spherical-150x150.jpg 150w, https:\/\/www.espai.es\/blog\/wp-content\/uploads\/2021\/02\/spherical-570x570.jpg 570w, https:\/\/www.espai.es\/blog\/wp-content\/uploads\/2021\/02\/spherical-500x500.jpg 500w\" sizes=\"auto, (max-width: 150px) 100vw, 150px\" \/><\/a>\n\t\t\t<\/dt>\n\t\t\t\t<dd class='wp-caption-text gallery-caption' id='gallery-3-11252'>\n\t\t\t\tArrastramos la imagen de background a un slot y observamos que se encuentra en modo esf\u00e9rico\n\t\t\t\t<\/dd><\/dl><dl class='gallery-item'>\n\t\t\t<dt class='gallery-icon landscape'>\n\t\t\t\t<a href='https:\/\/www.espai.es\/blog\/2021\/02\/integracion-de-cgi-parte-ii-primero-casos\/screen\/'><img loading=\"lazy\" decoding=\"async\" width=\"150\" height=\"150\" src=\"https:\/\/www.espai.es\/blog\/wp-content\/uploads\/2021\/02\/screen-150x150.jpg\" class=\"attachment-thumbnail size-thumbnail\" alt=\"\" aria-describedby=\"gallery-3-11251\" srcset=\"https:\/\/www.espai.es\/blog\/wp-content\/uploads\/2021\/02\/screen-150x150.jpg 150w, https:\/\/www.espai.es\/blog\/wp-content\/uploads\/2021\/02\/screen-570x570.jpg 570w, https:\/\/www.espai.es\/blog\/wp-content\/uploads\/2021\/02\/screen-500x500.jpg 500w\" sizes=\"auto, (max-width: 150px) 100vw, 150px\" \/><\/a>\n\t\t\t<\/dt>\n\t\t\t\t<dd class='wp-caption-text gallery-caption' id='gallery-3-11251'>\n\t\t\t\tCambiamos a modo screen \n\t\t\t\t<\/dd><\/dl><br style=\"clear: both\" \/>\n\t\t<\/div>\n\n<h4><a href=\"https:\/\/www.espai.es\/blog\/wp-content\/uploads\/2021\/02\/fondook.jpg\" rel=\"attachment wp-att-11256\"><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter wp-image-11256 size-large\" src=\"https:\/\/www.espai.es\/blog\/wp-content\/uploads\/2021\/02\/fondook-1024x597.jpg\" alt=\"integraci\u00f3n\" width=\"1024\" height=\"597\" srcset=\"https:\/\/www.espai.es\/blog\/wp-content\/uploads\/2021\/02\/fondook-1024x597.jpg 1024w, https:\/\/www.espai.es\/blog\/wp-content\/uploads\/2021\/02\/fondook-300x175.jpg 300w, https:\/\/www.espai.es\/blog\/wp-content\/uploads\/2021\/02\/fondook-768x447.jpg 768w, https:\/\/www.espai.es\/blog\/wp-content\/uploads\/2021\/02\/fondook-700x408.jpg 700w, https:\/\/www.espai.es\/blog\/wp-content\/uploads\/2021\/02\/fondook.jpg 1634w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/a><\/h4>\n<h4>Paso 02 Determinar el lente y la perspectiva<\/h4>\n<p>Para poder hacer una buena integraci\u00f3n, es necesario saber qu\u00e9 distorsi\u00f3n de perspectiva tenemos. Hay que recrear digitalmente la c\u00e1mara con la que se ha tomado la imagen para luego poder incluir elementos digitales.<\/p>\n<p>3ds MAX cuenta con una muy \u00fatil herramienta llamada \u201cperspective Match\u201d que me permite adivinar justamente ese aspecto.<\/p>\n<p><a href=\"https:\/\/www.espai.es\/blog\/wp-content\/uploads\/2021\/02\/PerspMatch.jpg\" rel=\"attachment wp-att-11255\"><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter size-full wp-image-11255\" src=\"https:\/\/www.espai.es\/blog\/wp-content\/uploads\/2021\/02\/PerspMatch.jpg\" alt=\"\" width=\"234\" height=\"858\" srcset=\"https:\/\/www.espai.es\/blog\/wp-content\/uploads\/2021\/02\/PerspMatch.jpg 234w, https:\/\/www.espai.es\/blog\/wp-content\/uploads\/2021\/02\/PerspMatch-82x300.jpg 82w\" sizes=\"auto, (max-width: 234px) 100vw, 234px\" \/><\/a><\/p>\n<p>Con el visor de perspectiva activo vamos a la solapa de utilidades (la \u00faltima solapa de las barras de herramientas de la derecha).<\/p>\n<p>Del listado que nos presenta esta solapa, observaremos que el perspective match se encuentra primero.<\/p>\n<p>Lo activamos para que en la parte inferior aparezca el panel de controles.<\/p>\n<p>El siguiente bot\u00f3n por activar es el etiquetado con \u201cshow Vanishing lines\u201d<\/p>\n<p><a href=\"https:\/\/www.espai.es\/blog\/wp-content\/uploads\/2021\/02\/vanish00000.jpg\" rel=\"attachment wp-att-11257\"><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter wp-image-11257 size-large\" src=\"https:\/\/www.espai.es\/blog\/wp-content\/uploads\/2021\/02\/vanish00000-1024x769.jpg\" alt=\"integraci\u00f3n\" width=\"1024\" height=\"769\" srcset=\"https:\/\/www.espai.es\/blog\/wp-content\/uploads\/2021\/02\/vanish00000-1024x769.jpg 1024w, https:\/\/www.espai.es\/blog\/wp-content\/uploads\/2021\/02\/vanish00000-300x225.jpg 300w, https:\/\/www.espai.es\/blog\/wp-content\/uploads\/2021\/02\/vanish00000-768x577.jpg 768w, https:\/\/www.espai.es\/blog\/wp-content\/uploads\/2021\/02\/vanish00000-800x600.jpg 800w, https:\/\/www.espai.es\/blog\/wp-content\/uploads\/2021\/02\/vanish00000-700x526.jpg 700w, https:\/\/www.espai.es\/blog\/wp-content\/uploads\/2021\/02\/vanish00000.jpg 1225w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/a><\/p>\n<p>Este bot\u00f3n al activarse nos muestra seis Gizmos auxiliares separados en tres pares de colores. Rojo, verde y azul.<\/p>\n<p>Cada par servir\u00e1 para determinar los tres ejes de la escena.<\/p>\n<p>Ahora, lo que debemos hacer es mover cada uno de los ayudantes para que cuadren con las l\u00edneas de perspectiva que podamos hallar en la foto.<\/p>\n<p>Las rojas ir\u00e1n de izquierda a derecha, las verdes en profundidad de adelante a atr\u00e1s y, por \u00faltimo, las azules que se colocar\u00e1n en las l\u00edneas verticales de la toma.<\/p>\n<p>A medida que vayamos acomodando cada ayudante en un sitio notaremos que la rejilla \u201chome grid\u201d del centro del eje de coordenadas va cambiando, y de alguna forma tambi\u00e9n se va adecuando a la distorsi\u00f3n de la perspectiva de la foto.<\/p>\n<p>Luego de acomodar todo, llevaremos mediante paning (la manito) el grid hasta que coincida con el suelo de la foto.<\/p>\n<div id=\"attachment_11254\" style=\"width: 1034px\" class=\"wp-caption aligncenter\"><a href=\"https:\/\/www.espai.es\/blog\/wp-content\/uploads\/2021\/02\/itsamatch.jpg\" rel=\"attachment wp-att-11254\"><img loading=\"lazy\" decoding=\"async\" aria-describedby=\"caption-attachment-11254\" class=\"wp-image-11254 size-large\" src=\"https:\/\/www.espai.es\/blog\/wp-content\/uploads\/2021\/02\/itsamatch-1024x684.jpg\" alt=\"integraci\u00f3n\" width=\"1024\" height=\"684\" srcset=\"https:\/\/www.espai.es\/blog\/wp-content\/uploads\/2021\/02\/itsamatch-1024x684.jpg 1024w, https:\/\/www.espai.es\/blog\/wp-content\/uploads\/2021\/02\/itsamatch-300x200.jpg 300w, https:\/\/www.espai.es\/blog\/wp-content\/uploads\/2021\/02\/itsamatch-768x513.jpg 768w, https:\/\/www.espai.es\/blog\/wp-content\/uploads\/2021\/02\/itsamatch-700x468.jpg 700w, https:\/\/www.espai.es\/blog\/wp-content\/uploads\/2021\/02\/itsamatch.jpg 1259w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/a><p id=\"caption-attachment-11254\" class=\"wp-caption-text\">Todo en orden !<\/p><\/div>\n<p>La prueba de fuego para nuestro perspective match es crear un plano a la altura de la rejilla ya calibrada y un elemento cualquiera (una tetera por ejemplo &#x1f60a;). Si todo ha salido bien esas dos geometr\u00edas deber\u00edan parecer con la distorsi\u00f3n necesaria para responder a la perspectiva de la foto de fondo.<\/p>\n<p>Despu\u00e9s de haber logrado esto tecleamos el atajo de teclado \u201cCtrl + C\u201d para crear una c\u00e1mara a partir de la vista de perspectiva.<\/p>\n<div id=\"attachment_11262\" style=\"width: 1034px\" class=\"wp-caption aligncenter\"><a href=\"https:\/\/www.espai.es\/blog\/wp-content\/uploads\/2021\/02\/camfixed.jpg\" rel=\"attachment wp-att-11262\"><img loading=\"lazy\" decoding=\"async\" aria-describedby=\"caption-attachment-11262\" class=\"size-large wp-image-11262\" src=\"https:\/\/www.espai.es\/blog\/wp-content\/uploads\/2021\/02\/camfixed-1024x540.jpg\" alt=\"\" width=\"1024\" height=\"540\" srcset=\"https:\/\/www.espai.es\/blog\/wp-content\/uploads\/2021\/02\/camfixed-1024x540.jpg 1024w, https:\/\/www.espai.es\/blog\/wp-content\/uploads\/2021\/02\/camfixed-300x158.jpg 300w, https:\/\/www.espai.es\/blog\/wp-content\/uploads\/2021\/02\/camfixed-768x405.jpg 768w, https:\/\/www.espai.es\/blog\/wp-content\/uploads\/2021\/02\/camfixed-700x369.jpg 700w, https:\/\/www.espai.es\/blog\/wp-content\/uploads\/2021\/02\/camfixed.jpg 1612w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/a><p id=\"caption-attachment-11262\" class=\"wp-caption-text\">La c\u00e1mara creada depu\u00e9s de teclear Ctrl+C y el objeto de referencia<\/p><\/div>\n<p>Esa c\u00e1mara creada se crear\u00e1 con las especificaciones adecuadas para que cualquier cosa que generemos con base en el grid, parezca estar dentro del \u00e1rea de perspectiva de la foto.<\/p>\n<p>A diferencia de la c\u00e1mara del primer ejercicio, esta c\u00e1mara tiene la misi\u00f3n de estar fija, por lo que el movimiento ser\u00e1 misi\u00f3n de la post producci\u00f3n.<\/p>\n<p><a href=\"https:\/\/www.espai.es\/blog\/wp-content\/uploads\/2021\/02\/camplaneteapot.jpg\" rel=\"attachment wp-att-11263\"><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter wp-image-11263 size-large\" src=\"https:\/\/www.espai.es\/blog\/wp-content\/uploads\/2021\/02\/camplaneteapot-1024x547.jpg\" alt=\"integraci\u00f3n\" width=\"1024\" height=\"547\" srcset=\"https:\/\/www.espai.es\/blog\/wp-content\/uploads\/2021\/02\/camplaneteapot-1024x547.jpg 1024w, https:\/\/www.espai.es\/blog\/wp-content\/uploads\/2021\/02\/camplaneteapot-300x160.jpg 300w, https:\/\/www.espai.es\/blog\/wp-content\/uploads\/2021\/02\/camplaneteapot-768x410.jpg 768w, https:\/\/www.espai.es\/blog\/wp-content\/uploads\/2021\/02\/camplaneteapot-700x374.jpg 700w, https:\/\/www.espai.es\/blog\/wp-content\/uploads\/2021\/02\/camplaneteapot.jpg 1619w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/a><\/p>\n<h4>Paso 03 (Iluminaci\u00f3n y plano de sombras)<\/h4>\n<p>Como ya hab\u00edamos comentado anteriormente, la iluminaci\u00f3n de esta escena ser\u00e1 por imagen (IBL).<\/p>\n<p>Para ello, a\u00f1adiremos una luz de tipo domo (esta luz es b\u00e1sicamente una c\u00fapula que envuelve a todo el escenario). El motor de render ser\u00e1 Vray dentro de MAX.<\/p>\n<p><a href=\"https:\/\/www.espai.es\/blog\/wp-content\/uploads\/2021\/02\/dome.jpg\" rel=\"attachment wp-att-11259\"><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter size-large wp-image-11259\" src=\"https:\/\/www.espai.es\/blog\/wp-content\/uploads\/2021\/02\/dome-1024x462.jpg\" alt=\"\" width=\"1024\" height=\"462\" srcset=\"https:\/\/www.espai.es\/blog\/wp-content\/uploads\/2021\/02\/dome-1024x462.jpg 1024w, https:\/\/www.espai.es\/blog\/wp-content\/uploads\/2021\/02\/dome-300x135.jpg 300w, https:\/\/www.espai.es\/blog\/wp-content\/uploads\/2021\/02\/dome-768x347.jpg 768w, https:\/\/www.espai.es\/blog\/wp-content\/uploads\/2021\/02\/dome-700x316.jpg 700w, https:\/\/www.espai.es\/blog\/wp-content\/uploads\/2021\/02\/dome.jpg 1358w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/a><\/p>\n<p>Una vez creada la luz domo, cargaremos en la casilla de sus propiedades con la etiqueta \u201ctextura\u201d un mapa Vray HDRI.<\/p>\n<p>La versi\u00f3n de Vray con la que trabajo actualmente es la NEXT (equivale a decir la 4).<\/p>\n<p>Si est\u00e1n trabajando con la versi\u00f3n 5 el mapa que tienen que buscar es VrayBitmap.)<\/p>\n<p><a href=\"https:\/\/www.espai.es\/blog\/wp-content\/uploads\/2021\/02\/IBL.jpg\" rel=\"attachment wp-att-11260\"><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter size-full wp-image-11260\" src=\"https:\/\/www.espai.es\/blog\/wp-content\/uploads\/2021\/02\/IBL.jpg\" alt=\"\" width=\"916\" height=\"732\" srcset=\"https:\/\/www.espai.es\/blog\/wp-content\/uploads\/2021\/02\/IBL.jpg 916w, https:\/\/www.espai.es\/blog\/wp-content\/uploads\/2021\/02\/IBL-300x240.jpg 300w, https:\/\/www.espai.es\/blog\/wp-content\/uploads\/2021\/02\/IBL-768x614.jpg 768w, https:\/\/www.espai.es\/blog\/wp-content\/uploads\/2021\/02\/IBL-700x559.jpg 700w\" sizes=\"auto, (max-width: 916px) 100vw, 916px\" \/><\/a><\/p>\n<p>Ni bien hemos elegido el mapa en cuesti\u00f3n, nos saltar\u00e1 el buscador para que le digamos al domo d\u00f3nde tiene que buscar el archivo HDRI.<\/p>\n<p>Cuando lo hayamos elegido de su respectiva carpeta habremos instalado la luz. En las propiedades del domo activaremos la casilla \u201cinvisible\u201d puesto que s\u00f3lo queremos apreciar la iluminaci\u00f3n y no la proyecci\u00f3n de la foto 360 en la luz instalada.<\/p>\n<p><a href=\"https:\/\/www.espai.es\/blog\/wp-content\/uploads\/2021\/02\/Captura-de-pantalla-2021-02-04-145701.jpg\" rel=\"attachment wp-att-11261\"><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter size-full wp-image-11261\" src=\"https:\/\/www.espai.es\/blog\/wp-content\/uploads\/2021\/02\/Captura-de-pantalla-2021-02-04-145701.jpg\" alt=\"\" width=\"870\" height=\"762\" srcset=\"https:\/\/www.espai.es\/blog\/wp-content\/uploads\/2021\/02\/Captura-de-pantalla-2021-02-04-145701.jpg 870w, https:\/\/www.espai.es\/blog\/wp-content\/uploads\/2021\/02\/Captura-de-pantalla-2021-02-04-145701-300x263.jpg 300w, https:\/\/www.espai.es\/blog\/wp-content\/uploads\/2021\/02\/Captura-de-pantalla-2021-02-04-145701-768x673.jpg 768w, https:\/\/www.espai.es\/blog\/wp-content\/uploads\/2021\/02\/Captura-de-pantalla-2021-02-04-145701-700x613.jpg 700w\" sizes=\"auto, (max-width: 870px) 100vw, 870px\" \/><\/a><\/p>\n<p>El plano que hemos colocado para la prueba inicial nos servir\u00e1 para capturar las sombras.<\/p>\n<p>Con el plano seleccionado, vamos a la barra de herramientas de Vray y buscamos el bot\u00f3n \u201cMake shadow c\u00e1tcher\u201d (la captura a continuaci\u00f3n).<\/p>\n<p><a href=\"https:\/\/www.espai.es\/blog\/wp-content\/uploads\/2021\/02\/shadowcatcher.jpg\" rel=\"attachment wp-att-11264\"><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter size-large wp-image-11264\" src=\"https:\/\/www.espai.es\/blog\/wp-content\/uploads\/2021\/02\/shadowcatcher-1024x483.jpg\" alt=\"\" width=\"1024\" height=\"483\" srcset=\"https:\/\/www.espai.es\/blog\/wp-content\/uploads\/2021\/02\/shadowcatcher-1024x483.jpg 1024w, https:\/\/www.espai.es\/blog\/wp-content\/uploads\/2021\/02\/shadowcatcher-300x141.jpg 300w, https:\/\/www.espai.es\/blog\/wp-content\/uploads\/2021\/02\/shadowcatcher-768x362.jpg 768w, https:\/\/www.espai.es\/blog\/wp-content\/uploads\/2021\/02\/shadowcatcher-700x330.jpg 700w, https:\/\/www.espai.es\/blog\/wp-content\/uploads\/2021\/02\/shadowcatcher.jpg 1194w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/a><\/p>\n<p>Este bot\u00f3n har\u00e1 invisible al plano, pero lo habilitar\u00e1 para poder recibir sombras provenientes de los objetos interactuando con la luz Domo.<\/p>\n<p>Con esto habremos logrado la integraci\u00f3n.<\/p>\n<h4>Paso 04\u00a0\u00a0 Profundidad de la foto.<\/h4>\n<p>Para poder contar con una herramienta m\u00e1s que haga interesante nuestra foto en el proceso de post producci\u00f3n, necesitamos determinar la profundidad qu\u00e9 tiene la fotograf\u00eda.<\/p>\n<p>Esta profundidad no se imbuir\u00e1 directamente en el render, sino que la depositamos en una imagen extra que luego nos permita jugar con la profundidad de campo en after Effect.<\/p>\n<p>La forma de almacenar la informaci\u00f3n de profundidad en una imagen extra es mediante una imagen en blanco y negro y en escala de grises.<\/p>\n<p>La forma de leer esa informaci\u00f3n ser\u00e1: las zonas blancas o m\u00e1s claras ser\u00e1n las que se encuentran m\u00e1s cerca de la c\u00e1mara, y cualquier valor de gris o negro indicar\u00e1 aquellas zonas que se encuentran m\u00e1s alejadas.<\/p>\n<p>Para lograr esta imagen extra tendremos que configurarla en el apartado de render por elementos.<\/p>\n<div id=\"attachment_11265\" style=\"width: 1034px\" class=\"wp-caption aligncenter\"><a href=\"https:\/\/www.espai.es\/blog\/wp-content\/uploads\/2021\/02\/ZKat.jpg\" rel=\"attachment wp-att-11265\"><img loading=\"lazy\" decoding=\"async\" aria-describedby=\"caption-attachment-11265\" class=\"size-large wp-image-11265\" src=\"https:\/\/www.espai.es\/blog\/wp-content\/uploads\/2021\/02\/ZKat-1024x684.jpg\" alt=\"\" width=\"1024\" height=\"684\" srcset=\"https:\/\/www.espai.es\/blog\/wp-content\/uploads\/2021\/02\/ZKat-1024x684.jpg 1024w, https:\/\/www.espai.es\/blog\/wp-content\/uploads\/2021\/02\/ZKat-300x200.jpg 300w, https:\/\/www.espai.es\/blog\/wp-content\/uploads\/2021\/02\/ZKat-768x513.jpg 768w, https:\/\/www.espai.es\/blog\/wp-content\/uploads\/2021\/02\/ZKat-700x467.jpg 700w, https:\/\/www.espai.es\/blog\/wp-content\/uploads\/2021\/02\/ZKat.jpg 1200w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/a><p id=\"caption-attachment-11265\" class=\"wp-caption-text\">Este es nuestro mapa de profundidad Z<\/p><\/div>\n<p>El elemento en cuesti\u00f3n se llama \u201cZdepth\u201d que puede traducirse como profundidad en Z.<\/p>\n<p>Para ello abrimos el men\u00fa de render (F10) y activamos la solapa \u201cRender elements\u201d.<\/p>\n<p>Presionamos el bot\u00f3n Add y de la lista elegiremos VrayZdepth, presionamos \u201cOK\u201d para a\u00f1adirlo.<\/p>\n<p><a href=\"https:\/\/www.espai.es\/blog\/wp-content\/uploads\/2021\/02\/Zmap.jpg\" rel=\"attachment wp-att-11266\"><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter size-full wp-image-11266\" src=\"https:\/\/www.espai.es\/blog\/wp-content\/uploads\/2021\/02\/Zmap.jpg\" alt=\"\" width=\"831\" height=\"645\" srcset=\"https:\/\/www.espai.es\/blog\/wp-content\/uploads\/2021\/02\/Zmap.jpg 831w, https:\/\/www.espai.es\/blog\/wp-content\/uploads\/2021\/02\/Zmap-300x233.jpg 300w, https:\/\/www.espai.es\/blog\/wp-content\/uploads\/2021\/02\/Zmap-768x596.jpg 768w, https:\/\/www.espai.es\/blog\/wp-content\/uploads\/2021\/02\/Zmap-700x543.jpg 700w\" sizes=\"auto, (max-width: 831px) 100vw, 831px\" \/><\/a><\/p>\n<p>Luego hacemos scroll para ver sus opciones. Es necesario decirle las distancias con las que queremos que cree el mapa de profundidad.<\/p>\n<p>Para saber que distancias poner, desde el visor superior \u201ctop\u201d podemos averiguar las distancias de los objetos con ayuda del ayudante llamado \u201cTAPE\u201d, que podemos encontrar en la solapa crear y el quinto icono de ayudantes \u201chelpers\u201d de la barra de herramienta de la derecha (como muestra la captura).<\/p>\n<p>En la captura de ejemplo vemos que el primer ayudante nos da una medida de unos 400 cm desde la c\u00e1mara hacia la escultura del gato.<\/p>\n<p>la distancia m\u00e1s larga es de unas 1200 unidades (Medida desde la c\u00e1mara hasta la \u00faltima letra de la palabra que acompa\u00f1an al gato).<\/p>\n<p>c\u00f3mo queremos jugar con un poco de profundidad con la escultura diremos que la distancia m\u00ednima para enfoque es de 100 y la distancia m\u00e1xima es de 1200.<\/p>\n<p><a href=\"https:\/\/www.espai.es\/blog\/wp-content\/uploads\/2021\/02\/distancias.jpg\" rel=\"attachment wp-att-11267\"><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter wp-image-11267 size-full\" src=\"https:\/\/www.espai.es\/blog\/wp-content\/uploads\/2021\/02\/distancias.jpg\" alt=\"integraci\u00f3n\" width=\"761\" height=\"563\" srcset=\"https:\/\/www.espai.es\/blog\/wp-content\/uploads\/2021\/02\/distancias.jpg 761w, https:\/\/www.espai.es\/blog\/wp-content\/uploads\/2021\/02\/distancias-300x222.jpg 300w, https:\/\/www.espai.es\/blog\/wp-content\/uploads\/2021\/02\/distancias-700x518.jpg 700w\" sizes=\"auto, (max-width: 761px) 100vw, 761px\" \/><\/a><\/p>\n<p>esto se tiene que colocar como distancia m\u00ednima y distancia m\u00e1xima en la configuraci\u00f3n de la profundidad Z.<\/p>\n<p>ahora solo nos queda lanzar el render y esperar que se generen dos canales. el render en color y el render del mapa de profundidad.<\/p>\n<p>El render final en este caso es de solo un fotograma. Ahora toca darle vida.<\/p>\n<p><a href=\"https:\/\/www.espai.es\/blog\/wp-content\/uploads\/2021\/02\/scroll.jpg\" rel=\"attachment wp-att-11268\"><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter wp-image-11268 size-full\" src=\"https:\/\/www.espai.es\/blog\/wp-content\/uploads\/2021\/02\/scroll.jpg\" alt=\"integraci\u00f3n\" width=\"359\" height=\"598\" srcset=\"https:\/\/www.espai.es\/blog\/wp-content\/uploads\/2021\/02\/scroll.jpg 359w, https:\/\/www.espai.es\/blog\/wp-content\/uploads\/2021\/02\/scroll-180x300.jpg 180w\" sizes=\"auto, (max-width: 359px) 100vw, 359px\" \/><\/a><\/p>\n<h4>Paso 05 convertir la foto en v\u00eddeo<\/h4>\n<p>Llevamos nuestros dos fotogramas al apartado de proyecto.<\/p>\n<p>Creamos una composici\u00f3n de unos seis a siete segundos, y arrastramos los dos renders.<\/p>\n<p>El render de color ser\u00e1 el \u00fanico fotograma visible. El render de profundidad solo es informaci\u00f3n para el siguiente paso, as\u00ed que podemos mantenerlo \u201capagado\u201d.<\/p>\n<p><a href=\"https:\/\/www.espai.es\/blog\/wp-content\/uploads\/2021\/02\/7secs.jpg\" rel=\"attachment wp-att-11269\"><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter wp-image-11269 size-large\" src=\"https:\/\/www.espai.es\/blog\/wp-content\/uploads\/2021\/02\/7secs-1024x554.jpg\" alt=\"integraci\u00f3n\" width=\"1024\" height=\"554\" srcset=\"https:\/\/www.espai.es\/blog\/wp-content\/uploads\/2021\/02\/7secs-1024x554.jpg 1024w, https:\/\/www.espai.es\/blog\/wp-content\/uploads\/2021\/02\/7secs-300x162.jpg 300w, https:\/\/www.espai.es\/blog\/wp-content\/uploads\/2021\/02\/7secs-768x416.jpg 768w, https:\/\/www.espai.es\/blog\/wp-content\/uploads\/2021\/02\/7secs-700x379.jpg 700w, https:\/\/www.espai.es\/blog\/wp-content\/uploads\/2021\/02\/7secs.jpg 1702w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/a><\/p>\n<p>Para jugar con la profundidad aplicaremos sobre el fotograma de color un filtro llamado \u201cdesenfoque de lente\u201d<\/p>\n<p>Este filtro utiliza la informaci\u00f3n de blanco y negro para desenfocar proporcionalmente las zonas.<\/p>\n<p>El filtro es simple.<\/p>\n<p>Te pide que le indiques que capa \u201clayer\u201d va a usar para ello y aplica un desenfoque \u201cstandard\u201d.<\/p>\n<p>Si el resultado que se busca es opuesto al deseado, existe tambi\u00e9n una casilla para invertir el desenfoque y se puede tunear el resultado potenciando o haci\u00e9ndolo m\u00e1s sutil.<\/p>\n<p><a href=\"https:\/\/www.espai.es\/blog\/wp-content\/uploads\/2021\/02\/filter.jpg\" rel=\"attachment wp-att-11270\"><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter wp-image-11270 size-large\" src=\"https:\/\/www.espai.es\/blog\/wp-content\/uploads\/2021\/02\/filter-1024x576.jpg\" alt=\"integraci\u00f3n\" width=\"1024\" height=\"576\" srcset=\"https:\/\/www.espai.es\/blog\/wp-content\/uploads\/2021\/02\/filter-1024x576.jpg 1024w, https:\/\/www.espai.es\/blog\/wp-content\/uploads\/2021\/02\/filter-300x169.jpg 300w, https:\/\/www.espai.es\/blog\/wp-content\/uploads\/2021\/02\/filter-768x432.jpg 768w, https:\/\/www.espai.es\/blog\/wp-content\/uploads\/2021\/02\/filter-700x394.jpg 700w, https:\/\/www.espai.es\/blog\/wp-content\/uploads\/2021\/02\/filter-539x303.jpg 539w, https:\/\/www.espai.es\/blog\/wp-content\/uploads\/2021\/02\/filter.jpg 1920w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/a><\/p>\n<p>Existe un dial que permite cambiar de forma gradual la prioridad de enfoque. Como todo en after effects, el dial tiene un reloj que se puede activar y, por tanto, animar.<\/p>\n<p>Cuando ya hemos logrado la animaci\u00f3n del enfoque pasamos a animar la c\u00e1mara.<\/p>\n\n\t\t<style type=\"text\/css\">\n\t\t\t#gallery-4 {\n\t\t\t\tmargin: auto;\n\t\t\t}\n\t\t\t#gallery-4 .gallery-item {\n\t\t\t\tfloat: left;\n\t\t\t\tmargin-top: 10px;\n\t\t\t\ttext-align: center;\n\t\t\t\twidth: 50%;\n\t\t\t}\n\t\t\t#gallery-4 img {\n\t\t\t\tborder: 2px solid #cfcfcf;\n\t\t\t}\n\t\t\t#gallery-4 .gallery-caption {\n\t\t\t\tmargin-left: 0;\n\t\t\t}\n\t\t\t\/* see gallery_shortcode() in wp-includes\/media.php *\/\n\t\t<\/style>\n\t\t<div id='gallery-4' class='gallery galleryid-11218 gallery-columns-2 gallery-size-large'><dl class='gallery-item'>\n\t\t\t<dt class='gallery-icon landscape'>\n\t\t\t\t<a href='https:\/\/www.espai.es\/blog\/2021\/02\/integracion-de-cgi-parte-ii-primero-casos\/depthaplied01\/'><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"685\" src=\"https:\/\/www.espai.es\/blog\/wp-content\/uploads\/2021\/02\/depthaplied01-1024x685.jpg\" class=\"attachment-large size-large\" alt=\"\" srcset=\"https:\/\/www.espai.es\/blog\/wp-content\/uploads\/2021\/02\/depthaplied01-1024x685.jpg 1024w, https:\/\/www.espai.es\/blog\/wp-content\/uploads\/2021\/02\/depthaplied01-300x201.jpg 300w, https:\/\/www.espai.es\/blog\/wp-content\/uploads\/2021\/02\/depthaplied01-768x514.jpg 768w, https:\/\/www.espai.es\/blog\/wp-content\/uploads\/2021\/02\/depthaplied01-700x468.jpg 700w, https:\/\/www.espai.es\/blog\/wp-content\/uploads\/2021\/02\/depthaplied01.jpg 1437w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/a>\n\t\t\t<\/dt><\/dl><dl class='gallery-item'>\n\t\t\t<dt class='gallery-icon landscape'>\n\t\t\t\t<a href='https:\/\/www.espai.es\/blog\/2021\/02\/integracion-de-cgi-parte-ii-primero-casos\/depthaplied02\/'><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"686\" src=\"https:\/\/www.espai.es\/blog\/wp-content\/uploads\/2021\/02\/depthaplied02-1024x686.jpg\" class=\"attachment-large size-large\" alt=\"\" srcset=\"https:\/\/www.espai.es\/blog\/wp-content\/uploads\/2021\/02\/depthaplied02-1024x686.jpg 1024w, https:\/\/www.espai.es\/blog\/wp-content\/uploads\/2021\/02\/depthaplied02-300x201.jpg 300w, https:\/\/www.espai.es\/blog\/wp-content\/uploads\/2021\/02\/depthaplied02-768x515.jpg 768w, https:\/\/www.espai.es\/blog\/wp-content\/uploads\/2021\/02\/depthaplied02-700x469.jpg 700w, https:\/\/www.espai.es\/blog\/wp-content\/uploads\/2021\/02\/depthaplied02.jpg 1432w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/a>\n\t\t\t<\/dt><\/dl><br style=\"clear: both\" \/>\n\t\t<\/div>\n\n<h4>Paso 06 Crear una handycam<\/h4>\n<p>Creamos una c\u00e1mara y convertimos la capa de color en 3d. Adem\u00e1s, la escalamos sutilmente para que cuando la c\u00e1mara se mueva, no podamos apreciar el desfase de los bordes de la foto.<\/p>\n<p>A\u00f1adimos una expresi\u00f3n wiggle a las orientaciones en x y en y. Como no deseamos un cambio muy violento en la orientaci\u00f3n utilizaremos los valores de 0,5 en la frecuencia y de 5:00 a 7:00 grados en la amplitud.<\/p>\n<p>La f\u00f3rmula resultante ser\u00eda la siguiente:<\/p>\n<p>Wiggle (0.5,7)<\/p>\n<p>Recordemos r\u00e1pidamente, que el primer valor establece la cantidad de veces por segundo que sucede un cambio y El segundo valor representa la potencia o magnitud con la que el cambio va a suceder. Entonces podemos interpretar que habr\u00e1 cada dos segundos un cambio completo de orientaci\u00f3n con 7\u00b0 de variaci\u00f3n.<\/p>\n<p>Ya podemos exportar nuestra segunda animaci\u00f3n.<\/p>\n<h3>Integraci\u00f3n de elementos CGI en tomas reales : Conclusiones.-<\/h3>\n<p>Dada la longitud del presente art\u00edculo y teniendo en cuenta de que hab\u00edamos prometido un total de cuatro entregas, podemos decir que es prudente terminar este volumen aqu\u00ed.<\/p>\n<p>Ahora conocemos dos maneras de dar un poco de vida a nuestras im\u00e1genes est\u00e1ticas a\u00f1adi\u00e9ndoles contenido tridimensional, vali\u00e9ndonos de peque\u00f1os trucos de perspectiva y el famoso efecto de Parallax<\/p>\n<p>El tercer ejemplo requiere una explicaci\u00f3n Que terminar\u00eda haciendo el texto un poco m\u00e1s largo de lo debido.<\/p>\n<p>Por esta raz\u00f3n lo dejaremos con este, no programado cliffhanger, para continuar la siguiente entrega<\/p>\n<p>Con suerte no pasar\u00e1 demasiado tiempo antes de que la tercera entrega vea la luz.<\/p>\n<p>&nbsp;<\/p>\n<p>Hasta pronto.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>Segunda parte de cuatro sobre c\u00f3mo integrar elementos digitales en escenas reales. En esta ocasi\u00f3n convertimos fotos en video para comunicar nuestra historia.<\/p>\n","protected":false},"author":9,"featured_media":11604,"comment_status":"open","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"_monsterinsights_skip_tracking":false,"_monsterinsights_sitenote_active":false,"_monsterinsights_sitenote_note":"","_monsterinsights_sitenote_category":0,"jetpack_post_was_ever_published":false,"_jetpack_newsletter_access":"","_jetpack_dont_email_post_to_subs":false,"_jetpack_newsletter_tier_id":0,"_jetpack_memberships_contains_paywalled_content":false,"_ef_editorial_meta_date_first-draft-date":"","_ef_editorial_meta_paragraph_assignment":"","_ef_editorial_meta_checkbox_needs-photo":"","_ef_editorial_meta_number_word-count":"","_jetpack_memberships_contains_paid_content":false,"footnotes":""},"categories":[6,77],"tags":[71,238,524,777,779,783,201,37],"class_list":["post-11218","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-animacion-3d","category-edicion-de-video-y-postproduccion","tag-3d","tag-3d-max","tag-animacion-3d","tag-compositing","tag-integracion","tag-montaje","tag-productividad","tag-tutorial"],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v27.1.1 - https:\/\/yoast.com\/product\/yoast-seo-wordpress\/ -->\n<title>Integraci\u00f3n de CGI (Parte II Primeros casos) - Blog Escola Espai<\/title>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/www.espai.es\/blog\/2021\/02\/integracion-de-cgi-parte-ii-primero-casos\/\" \/>\n<meta property=\"og:locale\" content=\"es_ES\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Integraci\u00f3n de CGI (Parte II Primeros casos) - Blog Escola Espai\" \/>\n<meta property=\"og:description\" content=\"Segunda parte de cuatro sobre c\u00f3mo integrar elementos digitales en escenas reales. En esta ocasi\u00f3n convertimos fotos en video para comunicar nuestra historia.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/www.espai.es\/blog\/2021\/02\/integracion-de-cgi-parte-ii-primero-casos\/\" \/>\n<meta property=\"og:site_name\" content=\"Blog Escola Espai\" \/>\n<meta property=\"article:published_time\" content=\"2021-02-05T17:55:51+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2021-04-27T17:41:29+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/www.espai.es\/blog\/wp-content\/uploads\/2021\/02\/depthcoverredone.jpg\" \/>\n\t<meta property=\"og:image:width\" content=\"1000\" \/>\n\t<meta property=\"og:image:height\" content=\"500\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/jpeg\" \/>\n<meta name=\"author\" content=\"Aleks Alaiza\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Escrito por\" \/>\n\t<meta name=\"twitter:data1\" content=\"Aleks Alaiza\" \/>\n\t<meta name=\"twitter:label2\" content=\"Tiempo de lectura\" \/>\n\t<meta name=\"twitter:data2\" content=\"23 minutos\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\/\/www.espai.es\/blog\/2021\/02\/integracion-de-cgi-parte-ii-primero-casos\/#article\",\"isPartOf\":{\"@id\":\"https:\/\/www.espai.es\/blog\/2021\/02\/integracion-de-cgi-parte-ii-primero-casos\/\"},\"author\":{\"name\":\"Aleks Alaiza\",\"@id\":\"https:\/\/www.espai.es\/blog\/#\/schema\/person\/06bffc532e586b7c65d4075f9aa71614\"},\"headline\":\"Integraci\u00f3n de CGI (Parte II Primeros casos)\",\"datePublished\":\"2021-02-05T17:55:51+00:00\",\"dateModified\":\"2021-04-27T17:41:29+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\/\/www.espai.es\/blog\/2021\/02\/integracion-de-cgi-parte-ii-primero-casos\/\"},\"wordCount\":4559,\"commentCount\":2,\"image\":{\"@id\":\"https:\/\/www.espai.es\/blog\/2021\/02\/integracion-de-cgi-parte-ii-primero-casos\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/www.espai.es\/blog\/wp-content\/uploads\/2021\/02\/depthcoverredone.jpg\",\"keywords\":[\"3d\",\"3D Max\",\"Animaci\u00f3n 3D\",\"compositing\",\"integraci\u00f3n\",\"montaje\",\"productividad\",\"tutorial\"],\"articleSection\":[\"Animaci\u00f3n 3D\",\"Edici\u00f3n de Video y Postproducci\u00f3n\"],\"inLanguage\":\"es\",\"potentialAction\":[{\"@type\":\"CommentAction\",\"name\":\"Comment\",\"target\":[\"https:\/\/www.espai.es\/blog\/2021\/02\/integracion-de-cgi-parte-ii-primero-casos\/#respond\"]}]},{\"@type\":\"WebPage\",\"@id\":\"https:\/\/www.espai.es\/blog\/2021\/02\/integracion-de-cgi-parte-ii-primero-casos\/\",\"url\":\"https:\/\/www.espai.es\/blog\/2021\/02\/integracion-de-cgi-parte-ii-primero-casos\/\",\"name\":\"Integraci\u00f3n de CGI (Parte II Primeros casos) - Blog Escola Espai\",\"isPartOf\":{\"@id\":\"https:\/\/www.espai.es\/blog\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/www.espai.es\/blog\/2021\/02\/integracion-de-cgi-parte-ii-primero-casos\/#primaryimage\"},\"image\":{\"@id\":\"https:\/\/www.espai.es\/blog\/2021\/02\/integracion-de-cgi-parte-ii-primero-casos\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/www.espai.es\/blog\/wp-content\/uploads\/2021\/02\/depthcoverredone.jpg\",\"datePublished\":\"2021-02-05T17:55:51+00:00\",\"dateModified\":\"2021-04-27T17:41:29+00:00\",\"author\":{\"@id\":\"https:\/\/www.espai.es\/blog\/#\/schema\/person\/06bffc532e586b7c65d4075f9aa71614\"},\"breadcrumb\":{\"@id\":\"https:\/\/www.espai.es\/blog\/2021\/02\/integracion-de-cgi-parte-ii-primero-casos\/#breadcrumb\"},\"inLanguage\":\"es\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/www.espai.es\/blog\/2021\/02\/integracion-de-cgi-parte-ii-primero-casos\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"es\",\"@id\":\"https:\/\/www.espai.es\/blog\/2021\/02\/integracion-de-cgi-parte-ii-primero-casos\/#primaryimage\",\"url\":\"https:\/\/www.espai.es\/blog\/wp-content\/uploads\/2021\/02\/depthcoverredone.jpg\",\"contentUrl\":\"https:\/\/www.espai.es\/blog\/wp-content\/uploads\/2021\/02\/depthcoverredone.jpg\",\"width\":1000,\"height\":500},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/www.espai.es\/blog\/2021\/02\/integracion-de-cgi-parte-ii-primero-casos\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Portada\",\"item\":\"https:\/\/www.espai.es\/blog\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Integraci\u00f3n de CGI (Parte II Primeros casos)\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/www.espai.es\/blog\/#website\",\"url\":\"https:\/\/www.espai.es\/blog\/\",\"name\":\"Blog Escola Espai\",\"description\":\"\",\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/www.espai.es\/blog\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"es\"},{\"@type\":\"Person\",\"@id\":\"https:\/\/www.espai.es\/blog\/#\/schema\/person\/06bffc532e586b7c65d4075f9aa71614\",\"name\":\"Aleks Alaiza\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"es\",\"@id\":\"https:\/\/www.espai.es\/blog\/#\/schema\/person\/image\/\",\"url\":\"https:\/\/secure.gravatar.com\/avatar\/31ca501c2de55575f1c22529abcfa0253c609600eac1173693b8fbc98f0bec6c?s=96&d=mm&r=g\",\"contentUrl\":\"https:\/\/secure.gravatar.com\/avatar\/31ca501c2de55575f1c22529abcfa0253c609600eac1173693b8fbc98f0bec6c?s=96&d=mm&r=g\",\"caption\":\"Aleks Alaiza\"},\"sameAs\":[\"http:\/\/www.espai.es\"],\"url\":\"https:\/\/www.espai.es\/blog\/author\/aleks\/\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Integraci\u00f3n de CGI (Parte II Primeros casos) - Blog Escola Espai","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/www.espai.es\/blog\/2021\/02\/integracion-de-cgi-parte-ii-primero-casos\/","og_locale":"es_ES","og_type":"article","og_title":"Integraci\u00f3n de CGI (Parte II Primeros casos) - Blog Escola Espai","og_description":"Segunda parte de cuatro sobre c\u00f3mo integrar elementos digitales en escenas reales. En esta ocasi\u00f3n convertimos fotos en video para comunicar nuestra historia.","og_url":"https:\/\/www.espai.es\/blog\/2021\/02\/integracion-de-cgi-parte-ii-primero-casos\/","og_site_name":"Blog Escola Espai","article_published_time":"2021-02-05T17:55:51+00:00","article_modified_time":"2021-04-27T17:41:29+00:00","og_image":[{"width":1000,"height":500,"url":"https:\/\/www.espai.es\/blog\/wp-content\/uploads\/2021\/02\/depthcoverredone.jpg","type":"image\/jpeg"}],"author":"Aleks Alaiza","twitter_card":"summary_large_image","twitter_misc":{"Escrito por":"Aleks Alaiza","Tiempo de lectura":"23 minutos"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/www.espai.es\/blog\/2021\/02\/integracion-de-cgi-parte-ii-primero-casos\/#article","isPartOf":{"@id":"https:\/\/www.espai.es\/blog\/2021\/02\/integracion-de-cgi-parte-ii-primero-casos\/"},"author":{"name":"Aleks Alaiza","@id":"https:\/\/www.espai.es\/blog\/#\/schema\/person\/06bffc532e586b7c65d4075f9aa71614"},"headline":"Integraci\u00f3n de CGI (Parte II Primeros casos)","datePublished":"2021-02-05T17:55:51+00:00","dateModified":"2021-04-27T17:41:29+00:00","mainEntityOfPage":{"@id":"https:\/\/www.espai.es\/blog\/2021\/02\/integracion-de-cgi-parte-ii-primero-casos\/"},"wordCount":4559,"commentCount":2,"image":{"@id":"https:\/\/www.espai.es\/blog\/2021\/02\/integracion-de-cgi-parte-ii-primero-casos\/#primaryimage"},"thumbnailUrl":"https:\/\/www.espai.es\/blog\/wp-content\/uploads\/2021\/02\/depthcoverredone.jpg","keywords":["3d","3D Max","Animaci\u00f3n 3D","compositing","integraci\u00f3n","montaje","productividad","tutorial"],"articleSection":["Animaci\u00f3n 3D","Edici\u00f3n de Video y Postproducci\u00f3n"],"inLanguage":"es","potentialAction":[{"@type":"CommentAction","name":"Comment","target":["https:\/\/www.espai.es\/blog\/2021\/02\/integracion-de-cgi-parte-ii-primero-casos\/#respond"]}]},{"@type":"WebPage","@id":"https:\/\/www.espai.es\/blog\/2021\/02\/integracion-de-cgi-parte-ii-primero-casos\/","url":"https:\/\/www.espai.es\/blog\/2021\/02\/integracion-de-cgi-parte-ii-primero-casos\/","name":"Integraci\u00f3n de CGI (Parte II Primeros casos) - Blog Escola Espai","isPartOf":{"@id":"https:\/\/www.espai.es\/blog\/#website"},"primaryImageOfPage":{"@id":"https:\/\/www.espai.es\/blog\/2021\/02\/integracion-de-cgi-parte-ii-primero-casos\/#primaryimage"},"image":{"@id":"https:\/\/www.espai.es\/blog\/2021\/02\/integracion-de-cgi-parte-ii-primero-casos\/#primaryimage"},"thumbnailUrl":"https:\/\/www.espai.es\/blog\/wp-content\/uploads\/2021\/02\/depthcoverredone.jpg","datePublished":"2021-02-05T17:55:51+00:00","dateModified":"2021-04-27T17:41:29+00:00","author":{"@id":"https:\/\/www.espai.es\/blog\/#\/schema\/person\/06bffc532e586b7c65d4075f9aa71614"},"breadcrumb":{"@id":"https:\/\/www.espai.es\/blog\/2021\/02\/integracion-de-cgi-parte-ii-primero-casos\/#breadcrumb"},"inLanguage":"es","potentialAction":[{"@type":"ReadAction","target":["https:\/\/www.espai.es\/blog\/2021\/02\/integracion-de-cgi-parte-ii-primero-casos\/"]}]},{"@type":"ImageObject","inLanguage":"es","@id":"https:\/\/www.espai.es\/blog\/2021\/02\/integracion-de-cgi-parte-ii-primero-casos\/#primaryimage","url":"https:\/\/www.espai.es\/blog\/wp-content\/uploads\/2021\/02\/depthcoverredone.jpg","contentUrl":"https:\/\/www.espai.es\/blog\/wp-content\/uploads\/2021\/02\/depthcoverredone.jpg","width":1000,"height":500},{"@type":"BreadcrumbList","@id":"https:\/\/www.espai.es\/blog\/2021\/02\/integracion-de-cgi-parte-ii-primero-casos\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Portada","item":"https:\/\/www.espai.es\/blog\/"},{"@type":"ListItem","position":2,"name":"Integraci\u00f3n de CGI (Parte II Primeros casos)"}]},{"@type":"WebSite","@id":"https:\/\/www.espai.es\/blog\/#website","url":"https:\/\/www.espai.es\/blog\/","name":"Blog Escola Espai","description":"","potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/www.espai.es\/blog\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"es"},{"@type":"Person","@id":"https:\/\/www.espai.es\/blog\/#\/schema\/person\/06bffc532e586b7c65d4075f9aa71614","name":"Aleks Alaiza","image":{"@type":"ImageObject","inLanguage":"es","@id":"https:\/\/www.espai.es\/blog\/#\/schema\/person\/image\/","url":"https:\/\/secure.gravatar.com\/avatar\/31ca501c2de55575f1c22529abcfa0253c609600eac1173693b8fbc98f0bec6c?s=96&d=mm&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/31ca501c2de55575f1c22529abcfa0253c609600eac1173693b8fbc98f0bec6c?s=96&d=mm&r=g","caption":"Aleks Alaiza"},"sameAs":["http:\/\/www.espai.es"],"url":"https:\/\/www.espai.es\/blog\/author\/aleks\/"}]}},"jetpack_featured_media_url":"https:\/\/www.espai.es\/blog\/wp-content\/uploads\/2021\/02\/depthcoverredone.jpg","jetpack_sharing_enabled":true,"_links":{"self":[{"href":"https:\/\/www.espai.es\/blog\/wp-json\/wp\/v2\/posts\/11218","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.espai.es\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.espai.es\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.espai.es\/blog\/wp-json\/wp\/v2\/users\/9"}],"replies":[{"embeddable":true,"href":"https:\/\/www.espai.es\/blog\/wp-json\/wp\/v2\/comments?post=11218"}],"version-history":[{"count":8,"href":"https:\/\/www.espai.es\/blog\/wp-json\/wp\/v2\/posts\/11218\/revisions"}],"predecessor-version":[{"id":11287,"href":"https:\/\/www.espai.es\/blog\/wp-json\/wp\/v2\/posts\/11218\/revisions\/11287"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.espai.es\/blog\/wp-json\/wp\/v2\/media\/11604"}],"wp:attachment":[{"href":"https:\/\/www.espai.es\/blog\/wp-json\/wp\/v2\/media?parent=11218"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.espai.es\/blog\/wp-json\/wp\/v2\/categories?post=11218"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.espai.es\/blog\/wp-json\/wp\/v2\/tags?post=11218"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}