P-12: INTERPOLACION DE MOVIMIENTO

domingo, 20 de noviembre de 2011

1.- Abrir el Adobe Flash Profesional
2.- Crear un nuevo documento ActionScript 3.0
3.- Importar la mariposa
4.- Abierta la imagen, la transformamos como clip de pelicula, dando F8 y aceptar.
5.- Despues modificamos la mariposa haciendola un poco mas pequeña de las alas, simulando un aleteo 
6.- Ya modificada la imagen, seleccionamos el fotograma numero 5, y presionamos F6 para crear un Fotograma clave
7.- Despues damos click derecho en el primer fotograma, y buscamos crear una interpolacion de movimiento
8.- Con la interpolacion, movemos la mariposa, al mismo tiempo tambien la estamos  haciendo pequeña como en el paso 5
9.- La seguimos moviendo para crear la guia, (Linea color verde)
10.- En cada movimiento que hagamos, seleccionamos un fotograma cualquiera, y presionamos F6 para que se guarde el movimiento
11.- Cuando ya sientes que ya terminastes presionamos CTRL + Enter para ver el resultado
12.- Y es todo ya tenemos nuestra Mariposa Volando.

P-10: Identificar los elementos de la ventana del software de animacion

martes, 8 de noviembre de 2011

P-9: Conocer la terminología básica del software para elaborar animaciones

1.-Menciona 5 Softwares mas comerciales para realizar animaciones y explica brevemente en que consiste cada uno de ellos.
• MotionPortrait:
Es la tecnología desarrollada por el Sony Kihara Research Center, que crea un modelo 3D a partir de una fotografía, de forma automática, y puede animarla con una variedad de expresiones faciales, y agregarle sonido.

A partir de una sola fotografía se puede realizar la animación.
Se representa en tiempo real, con control interactivo. Puede animar en un teléfono móvil.
Crea expresiones faciales naturales y variadas.
Se pueden incluir otros modelos 3D, y cambiar la imagen de fondo.
Pueden simularse varias situaciones como cristales, maquillaje, cambio de estilo de cabello, adición de accesorios.
Sirve para imagen humana, animales, dibujos, u otro objeto.

• Mirage:Es un sistema de animación de 2D y efectos especiales en tiempo real, que optimiza la producción en 2D. Combina dibujo, pintura, animación, video, y efectos especiales. Puede realizar todo el proceso de animación, desde los storyboards hasta el dibujo animado final.
• Synfig:Es un editor de animación en 2D, que puede usarse en Windows, Linux, Mac OS X. desarrolla animaciones de calidad cinematográfica.
Ofrece independencia espacial y temporal de la resolución, herramientas de distorsión y transformación, capas.

Autodesk Maya:Es uno de los programas para animar en 3D, más completo. Sirve para el modelado, la animación, crear efectos especiales, realiza el renderizado en 3D. Brinda una alta resolución, y es compatible con una amplia gama de plataformas.
• Adobe Flash:
Es una aplicación que utiliza gráficos vectoriales e imágenes ráster. Es un sistema muy empleado en la creación de páginas Web. Permite animar fotograma por fotograma, o interpolar movimientos o formas, a partir de dibujos clave. Es empleado para realizar animación limitada, full animation, rotoscopia, animación en sucio.



2.-Que es flash? Es una tecnologia para crear animaciones graficas vectoriales independientes del navegador y que necesitan poco ancho de banda para mostrase en los sitios web. La animación en Flash se ve exactamente igual en todos los navegadores, un navegador sólo necesitan un plug-in para mostrar animaciones en Flash.
Con Flash los usuarios pueden dibujar sus propias animaciones o importar otras imágenes vectoriales.

3.-Que es animación? la creación de la ilusión de movimiento al visionar una sucesión de imágenes fijas generadas por ordenador; crear efectos especiales y para simular imágenes imposibles de generar con otras técnicas.


4.-Que es un efecto especial? son un conjunto de técnicas utilizadas en el mundo del espectáculo o en el ámbito audiovisual, crear una ilusión visual al espectador.


5.-Que es un grafico de computadora? es un proceso tanto para generar imágenes visuales sintéticamente como integrar o cambiar la información visual y espacial probada del mundo real.

6.-Que es un video game? Un videojuego es un juego que involucra la interacción de un jugador con una interfaz de usuario para generar una respuesta visual y sonora (entre otros tipos) en un dispositivo de juego.
Videojuego hace referencia a cualquier tipo de juego que se visualiza y juega en un dispositivo con gráfica.


 7.-Que es un Synthespians? son los “actores humanos” simulados en computadora

 8.-Que es un fotograma? imágenes impresionadas químicamente en la tira de celuloide del cinematógrafo o bien en la película fotográfica; por extensión también se llama de ese modo a cada una de las imágenes individuales captadas por cámaras de video y registradas analógica o digitalmente.


 9.-Que es un gráfico 3D? trabajos de arte gráfico que son creados con ayuda de computadoras y programas especiales 3D.

10.- Identifica y explica los tipos de animaciones de Flash CS5:

* Cuadro por Cuadro
es una técnica de animación que consiste en aparentar el movimiento de objetos estáticos por medio de una serie de imágenes fijas sucesivas. En general se denomina animaciones de stop motion a las que no entran en la categoría de dibujo animado, ni en la animación por ordenador; esto es, que no fueron dibujadas ni pintadas, sino que fueron creadas tomando imágenes de la realidad.

* Interpolacion de Movimiento
Las interpolaciones de movimiento, no sólo nos permiten realizar desplazamientos en forma recta, sino que también siguiendo una curva que nosotros dibujamos, realizar giros, cambiar los tamaños o deformar símbolos achicandolos o estirándolos. También permiten, aplicar filtros de forma progresiva, ya sea éste un efecto de desvanecimiento, un sombreado, un cambio de color (aplicar tinta), un desenfoque, un bisel o todos juntos.
* Animacion 3D
 Este tipo de gráficos se originan mediante un proceso de cálculos matemáticos sobre entidades geométricas tridimensionales producidas en un ordenador, y cuyo propósito es conseguir una proyección visual en dos dimensiones para ser mostrada en una pantalla o impresa en papel.
http://es.wikipedia.org/wiki/Stop_motion
http://es.wikipedia.org/wiki/Animacion_3D
http://syralg.wordpress.com/2011/03/26/animacion-vectorial-2d-en-software-libre-con-synfig-studio-y-animata/
http://uklanor.wordpress.com/2009/01/09/la-herramienta-hueso-de-flash/
En general, el arte de los gráficos 3D es similar a la escultura o la fotografía, mientras que el arte de los gráficos 2D es análogo a la pintura.


  • Transformaciones básicas en los tres ejes (XYZ), Rotación, Escala o Traslación.






  • * Animacion de Mascaras
    Consiste en ocultar objetos que se encuentran dentro de un escenario de Flash e irlos mostrando poco a poco con otro objeto que contenga una interpolacion de movimiento.

    *Animacion de Transformacion /forma Morphing
    La interpolacion de forma consiste en transformar un objeto creado en su interfaz en otro objeto distinto. Para realizarlo simplemente se ocupan de dos fotogramas claves, ya que flash genera fotogramas intermedios en los cuales se va variando la forma al fotograma anterior.
    *Bones/Huesos
    Permite animar personajes de una forma mucho más sencilla a como se venia haciendo hasta ahora.
    Consiste en crear un símbolo de clip de película por cada hueso que se quiera insertar en la película. De esta manera al dibujar el personaje hemos de distribuir las partes del cuerpo en diferentes “piezas” y convertirlas en clip de película.

    P-6: Panel de Herramientas

    miércoles, 19 de octubre de 2011

    1.- La herramienta de selección o Marquee Tool. Esta herramienta nos sirve para selecciones específicas, lo que caracteriza a estas selecciones es que son de diferentes formas geométricas, como elipse, rectángulo.El atajo de teclado para esta herramienta es la tecla M.
    2.- La herramienta Mover. Una vez que seleccione un área, al seleccionar la herramienta Mover para moverlo. También puede mover capas o elementos sin seleccionarlos. El atajo de teclado para esta herramienta es la tecla V.
    3.- La herramienta de Lazo: Esta herramienta es hace la función de la herramienta de selección, solo que esta es mas precisa, ya que selecciona bordes específicos, además de que puede hacer una selección “magnetica” la cual sigue de manera automática un borde de una imagen cuando pasas sobre él. Su atajo es presionar la tecla L.
    4.- Herramienta de Selección Rápida. Basicamente consiste en un pincel que dibuja alrededor de un área y de manera automática adivina lo que quieres seleccionar. Su atajo es la letra W.
    5.- Herramienta de Corte. Evidentemente esta herramienta sirve para cortar las imagenes, para elegir la herramienta de corte y selección de un sector, útil para la creación de múltiples imágenes a partir de una sola, por lo general para el contenido web. Su atajo es la tecla C.
    6.- Herramienta de Cuentagotas (Igualador de colores). La función primordial de esta herramienta es el igualar los colores de alguna otra imagen, nos facilita la selección de colores como tal, su atajo es la tecla I, pero este botón no solo realiza esta función si no otras como Muestra de color, Regla, y la Nota de herramientas.
    7.- Herramienta Correctora. Una herramienta muy útil en el retoque de fotos, nos sirve para borrar manchas, arañazos o ruido no deseado en la imagenes, y todo de forma automática basta con pintar sobre la zona deseada. Su atajo es la tecla J, y además puedes pulsar Mayús + J para sacar el pincel corrector, la herramienta de Parche, y corrector de ojos rojos.
    8.- Herramienta de Pincel. Básico pero a la vez la herramienta más compleja en la caja de herramientas. Pintar con un poco de pintura y unos clicks y seleccionar diferentes estilos cepillo así como su grosor, esparcimiento, etcétera. Su atajo es la tecla B, además puedes presionar Mayús + B para tomar el Lápiz, las herramienta Sustitución de color, y el mezclador.
    9.- Herramienta de Sello para Clonar. Para edición de fotografías o la creación de efectos que lucen muy profesionales, esta herramienta tal y como su nombre lo indica, nos sirve para clonar algunos de los efectos que ya hayamos realizado, o algunas de las capas que tengamos ya hechas. Su atajo es la tecla S.
    10.- Herramienta de Historial de Pincel. Trabaja en conjunto con la paleta del historial del proyecto, y basicamente nos permite “pintar en el tiempo”. Teniendo la posibilidad de deshacer algunas partes que ya hayamos hecho. Su atajo es la tecla Y.
    11.- Herramienta Borrador. La herramienta mas básica pero mas útil que nos sirve para borrar nuestros errores, o para dar algunos efectos bastante interesantes jugando un poco con la opacidad del borrador. Su atajo es la tecla E.
    12.- Herramienta de Gradiente. Nos facilita la tarea de hacer algunos efectos de gradiente, además de que es una herramienta básica para hacer casi cualquier efecto. Tenemos la pociñon de varios gradientes (elíptico) así como ajustar sus niveles y colores. Su atajo es la tecla G.
    13.- Herramienta de desenfoque, enfoque y mancha. Una herramienta enfocada mucho mas a los efectos de un diseño original, o dar magníficos efectos a las fotografías, y no tiene un atajo de teclado por default.
    14.- Herramientas Dode y Burn. Enfocadas para la edición de fotografías nos sirven para aclarar u oscureces las fotografías. Su atajo es la tecla O.
    15.- Herramienta de Pluma. Una de las herramientas mas difíciles de utilizar, sobre todo para los principiantes. Nos ayuda a realizar trazos personalizados y marcarlos sobre nuestra creación, muy parecido a lo que se trabaja en Illustrator de Adobe. Su atajo es la tecla P.
    16.- Herramienta de Texto. Simple y sencillamente nos permite colocar textos dentro de nuestra creación, además nos permite acomodarlo como nosotros prefiramos. Su atajo es la tecla T.
    17.- Herramienta de Selección de Trazos. Esta herramienta nos permite seleccionar algún segmento de los trazos que hayamos realizado con la pluma. Esta herramienta se lleva de la mano con la Pluma que ya habíamos mencionado. Su atajo es la letra A.
    18.- Herramienta de Formas Personalizadas. Herramienta muy básica que nos permite insertar varias formas o autoformas a nuestro trabajo. Su atajo es la tecla U.
    19.- Herramienta de Zoom. Problemas para distinguir alguna parte del proyecto? Un zoom sería ideal, puesta herramienta esta hecha para eso, con un par de clicks acercas la imagen y con Alt+ click alejas de nuevo. Una herramienta muy básica y su atajo es la tecla Z.
    20.- Herramienta de Mano (Hand Tool). Con la barra espaciadora podemos activar esta función que consiste solamente en poder navegar por todo el documento sin hacer uso del scroll del mouse, solo con click sostenido podemos ir recorriendo el documento para poder revisarlo a la perfección.Atajo H
     21.- Fondo y Primer Plano. Elegir los colores del fondo, y de otros elementos, podemos invertirlos sin la necesidad de elegir nuevamente los colores. El color superior es de primer plano, el de abajo es del fondo.su atajo es x
    22.- Modo de Máscara Rápida. Un modo alternativo para crear selecciones complejas con el Pincel, Borrador, y las herramientas del cubo de pintura. Su atajo es la tecla Q.

    P-5: Elementos de la Ventana del Software de Diseño

    P-4: Terminologia básica del Software para editar imagenes.

    1.-Explica para que se utiliza un editor de imágenes.Para modificar una imagen como nosotros la queramos, color, nitidez, rotarla, montaje, etc..

    2.-¿Que es una imagen digital? es una representación bidimensional de una imagen a partir de una matriz numérica, frecuentemente en binario (unos y ceros). Dependiendo de si la resolución de la imagen es estática o dinámica, puede tratarse de un gráfico rasterizado o de un gráfico vectorial. http://es.wikipedia.org/wiki/Imagen_digital

    3.-¿Cuales son los tipos de imagenes digitales que existen y cuales son sus formatos o extensión del archivo de cada uno?
    .imágenes rasterizadas o mapas de bits (bitmaps). Formato: .art, .bmp, .cin, .cpt, .dpx, .exr, .fpx, .gif, .iff, .jpeg, .jpg, .jpg2, .jp2, .mng, .pcd, .png, .psd, .xbm, .xcf, .xpm......






  • imágenes vectoriales. Formato: .ai, .cdr, .cgm, .dxf, .dwg, .eps, .fh, .fla, .pdf, .ps, .svg, .swf, .wmf.
















  • imágenes 3D. Formato: .3ds, .prj, .vue











  • http://es.wikipedia.org/wiki/Anexo:Formatos_de_archivo_de_gr%C3%A1ficos



    4.-Explica cada uno de los formatos de archivos. (.psd, .jfif,
    .jpg, png, .eps, .tif, .bmp, .gif, .svg, formatos raw (.crw y .cr2)

    Jpg. son las siglas de Joint Photographic Experts Group, el nombre del grupo que creó este formato. jpg es un formato de compresión de imágenes, tanto en color como en escala de grises, con alta calidad (a todo color).

    .Psd.- Documento de Adobe Photoshop. Formato gráfico propiedad de Adobe. Es utilizado por Photoshop y permite composición por capas. Prácticamente no es compatible con programas que no sean de Adobe.

    .Jfif.- En un formato, como ya hemos avanzado, de los llamados sin pérdida visual muy difundido a partir de que los navegadores web empezaron a soportarlo. Admite imágenes en escala de grises a 8 bits y en color a 24 bits de profundidad.
    Sus extensiones son: .jpeg, .jpg, .jif, .jfif.


    Png.- Portable Network Graphicses un formato gáfico basado en un algorito de compresión sin pérdida para bitmaps no sujeto a patentes. Este formato fue desarrollado en buena parte para solventar las deficiencias del formato GIF y permite almacenar imágenes con una mayor profundidad de contraste y otros importantes datos

    .Eps.- El formato de archivo de lenguaje PostScript encapsulado (EPS) puede contener tanto gráficos vectoriales como de mapa de bits y lo admiten prácticamente todos los programas de gráficos, ilustraciones y diseño de páginas. El formato EPS se utiliza para transferir imágenes PostScript entre aplicaciones.

    .Tiff.- es un formato de archivo de gráficos de mapa de bits (una trama). Fue desarrollado en 1987 por Aldus (ahora pertenece a Adobe). Las últimas especificaciones (Revisión 6.0) se publicaron en 1992.


    .Gif.- (Graphic Interchange Format, Formato de intercambio de gráficos) es un formato de archivos de gráficos de mapa de bits (una trama) desarrollado por Compuserve.

    .SVG.- Scalable Vector Graphics) o SVG es una especificación para describir gráficos vectoriales bidimensionales, tanto estáticos como animados (estos últimos con ayuda de SMIL), en formato XML.

    .Raw.- El formato de imágenes RAW ("crudo" en inglés; en el caso de las imágenes, entiéndase como "Formato de Imagen sin modificaciones") es un formato de archivo digital de imágenes que contiene la totalidad de los datos de la imagen tal y como ha sido captada por el sensor digital de la cámara fotográfica.


    BMP, o mapa de bits, es el estándar de Windows y es reconocido por casi todos
    los programas, tiene el inconveniente de que crea ficheros muy grandes
    visualizar sin problemas tanto en plataformas PC como en MacIntosh, tiene el inconveniente de que hay muchos tipos de subformatos y a veces da problemas de incompatibilidad
     http://es.kioskea.net/contents/systemes/format.php3


    5.-¿Que es un mapa de bits?  es una estructura o fichero de datos que representa una rejilla rectangular de píxeles o puntos de color, denominada raster, que se puede visualizar en un monitor, papel u otro dispositivo de representación.http://es.wikipedia.org/wiki/Gr%C3%A1fico_rasterizado

    6.-¿Que es un gráfico vectorial?  es una imagen digital formada por objetos geométricos independientes (segmentos, polígonos, arcos, etc.), cada uno de ellos definido por distintos atributos matemáticos de forma, de posición, de color, etc. Por ejemplo un círculo de color rojo quedaría definido por la posición de su centro, su radio, el grosor de línea y su color.http://es.wikipedia.org/wiki/Gr%C3%A1fico_vectorial

    7.-¿Que es un Pixel?  es la menor unidad homogénea en color que forma parte de una imagen digital, ya sea esta una fotografía, un fotograma de vídeo o un gráfico.http://es.wikipedia.org/wiki/Pixel

    8.-¿Que es un Vóxel? es la unidad cúbica que compone un objeto tridimensional. Constituye la unidad mínima procesable de una matriz tridimensional y es, por tanto, el equivalente del píxel en un objeto 3D.http://es.wikipedia.org/wiki/V%C3%B3xel

    9.-¿Que es un Texel? es la unidad mínima de una textura aplicada a una superficie, usada en gráficos por computador. De la misma forma que una imagen digital se representa mediante una matriz de píxeles, una textura se puede representar mediante un matriz de texels.http://es.wikipedia.org/wiki/Texel_(gr%C3%A1ficos)

    10.-¿Que es rasterizacion proceso por el cual una imagen descrita en un formato gráfico vectorial se convierte en un conjunto de píxeles o puntos para ser desplegados en un medio de salida digital, como una pantalla de computadora, una impresora electrónica o una imagen de mapa de bits (bitmap).http://es.wikipedia.org/wiki/Rasterizacion

    11.-¿Que es vectorizacion? Se llama vectorización al proceso necesario que convierte una imagen de formato rasterizado (.jpg, .png, .tiff, .gif…) en formato vectorial (.ai, .fh, .cdr…).



    12.-¿Que es una resolucion de imagen?  El término es comúnmente utilizado en relación a imágenes de fotografía digital, pero también se utiliza para describir cuán nítida (como antónimo de granular) es una imagen de fotografía convencional (o fotografía química). Tener mayor resolución se traduce en obtener una imagen con más detalle o calidad visual.

    13.-Explica los sistemas para el color a las imagenes digitales de acuerdo a su finalidad y cuanto ocupa en pixeles? * Escala de grises , * RGB , * CMYK.

    Escala de Grises:
    Es una escala empleada en la imagen digital en la que el valor de cada píxel posee un valor equivalente a una graduación de gris. Las imágenes representadas de este tipo están compuestas de sombras de grises, que van desde el negro más profundo variando gradualmente en intensidad de grises hasta llegar al blanco.
    RGB:
    un color hace referencia a la composición del color en términos de la intensidad de los colores primarios con que se forma: el rojo, el verde y el azul. Es un modelo de color basado en la síntesis aditiva, con el que es posible representar un color mediante la mezcla por adición de los tres colores luz primarios. El modelo de color RGB no define por sí mismo lo que significa exactamente rojo, verde o azul, por lo que los mismos valores RGB pueden mostrar colores notablemente diferentes en diferentes dispositivos que usen este modelo de color. Aunque utilicen un mismo modelo de color, sus espacios de color pueden variar considerablemente.
    CMYK:
    Es un modelo de colores sustractivo que se utiliza en la impresión en colores. Es la versión moderna y más precisa del ya obsoleto Modelo de color RYB, que se utiliza aún en pintura y bellas artes. Permite representar una gama de color más amplia que este último, y tiene una mejor adaptación a los medios industriales. Este modelo de 32 bits se basa en la mezcla de
    pigmentos algunos colores para crear otros más.
    http://es.wikipedia.org/wiki/Escala_de_grises
    http://es.wikipedia.org/wiki/Modelo_de_color_CMYK
    http://es.wikipedia.org/wiki/Modelo_de_color_RGB

    14.-¿Cuales son los mejores programas para la edicion de imagenes? Photoshop Express, Picnik, Snipshot, Corel Paint Shop Pro Photo, IrfanView 4.00, Photoscape 3.0, Paint.NET 3.10.
    http://www.tecnocosas.es/los-mejores-programas-de-edicion-de-imagenes/

    Experiencia en conferencia de Telematica. CICESE

    martes, 7 de junio de 2011

    De acuerdo a lo que se vivio en la conferencia de Telematica impartida por el Ing. Enrique Elenes, que tiene el cargo de Departamento de Redes; donde el objetivo es promover todos los recursos de la tecnologia e investigacion en apoyo cientifico, en el departamento cuentan con medidas de seguridad, para garantizar el funcionamiento correcto; las medidas de seguridad son: Contraseñas y autenticar el Proxy, entre otros; tambien disponen de sanciones a los personales si violan las normas de seguridad y politicas, cuentan con departamentos de direccion de Telematica las cuales son: Informatica, computo y redes.
    Donde las funciones de cada una de ella es administrar, matenimiento y reparacion, conexion de redes, entre otros, tambien tienen un area critica que es un edificio del Centro de Telematica, donde se encargan de el control de todas las redes que tiene el CICESE y otras organizaciones, dentro del centro de Telematica cuentan con empresas que ayudan al centro, en lo que se ocupa, la compañia seria Red1, entre otras.
    Ahi se tiene el control de los usuarios que esten dentro del CICESE, y mantener todo en orden, tambien tienen una Supercomputadora que cuenta con 8GB de Memoria Ram, 325 o mas de Disco Duro, y 8 Ultra Sparc III de Procesador, tambien nos enseño como hacer un ponchado de fibra optica, donde antes batallaban mucho haciendolos y que ahora ya no, con las herramientas con las que cuentan son mas faciles de usar y mas rapida; despues de que se termino la conferencia nos mostro los departamentos de Telematica, que se ubican mas arriba, ahi tienen todo controlado, de lo que tienen en el CICESE, vi las computadoras que estan con una Supercomputadora en el centro de Telematica; tambien vimos la vista que tenia al mar y otras cosas mas.

    Es todo ja... Mi experiencia en el CICESE fue algo bien, estuvo bien, ademas que fuimos varios compañeros.