GIFS

¡Hola! Como última actividad práctica del curso hemos hecho un gif. Un GIF (el nombre viene del inglés Graphics Interchange Format) es una sucesión de imágenes guardadas en un solo archivo que producen sensación de movimiento. Es un formato de imágenes, lo que lo hace especial es que permite mostrar imágenes animadas, es decir, animaciones cortas, de unos segundos,  que se repiten en bucle (loop).

Últimamente se han hecho muy populares gracias a una red social llamada Tumblr, en la que los usuarios pueden dedicar blogs enteros a la publicación de gifs.

Existen varios programas en línea gratuitos para crear gifs, como Unfreez o The Gimp, el que hemos usado nosotros; también hay otros programas especiales con herramientas sencillas para hacer gifs a partir de vídeos, como pueden ser Bloggif o Gifsoup.
Para crear un gif  con GIMP solo hay que seguir unos sencillos pasos:
       
              1. Una vez seleccionadas las imágenes, que deberían ser del mismo tamaño para dar una sensación de uniformidad, se pulsa en archivo para hacer un nuevo documento; y se coloca cada una de las imágenes, en el orden escogido, en una capa.
              2. Después se duplican las capas de fondo de cada imagen, para que sea fluido.
              3. Por último, se vuelve a pulsar archivo y exportar. Para guardarlo se debe activar la casilla de verificación de gif animado y la de Bucle perpetuo, para que se repita, y escoger la velocidad que se prefiera en  Retraso entre cuadros, nosotros escogimos 150 milisegundos.


Y, por último, aquí está el gif que hemos hecho mi compañera de clase Marina Cruz y una servidora.

INTRODUCCIÓN A LA PROGRAMACIÓN: BLOCKY Y HORA DEL CÓDIGO

Un lenguaje de programación es un lenguaje diseñado para describir el conjunto de acciones consecutivas que un ordenador debe ejecutar; por lo tanto, es un modo práctico para que los seres humanos puedan dar instrucciones a su equipo.
El lenguaje que los ordenadores utilizan es el binario (series de ceros y unos), pero es muy difícil de utilizar, e incomprensible para la gran mayoría de usuarios normales; por ello se crearon lenguajes intermediarios, más comprensibles para el hombre, los lenguajes de programación.
Éstos pueden ser:

• De bajo nivel: se utilizan para controlar el hardware y dependen directamente de la máquina. Ordenan las operaciones esenciales para el funcionamiento del dispositivo.
• De alto nivel: son parecidos al humano. No dependen de la máquina, y sirven para crear programas informáticos que puedan solucionar distintos tipos de necesidades. Algunos de ellos son Java, SQL o PHC.

En programación se trabaja con variables, contenedores de datos específicos; y condicionantes, que son estructuras de código que indican que para que un programa se ejecute deben cumplirse ciertas premisas; entre otros.

Nosotros hemos aprendido algunas bases de la programación gracias a Juegos de Blockly, que presenta un lenguaje de programación visual compuesto por bloques ensamblables correspondientes a las distintas instrucciones, reduciendo la complejidad de esta actividad a escoger el más adecuado juntar dichos bloques en el orden correcto. En ellos hay puzzles y juegos de variedad temática, estructurados en niveles con creciente dificultad.

Pero también dejan espacio a la imaginación, ya que en el nivel final de la sección de la tortuga lo que tienes que hacer es crear tu propia imagen, gracias a lo aprendido en las prácticas previas.
Mi compañera Marina y yo creamos el logo de Pink Floyd:

Otro hecho clave a destacar respecto a la programación es La Hora del Código, un movimiento global, organizado por Code.org, en el que ya han participado y patrocinan famosos como Ashton Kutcher u Obama; y que es el responsable de la popularidad que la programación ha ido acumulando en los últimos años.
El objetivo es que en un futuro todas las personas sepan programar; para ellos ofrecen tutoriales de programación para estudiantes, en forma de juegos. Programar fomenta la habilidad de resolución de problemas, la lógica y la creatividad, por eso pretende introducir a los estudiantes de forma temprana en las ciencias de la computación.
Nosotros trabajamos con estos tutoriales, y después pudimos crear nuestro propio videojuego.

• Aquí dejo un vídeo muy explicativo:

• Pero si queréis más información, os dejo el enlace a la web oficial en español:

 https://hourofcode.com/es

DISEÑO VECTORIAL

Los gráficos vectoriales son una técnica revolucionaria en el diseño asistido por ordenadores. Las imágenes vectoriales se construyen, como su propio nombre indica, a partir de vectores formados por una serie de puntos unidos por líneas y definidos por fórmulas matemáticas. Un archivo vectorial se divide en elementos gráficos llamados objetos que conforman entidades completas con propiedades tales como el color, el tamaño, la forma, el color y la posición en la pantalla.

Mientras que las imágenes de mapas de bits, las utilizadas anteriormente, se componen de puntos individuales llamados píxeles dispuestos y coloreados de forma diversa para formar un patrón (conjunto). Si aumentamos el tamaño de la imagen, aumentará el número de píxeles individuales, haciendo que las líneas y las formas tengan un aspecto dentado. Las imágenes vectoriales no dependen de la resolución, se muestran con la máxima del dispositivo de salida, pues cada elemento es independiente, no toda la imagen constituye un conjunto.

Los gráficos vectoriales presentan una serie de ventajas respecto a los métodos convencionales:

• Requieren menos espacio en un disco duro que otros tipos de imágenes.
• Se le puede aplicar zoom de forma ilimitada sin que afecte a los bordes.
• Los parámetros de los objetos configurados por vectores pueden ser guardados y modificados en el futuro.
• Algunos formatos permiten la animación.

Sin embargo, también tiene algunas desventajas que deben ser mejoradas, como el hecho de que no son aptos para mostrar fotografías complejas o que haga falta un software específico para visualizar este tipo de imágenes.

Algunos de esos editores gráficos vectoriales son Inkscape o Youidraw; con el que hemos estado trabajando. Éste último permite dibujar, pintar o crear logos y después guardar los resultados en la nube; y para el que solo hace falta iniciar sesión con una cuenta Google.

Relacionados con el diseño vectorial hemos realizado dos actividades prácticas:

• En la primera hemos dibujado una 'a' con una de las herramientas de Youidraw y la hemos decorado a nuestro gusto:

• La segunda consistía en crear un logo de una empresa ficticia. La mía es una discográfica llamada Lotus Records. Lo del fondo es una flor de loto un poco original y para hacerla he usado un diseño previo que había en la nube y le he cambiado los colores que tenía.

ROTOSCOPIA

La rotoscopia es una antigua técnica de animación que consistía en dibujar cada fotograma en un soporte original. Para ello se utilizaba un rotoscopio, como el que se puede apreciar en la imagen:

Así se consigue transmitir al dibujo una naturalidad propia de movimientos reales. Fue utilizado por ejemplo por Walt Disney, con el realizó la película de "Blancanieves y los siete enanitos". Esta compañía usaba a actores para poder copiar los movimientos, a partir de las grabaciones, de modo que éstos fuesen lo más reales posible:

Usando también el Youidraw hemos intentado hacer una rotoscopia de una imagen. Yo he escogido una de Josh Hutcherson y he intentado pintar la misma imagen encima de la original. Es bastante difícil, pero lo he hecho lo mejor que he podido, aquí está el resultado: