Vectorizacion

Vectorización

La vectorización consiste en representar los contornos obtenidos mediante un conjunto de curvas Bezier. Las curvas Bezier son ampliamente utilizadas en computación gráfica debido a que requieren poco espacio de almacenamiento y son independientes de la resolución de salida que se utilice. Su uso actual se extiende desde la representación de tipografías hasta el modelado de objetos tridimensionales.
Otra ventaja de las curvas Bezier es que permiten hacer cambios locales en la función que representan. Veamos un ejemplo gráfico:
 
En estos dos gráficos podemos observar como el cambio de un sólo punto, p2, incide únicamente el primer intervalo de la función.
En las curvas Bezier la función no pasa por todos los punto que la definen. Cuatro puntos definen una curva Bezier, pero esta pasa sólo por el primero y último de ellos. Las líneas punteadas que se ven en el gráfico representan la pendiente de la curva, al variar uno de los puntos de una de las líneas punteadas cambia la pendiente y desde luego la forma de la curva. En aplicaciones gráficas se suele ver a las líneas que representan las pendientes como manijas que permiten cambiar la forma de la figura mediante el movimiento de las mismas con un mouse.
Para construir las curvas conviene expresar la función en forma paramétrica. Un punto es el vector pi = (xi, yi)T y el conjunto de punto en forma paramétrica será entonces:
P(u) = ( x(u), y(u) )T, 0 £ u ³ 1.
El polinomio Bezier de grado n determinado por n + 1 puntos se calcula con la formula:
P(u) = S (i=0 a n) ( nCi )( 1 - u )n-i ui pi, donde
( nCi ) = n! / i! ( n- i )!
Con n = 2 nos queda una ecuación cuadrática definida por los puntos p0, p1, p2:
p(u) = (1) (1 - u)2 p0 + 2 (1 - u) (u) p1 + (1) u2 p2
dado que es una representación paramétrica, esta ecuación representa el par de ecuaciones:
x(u) = (1 - u)2 x0 + 2 (1 - u) (u) x1 + u2 x2
y(u) = (1 - u)2 y0 + 2 (1 - u) (u) y1 + u2 y2
Si u = 0, x(0) es idéntico a x0 y lo mismo sucede con y.
Si u = 1, el punto referenciado es (x2, y2).
Si utilizamos un n = 3 obtendremos las denominadas Bezier cubicas. Estas son las generalmente usadas en computación gráfica. En este caso los polinomios tienen la forma:
x(u) = (1 - u)3 x0 + 3 (1 - u)2 u x0 + 3 (1 - u) u2 x1 + u3 x2
y(u) = (1 - u)3 y0 + 3 (1 - u)2 u y0 + 3 (1 - u) u2 y1 + u3 y2
En este caso el punto (x(0), y(0)) = p0 y (x(1), y(1)) = p3
por lo tanto la curva no pasará por los puntos intermedios.

Propiedades de las curvas Bezier cubicas

1. P(0) = p0, P(1) = p3
2. dado dx/du = 3 (x1 - x0) y dy/du = 3 (y1 - y0) en u = 0, la pendiente de la curva en u = 0 es dy/dx = (y1 - y0) / (x1 - x0), el cual es la pendiente de la línea secante entre p0 y p1. Similarmente, la pendiente en u = 1 es la misma que la línea secante entre los últimos dos puntos.
3. La curva Bezier esta contenida en el casco convexo determinada por los cuatro puntos. El casco convexo de un conjunto de puntos es el menor conjunto convexo que contiene todos los puntos.

Representación matricial de una curva Bezier cubica

= uT M2 p

3D (Tridimensional)

Tridimensional

Este artículo o sección necesita referencias que aparezcan en una publicación acreditada, como revistas especializadas, monografías, prensa diaria o páginas de Internet fidedignas. Puedes añadirlas así o avisar al autor principal del artículo en su página de discusión pegando: {{subst:Aviso referencias|Tridimensional}} ~~~~

Esquema elemental de posicionamiento espacial, consistente en un marco de referencia respecto a un origen dado.

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.

Espacio físico tridimensional

En un espacio euclídeo convencional un objeto físico finito está contenido dentro de un ortoedro mínimo, cuyas dimensiones se llaman ancho, largo y profundidad. El espacio físico a nuestro alrededor es tridimensional a simple vista. Sin embargo, cuando se consideran fenómenos físicos como la gravedad, la teoría de la relatividad nos lleva a que el universo es un ente tetra-dimensional que incluye tanto dimensiones espaciales como el tiempo como otra dimensión. Diferentes observadores percibirán diferentes "secciones espaciales" de este espacio-tiempo por lo que el espacio físico es algo más complejo que un espacio euclídeo tridimiensional.
No se conoce exactamente por qué nuestro universo parece tridimensional; más exactamente, en las teorías actuales no existe una razón clara para que el número de dimensiones espaciales extensas (no-compactificadas) es igual a tres. Aunque existen ciertas intuiciones sobre ello: Ehrenfest señaló que en cuatro o más dimensiones las órbitas planetarias cerradas, por ejemplo, no serían estables (y por ende, parece difícil que en un universo así existiera vida inteligente preguntándose por la tridimensionalidad espacial del universo). También se sabe que existe una conexión entre la intensidad de un campo de fuerzas estático con simetría esférica que satisface el teorema de Gauss y la dimensión del espacio (d), un campo gravitatorio, electrostático o de otro tipo que cumpla con dichas condiciones para grandes distancias debe tener una variación de la forma:

Donde:

es la intensidad del campo.

es una constante de proporcionalidad ( para el campo gravitatorio).

es una magnitud extensiva que mida la capacidad de fuente para provocar el campo, para un campo gravitatorio coincide con la masa y para uno eléctrico con la carga.

es la distancia al "centro" o fuente que crea el campo.

es la dimensión del espacio.

Por otra, teorías físicas de tipo Kaluza-Klein como las diferentes versiones de la teoría de cuerdas postula que existe un número adicional de dimensiones compactificadas, que sólo serían observables en experimentos con partículas altamente energéticas. En estas teorías algunas de las interacciones fundamentales pueden ser explicadas de manera sencilla postulando dimensiones adicionales de un modo similar a como la relatividad general explica la gravedad. De hecho la propuesta original de Theodor Kaluza explicaba de manera unificada el electromagnetismo y la gravedad postulando un universo de 5 dimensiones con una dimensión compactificada.

Ejemplos de formas tridimensionales

Forma tridimensional de una campana de Gauss.

En geometría son tridimensionales las siguientes figuras geométricas:

• Poliedros de caras planas:
  • Pirámides
  • Cubo
  • Prismas
• Superficies curvas:
  • Cilindro
  • Conos
  • Esfera o 3-esfera

Ya que todas ellas pueden ser embebidas en un espacio euclídeo de tres dimensiones. Sin embargo, hay que señalar que técnicamente la esfera, el cono o el cilindro son variedades bidimensionales (solo la cáscara) ya que los puntos interiores a ellos no son estrictamente parte de los mismos. Sólo por una abuso de lenguaje o extensión del mismo informalmente se habla de esferas, cilindros o conos incluyendo el interior de los mismos.
Por otra parte existe la hiperesfera tridimensional (3-variedad) pero no es la cáscara de una bola sino la compactificación de con un punto, así como la 2-esfera es para el plano euclídeo .

Sistemas tridimensionales en ciencias naturales

En química, se habla de sistemas tridimensionales cuando el enlace químico es igualmente intenso en las tres direcciones del espacio (por ejemplo, en el diamante). En magnetismo, se dice que el ordenamiento magnético sólo es posible si el acoplamiento magnético es tridimensional (se extiende en las tres direcciones del espacio). En matemáticas el sistema tridimensional se representa en el plano cartesiano con los ejes X, Y y Z. Por lo general en estas representaciones se manejan las formas geométricas de tres dimensiones como los cubos o las esferas.

Simulación 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.

Multimedia

Multimedia es una combinación de formas de contenido:
Texto	Sonido	Imagen
Animación	Vídeo	Interactividad

El término multimedia se utiliza para referirse a cualquier objeto o sistema que utiliza múltiples medios de expresión (físicos o digitales) para presentar o comunicar información. De allí la expresión «multimedios». Los medios pueden ser variados, desde texto e imágenes, hasta animación, sonido, video, etc. También se puede calificar como multimedia a los medios electrónicos (u otros medios) que permiten almacenar y presentar contenido multimedia. Multimedia es similar al empleo tradicional de medios mixtos en las artes plásticas, pero con un alcance más amplio.
Se habla de multimedia interactiva cuando el usuario tiene libre control sobre la presentación de los contenidos, acerca de qué es lo que desea ver y cuando; a diferencia de una presentación lineal, en la que es forzado a visualizar contenido en un orden predeterminado.
Hipermedia podría considerarse como una forma especial de multimedia interactiva que emplea estructuras de navegación más complejas que aumentan el control del usuario sobre el flujo de la información. El término "hiper" se refiere a "navegación", de allí los conceptos de "hipertexto" (navegación entre textos) e "hipermedia" (navegación entre medios).
El concepto de multimedia es tan antiguo como la comunicación humana ya que al expresarnos en una charla normal hablamos (sonido), escribimos (texto), observamos a nuestro interlocutor (video) y accionamos con gestos y movimientos de las manos (animación). Con el auge de las aplicaciones multimedia para computador este vocablo entró a formar parte del lenguaje habitual.
Cuando un programa de computador, un documento o una presentación combina adecuadamente los medios, se mejora notablemente la atención, la comprensión y el aprendizaje, ya que se acercará algo más a la manera habitual en que los seres humanos nos comunicamos, cuando empleamos varios sentidos para comprender un mismo objeto e informarnos sobre él.

Características

Grabado localmente	Transmitido en línea

Las presentaciones multimedia pueden verse en un escenario, proyectarse, transmitirse, o reproducirse localmente en un dispositivo por medio de un reproductor multimedia. Una transmisión puede ser una presentación multimedia en vivo o grabada. Las transmisiones pueden usar tecnología tanto analógica como digital. Multimedia digital en línea puede descargarse o transmitirse en flujo (usando streaming). Multimedia en flujo puede estar disponible en vivo o por demanda.
Los juegos y simulaciones multimedia pueden usarse en ambientes físicos con efectos especiales, con varios usuarios conectados en red, o localmente con un computador sin acceso a una red, un sistema de videojuegos, o un simulador. En el mercado informático, existen variados softwares de autoría y programación de software multimedia, entre los que destacan Adobe Director y Flash.
Los diferentes formatos de multimedia analógica o digital tienen la intención de mejorar la experiencia de los usuarios, por ejemplo para que la comunicación de la información sea más fácil y rápida. O en el entretenimiento y el arte, para trascender la experiencia común.

Un espectáculo láser es un evento multimedia en vivo.

Los niveles mejorados de interactividad son posibles gracias a la combinación de diferentes formas de contenido. Multimedia en línea se convierte cada vez más en una tecnología orientada a objetos e impulsada por datos, permitiendo la existencia de aplicaciones con innovaciones en el nivel de colaboración y la personalización de las distintas formas de contenido. Ejemplos de esto van desde las galerías de fotos que combinan tanto imágenes como texto actualizados por el usuario, hasta simulaciones cuyos coeficientes, eventos, ilustraciones, animaciones o videos se pueden modificar, permitiendo alterar la "experiencia" multimedia sin tener que programar.
Además de ver y escuchar, la tecnología háptica permite sentir objetos virtuales. Las tecnologías emergentes que involucran la ilusión de sabor y olor también puede mejorar la experiencia multimedia.
La multimedia encuentra su uso en varias áreas incluyendo pero no limitado : arte, educación, entretenimiento, ingeniería, medicina, matemáticas, negocio, y la investigación científica. En la educación, la multimedia se utiliza para producir los cursos de aprendizaje computarizado (popularmente llamados CBT) y los libros de consulta como enciclopedia y almanaques. Un CBT deja al usuario pasar con una serie de presentaciones, de texto sobre un asunto particular, y de ilustraciones asociadas en varios formatos de información. El sistema de la mensajería de la multimedia, o MMS, es un uso que permite que uno envíe y que reciba los mensajes que contienen la multimedia - contenido relacionado. MMS es una característica común de la mayoría de los teléfonos celulares. Una enciclopedia electrónica multimedia puede presentar la información de maneras mejores que la enciclopedia tradicional, así que el usuario tiene más diversión y aprende más rápidamente. Por ejemplo, un artículo sobre la segunda guerra mundial puede incluir hyperlinks (hiperligas o hiperenlaces) a los artículos sobre los países implicados en la guerra. Cuando los usuarios hayan encendido un hyperlink, los vuelven a dirigir a un artículo detallado acerca de ese país. Además, puede incluir un vídeo de la campaña pacífica. Puede también presentar los mapas pertinentes a los hyperlinks de la segunda guerra mundial. Esto puede acelerar la comprensión y mejorar la experiencia del usuario, cuando está agregada a los elementos múltiples tales como cuadros, fotografías, audio y vídeo. (También se dice que alguna gente aprende mejor viendo que leyendo, y algunos escuchando).
La multimedia es muy usada en la industria del entretenimiento, para desarrollar especialmente efectos especiales en películas y la animación para los personajes de caricaturas. Los juegos de la multimedia son un pasatiempo popular y son programas del software como CD-ROMs o disponibles en línea. Algunos juegos de vídeo también utilizan características de la multimedia. Los usos de la multimedia permiten que los usuarios participen activamente en vez de estar sentados llamados recipientes pasivos de la información, la multimedia es interactiva.

Tipos de información multimedia:

• Texto: sin formatear, formateado, lineal e hipertexto.
• Gráficos: utilizados para representar esquemas, planos, dibujos lineales...
• Imágenes: son documentos formados por píxeles. Pueden generarse por copia del entorno (escaneado, fotografía digital) y tienden a ser ficheros muy voluminosos.
• Animación: presentación de un número de gráficos por segundo que genera en el observador la sensación de movimiento.
• Vídeo: Presentación de un número de imágenes por segundo, que crean en el observador la sensación de movimiento. Pueden ser sintetizadas o captadas.
• Sonido: puede ser habla, música u otros sonidos.

El trabajo multimedia está actualmente a la orden del día y un buen profesional debe seguir unos determinados pasos para elaborar el producto.

• Definir el mensaje clave. Saber qué se quiere decir. Para eso es necesario conocer al cliente y pensar en su mensaje comunicacional. Es el propio cliente el primer agente de esta fase comunicacional.
• Conocer al público. Buscar qué le puede gustar al público para que interactúe con el mensaje. Aquí hay que formular una estrategia de ataque fuerte. Se trabaja con el cliente, pero es la agencia de comunicación la que tiene el protagonismo. En esta fase se crea un documento que los profesionales del multimedia denominan "ficha técnica", "concepto" o "ficha de producto". Este documento se basa en 5 ítems: necesidad, objetivo de la comunicación, público, concepto y tratamiento.
• Desarrollo o guion. Es el momento de la definición de la Game-play: funcionalidades, herramientas para llegar a ese concepto. En esta etapa sólo interviene la agencia que es la especialista.
• Creación de un prototipo. En multimedia es muy importante la creación de un prototipo que no es sino una pequeña parte o una selección para testear la aplicación. De esta manera el cliente ve, ojea, interactúa... Tiene que contener las principales opciones de navegación.

Ahora ya se está trabajando con digital, un desarrollo que permite la interactividad. Es en este momento cuando el cliente, si está conforme, da a la empresa el dinero para continuar con el proyecto. En relación al funcionamiento de la propia empresa, está puede presuponer el presupuesto que va a ser necesario, la gente que va a trabajar en el proyecto (lista de colaboradores). En definitiva, estructura la empresa. El prototipo es un elemento muy importante en la creación y siempre va a ser testeado (público objetivo y encargados de comprobar que todo funciona)

• Creación del producto. En función de los resultados del testeo del prototipo, se hace una redefinición y se crea el producto definitivo, el esquema del multimedia.

Tipologías

Los diferentes tipos de multimedia se pueden clasificar de acuerdo a la finalidad de la información, o también, al medio en el cual serán publicadas.

• Multimedia educativa. Es importante recalcar que la multimedia educativa es previa a que el computador apareciera, se puede considerar como un proceso no lineal esto hace que el estudiante lleve su propio orden en su modelo educativo (a distancia, presencial etc.). Se fundamenta en un desarrollo navegable que permite cierta libertad de moverse sobre el aplicativo. Algunos eventos temporales importantes de la multimedia educativa: 1975/1980 Programación – 1985 Multimedia – 1990/1995 Internet – 2000 E-learning – 2005 Redes Sociales.

• Multimedia publicitaria. Es el uso de diferentes medios enfocado a una campaña publicitaria, esto ha genereado nuevos espacios en este sector, se viene presentando un cambio de los medios tradicionales a los digitales con un abanico enorme de nuevas posibilidades, tablets, móviles, desarrollo web, TDT (Televisión Digital Terrestre), hipertexto y el correo, y como elemento destacado las redes sociales como herramienta de difusión viral.

• Multimedia comercial.
• Multimedia informativa.

Animacion

Animación

Para otros usos de este término, véase Animación (desambiguación).

Esta bola roja "botando" consiste, en realidad, en 6 fotogramas.

Los seis fotogramas se muestran aquí a diez fotogramas por segundo.

La animación es un proceso utilizado para dar la sensación de movimiento a imágenes o dibujos. Existen numerosas técnicas para realizar animación que van más allá de los familiares dibujos animados. Los cuadros se pueden generar dibujando, pintando, o fotografiando los minúsculos cambios hechos repetidamente a un modelo de la realidad o a un modelo tridimensional virtual; también es posible animar objetos de la realidad y actores.
Concebir una animación tiende a ser un trabajo muy intensivo y tedioso. Por esto la mayor parte de la producción proviene de compañías de animación que se han encargado de organizar esta labor. Aun así existe la animación de autor (que tiene relación con la animación independiente), en general más cercana a las artes plásticas. Ésta surge del trabajo personal de uno o de unos pocos artistas. Algunos se valen de las nuevas tecnologías para simplificar la tarea. Se comienza el proceso de animación al hacer un modelo del personaje o la cosa que se va a animar. Este modelo puede ser un dibujo, o puede ser también en plastilina.

Tipos de animación

Dibujos animados

Artículo principal: Dibujo animado

Los dibujos animados se crean dibujando cada fotograma. Al principio se pintaba cada fotograma y luego era filmado, proceso que se aceleró al aparecer la animación por celdas o papel de acetato inventada por Bray y Hurd en la década de 1910.

Stop motion

Artículo principal: Stop motion

Animación de objetos, muñecos, marionetas, figuras de plastilina u otros materiales así como maquetas de modelos a escala. Se utiliza la grabación "fotograma a fotograma" o "cuadro a cuadro" (frame a frame).
El stop-motion es una técnica de animación que consiste en aparentar el movimiento de objetos estáticos capturando fotografías. En general se denomina animaciones de stop-motion a las que no entran en la categoría de dibujo animado, esto es, que no fueron dibujadas ni pintadas, sino que fueron creadas tomando imágenes de la realidad.
Hay dos grandes grupos de animaciones stop-motion: la animación de plastilina (o cualquier material maleable), en inglés claymation, y las animaciones de objetos (más rígidos).
La animación con plastilina puede hacerse al "estilo libre", cuando no hay una figura definida, sino que las figuras se van transformando en el progreso de la animación; o puede orientarse a personajes, que mantienen una figura consistente en el transcurso del film.
El go-motion es una variante de la animación de "stop motion" por el que aplicando un sistema de control a los muñecos (animatronic) se les induce a realizar movimientos mientras se registra la animación fotograma a fotograma. Como resultado se produce un "efecto de blur" sobre las partes en movimiento que aumenta la sensación de realismo.

Pixilación

Es una variante del stop-motion, en la que los objetos animados son personas y auténticos objetos comunes (no modelos ni maquetas). Al igual que en cualquier otra forma de animación, estos objetos son fotografiados repetidas veces, y desplazados ligeramente entre cada fotografía. Norman McLaren fue pionero de esta técnica, empleada en su famoso corto animado Neighbours. Es ampliamente utilizada en los video-clips.

Rotoscopía

Se basa en dibujar directamente sobre la referencia, que pueden ser los cuadros de la filmación de una persona real. Así se animó en Disney algunas escenas de Blancanieves, protagonista del primer largometraje animado de Disney.
Su análoga infográfica puede considerarse la captura de movimiento (motion capture). Existe cierto grado de controversia sobre si el rotoscope es auténtica animación, y sobre su valor artístico como tal.

Animación de recortes

Más conocido en inglés como cutout animation, es la técnica en que se usan figuras recortadas, ya sea de papel o incluso fotografías. Los cuerpos de los personajes se construyen con los recortes de sus partes. Moviendo y reemplazando las partes se obtienen diversas poses, y así se da vida al personaje.

Otras técnicas

Virtualmente cualquier forma de producir imágenes, cualquier materia que pueda ser fotografiada, puede utilizarse para animar. Existen muchas técnicas de animación que sólo han sido utilizadas por unos y que son desconocidas para el gran público. Entre éstas se incluyen: pintura sobre cristal, animación de arena, pantalla de agujas, pintura sobre celuloide, tweening. Pero también es posible reproducirlo por ordenador.

Animación completa vs. animación limitada

En el cine existe un estándar de 24 fotogramas por segundo. Ésa es la tasa a la que graban las cámaras y proyectan los proyectores. Se toma una fotografía de la imagen cada veinticuatroavo de segundo.
En la animación, sin embargo, las imágenes no se toman sino que se producen individualmente, y por ello no tienen que cumplir necesariamente con el estándar del cine. Una película de animación tiene siempre 24 fotogramas por segundo, pero no necesariamente todos esos fotogramas muestran imágenes diferentes: en la animación, las imágenes suelen repetirse en varios fotogramas.
Así pues, tenemos varias tasas de animación:

• En unos: cada imagen es diferente, sin repetición. 24 imágenes por segundo, 1 imagen cada fotograma.
• En doses: cada imagen se repite dos veces. 12 imágenes por segundo, 1 imagen cada 2 fotogramas.
• En treses: cada imagen se repite tres veces. 8 imágenes por segundo, 1 imagen cada 3 fotogramas.
• Gracias a nuevas tecnologías surgen otros estándares. Por ejemplo, en oriente, donde hay capacidad de reproducir 30 fotogramas por segundo, se pueden encontrar animaciones en las que los fotogramas se repiten tres veces, suponiendo un ahorro en el número de dibujos a la larga sin que el ojo perciba el detrimento.

Animación completa es cuando se anima en unos o en doses. Es el estándar de la animación estadounidense para salas de cine, principalmente las películas de Walt Disney, y también los largometrajes europeos. Generalmente, se animan las escenas con muchos movimientos rápidos en unos, y el resto en doses (la pérdida de calidad es imperceptible).
Animación limitada es cuando se anima en una tasa inferior. El estándar del animé japonés es animación en treses. La pérdida de calidad ya es perceptible si se es observador. El concepto de animación limitada también afecta a otros aspectos diferentes de la tasa. Por ejemplo, es animación limitada cuando se repiten ciclos: pensemos en Pedro Picapiedra corriendo mientras al fondo aparecen una y otra vez las mismas casas en el mismo orden.
Hay que tener en cuenta que diferentes elementos de la imagen (un personaje, otro personaje, un objeto móvil, un plano del fondo, otro plano del fondo) se animan por separado, y que por tanto dentro de la misma escena puede haber elementos con diferentes tasas de animación.

Historia de la animación

Artículo principal: Cine de animación

Informática en la animación

Se puede considerar el aporte de la tecnología en dos campos: como herramienta de creación y como medio de representación.
Para las animaciones dibujadas o pintadas a mano hay programas que asisten a la creación de los cuadros intermedios. Cabe recordar que se necesita una gran cantidad de éstos para dar la sensación de movimiento. En las animaciones hechas con gráficos vectoriales y con modelos tridimensionales el programa mismo calcula la transformación (interpola) de una pose a otra.
Diversos formatos de archivo permiten representar animación en una computadora, y a través de Internet. Entre los más conocidos están SWF, GIF, MNG y SVG. El archivo puede contener una secuencia de cuadros, como gráficos rasterizados (o la diferencia entre un cuadro y el anterior), o puede contener la definición de trazos y sus deformaciones en el tiempo, en un formato vectorial. Hay formatos de archivo específicos para animaciones, y también se utilizan formatos genéricos que pueden contener diversos tipos de multimedios.

Animadores populares del pasado

Tex Avery Ralph Bakshi Joseph Barbera Berthold Bartosch Mel Blanc Don Bluth Bob Clampett Émile Cohl Émile Courtet Quirino Cristiani Shamus Culhane Felix Nakamura Ladislas Starevich Walt Disney Max Fleischer

Friz Freleng Oskar Fischinger Paul Grimault Zlatko Grgić William Hanna Ray Harryhausen John Hubley Ub Iwerks Ollie Johnston Chuck Jones Kihachirô Kawamoto Yoshifumi Kondô Jean-François Laguionie René Laloux Walter Lantz

Len Lye Winsor McCay Carlo Vinci Norman McLaren Jules Engel Grim Natwick Lotte Reiniger Émile Reynaud Osamu Tezuka Frank Thomas Jiří Trnka Bill Tytla Richard Williams Frederico Valle Karel Zeman

Animadores populares actuales

Gábor Csupó Alshu Llanfer Arnele Klasky Tim Burton Marty Isenberg Brad Bird Borge Ring Butch Hartman Konstantin Bronzit Sylvain Chomet Peter Chung David Crognale Gene Deitch Andreas Deja Diego Villegas Michaël Dudok De Wit Joseph Gilland

Paul Fierlinger Pablo Llorens Peter Dockter Jacques-Rémy Girerd Matt Groening Pierre Hébert Don Hertzfeldt Maddisson Hulme Andreas Hydake Mike Judge Glen Keane John Kricfalusi John Lasseter Jeffrey Katzenberg Guionne Leroy Wayne Lytle Todd McFarlane Hayao Miyazaki

Koji Morimoto Yuri Norstein Richard Williams Michel Ocelot Nick Park Priit Pärn Bill Plympton Oliver Postgate Brothers Quay Jean Knoertzer David Silverman Joanna Quinn Jan Švankmajer Isao Takahata Bruce Timm Will Vinton David Teijeiro

Dušan Vukotić Wan brothers Giselle Wedemire Koji Yamamura Caroline Leaf Phil Mulloy Dan Povenmire Baltasar Pedrosa Vladimir Bellini Steve Pilcher Michelle Meeker Stephen Hillenburg Seth MacFarlane Tom Ruegger Steven Spielberg Laura Elliott Goffard Juan Pablo Zaramella

Festivales de animación

Los festivales de animación acogen tanto largometrajes comerciales como cortometrajes de todos los tipos, y son el principal medio de difusión para estos últimos. Los principales festivales de animación del mundo son los siguientes:

• Annecy, Francia
• Zagreb, Croacia
• Anima Mundi, en São Paulo Brasil
• Animacam, Festival Internacional de Animación Online

En el mundo hispanoparlante los más relevantes son:

• Anima, en Córdoba, Argentina
• LOOP - Festival Latinoamericano de Animación & Videojuegos Colombia
• Animadrid, en Pozuelo de Alarcón y Animacor , en Córdoba, España
• Creanimax, En Guadalajara, Jalisco, México
• Tecnotoon Animation Fest, En Ciudad de México, Distrito Federal
• Animación a la Carta, en Caracas , Venezuela
• ANIMEC,Festival de Animación, en Quito , Ecuador

En catalán:

• Animac, en Lérida

Lorem ipsum

 

Lorem ipsum es el texto que se usa habitualmente en diseño gráfico en demostraciones de tipografías o de borradores de diseño para probar el diseño visual antes de insertar el texto final.
El texto en sí no tiene sentido, sino que deriva de un texto de Ciceron en lengua latina, a cuyas palabras se les han eliminado sílabas o letras. El significado del texto no tiene importancia, ya que sólo es una demostración o prueba, sino que es el aspecto tipográfico y de la maquetación lo que importa.
Textos empleados El texto estándar es del año 45 a. C. aproximadamente, una copia de la obra de Cicerón De finibus bonorum et malorum (Sobre los límites del bien y del mal) que comienza con:

Neque porro quisquam est qui dolorem ipsum quia dolor sit amet, consectetur, adipisci velit¹

A pesar de estar extraído de ese escrito, el texto usado habitualmente es:

Lorem ipsum ad his scripta blandit partiendo, eum fastidii accumsan euripidis in, eum liber hendrerit an. Qui ut wisi vocibus suscipiantur, quo dicit ridens inciderint id. Quo mundi lobortis reformidans eu, legimus senserit definiebas an eos. Eu sit tincidunt incorrupte definitionem, vis mutat affert percipit cu, eirmod consectetuer signiferumque eu per. In usu latine equidem dolores. Quo no falli viris intellegam, ut fugit veritus placerat per. Ius id vidit volumus mandamus, vide veritus democritum te nec, ei eos debet libris consulatu. No mei ferri graeco dicunt, ad cum veri accommodare. Sed at malis omnesque delicata, usu et iusto zzril meliore. Dicunt maiorum eloquentiam cum cu, sit summo dolor essent te. Ne quodsi nusquam legendos has, ea dicit voluptua eloquentiam pro, ad sit quas qualisque. Eos vocibus deserunt quaestio ei.
Blandit incorrupte quaerendum in quo, nibh impedit id vis, vel no nullam semper audiam. Ei populo graeci consulatu mei, has ea stet modus phaedrum. Inani oblique ne has, duo et veritus detraxit. Tota ludus oratio ea mel, offendit persequeris ei vim. Eos dicat oratio partem ut, id cum ignota senserit intellegat. Sit inani ubique graecis ad, quando graecis liberavisse et cum, dicit option eruditi at duo. Homero salutatus suscipiantur eum id, tamquam voluptaria expetendis ad sed, nobis feugiat similique usu ex.
Eum hinc argumentum te, no sit percipit adversarium, ne qui feugiat persecuti. Odio omnes scripserit ad est, ut vidit lorem maiestatis his, putent mandamus gloriatur ne pro. Oratio iriure rationibus ne his, ad est corrumpit splendide. Ad duo appareat moderatius, ei falli tollit denique eos. Dicant evertitur mei in, ne his deserunt perpetua sententiae, ea sea omnes similique vituperatoribus. Ex mel errem intellegebat comprehensam, vel ad tantas antiopam delicatissimi, tota ferri affert eu nec. Legere expetenda pertinacia ne pro, et pro impetus persius assueverit.
Ea mei nullam facete, omnis oratio offendit ius cu. Doming takimata repudiandae usu an, mei dicant takimata id, pri eleifend inimicus euripidis at. His vero singulis ea, quem euripidis abhorreant mei ut, et populo iriure vix. Usu ludus affert voluptaria ei, vix ea error definitiones, movet fastidii signiferumque in qui.
Vis prodesset adolescens adipiscing te, usu mazim perfecto recteque at, assum putant erroribus mea in. Vel facete imperdiet id, cum an libris luptatum perfecto, vel fabellas inciderint ut. Veri facete debitis ea vis, ut eos oratio erroribus. Sint facete perfecto no vel, vim id omnium insolens. Vel dolores perfecto pertinacia ut, te mel meis ullum dicam, eos assum facilis corpora in.
Mea te unum viderer dolores, nostrum detracto nec in, vis no partem definiebas constituam. Dicant utinam philosophia has cu, hendrerit prodesset at nam, eos an bonorum dissentiet. Has ad placerat intellegam consectetuer, no adipisci mandamus senserit pro, torquatos similique percipitur est ex. Pro ex putant deleniti repudiare, vel an aperiam sensibus suavitate. Ad vel epicurei convenire, ea soluta aliquid deserunt ius, pri in errem putant feugiat.
Sed iusto nihil populo an, ex pro novum homero cotidieque. Te utamur civibus eleifend qui, nam ei brute doming concludaturque, modo aliquam facilisi nec no. Vidisse maiestatis constituam eu his, esse pertinacia intellegam ius cu. Eos ei odio veniam, eu sumo altera adipisci eam, mea audiam prodesset persequeris ea. Ad vitae dictas vituperata sed, eum posse labore postulant id. Te eligendi principes dignissim sit, te vel dicant officiis repudiandae.
Id vel sensibus honestatis omittantur, vel cu nobis commune patrioque. In accusata definiebas qui, id tale malorum dolorem sed, solum clita phaedrum ne his. Eos mutat ullum forensibus ex, wisi perfecto urbanitas cu eam, no vis dicunt impetus. Assum novum in pri, vix an suavitate moderatius, id has reformidans referrentur. Elit inciderint omittantur duo ut, dicit democritum signiferumque eu est, ad suscipit delectus mandamus duo. An harum equidem maiestatis nec.
At has veri feugait placerat, in semper offendit praesent his. Omnium impetus facilis sed at, ex viris tincidunt ius. Unum eirmod dignissim id quo. Sit te atomorum quaerendum neglegentur, his primis tamquam et. Eu quo quot veri alienum, ea eos nullam luptatum accusamus. Ea mel causae phaedrum reprimique, at vidisse dolores ocurreret nam.

Existen múltiples variantes del texto original, algunas casi sin parecido con él. Estas versiones incluyen letras adicionales que no son comunes en latín (como la k, w y z) o palabras sin sentido como zzril, takimata y gubeergren que intentan hacer la distribución aún más parecida al inglés.
Varios editores de texto proveen la funcionalidad de generación de lorem ipsum.

Diseño Impreso

Imagenes referenciales del diseño impreso:

Diseños tomados de varios interpretes a traves de google.com

Software CAD

Diseño asistido por computadora

Pieza desarrollada en CAD.

El diseño asistido por computadora, más conocido por sus siglas inglesas CAD (computer-aided design), es el uso de un amplio rango de herramientas computacionales que asisten a ingenieros, arquitectos y a otros profesionales del diseño en sus respectivas actividades. El CAD es también utilizado en el marco de procesos de administración del ciclo de vida de productos (en inglés product lifecycle management).
También se puede llegar a encontrar denotado con las siglas CADD (computer-aided design and drafting), que significan «dibujo y diseño asistido por computadora».
Estas herramientas se pueden dividir básicamente en programas de dibujo en dos dimensiones (2D) y modeladores en tres dimensiones (3D). Las herramientas de dibujo en 2D se basan en entidades geométricas vectoriales como puntos, líneas, arcos y polígonos, con las que se puede operar a través de una interfaz gráfica. Los modeladores en 3D añaden superficies y sólidos.
El usuario puede asociar a cada entidad una serie de propiedades como color, usuario, capa, estilo de línea, nombre, definición geométrica, etc., que permiten manejar la información de forma lógica. Además pueden asociarse a las entidades o conjuntos de éstas otro tipo de propiedades como material, etc., que permiten enlazar el CAD a los sistemas de gestión y producción.
De los modelos pueden obtenerse planos con cotas y anotaciones para generar la documentación técnica específica de cada proyecto. Los modeladores en 3D pueden, además, producir previsualizaciones fotorrealistas del producto, aunque a menudo se prefiere exportar los modelos a programas especializados en visualización y animación, como Autodesk Maya, Bentley MicroStation, Softimage XSI o Autodesk 3ds Max y la alternativa libre y gratuita Blender, capaz de modelar, animar y realizar videojuegos.

Elementos de los sistemas CAD

Dibujo realizado con software CAD.

El proceso de diseño en CAD consiste en cuatro etapas.

• Modelado geométrico. Se describe como forma matemática o analítica a un objeto físico, el diseñador construye su modelo geométrico emitiendo comandos que crean o perfeccionan líneas, superficies, cuerpos, dimensiones y texto; que dan a origen a una representación exacta y completa en dos o tres dimensiones. El representado en línea abarca todas las aristas del modelo que se pueden considerar como líneas llenas dando como resultado una imagen ambigua ya que algunas veces las formas son complicadas y para facilitarlo se pueden usar los colores para distinguir las líneas de las piezas y tener una mejor visualización. Sus estructuras se representan en 2, 2 ½ y dimensiones. Cuando hablamos de 2 ½ se utiliza la transformación de la extrusión (sweept), moviendo el objeto de 2-D a lo largo del eje z.¹

• Análisis y optimización del diseño. Después de haber determinado las propiedades geométricas, se somete a un análisis ingenieril donde podemos analizar las propiedades físicas del modelo (esfuerzos, deformaciones, deflexiones, vibraciones). Se disponen de sistemas de calendarización, con la capacidad de recrear con exactitud y rapidez esos datos.¹

• Revisión y evaluación del diseño. En esta etapa importante se comprueba si existe alguna interferencia entre los diversos componentes, en útil para evitar problemas en el ensamble y el uso de la pieza. Para esto existen programas de animación o simulaciones dinámicas para el cálculo de sus tolerancias y ver que requerimientos son necesarios para su manufactura.¹

Documentación y dibujo (drafting). Por último, en esta etapa se realizan planos de detalle y de trabajo. Esto se puede producir en dibujos diferentes vistas de la pieza, manejando escalas en los dibujos y efectúa transformaciones para presentar diversas perspectivas de la pieza.1

Diseño web

El diseño web es una actividad que consiste en la planificación, diseño e implementación de sitios web y páginas web. No es simplemente una aplicación del diseño convencional, ya que requiere tener en cuenta cuestiones tales como navegabilidad, interactividad, usabilidad, arquitectura de la información y la interacción de medios como el audio, texto, imagen y vídeo. Se lo considera dentro del diseño multimedial.
La unión de un buen diseño con una jerarquía bien elaborada de contenidos aumenta la eficiencia de la web como canal de comunicación e intercambio de datos, que brinda posibilidades como el contacto directo entre el productor y el consumidor de contenidos, característica destacable del medio.
El diseño web ha visto amplia aplicación en los sectores comerciales de Internet especialmente en la World Wide Web. Asimismo, a menudo la web se utiliza como medio de expresión plástica en sí. Artistas y creadores hacen de las páginas en Internet un medio más para ofrecer sus producciones y utilizarlas como un canal más de difusión de su obra.

Diseño web aplicado

El diseño de páginas web trata básicamente de realizar un documento con información hiperenlazado con otros documentos y asignarle una presentación para diferentes dispositivos de salida (en una pantalla de computador, en papel, en un teléfono móvil, etc).
Estos documentos o páginas web pueden ser creadas:

• creando archivos de texto en HTML, PHP, Asp, Aspx, JavaScript, JSP, Python, Ruby.
• utilizando un programa WYSIWYG o WYSIWYM de creación de páginas.
• utilizando lenguajes de programación del lado servidor para generar la página web.

Etapas

Para el diseño de páginas web debemos tener en cuenta tres etapas:

• La primera, es el diseño visual de la información que se desea editar. En esta etapa se trabaja distribuyendo el texto, los gráficos, los vínculos a otros documentos y otros objetos multimedia que se consideren pertinentes. Es importante que antes de trabajar sobre el computador se realice un bosquejo o prediseño sobre el papel. Esto facilitará tener un orden claro sobre el diseño.

• La segunda, es la estructura y relación jerárquica de las páginas del sitio web, una vez que se tiene este boceto se pasa a 'escribir' la página web. Para esto, y fundamentalmente para manejar los vínculos entre documentos, se creó el lenguaje de marcación de hipertexto o HTML. Los enlaces que aparecen subrayados en este documento y otros de Wikipedia son ejemplos de hipertexto, puesto que al pulsar sobre ellos conducen a otras páginas con información relacionada. La importancia de la estructura y arborescencia web radica en que los visitantes no siempre entran por la página principal o incial y en ese caso el sitio debe darle la respuesta a lo que busca rápido, además permitirle navegar por el sitio.
• La tercera, etapa consiste en el posicionamiento en buscadores o SEO. Ésta consiste en optimizar la estructura del contenido para mejorar la posición en que aparece la página en determinada búsqueda. Etapa no gustosa por los diseñadores gráficos, porque a diferencia del texto, aún para el año 2011 no se pueden tener nuevos resultados en los buscadores con sitios muy gráficos.

El HTML consta de una serie de elementos que estructuran el texto y son presentados en forma de hipertexto por agente de usuario o navegadores. Esto se puede hacer con un simple editor de textos (debe guardarse como texto plano, sin ningún tipo de formato y con extensión .html o .htm). Aprender HTML es relativamente fácil, así que es sencillo crear páginas web de este modo. Esta era la única manera de generarlas hasta que aparecieron, a mediados de 1996, algunos editores visuales de HTML, como MS FrontPage y Adobe Dreamweaver. Con estas herramientas no es necesario aprender HTML (aunque sí aconsejable), con lo cual el desarrollador se concentra en lo más importante, el diseño del documento.
Todo esto teniendo en cuenta el nivel de programación en el diseño de las aplicaciones y del impacto visual que se quiere generar en el usuario.

Fundamentos

Un correcto diseño web implica conocer cómo se deben utilizar cada uno de los elementos permitidos en el HTML, es decir, hacer un uso correcto de este lenguaje dentro de los estándares establecidos por la W3C y en lo referente a la web semántica. Debido a la permisibilidad de algunos navegadores web como Internet Explorer, esta premisa original se ha perdido. Por ejemplo, este navegador permite que no sea necesario cerrar las etiquetas del marcado, utiliza código propietario, etc. Esto impide que ese documento web sea universal e independiente del medio que se utilice para ser mostrado.
La web semántica, por otra parte, aboga por un uso lógico de los elementos según el significado para el que fueron concebidas. Por ejemplo se utilizará el elemento <P> para marcar párrafos, y <TABLE> para tabular datos (nunca para disponer de manera visual los diferentes elementos del documento). En su última instancia, esto ha supuesto una auténtica revolución en el diseño web puesto que apuesta por separar totalmente el contenido del documento de la visualización.
De esta forma se utiliza el documento HTML únicamente para contener, organizar y estructurar la información y las hojas de estilo CSS para indicar como se mostrará dicha información en los diferentes medios (como por ejemplo, una pantalla de computadora, un teléfono móvil, impreso en papel, leída por un sintetizador de voz, etc.). Por lógica, esta metodología beneficia enormemente la accesibilidad del documento.
También existen páginas dinámicas, las cuales permiten interacción entre la web y el visitante, proporcionándole herramientas tales como buscadores, chat, foros, sistemas de encuestas, etc. y poseen de un Panel de Control de administración de contenidos. Este permite crear, actualizar y administrar cantidades ilimitadas de contenido en la misma.

Accesibilidad

El diseño web debe seguir unos requerimientos mínimos de accesibilidad web que haga que sus sitios web o aplicaciones puedan ser visitados por el mayor número de personas. Para conseguir estos objetivos de accesibilidad se han desarrollado pautas como las del W3C: Pautas de accesibilidad al contenido Web 1.0 WCAG.

Historia

En un principio era sólo texto, pero a medida que ha evolucionado la tecnología, tanto los ordenadores como las redes de telecomunicaciones, se ha generado nuevas formas de desarrollar la web. La inclusión de imágenes fue la más significativa, pero también debemos mencionar el vídeo y la animación, o los espacios 3D, lo que aporta valores estilísticos, de diseño y de interactividad jamás imaginados antes.
El diseño de páginas web se ha desarrollado a medida que ha evolucionado Internet. En 1992 sólo había alrededor de 50 sitios web^{[cita requerida]}. Estadísticas (2005) nos afirmaban que la cantidad de sitios web ronda los 8.000 millones de sitios, a los que diariamente se les suma a raíz de 4400 por día^{[cita requerida]}.
Rápidamente, su importancia alcanzará las mismas cuotas que la televisión o el teléfono. Datos recientes estiman que hay alrededor de 2 mil millones de páginas colgadas y se espera que en los próximos años llegue a los 8 mil millones, excediendo el número de habitantes del planeta. Sin embargo, sólo una fracción de este número es visitado habitualmente por la mayoría de los usuarios (sólo alrededor de 15.000 sitios webs, el 0,4% del total).
A partir de estos datos se puede entender la necesidad de concentrar los esfuerzos para atraer y mantener la atención de los usuarios. Junto con un desarrollo efectivo de la estructura web y del contenido, el diseño y el uso del color son la llave para atraer y ser identificado, formando vínculos en el subconsciente del usuario y generar esquemas para captar y fidelizar a nuevos visitantes.
Al mismo tiempo que la evolución de los aparatos y de su introducción en los hogares, también ha aumentado la calidad de las transmisiones a través Internet y ha bajado su precio. A medida que la tecnología ha solventado estas dificultades, ya no nos encontramos con problemas de forma sino de contenido.

HTML 5

La última versión de este lenguaje básico corresponde al HTML5, donde se introducen nuevos elementos que mejoran la navegación y la usabilidad de los sitios web en los distintos navegadores, como por ejemplo el uso de <canvas>, <video> o <footer>.
Esta nueva versión no se trata solamente de cambiar y eliminar etiquetas. Va mucho más allá.
En todo sitio web hay elementos que se utilizan. El encabezado (header), barras laterales (sidebars), el pie de página (footer), los menús de navegación, se utilizarán en esta nueva versión como etiquetas ya establecidas, brindando una mejora en la intuición para el desarrollo.
Así mismo una de las mayores mejoras es la utilización de "Canvas" o marcos de trabajo, que sirven para utilizar animaciones sin necesidad de instalar plugins ni usar un reproductor Adobe Flash para videos web, estándar considerado de facto. Esta opción es un gran avance, ya que Flash tiene grandes desventajas en los gráficos web, como que Google no pueda leer el texto dentro, que pesan mucho y tardan en cargar. Al implementarse con canvas, se usará únicamente código Javascript, aligerando el peso de la página.
También quedan obsoletos algunos elementos del HTML4, razón por la cual es conveniente repasar acerca de las novedades que incluye HTML5, cuyo lenguaje es regulado por W3C.