Multimedia

Herramientas de edición 2D

NOMBRE: Erick Barrera

Andrea Llamuca
CURSO: VI Software
FECHA: 07 de enero de 2019
GUÍA PARA LAS PRÁCTICAS DE LABORATORIO,
TALLER O CAMPO
ASIGNATURA: Multimedia
PERIODO LECTIVO: OCT2018-FEB2019
NIVEL: 6to nivel
DOCENTE: Ing. Marcelo Álvarez
COD: NRC 3111 PRÁCTICA N°: 3
LABORATORIO DONDE SE DESARROLLARÁ LA PRÁCTICA: Multimedia y
Realidad Virtual, Ingeniería Web y Móvil

TEMA DE LA PRÁCTICA:
Introducción a herramientas de animación en 2D

INTRODUCCIÓN:
La animación tanto 2D es tan solo un artificio aplicado al cerebro mediante la
presentación "rápida" de imágenes consecutivas creando una sensación de movimiento.
Para lograr engañar al cerebro, será necesario que el ojo perciba del orden de entre 12 y
24 imágenes (frames) por segundo. Con una ratio menor a 12 frames/segundo el ojo
detectará una discontinuidad rompiéndose la continuidad del movimiento. Este engaño
puede llevarse a cabo de muy distintas formas.

OBJETIVOS:
Realizar una comparativa de herramientas actuales especializadas en la animación 2D.

EQUIPOS Y MATERIALES:
Computador, herramientas de animación, Internet, información bibliográfica pertinente.

INSTRUCCIONES:
Los estudiantes deben realizar una comparativa de mínimo 5 herramientas actuales de
animación 2D.

ACTIVIDADES POR DESARROLLAR:

Investigar las características relevantes de las herramientas de animación 2D

DESARROLLO Y MARCO TEÓRICO

GIMP
GIMP tiene herramientas que se utilizan para el retoque y edición de imágenes, dibujo
de formas libres, cambiar el tamaño, recortar, hacer fotomontajes, convertir a diferentes
formatos de imagen, y otras tareas más especializadas. Se pueden también crear
imágenes animadas en formato GIF e imágenes animadas en formato MPEG usando un
plugin de animación.
Sus herramientas son más potentes, y además es capaz de funcionar con extensiones o
plugins y scripts. Desde hace mucho tiempo se puede usar también con tabletas
digitalizadoras.
GIMP usa GTK+ como biblioteca de controles gráficos. GIMP y GTK+ fueron
originalmente diseñados para el sistema gráfico X Window ejecutado sobre sistemas
operativos tipo Unix. GTK+ ha sido portado posteriormente a Microsoft Windows,
OS/2, Mac OS X y SkyOS.
GIMP permite el tratado de imágenes en capas, para poder modificar cada objeto de la
imagen en forma totalmente independiente a los demás elementos en otras capas de la
imagen. También pueden subirse o bajarse de nivel las capas, en una pila, para facilitar
el trabajo de la imagen. Cada capa tiene su propia visibilidad y grado de transparencia y,
además, hay una larga serie de maneras de combinar las relaciones entre capas. La
imagen final puede guardarse en el formato original xcf de GIMP que soporta capas, o
en muchos formatos planos sin capas, como puede ser png, bmp, jpg, GIF, PDF, etc.
Con GIMP es posible producir también imágenes de manera totalmente no interactiva
automatizada (por ejemplo, generar al vuelo imágenes para una página web usando
scripts o guiones CGI) y también realizar un procesamiento por lotes que cambie el
color o convierta series de imágenes. Para tareas automatizables más simples,
probablemente sea más rápido utilizar un paquete como ImageMagick.
El nombre de GIMP en español se forma con las iniciales de Programa de Manipulación
de Imágenes de GNU, leídas de atrás para adelante.
GIMP cuenta con muchas herramientas, entre las que se encuentran las siguientes;
 Herramientas de selección (rectangular, esférica, manual (lasso), varita mágica,
por color, por inversión, yuxtaposición, adición, eliminación),
 Tijeras inteligentes.
 Herramientas de pintado como: pincel, brocha, aerógrafo, relleno, texturas,
degradados, etc.
 Conjunto extensible de formas de pinceles para ser utilizados con las
herramientas anteriores.
 Herramientas de modificación de escala, de inclinación, de deformación, de
rotación
 herramientas de clonado plano, de clonado en perspectiva y brocha de curado
(para corregir pequeños defectos).
 Herramienta de creación y manipulación de texto.
 Creación y edición de degradados de colores.
 Modificación de los colores por niveles, posterización, modificacion del brillo,
contraste, tono, saturación, inversión, alteraciones de la gama de colores,
descomposición en canales, desaturación, etc...
 Posee también muchas herramientas o filtros para la manipulación de los colores
y el aspecto de las imágenes, como enfoque y desenfoque, eliminación o adición
de manchas, sombras, mapeado de colores, etc...
 También posee un menú con un catálogo de efectos y tratamientos (filtros) de
las imágenes.
 Asistentes para la creación rápida de botones, logos y otras imágenes simples a
partir de elementos preestablecidos.
 Creación, edición y manipulación de máscaras específicas de una capa.
 Creación, edición y manipulación de rutas.
 Medición y cálculo simple de longitudes y ángulos.
 Menú para deshacer todas las manipulaciones realizadas en una sesión (salvo
algunas irreversibles), para corregir errores o hacer pruebas.
VYOND
Vyond (anteriormente conocida como Go! Animate y GoAnimate ) es una plataforma
de creación de video animada basada en la nube propiedad de GoAnimate, Inc.
Vyond es una herramienta para crear videos animados, es una plataforma en la nube, y
lo único que necesitas es un navegador y acceso a internet. Tiene 4 características
principales:
1. Sincronización de labios
2. Animación de objetos
3. Animación de personajes
4. Personalización de marca
Templates en Vyond
Cuando inicias un video puedes elegir entre diferentes estilos, contemporáneo, casual o
pizarrón blanco. La diferencia entre ellos es el estilo de imágenes a utilizar en tu video.
Y deberás decidir si inicias creando tu video con una plantilla pre-diseñada o bien una
en blanco. Encontrarás plantillas o templates para crear videos de gráficos,
conceptuales, educativos, financieros, etc. Si no quieres perder mucho tiempo puedes
utilizar alguna de estas.
Personajes animados personalizados
Hay personajes prediseñados para la salud, deportivos, viajeros, etc. Pero si necesitas
crear un personaje con ciertas características, puedes crearlo. Hay una opción en donde
eliges el tipo de personaje que necesitas, mujer, hombre, niño, niña. Y le puedes agregar
los rasgos característicos como ojos, boca, nariz, etc. Para después elegir la vestimenta,
calzado y accesorios de tu personaje.
El diálogo y la narración hablados pueden grabarse directamente en la plataforma o
importarse como un archivo de audio. Los personajes pueden sincronizar
automáticamente el diálogo que se les asigna. Alternativamente, el audio se puede
configurar como narración de voz en off. Los usuarios pueden descargar sus videos
terminados como archivos MP4, GIF o presentaciones de video. También pueden
exportarlos directamente a una variedad de sitios de alojamiento de videos, incluidos
YouTube , Wistia y Vidyard .
VISME
Visme es una aplicación online muy completa para crear presentaciones profesionales,
banners publicitarios, animaciones, demostraciones de productos, infografías, etc. Es
una opción diferente a Microsoft PowerPoint y a Apple Keynote, y que a la vez permite
realizar sin mayores conocimientos obras gráficas que sólo alguien que sea un experto
en el manejo de Adobe Photoshop e Illustrator podría conseguir.
Por todo lo que se puede lograr con esta aplicación, es que se le conoce como la “navaja
suiza” para las necesidades en contenidos visuales, más aún si se tienen en cuenta las
posibilidades que le ofrece su naturaleza en la nube (mayor espacio, incrustación en
sitios web, disponibilidad en cualquier lugar mediante cualquier navegador actual, etc.)
y al estar construida en HTML5 permite verse bien en la web y en dispositivos móviles.
Características para su versión gratuita
 Miles de elementos predeterminados para agregar al instante.
 100 MB de almacenamiento gratuito.
 Inserción de elementos externos mediante fuentes como YouTube y Vimeo.
 Modificación de contenidos a través del siempre útil arrastrar y soltar.
 Panel de slides a la derecha y barra de inserción de contenidos a la izquierda.
 Acceso a millones de imágenes gratuitas (propias o mediante Flickr) e íconos en
formato vectorial.
 Exportación de contenido a formato de imágenes JPG.
 Interfaz con diseño plano, minimalista, con líneas guía y ayuda instantánea en
cada sección.
 Elementos interactivos como los de las infografías que cambian según los
valores numéricos ingresados.
 Modo para insertar texto animado y con disposiciones predeterminadas por
columnas.
 Animación de elementos por separado con una timeline avanzada en la parte
superior.
 Publicación instantánea en la web (compatible con móviles) mediante
SlideShare, un sitio web o blog propio a través de la incrustación, o usando el
enlace generado a un espacio de visualización en Visme.
 Compartición de los resultados en las redes sociales con un clic o simplemente
descargándolos
¿Cómo funciona Visme?
Después de crear una cuenta aparecerá una ventana para darle título a un “Nuevo
proyecto”. El tipo de proyecto se selecciona es una pantalla con las siguientes categorías
disponibles: personalizado, presentaciones, banners publicitarios e infografías.
Personalizado: Para iniciar una nueva hoja “en blanco”, lo ponemos entre comillas ya
que se puede partir de un fondo con colores fijos, degradados, un fractal, una foto o una
textura. Desde ahí es posible crear animaciones personalizadas.
Presentación: Sirve además, para crear presentaciones al estilo de PowerPoint sólo que
con más contenido multimedia de alta calidad y 7 plantillas profesionales para escoger.
En el lado opuesto está el botón Slides que permite gestionar las diapositivas.
Banners publicitarios: Para crear banners publicitarios animados o sin movimiento. Por
supuesto, también hay múltiples plantillas para los formatos más conocidos en este tipo
de anuncios: 728×90, 468×60, 336×280, 125×125 y 120×600, entre otros. Igualmente se
puede partir de un tamaño personalizado.
Infografías: Quizá es el apartado al que más podemos sacarle provecho de Visme por las
facilidades que brinda para crear infografías; en una interfaz muy familiar, con reglas
guía, cientos de elementos para escoger (algunos interactivos), temas predeterminados,
fondos a un clic y montones de funciones para compartir los resultados.

Pivot Stickfigure Animator

Es una aplicación que permite a los usuarios crear animaciones de siluetas muy
fácilmente, y sin necesidad de poseer ningún tipo de habilidad artística.
Características fundamentales del software
Pivot Stickfigure Animator pone a tu disposición un completo editor para construir
todas las figuras que quieras a base de líneas y círculos. Por supuesto incluye todas las
opciones y ajustes necesarios para crear frames de animación, a los cuales se le
configura su tamaño, velocidad, y mucho más.
Tiene tres menús: El File permite crear, salvar o abrir una animación, poner o quitar una
imagen de Background y cargar o crear una figura. Por supuesto el correspondiente
botón de salida permanece en este menú, el menú Option permite solamente darle el
tamaño deseado a su animación completa y por último el menú de Ayuda, que con un
conocimiento básico de inglés, se comprende fácilmente.
Inmediatamente nos encontramos con la zona donde van posesionándose los distintos
frame de las consecutividades de la animación, los cuales son manejados desde la paleta
de herramientas que se ubica a la izquierda y observándose todo el manejo de los
resultados con el trabajo de los botones de la misma, en la derecha de esta paleta.
Opciones en esta paleta como Play, Stop, adicionar figura, edición de las figuras, entre
otras, son la sencillez personificada del uso de esta herramienta.
El resultado de tu trabajo lo podrás guardar en forma de archivo GIF.
Ventajas
 Fácil de instalar.
 Ocupa poco espacio de memoria.
 Interface sencilla.
Desventajas
 El contenido de la ayuda es muy breve.
 Es limitado en el uso de extensiones de imágenes.
 El uso de colores en los personajes es limitado
PENCIL2D
Es un programa de vectores muy sencillo de utilizar. Tiene unos pinceles muy
interesantes, y también trabaja en pixeles. Trabaja con una línea de tiempo, y le
podemos agregar audio a nuestras animaciones (como por ejemplo: hacerlas hablar).
CARACTERISTICAS
 Pencil es un programa para hacer animaciones y dibujos para Windows. Pencil
te va a permitir crear animaciones que tradicionalmente se han dibujado a mano
usando tanto gráficos bitmap como vectoriales. Además, es un programa de
código abierto, así que es completamente gratis.
 Es un programa capaz de hacer animaciones 2D, como si dibujaras en un block y
pasaras las hojas rápidamente, así que no puede competir con programas para
diseñas animaciones flash.
 El funcionamiento del programa es sencillo. Tiene varios tipos de pinceles,
lápices, dibujo de multilíneas, colorear zonas o a trazos. Su funcionamiento
consiste en hacer fotogramas para hacer la animación, ya que puedes utilizar una
línea de tiempo para la animación.
 Pencil es un programa de ilustración con las herramientas que necesitas para
dejar correr tu imaginación creando animaciones en 2D.
 VISME Pivot Stickfigure
GIMP VYOND PENCIL 2D
Animator
Microsoft Windows,
PLATAFORMA OS/2, Mac OS X y Online o en la nube Online Microsoft Windows Multiplaforma
SkyOS.
Crea sus videos
como archivos MP4,
Crea imágenes GIF o presentaciones Puede extraer
animadas en formato de video. También fotogramas por
GIF e imágenes pueden exportarlos Exportación de Exportación de separado, una serie
FORMATO DE
animadas en formato directamente a una contenido a formato contenido en forma de fotogramas o,
EDICION
MPEG con guardo de variedad de sitios de de imágenes JPG. de archivo GIF. directamente, la
imagen xcf, png, bmp, alojamiento de animación en
jpg, GIF, PDF, etc. videos, incluidos formato MP4
YouTube, Wistia y
Vidyard.
CARACTERISTICA Permite el tratado de Sincronización de Acceso a millones de Pivot Animator está Es un programa de
GENERAL imágenes en capas, labios imágenes gratuitas diseñado para vectores muy
para poder modificar Animación de (propias o mediante utilizarlo de una sencillo de utilizar.
cada objeto de la objetos Flickr) e íconos en manera fácil y crear Tiene unos pinceles
imagen en forma Animación de formato vectorial. animación 2D stick- muy interesantes, y
totalmente personajes man- El concepto también trabaja en
independiente Personalización de Visme da facilidades básico es que las pixeles. Trabaja con
marca para crear figuras de palos una línea de tiempo,
infografías; en una puedan moverse y y le podemos agregar
interfaz muy posicionarse audio a nuestras
familiar, con reglas fácilmente animaciones (como
guía, cientos de arrastrando por ejemplo: hacerlas
manejadores, esta hablar).
elementos para
animación está
escoger (algunos
interactivos), temas
predeterminados,
fondos a un clic y compuesta por
montones de fotogramas añadidas
funciones para a la línea de tiempo
compartir los
resultados.
RESULTADOS OBTENIDOS:
El estudiante conoce las herramientas actuales especializadas en animación 2D.

CONCLUSIONES:
La animación ha tenido un desarrollo muy avanzado y con los avances tecnológicos ha
mejorado de tal forma que puede llegar a otras áreas como la del entretenimiento y la
publicidad como son las simulaciones por ordenador.
Las herramientas de edición como son las de 2D son muy importantes para llegar a
realizar incluso videos que permitan inculcar educación y valores al público que lo
puede ver así también como hemos podido observar en esta consulta una de las
herramientas más relevante que según la información obtenida es VYOND ya que
permite desde la aplicación en la nube extraer imágenes con el fin de facilitar su
interacción con el usuario y ayudar en la animación, así también, como el movimiento
de labios y animación de los personajes

RECOMENDACIONES:
Debemos escoger el software que sea adecuado según las necesidades que tenga el
usuario como en nuestro caso para la realización del personaje del video, así también,
mirar sus herramientas para facilitar nuestro trabajo por eso debemos investigar a fondo
la herramienta que sea utilizada en nuestro proyecto

REFERENCIAS BIBLIOGRÁFICAS Y DE LA WEB:

 https://es.wikipedia.org/wiki/GIMP
 https://www.google.com/search?
biw=1366&bih=657&tbm=isch&sa=1&ei=SWczXKecHOGs5wLurqegBA&q=
gimp&oq=gimp&gs_l=img.3..0j0i67j0l8.664720.665255..665606...0.0..0.202.71
7.0j3j1......1....1..gws-wiz-
img.......35i39j0i10i67._YkQl6XIbsA#imgrc=Ubdwr_30U1qOtM:
 https://translate.google.com/translate?
hl=es&sl=en&u=https://en.wikipedia.org/wiki/Vyond&prev=search
 https://learning.goanimate.com/is-now-vyond/?
gclid=Cj0KCQiAjszhBRDgARIsAH8KgveOfG7H__j9xsLxNGMrRheIArsNav
kaZ4kO-vobfOvEFuoPTgDjyhsaAnphEALw_wcB
 «Visme». [En línea]. Disponible en:
http://www.unitecnologica.edu.co/newsletter/educacionadistancia/2015/boletin0
14/noti_apliaciones/003/index.html. [Accedido: 07-ene-2019].
 «Pivot Stickfigure Animator - EcuRed». [En línea]. Disponible en:
https://www.ecured.cu/Pivot_Stickfigure_Animator. [Accedido: 07-ene-2019].
 P. M. Coria, «TOP 6 mejores programas de animación 2D gratuitos», El Blog de
Master Coria, 18-mar-2018. [En línea]. Disponible en:
https://blog.mastercoria.com/tops/programas-de-animacion-2d-gratuitos/ .
[Accedido: 07-ene-2019].
 miguelmoreno555, «CARACTERISTICAS», PENCIL, 19-jun-2014. .