martes, 22 de mayo de 2012

Animaciones 2d y 3d


PROGRAMAS Y WEB´S PARA LA CREACION DE OBJETOS 2D Y 3D


Hoy, nos centraremos en diferentes herramientas web y aplicaciones descargables que nos ayudarán a llevar nuestras ideas y proyectos a cabo.



No, no veremos ningún programa tan completo y complejo. Al contrario veremos herramientas para “noobs” como todos nosotros, personas que desean crear algo sin mayores complicaciones.


Para empezar tenemos una herramienta muy fácil de manejar y que esta al alcance de cualquier persona, es muy conocida ya que esta instalada en cualquier computadora.


Paint: Paint: (originalmente Paintbrushes un programa simple de dibujo gráfico desarrollado por Microsoft. Paint ha acompañado al sistema operativo Microsoft Windows desde la versión 1.0. Siendo un programa básico, se incluye en todas las nuevas versiones de este sistema. Por su simplicidad, rápidamente se convirtió en una de las aplicaciones más usadas de las primeras versiones de Windows -introduciendo a varios a dibujar con la computadora por primera vez y es todavía fuertemente asociado con la inmediata usabilidad de Windows.


Imagen No. 22


Imagen No. 23

Corel Draw: Es más que un programa solo de diseño gráfico, se le puede considerar más bien como una plataforma gráfica completa ya que soporta tanto vectores como pixeles y textos, así mismo el diseño de su interfaz de trabajo permite interactuar entre los distintos programas que componen la suite de manera integrada, el trabajo en CorelDRAW está basado en vectores, este tipo de gráficos se comportan como imágenes basadas en valores matemáticos para construir su geometría haciéndolas escalables, es decir, que además de los gráficos en formato de píxeles, puede utilizar líneas o curvas para plasmar las figuras gráficas que e quieran representar.

Imagen No. 24

ToonDoo: Es quizás una de las herramientas web más completas para la creación de Comic y, hasta ahora, sigue siendo mi favorita.  Cuenta con una enorme variedad de escenarios, personajes, situaciones, y más.

Imagen No. 25

Pixton: Nuevo servicio, disponible en español (algo mal traducido), que promete bastante ya que ofrece una buena variedad de imágenes en la galería que viene por defecto. Incluso tenemos escenas predeterminadas (con los textos vacíos) para un trabajo rápido. O bien podemos pasar a crear nosotros mismos las escenas desde 0.

Imagen No. 26

Strip Generator: Es otra aplicación en flash que te permite crear comics en un santiamén. Tan solo basta con jalar objetos/personajes/bubbles, acomodarlos a gusto en la viñeta, y ponerles texto. Divertido, y el diseño de los personajes está muy bueno.

Imagen No. 27

ANIMACIONES 2D

La animación es algo más complejo que los comics, pero afortunadamente, hemos visto algunas herramientas que simplifican tanto el proceso, que estarán creando sus propias animaciones en cuestión de minutos.

GoAnimateOfrece un simplísimo editor para conseguir crear divertidas animaciones, pero que a la vez es lo suficientemente poderoso como para obtener impresionantes resultados. Denle click al link de GoAnimate para que vean una pequeña animación de este servicio web por no más de 20 minutos.

Aquí os dejo un demo rápido de manejo:

Demo de GoAnimate
Video No. 2

Aniboom  / ShapeshifterSe conoce bastante bien, pero más que nada, por la calidad de videos que se publican ahí. Considérenlo como el YouTube de la animación. Pero lo que pocos conocen, es que aniboom también ofrece herramientas para la creación de pequeños cortos animados, con una herramienta web llamada shapeshifter.

La gran ventaja de shapeshifter es que, a diferencia de las otras dos herramientas que veremos en esta sección, Shapeshifter es totalmente libre. Estamos controlando cada aspecto de la animación, desde la creación de personajes, a los escenarios, a lo que sucede, etc.

Tener todo un portal detrás suya ayuda bastante, pues se hacen periódicos concursos exclusivos para animaciones creadas en shapeshifter y los resultados son bastante impresionantes. Además, encontrarán clases cada dos semanas para poder sacarle el máximo provecho a esta herramienta.


Demo
Video No 3.



“GRAN COMPETENCIA DE ANIMACIONES ANIBOOM”

The FOX aniboom holiday
Video No. 4

FuzzwichNo es tan completo como GoAnimate, pero acaba de lanzar un concepto bastante interesante, llamado MiniVid, que nos permite mover a los “actores” de la animación con tan solo arrastrarlos y soltarlos. Es una manera mucho más orgánica de editar, en lugar de crear paths y cosas por el estilo y, definitivamente, es super divertido.



ANIMACIÓN 3D


Si la animación era compleja en 2D, en 3D esto crece exponencialmente. Sin embargo, existe un par de herramientas, una web, otra para descargar, que hacen del proceso algo muchísimo más simple, y que probablemente, no requerirá que estudiemos años para poder conseguir hacer algo.

xtranormalCon el slogan de “si puedes tipear, puedes hacer películas”, xtranormal se presenta como una simplísima herramienta para crear animaciones. Basta con poner el diálogo, los personajes, la escena, y xtranormal incluso le añadirá voces (computarizadas) para crear el audio.

MoviestormUna completísima herramienta para crear animaciones en 3D, que sin embargo, mantiene la simplicidad suficiente como para aprender a utilizarla en minutos. De toda la lista que hemos visto hoy, la única aplicación que necesita ser descargada. Pero vaya que los resultados son impresionantes. De hecho, hace que los resultados que obtenemos con xtranormal se vean cosa de niños… Muy recomendado.


Observa el siguiente video creado en Moviestorm:


Romeo y Juliet
Video No. 5


Rhinoceros 3D:

Puede crear , editar , analizar ,documentos , hacer , animar y traducir curvas NURBS, superficies y sólidos sin límite de complejidad, grado o tamaño. Rhino también es compatible con polígonos mallas y nubes de puntosRhino ofrece:
Sin tabués de forma libre en 3-D de modelado. Herramientas como las que se encuentran sólo en productos que cuestan entre 20 y 50 veces más. Modelar con precisión cualquier forma que usted pueda imaginar.
Una precisión extremaDiseño, prototipos, la ingeniería, analizar, documentar, y la fabricación de cualquier cosa de cualquier tamaño no importa cuán pequeño o cuán grande.
Edición sin restriccionesRevisar libremente sin tener que preocuparse acerca de cómo llegó allí o en la que desea ir.
Redacción en 2-D, anotación e ilustración .Además, aplanar superficies 3-D en modelos 2-D y la unidad de láser, plasma, y los cortadores de chorro de agua.
Organización de grandes proyectosTrabajar con los dos modelos grandes y los equipos grandes.
CompatibilidadIntercambio de archivos con el diseño de su otra redacción, CAM, ingeniería, análisis, rende rizado, animación e ilustración.

Figuras realizadas en Rhinos 3D:

Imagen No. 28

Imagen No. 29


Encuentra mas tutoriales de Rhinos 3D en el siguiente link:



Y ahí lo tienen! Algunas herramientas para crear, por nuestra cuenta, nuestras propias animaciones. Si conocen alguna otra que se bastante buena, no se olviden de dejarnos el link en los comentarios




CONTENIDO RELACIONADO






------------------$-_-$-----------------












lunes, 21 de mayo de 2012

Objetos Bidimensionales


OBJETOS BIDIMENSIONALES

Están descritos de tal forma que se pueden representar en el plano xy al que normalmente llamamos el plano; por eso nos referimos a ellos como objetos bidimensionales u objetos en el plano. También haremos referencia a todos los objetos, ya sean en el plano o en tres dimensiones, como modelos ya que este trata de la representación gráfica de objetos.


Figuras que son utilizadas en la creación de Objetos Bidimensionales:

Imagen No. 10



Ejemplo de imágenes en 2d:

Imagen No. 11                                             Imagen No. 12



OBJETOS TRIDIMENSIONALES

En geometría y análisis matemático, un objeto o ente es tridimensional si tiene tres dimensiones. Es decir cada uno de sus puntos puede ser localizado especificando tres números dentro de un cierto rango. Por ejemplo, anchura, longitud y profundidad.
El espacio a nuestro alrededor es tridimensional a simple vista, pero en realidad hay más dimensiones, por lo que también puede ser considerado un espacio tetra-dimensional si incluimos el tiempo como cuarta dimensión.


Plano
Imagen No. 13


Ejemplo de imágenes en 3d:


Imagen No. 14

Imagen No. 15


Imagen No. 16


Imagen No. 17


Imagen No. 18



SIMULACION EN 3D

Hoy en día es posible la simulación mediante cálculos basados en la proyección de entornos tridimensionales sobre pantallas bidimensionales, tales como monitores de ordenador o televisores. Estos cálculos requieren de una gran carga de proceso por lo que algunos ordenadores y consolas disponen de cierto grado de aceleración gráfica 3D gracias a dispositivos desarrollados para tal fin. Los ordenadores disponen de las llamadas tarjetas gráficas con aceleración 3D. Estos dispositivos están formados con uno o varios procesadores (GPU) diseñados especialmente para acelerar los cálculos que suponen reproducir imágenes tridimensionales sobre una pantalla bidimensional y de esta forma liberar de carga de proceso a la CPU o unidad de proceso central del ordenador.

GAFAS VIRTUALES (3D)

La ilusión óptica de 3 dimensiones en una superficie bidimensional puede ser creada proporcionando a cada ojo información visual diferente.
Las clásicas gafas 3D crean la ilusión de 3 dimensiones cuando se está viendo una imagen especialmente preparada. Estas gafas tienen una lente roja y una azul (llamadas anaglifo). Se suelen distribuir este tipo de gafas hechas de cartón y plástico.
Otro tipo de gafas 3D usan filtros polarizados, con una lente polarizada verticalmente y la otra horizontalmente, con las 2 imágenes requeridas para la estereovisión polarizadas de la misma forma. El polarizado 3D permite especificar los colores 3D, mientras que las lentes rojo-azul producen una imagen en un particular blanco/negro con franjas rojas y azules.
Existe un tipo de espectáculos que utiliza obturador electrónico, mientras que las gafas y cascos de realidad virtual usan diferentes pantallas de vídeo para cada ojo.



Estas son algunas gafas virtuales (3d):

Imagen No. 19



Imagen No. 20



DIFERENCIAS ENTRE 2D Y 3D

Las imágenes bidimensionales poseen dos (bi) dimensiones, alto y ancho, se desarrollan en soportes planos por medio del dibujo, la pintura, el grabado, la fotografía, el cine, el video...aunque algunas puedan sugerir, gracias a diferentes recursos (perspectiva, claroscuro...), la tercera dimensión.

En las imágenes tridimensionales podemos apreciar de manera tangible el volumen, poseen las tres dimensiones del espacio (alto, ancho y profundidad): maquetas, relieves, escultura y arquitectura.
Esta fotografía (imagen plana) nos muestra un grupo escultórico con un fondo arquitectónico, la obra arquitectónica y la escultórica se caracterizan por desarrollarse en el espacio tridimensional, las luces y las sombras, junto con las variaciones del color captadas por la cámara fotográfica nos sugieren su tridimensionalidad.


Visualización de 2d y 3d
Imagen No. 21



Aquí les dejo unos trailer en 3d:

“UTILIZAR GAFAS VIRTUALES”



Trailer de Los Vengadores
Video No. 1



Trailer del Titanic
Video No. 2



NOTA: Son necesarias las gafas virtuales para poder apreciar la realidad 3d.


--------------------$-_-&------------------

Computación Gráfica


ANTECEDENTES HISTÓRICOS

La Computación Gráfica nace en 1955 con SAGE (Semi-Automatic Ground Environment), una máquina creada durante la Guerra Fría por el ejército de los Estados Unidos para rastrear a las naves aéreas que ingresaban al espacio aéreo norteamericano. Esta máquina se integró a los sistemas de radar de la época para proveer la primera aplicación de computación gráfica interactiva.
En 1963, en el MIT (Massachussets Institute of Technology) Ivan Sutherland presentó su programa Sketchpad (“Tablero de dibujo”) inspirado en la idea de “integrar la representación numérica de un objeto con su representación gráfica, para que al manipular la representación gráfica se pudiera manipular al mismo tiempo la representación numérica.”


Imagen No. 1

APLICACIONES DE LA COMPUTACIÓN GRÁFICA

Actualmente existen muchas aplicaciones, en diversos campos de la ingeniería e investigación científica, que demandan una gran cantidad de recursos computacionales. La Computación Gráfica cubre áreas muy diversas, que abarcan desde la visualización científica o ingenieril hasta el arte y el tratamiento fotográfico.
· Interfaces Gráficas de Usuario (GUI: Graphical User Interface)
· Gráficos estadísticos
· Cartografía
· Medicina
· Diseño Asistido por Computadora (CAD: Computer-Aided Design)
· Multimedios (educativos)
· Entretenimiento (juegos)
· Arte



Bufet de Imágenes:

Cartografía

Imagen No. 2

Medicina
Imagen No. 3


Imagen No. 4


Diseño Asistido.
Imagen No. 5

Entretenimiento
Imagen No. 6


TÉRMINOS COMUNES

Bit: Unidad de medida elemental de la memoria. Puede tener dos valores: cero y uno.
Píxel: Contracción de picture element, unidad de medida elemental de una imagen.
Resolución: Tamaño de una imagen, expresado en cantidad de píxeles horizontales por cantidad de píxeles verticales. Ejemplos de resoluciones de pantalla comunes: 640x480; 800x600; 1024x768.
Profundidad de color: Cantidad de colores que pueden ser usados en una imagen. Depende de la cantidad de bits por píxel; cuantos más se utilicen, mayor será la cantidad de combinaciones de valores binarios (ceros y unos) que forman la paleta de colores posibles. Profundidades de color comunes: 1 bit, 8 bits, 16 bits, 24 bits y 32 bits por píxel.
Dithering: Técnica de aproximación de color utilizada para la compresión de imágenes o en caso de que la paleta de colores de una imagen no incluya cierto color específico. En este caso, se combinan unos cuantos píxeles con colores de la paleta, que juntos dan la ilusión de presentar el color que falta (dither: temblor, agitación).
Jaggy: Efecto “de escalerita” que se ve en una imagen o en un texto de la pantalla, a consecuencia de que con la tecnología de despliegue de barrido no se puedan dibujar curvas perfectas. Los pixels no son curvos, pero tienen que dibujar curvas (jagged: dentado).
Anti-aliasing: Técnica de suavizado de curvas que se usa para contrarrestar el efecto “jaggy”. Usualmente se mezclan los colores de los píxeles que forman los bordes encurvados. Como resultado se obtiene una imagen que parece desenfocada pero, aunque suene contradictorio, se ve bastante más clara.
Animación: Secuencia de imágenes que da la ilusión de movimiento.
Patrón de color: Formato específico de medición de colores que se utiliza para representar los colores de una imagen.
CMYK: Patrón de color utilizado en las imprentas que mediante una combinación de cuatro colores únicos se puede obtener cualquier otro color. Cada letra de su nombre representa uno de esos colores: cyan, magenta, yellow (amarillo) y black (negro).
RGB: Patrón de color utilizado en televisores, monitores y otros dispositivos de despliegue similares que se basa en una combinación de tonalidades de rojo, verde y azul (red, green, blue) para obtener cualquier color. Cada tonalidad tiene un valor que va de 0 a 255. Cuando la tonalidad es la misma en los tres casos, se obtiene luz blanca. 

TIPOS DE IMAGEN

Una imagen de computadora puede pertenecer a uno de los siguientes tipos:

· Bitmap: (Mapa de bits) Cuando la imagen está formada por una matriz de puntos (píxeles) cada uno de ellos compuesto de uno o más bits.
· Vectorial: Cuando la imagen está formada por elementos tales como rectas, puntos y curvas, cuyo tamaño y disposición varía de acuerdo a fórmulas y coordenadas específicas.

Las fotografías digitales son imágenes del tipo bitmap, como así también la mayoría de los gráficos que se usan en páginas web. Tienen la desventaja de que al modificarse su tamaño, generalmente se pierde la calidad. Por el contrario, las dimensiones de una imagen del tipo vectorial pueden modificarse sin por ello perder la calidad del tamaño original.

FORMATOS DE ARCHIVOS GRÁFICOS MÁS CONOCIDOS

Un formato de archivo gráfico es el modelo que se usa para almacenar la información de una imagen en un archivo. Para usar una imagen en un programa de aplicación, éste debe reconocer la estructura del archivo donde se encuentra almacenada la imagen, es decir, la aplicación debe soportar el formato del archivo.
Existe una gran cantidad de formatos de archivos para gráficos, algunos de los cuales ya se encuentran en desuso. Entre los más utilizados hoy en día podemos mencionar a los siguientes:

BMP: (contracción de bitmap) Creado por Microsoft, es el formato nativo para gráficos bitmap en Windows. No utiliza compresión, por lo tanto almacena la información de la imagen de manera ineficiente pero exacta.
GIF: (Graphics Interchange Format, formato de intercambio para gráficos) Formato bitmap propietario, creado por Unisys, muy popular y adecuado para el almacenamiento de imágenes con pocos colores, como logotipos, títulos o fotos sencillas. Permite representar colores de entre una paleta de 256 como máximo. Uno de estos colores puede ser definido como transparente, y el área pintada con este color revelará lo que hay por debajo de la imagen. Otra ventaja del formato GIF es que puede almacenar varias imágenes en un solo archivo, lo que permite la creación de animaciones en base a cuadros temporizados.
JPEG: (Joint Photographic Experts Group, unión de expertos en fotografía) Formato creado por el comité del mismo nombre que permite la compresión de imágenes fotográficas a una gran profundidad de colores (millones de ellos). Esto lo convierte en un formato más adecuado que el GIF para el almacenamiento de fotografías. Como extensión del nombre de archivo se usa, indistintamente, JPG o JPEG (a veces JPE).
PNG: (Portable Network Graphics) Formato de archivo abierto, relativamente nuevo, diseñado para reemplazar al GIF en todo menos en lo que se refiere a animaciones. Ofrece transparencia variable (alpha channels), corrección de gamma (control de brillo entre diferentes plataformas) y un grado ligeramente mayor de compresión que el GIF.
WMF: (Windows Metafile) Formato del tipo vectorial, estándar en Windows.
PSD: (Photoshop Document) Formato nativo de Adobe Photoshop, programa estándar de facto en la edición de imágenes. Permite el almacenamiento de múltiples capas, cada una de las cuales puede contener una imagen del tipo bitmap o vectorial.

Tipo bmp
Imagen No. 7


Tipo gif
Imagen No. 8


Tipo jpeg
Imagen No. 9

--------------------------$-_-$------------------------