jueves, 18 de marzo de 2010
PIZiadas en Óleos: Hipopótamo y maleza [Díptico]
Un Hipopótamo oculto entre la maleza, un díptico de una de mis exposiciones y que ahora disfruta mi amigo y cantautor Fausto Valdés en su habitación, sobre su cama. ¿No le dará miedo que se le caiga encima?
PIZ: La Escapada
El puente de San José es un momento ideal para hacer una escapada que nos permita recargar las pilas. Las Fallas de Valencia, las playas del litoral, los refugios de montaña, países próximos o lejanos; Cualquier sitio es bueno si nos permite salir de nuestro estuche.
Hace unos años nacía PIZ. Con mucho trabajo y nula experiencia ha ido creciendo y evolucionando.
Un primer trabajo con un viejo PC en mi etapa de aprendizaje recrea una "escapada" del personaje.
Una animación muy elemental y rígida, pero llena de recuerdos.
Disfrutad vuestras "escapadas" de lo cotidiano.
Hace unos años nacía PIZ. Con mucho trabajo y nula experiencia ha ido creciendo y evolucionando.
Un primer trabajo con un viejo PC en mi etapa de aprendizaje recrea una "escapada" del personaje.
Una animación muy elemental y rígida, pero llena de recuerdos.
Disfrutad vuestras "escapadas" de lo cotidiano.
miércoles, 17 de marzo de 2010
Metaballs
Para representar objetos en animaciones 3D, se utilizan normalmente un conjunto de superfícies formadas por triángulos o cuadriláteros (quads), sobre los que se aplican texturas para crear el efecto de relieve. Existen otras técnicas implícitas también usadas aunque menos conocidas.
Esta técnica permite modelar elementos mediante la unión o sustracción de formas geométricas elementales, aportando una concepción moderna de definición de los modelos, especialmente útil en la representación de fluidos viscosos.
No entraremos en la definición rigurosa del modelo de cálculo ya que nuestro objetivo es utilizarlo como una herramienta versatil desde el punto de vista de diseño conceptual. Para ello, nos vasta con entender su comportamiento en una escena sencilla, y lo haremos de forma visual.
Supongamos que el elemento utilizado son esferas metaballs (también se dispone de planos, cubos o incluso toros de revolución). ¿Qué ocurre cuando dos metaballs se encuentran suficientemente próximas?
Si te interesa, puedes aprender más en:
Metaball es el nombre de una técnica de gráficos realizada por ordenador para simular interacción orgánica entre diferentes objetos n-dimensionales (como gotas de mercurio mezclándose por su superficie) y fue inventado por Jim Blinn a principios de los años 1980.
Metaballs are, in computer graphics, organic-looking n-dimensional objects. The technique for rendering metaballs was invented by Jim Blinn in the early 1980s.
(Wikipedia esp eng)
Esta técnica permite modelar elementos mediante la unión o sustracción de formas geométricas elementales, aportando una concepción moderna de definición de los modelos, especialmente útil en la representación de fluidos viscosos.
No entraremos en la definición rigurosa del modelo de cálculo ya que nuestro objetivo es utilizarlo como una herramienta versatil desde el punto de vista de diseño conceptual. Para ello, nos vasta con entender su comportamiento en una escena sencilla, y lo haremos de forma visual.
Supongamos que el elemento utilizado son esferas metaballs (también se dispone de planos, cubos o incluso toros de revolución). ¿Qué ocurre cuando dos metaballs se encuentran suficientemente próximas?
Como se puede ver, el comportamiento orgánico es similar al efecto de atracción de dos imanes. La superficie resultante es una "iso superficie" potencial, una superficie que envuelve la región del espacio afectado por las metaballs.
¿Tiene utilidad en gráficos animados? Os dejo un pequeño ejemplo realizado con Blender, una secuencia simple, para que veais su aplicación al mundo gráfico.
(Si no ves el vídeo, lo tienes en el canal de youtube piziadas)
Si te interesa, puedes aprender más en:
Etiquetas:
3D,
Animación,
Blender,
Imagen sintética,
Metaballs,
Tecnología
lunes, 15 de marzo de 2010
Presentaciones en vídeo: Crear una careta de entrada con Blender
Al incorporar elementos embebidos en nuestras páginas del blog, ocasionalmente utilizamos presentaciones en vídeo o tipo powerpoint. Soy partidario de usar principalmente vídeos, más aún si son de producción propia. Las posibilidades que ofrece este formato son claramente superiores a otros medios y me parece interesante mejorar su presencia con el diseño de caretas de entrada que refuercen la personalidad o autoría del mismo.
Hemos introducido anteriormente una herramienta de modelado tridimensional orientada a la creación de personajes animados; Próximamente completaremos los tutoriales que se avanzaron (instalación e introducción ), pero en esta fase de acercamiento a las posibilidades gráficas, destacaremos únicamente los aspectos que nos permitan definir conceptualmente nuestra propia creación.
Aunque no queráis hacer una animación compleja, os puede interesar preparar vuestra propia careta de entrada para los vídeos.

Un ejemplo ilustrativo se puede ver a continuación. La idea conceptual es unir los elementos fundamentales: Agua, tierra, fuego y aire
El fondo
A partir de una secuencia de un sistema de partículas con colisiones, se ha realizado una secuencia animada compuesta por 250 fotogramas. El fondo representa el fuego sobre la tierra, que a su vez proviene del aire.
La animación resultante, con pocos y muy simples elementos, ha sido renderizada en alta calidad, siendo necesarios 15 minutos por fotograma. Jocosamente la he llamado "Sirope sobre Flan Texturado", por la apariencia en los impactos. ;)
Los Objetos
Los objetos del primer plano son el texto a mostrar, con el elemento "agua" como nexo de unión. AL fín y al cabo, el agua es el ligamento molecular por excelencia ¿o es el disolvente universal?
El texto se ha "extruido" para conseguir el efecto tridimensional.
Se usa un alto grado de reflexión para dar un elevado brillo a la escena.
La Composición
Dependiendo del posproceso que se aplique a nuestras imágenes, el resultado puede tener un aspecto notoriamente diferente en cada caso. Tan importante es disponer de imágenes en bruto con acabado de gran calidad, como realizar una edición correcta del material disponible.
En nuestro caso, se ha realizado una superposición de las imágenes, y el resultado final es:
Actualización: Otros ejemplos interesantes
¿Se te ocurre tu propia careta de entrada?
PD: Este post está dedicado a RC SOLO DE INTERES, ya que ha sido ideado tras un cruce de correos relativos al uso de vídeos en blogs.
Relacionados
Imagen de síntesis
Hemos introducido anteriormente una herramienta de modelado tridimensional orientada a la creación de personajes animados; Próximamente completaremos los tutoriales que se avanzaron (instalación e introducción ), pero en esta fase de acercamiento a las posibilidades gráficas, destacaremos únicamente los aspectos que nos permitan definir conceptualmente nuestra propia creación.
Aunque no queráis hacer una animación compleja, os puede interesar preparar vuestra propia careta de entrada para los vídeos.
Es práctica habitual separar el renderizado del fondo de una escena, del correspondiente a los objetos que la pueblan. El proceso de unión de las dos imágenes se denomina composición, y se realiza técnicamente mediante fundidos, superposiciones y otras operaciones con imágenes

Un ejemplo ilustrativo se puede ver a continuación. La idea conceptual es unir los elementos fundamentales: Agua, tierra, fuego y aire
El fondo
A partir de una secuencia de un sistema de partículas con colisiones, se ha realizado una secuencia animada compuesta por 250 fotogramas. El fondo representa el fuego sobre la tierra, que a su vez proviene del aire.
- Las partículas se han texturado con un material semitransparente de color rojo, que son deformables con el impacto.
- Los obstáculos son un conjunto de cubos cuasi rígidos con texturas granulares.
- El plano final es un firmamento coronado de estrellas.
La animación resultante, con pocos y muy simples elementos, ha sido renderizada en alta calidad, siendo necesarios 15 minutos por fotograma. Jocosamente la he llamado "Sirope sobre Flan Texturado", por la apariencia en los impactos. ;)
Los Objetos
Los objetos del primer plano son el texto a mostrar, con el elemento "agua" como nexo de unión. AL fín y al cabo, el agua es el ligamento molecular por excelencia ¿o es el disolvente universal?
El texto se ha "extruido" para conseguir el efecto tridimensional.
Se usa un alto grado de reflexión para dar un elevado brillo a la escena.
La Composición
Dependiendo del posproceso que se aplique a nuestras imágenes, el resultado puede tener un aspecto notoriamente diferente en cada caso. Tan importante es disponer de imágenes en bruto con acabado de gran calidad, como realizar una edición correcta del material disponible.
En nuestro caso, se ha realizado una superposición de las imágenes, y el resultado final es:
Actualización: Otros ejemplos interesantes
¿Se te ocurre tu propia careta de entrada?
PD: Este post está dedicado a RC SOLO DE INTERES, ya que ha sido ideado tras un cruce de correos relativos al uso de vídeos en blogs.
Relacionados
Imagen de síntesis
Etiquetas:
3D,
Blender,
Blog,
Imagen sintética,
Tecnología,
Televisión
domingo, 14 de marzo de 2010
"No somos Catetos: Proporcionalidad" [Blogs experimentales]
Os presento otro de los "Blogs educativos" que participan en la experiencia de innovación educativa que se desarrolla en la EUITA.
La elección del nombre (de forma similar a otro de los grupos presentados) asocia los lados de un triángulo pitagórico (catetos), es decir, un triángulo rectángulo, con los constituyentes del grupo.
El doble sentido de la palabra "catetos", que puede significar tanto un elemento geométrico como una persona "de pueblo" (normalmente y equivocadamente considerada poco culta) puede hacer referencia a su condición de "alumnos" y por tanto "desconocedores" de la materia objeto de estudio. Un rasgo de negación de esta situación y/o de humor, o una negación como reto a superar!.
El diseño del "avatar" representativo del grupo de trabajo, que en el momento de la publicación de este post lleva realizadas tres aportaciones al blog, es una figura clásica de la geometría, un triángulo rectángulo. De nuevo, es destacable la regularidad de la forma obtenida a partir de un cuadrado dividido por la diagonal, de forma que ambos catetos tienen igual longitud: ¿Un mensaje de igualdad y equilíbrio de los miembros del grupo?.
Os dejo una de sus páginas embebidas y el correspondiente enlace al blog (con idéntico formato al utilizado en otras ocasiones) para continuar con la diseminación de la experiencia de innovación educativa y la promoción de los alumnos participantes.
Podeis participar haciéndoles comentarios a sus entradas, dando vuestra opinión y motivando su trabajo. Creo que nos pueden aportar una visión personal de la geometría que puede sorprendernos. En este caso nos presentan un tema fundamental de la geometría plana, relaciones métricas de uso en el desarrollo de la gemometria, pilares del modelo de conocimiento que abordamos.
Relacionados
Blogs experimentales: Empezando una experiencia de uso educativo de los blogs
Página principal de la experiencia
18
El doble sentido de la palabra "catetos", que puede significar tanto un elemento geométrico como una persona "de pueblo" (normalmente y equivocadamente considerada poco culta) puede hacer referencia a su condición de "alumnos" y por tanto "desconocedores" de la materia objeto de estudio. Un rasgo de negación de esta situación y/o de humor, o una negación como reto a superar!.
El diseño del "avatar" representativo del grupo de trabajo, que en el momento de la publicación de este post lleva realizadas tres aportaciones al blog, es una figura clásica de la geometría, un triángulo rectángulo. De nuevo, es destacable la regularidad de la forma obtenida a partir de un cuadrado dividido por la diagonal, de forma que ambos catetos tienen igual longitud: ¿Un mensaje de igualdad y equilíbrio de los miembros del grupo?.
Os dejo una de sus páginas embebidas y el correspondiente enlace al blog (con idéntico formato al utilizado en otras ocasiones) para continuar con la diseminación de la experiencia de innovación educativa y la promoción de los alumnos participantes.
Podeis participar haciéndoles comentarios a sus entradas, dando vuestra opinión y motivando su trabajo. Creo que nos pueden aportar una visión personal de la geometría que puede sorprendernos. En este caso nos presentan un tema fundamental de la geometría plana, relaciones métricas de uso en el desarrollo de la gemometria, pilares del modelo de conocimiento que abordamos.
Relacionados
Blogs experimentales: Empezando una experiencia de uso educativo de los blogs
Página principal de la experiencia
18
Etiquetas:
Blog,
Ciencia,
Educación,
Geometría,
Innovación educativa
viernes, 12 de marzo de 2010
Raytracing : ¿Cuanto vale una imagen 3D?
La imagen de síntesis utilizada en películas de animación es cara de producir. Una vez generado un escenario tridimensional, y la escena correspondiente, hay que efectuar el proceso de generación de la imagen, que se conoce con el nombre de "rendering".
Ver Rendering o Renderización (Wikipedia)
Para renderizar una imagen final, se suelen realizar multitud de pruebas previas con menor calidad y resolución para ir ajustando los parámetros necesarios de iluminación, sombras, brillos, texturas....
La realización de cada imagen o fotograma de la película puede ser un proceso costoso en horas de cálculo de ordenador.
Cada segundo de animación se crea con 25 imágenes que se proyectan secuencialmente.
Una producción de 100 minutos de animación sintética necesita por tanto:
100 minutos * 60 segundos * 25imágenes = 150.000 imágenes.
En algunos casos, un simple fotograma puede llevar varias horas de cálculo; Es necesario disponer de un número importante de ordenadores, y las correspondientes aplicaciones informáticas, para realizar esta masiva tarea, previa a la edición y montaje de la película.
El precio de la producción puede dispararse si se definen incorrectamente por tanto los parámetros correspondientes y es necesario volver a realizar el render de algunas secuencias.
Un ejemplo de imágenes intermedias, con su correspondiente tiempo de renderizado, es un buen ejemplo gráfico que ilustra estas ideas.
A partir de un modelo que símplemente genere la escena con la correspondiente eliminación de caras ocultas, se obtiene un primer visionado de la escena.
![]() |
| 1 segundo |
Si se añaden sombras, se aumenta notablemente el tiempo necesario para el cálculo.
![]() |
| 26 segundos |
La utilización de transparencias vuelve a incrementar sustancialmente las necesidades de nuevos cálculos.
![]() |
| 2 minutos 53 segundos |
![]() |
| 5 minutos 5 segundos |
Por último, incrementamos la complejidad añadiendo texturas
![]() |
| 6 minutos 11 segundos |
Y un pequeño vídeo con la misma secuencia renderizada dos veces. Una hora frente a 14 horas de cálculo.
¿Puedes pensar el lo que vale (en tiempo) entonces una imagen 3D? ¿Y una película completa?
Relacionados
Etiquetas:
3D,
Ciencia,
Gráficos,
Imagen sintética,
PIZiadas,
Raytracing,
Rendering,
Tecnología
jueves, 11 de marzo de 2010
martes, 9 de marzo de 2010
Diseño : Tres ruedas. Design: Three Wheels
Los que amamos el diseño de ingeniería disfrutamos con un tornillo y una tuerca. Si le añadimos ruedas nos quedamos embelesados. Sólo le falta volar !
No te pierdas el final del vídeo, el verdadero diseño es la versatilidad del conjunto. Además, transmite amor.
Y a ti, ¿Te gusta este diseño?
Vía: Correo electrónico de mi compañero Santiago Poveda, ingeniero aeronáutico.
Se puede ampliar información en gugu.es
No te pierdas el final del vídeo, el verdadero diseño es la versatilidad del conjunto. Además, transmite amor.
Y a ti, ¿Te gusta este diseño?
Vía: Correo electrónico de mi compañero Santiago Poveda, ingeniero aeronáutico.
Se puede ampliar información en gugu.es
Etiquetas:
Bicicleta,
Diseño,
Ingeniería,
Innovación,
Tecnología
Suscribirse a:
Entradas (Atom)
Los enlaces que completan las ilustraciones son informaciones y opiniones de sus autores, muchas veces diferentes e incluso manifiestamente opuestas, buscando un contraste de visiones.
Etiquetas
#manifiesto
(2)
2010
(1)
3D
(41)
Actividad sísmica
(3)
Actualidad
(22)
Aeronáutica
(1)
Agua
(3)
Águila
(1)
Alan Wake
(1)
Aminatou Haidar
(1)
Amor
(3)
Animación
(24)
Animales
(1)
Antialiasing
(1)
Aplicaciones
(1)
Aprendizaje activo
(1)
Aprendizaje cooperativo
(1)
árbol
(1)
Arquitectura
(1)
Arte
(4)
AstroRobonaut
(1)
Australia
(1)
avatar
(1)
Bicicleta
(2)
Biología
(2)
Bitacoras.com
(4)
Blackout
(1)
Blender
(42)
Blog
(71)
Blogs
(3)
Blue Brain
(1)
Bump Mapping
(2)
Capas
(1)
Carrillo
(1)
Censura
(2)
Chile
(2)
Ciencia
(34)
Cine
(2)
Citas
(2)
Civismo
(1)
Color
(3)
Comentarios
(1)
Comic
(1)
Composición
(1)
Conferencia Montreal
(1)
Consolas
(1)
Creatividad
(2)
Crítica
(2)
Cultura
(3)
Curiosidades
(1)
D
(1)
Daniel Bensaïd
(1)
Desastres naturales
(1)
Dibujo
(4)
Diseño
(9)
Documental
(2)
Edición
(9)
Educación
(23)
Esfera
(1)
Esferas
(1)
España
(1)
Estadisticas
(1)
Estructura
(1)
Evolución
(1)
Exposición
(1)
Fallas
(2)
Festividad
(2)
Ficheros
(1)
Filosofía
(1)
Flores
(1)
Follow friday
(2)
Fondo Figura
(1)
fondos
(1)
Fotoblog
(2)
Fotos
(4)
Fractales
(1)
Frases
(1)
Fuego
(1)
fútbol
(1)
Galaxias
(1)
Gallo
(1)
Geometría
(17)
Gomarta
(1)
Google
(1)
Gráficos
(13)
Greenpeace
(1)
Guatemala
(1)
Haiti
(10)
Hipopótamo
(1)
Historia
(1)
homenaje
(1)
Huellas
(1)
Humano
(1)
Humor
(36)
Iluminación
(5)
Ilusiones ópticas
(2)
Imagen
(7)
Imagen sintética
(76)
in memoriam
(1)
Ingeniería
(2)
Innovación
(5)
Innovación educativa
(16)
inocente
(1)
Internet
(6)
Investigación
(2)
ISS
(2)
Jardín
(1)
Java
(1)
Juegos
(1)
Jugabilidad
(1)
Key Frame
(1)
Layers
(1)
Lectura
(1)
Letras
(1)
Leyes Gestalt
(3)
Libertad expresión
(1)
Libro
(1)
Madrid
(6)
Mapeado
(1)
Mar
(1)
Matemáticas
(1)
Material
(6)
Maya
(2)
Mesh
(2)
Metaballs
(1)
Microsoft
(4)
Morphing
(35)
mosaico
(1)
Movie Maker
(2)
Mujer
(1)
Mundial
(1)
Música
(2)
Nasa
(1)
Navidad
(3)
NEURONA
(1)
niño
(2)
Objetos
(2)
OCW
(1)
Óleo
(9)
Óleos
(1)
Olimpiadas
(1)
open source
(3)
Optimula
(1)
Organización
(1)
Pacman
(1)
palante
(1)
palillos
(2)
Paloma
(1)
Pelo
(2)
Pensamientos
(2)
Periodismo
(9)
Perlin Noise
(1)
Personajes
(5)
Personal
(8)
Pi
(1)
Pintores
(1)
Pintura
(6)
Pixel
(1)
PIZ
(23)
PIZiadas
(48)
Política
(3)
Post
(1)
premios
(1)
Primavera
(1)
programación
(9)
Proteina
(2)
Publicidad
(3)
puentes
(2)
Puntillismo
(1)
R2
(1)
Raytracing
(27)
Real time
(1)
Realidad aumentada
(1)
Realidad virtual
(1)
Recursos educativos
(2)
Reflejos
(5)
reflexión especular
(4)
Refracción
(4)
Rendering
(22)
René Descartes
(1)
Representación
(1)
Retos
(1)
Salinger
(1)
Saludo Blog
(3)
San Valentin
(1)
Saramago
(1)
segregadores
(3)
Selección
(1)
SGAE
(2)
Shaders
(1)
Sillón
(1)
Simulación
(1)
Sismico
(1)
Software
(14)
Sombreado
(1)
Sonido
(1)
Sudáfrica
(1)
Tecnología
(35)
Televisión
(2)
Tendencias
(2)
Terremoto
(15)
Texto
(1)
Texturas
(8)
Tinta
(1)
Transparencia
(5)
Turquía
(1)
Tutorial
(5)
Tutoriales
(2)
Twitter
(9)
Universo
(1)
UPM
(1)
usuarios
(2)
Vetas
(1)
VGG
(4)
videojuegos
(1)
Vídeos
(13)
Wikipedia
(1)















