USO LO QUE VEO

Animaciones sencillas para que hagan los alumnos

lossoles — Sun, 20 Feb 2011 16:05:31 +0000

El Gif Animator es un programa que usábamos los diseñadores para hacer gifs animados y banners hace milenios pero yo lo sigo utilizando con los alumnos en clase de educación plástica y visual para que aprendan a secuenciar y como introducción a programas multimedia en informática.

No suelo repetir las actividades pero básicamente dibujan cada secuencia con un programa de dibujo (paint, gif, photoshop) y las guardan, luego con el Gif Animator hacen la animación, secuencian el tiempo que cada imágen va a estar a la vista, el modo en que se superponen y acaban teniendo una visión práctica de lo que es una película animada de cine o una animación de las que ven en internet.

Lo que más suelen hacer por propia iniciativa son monigotes sencillos de líneas que luego andan, realizan acciones o van al wc (tienen un poco de fijación por lo del wc en realidad…) o flores que crecen, amaneceres, caras que cambian de gesto…

Hay una versión básica gratuita y es sencillisimo de utilizar.
http://microsoft-gif-animator.softonic.com/

Colorear una imágen en blanco y negro con Gimp II/II

lossoles — Sat, 19 Feb 2011 01:16:20 +0000

Continuamos modificando el resto de las máscaras en cada capa para que se vaya viendo el color de cada una sólo en los elementos que las pertenezcan.

Ahora creamos con la herramienta PLUMA, un contorno vectorial. Desde el botón inferior se convierte a selección, y luego iremos a la capa de color que deseamos rellenando con blanco su respectiva máscara.

En ésta imagen vemos la selección creada, simplemente presionamos DEL (suprimir) lo cual pintará con el color de fondo (blanco) en la máscara de la capa roja haciéndola opaca… o lo que es igual decir, pintando ése segmento de la pelota en rojo.

Sabemos que las piernas de las chicas entran al agua, y se pierden conforme aparecen las distorsiones del agua, bien en la máscara de la capa PIEL, hacemos click con el botón derecho y luego MASCARA A SELECCION. Luego, como vamos a pintar en todo lo que no es piel, para ello se invierte la selección desde el menú SELECCIONAR > INVERTIR SELECCION (CTRL + i)

A continuación se selecciona la máscara de la capa AZUL y se pinta con blanco, o simplemente presionen la tecla SUPRIMIR (delete) si tienen el color blanco como color de fondo, ésto hace opaca la máscara AZUL donde no haya color en la capa PIEL. Pueden ver el resultado en la imágen de abajo.

Como las pelotas tienen la pésima costumbre de ser redondas hacemos una selección redonda, y eliminamos el contenido usando la tecla X para invertir los colores y luego la tecla SUPRIMIR. de ésta manera se elimina la contaminación del azul en la pelota y el rojo se ve en el tono que nosotros queríamos.

Luego con el pincel hay que ir pintando de negro sobre la máscara para eliminar el azul sobre las piedras de la costa que se ven en el fondo, si nos pasamos o nos equivocamos, simplemente hay que presionar la tecla X y pintar para opacar, y luego X de nuevo para volver a hacerlo transparente.

Repetimos éste paso con la máscara de la capa PIEL, aunque ésta vez hay que usar la clave invertida, ya que para la máscara piel la maya de ésta chica es negra, así que al invertirla obtenemos la selección como máscara de la capa verde (eliminando todo lo demás con el pincel negro) dando como resultado una máscara que evita la piel.

Bueno, como ya se puede ver, cada capa de color puede ser modificada en cualquier momento, en éste caso quité el tono de color en la capa VERDE para convertirlo en VIOLETA.

Una vez dominada la técnica, en 10 minutos se podría colorear una foto, aunque la cantidad de colores multiplicará exponencialmente el tiempo de trabajo y el nivel de detalle de la foto también puede agregar tiempos extra.

Via: Ésta es una versión del tutorial de la escuela ANUBIS creado por Marcos Caballero (Argentina) a partir de la que he reorganizado y reescrito el contenido.

Colorear una fotografía en blanco y negro con GIMP I/II

lossoles — Sat, 19 Feb 2011 00:45:25 +0000

Éste tutorial puede hacerse con los alumnos en el aula de informática, yo lo suelo hacer en Educación plástica y visual para que aprendan a manejarse con programas de edición gráfica y en Informática de primero de bachillerato variando el nivel de dificultad de la imágen.

También nos será útil para actualizar alguna imágen y documentación de las clases o cualquier foto personal.

Como paso previo hay que recordar que en la opción IMAGEN > MODO > RGB, nuestra imagen activa los 3 canales de 8 bits para eliminar los balances de los valores en la misma (si los valores RGB están equilibrados tenemos una imagen de grises que contiene 3 veces más información irrelevante).

Gimp NO POSEE CAPAS DE AJUSTE como el photoshop, lo que nos obliga a hacer algunas operaciones bastante engorrosas. Primero se duplica la capa actual, tantas veces como colores debamos representar + 1 ya que la primera seguirá sin ser coloreada.

Después vamos a ir trabajando cada vez con una capa dando el tono de color que corresponderá a cada parte del dibujo (en cada capa veremos coloreado el dibujo entero con ese color…).

Para modificar el color de la primera capa utilizaremos en los ajustes de imagen, los controles de BALANCE DE COLOR, dicho balance es lo que se hacía en los laboratorios manualmente cuando copiábamos negativos (quienes hayan trabajado en un laboratorio fotográfico, recordarán el filtrado del negativo para la copia).

Dependiendo de la imagen que nos toque deberemos corregir como vemos en el ejemplo los tonos medios, usaremos TONO/Saturacion para colorear, y tendremos cuidado con la luminosidad de la imagen ya que estamos trabajando con un modelo aditivo de color (RGB). OJO.

La capa del ejemplo es la que se utilizará para el color de la piel, lo importante en ésta capa (la segunda contando desde abajo hacia arriba) es encontrar el tono piel que se corresponda con la luminosidad de la imagen.

El balance de color se repite con diferentes valores para cada capa (excepto la primera, que está abajo de todo), es conveniente nombrar las capas con el color que tendrán.

Como se ve en la imagen, ya hay varias capas “coloreadas”, ahora es cuestión de “eliminar lo que sobra en cada una”, usaremos la herramienta ERASER (goma de borrar) en una capa FONDO y cambiamos el botón secundario para que la goma se comporte como UN PINCEL MAS.

Se deben usar las máscaras de capa: Se crea una máscara Negra por cada capa, entonces sólo se verá la capa de fondo (la primera de abajo) ya que todas serás completamente transparentes.

Antes que existiera el recorte maravillosos que tiene Photoshop CS5, muchos usábamos la información de los canales para obtener herramientas.

En el panel de canales duplicamos un canal (en éste caso como es una imagen en blanco y negro no importa cual). Con el botón derecho sobre el canal elegido, vamos sobre el menú contextual a CANAL A SELECCION, lo cual genera una máscara bastante difusa pero con muchos valores de grises.

Luego, en el panel de capas, selecciono la máscara (negra) de la capa piel y presiono la tecla DEL (SUPRIMIR) lo cual IMPRIME la selección como máscara.
Con la herramienta CURVAS hago transparentes todas las zonas oscuras del EX canal lo cual deja un poco transparente la capa. El usar las curvas de ésta forma nos permite filtrar pelo, y detalles finos que nos ahorran horas de pincel.

Bien, éso eliminó un montón de información que no necesitábamos, y nos resta con el pincel pintar con NEGRO en todas aquellas áreas que hayan quedado y que no sean piel.

Para que lo vean con mayor exactitud oculté la capa de FONDO (grises), y sólo vemos lo que quedó de la información en la capa piel.

Via: Ésta es una versión del tutorial de la escuela ANUBIS creado por Marcos Caballero (Argentina) a partir de la que he reorganizado y reescrito el contenido.

La crisis del crédito en imágenes

lossoles — Fri, 18 Feb 2011 15:13:08 +0000

Video de Jonathan Jarvis que ilustra de una forma clara, sencilla y muy visual la crisis del crédito mundial que hemos sufrido y cuyas consecuencias aún estamos viviendo.

Ideas básicas para el diseñador principiante

lossoles — Thu, 17 Feb 2011 22:17:03 +0000

He tratado de sintetizar unas unas ideas básicas que orienten a la hora de enfrentarse al diseño de cualquier elemento gráfico(cartel, animación, página web, presentación…):

Lo primero es tener en cuenta que el mismo mensaje llega mucho mejor si está bien presentado que si no…

Los elementos en que podemos actuar son:

- El color: No hay que usarlo a lo loco, por ejemplo podemos usar colores armónicos si pretendemos agradar ó contrastados si pretendemos llamar la atención.

- La tipografía: Usemos dos o tres tipos diferentes como mucho, tipografias que combinen, textos redondeados para los contenidos y fantasía para los títulos, por ejemplo si es algo tecnológico una tipografía muy recuadrada y futurista, si es naturaleza una tipografía con curvas, que simule árboles, plantas o flores. Huyamos de la “cómic sans” ¡qué manía!

- Los contenidos: Vayamos al grano, no usemos fondos con texturas o que molesten a la visión, fondos limpios o con imágenes sencillas como detalles a un lado y nunca detrás del texto.

Concentrémonos en la idea o el mensaje que queremos transmitir y en quién lo va a recibir. Menos es más.

Hay que tener cuidado en cómo se administran estos elementos ya que todo lo que utilicemos lleva implícito un mensaje y puede ayudarnos a comunicarnos o interrumpir lo que queremos decir.

Bocetos de personajes, sketch e ilustración

lossoles — Fri, 23 Apr 2010 06:35:22 +0000

El diseño de personajes puede realizarse con muchos estilos diferentes, pero todas las ideas empiezan siempre con el boceto inicial. Es algo que se suele olvidar e incluso intentar evitar cuando se dibuja pero se trata de algo fundamental para crear las cualidades de los personajes y desarrollar cualquier idea.

El siguiente post que os presento es una joyita en la que podemos ver bocetos de personajes fantásticos de artistas profesionales con distintos acercamientos y variados estilos de diseño. Muy útil para mostrar a los alumnos antes de abarcar el tema en dibujo.

Bocetos de personajes

Enlace a Vector tuts+: http://vector.tutsplus.com/articles/interviews/roughly-speaking-character-design-sketching-approaches/

Visita virtual al Museo del Prado

lossoles — Mon, 29 Mar 2010 23:39:04 +0000

El Museo Nacional del Prado de Madrid es un espacio lleno de lo antiguo e impregnado de lo nuevo porque siempre trata de renovarse, traer nuevas exposiciones, proponer los últimos recursos y a la vez es un espacio de muestra del al arte de la antigüedad.

He aquí un recurso flash fantástico para acercarlo a nuestros alumnos, está orientado a la infancia pero sus posibilidades de aplicación en el aula de historia dependerán de la valoración del profesor.

Se trata de una herramienta de visita virtual en la que la Infanta Margarita nos enseña y explica determinadas obras del museo. La obra que quieres visitar se puede seleccionar por lo que podemos elegir qué periódo u obra concreta queremos que nuestros alumnos vean. No tiene desperdicio:

http://www.museodelprado.es/educacion/recursos/audioguias-infantiles/

La Oca de multiplicar

lossoles — Thu, 25 Mar 2010 14:53:51 +0000

Esta animación flash os va a encantar, se trata de un juego de la Oca en el que para ir avanzando casillas hay que superar unos desafíos matemáticos basados en la tabla de multiplicar. Para niños (y no tan niños) se trata de una forma de aprender a multiplicar muy lúdica totalmente recomendable o en su caso de repasar las tablas sin aburrirse.

Os dejo una imágen de la portada y el comentario del Instituto de Tecnologías Educativas además del enlace. Esta animación es uno de los Premios a Materiales Curriculares del ITE.

Un objetivo fundamental del aprendizaje es el conocimiento correcto de las tablas de multiplicar. Este recurso creado por Carlos Abarca intenta que los alumnos de primaria, desde 2º a 5º nivel, se ejerciten en este aprendizaje.

A JUGAR >>

Letterpress Coasters. La imprenta.

lossoles — Tue, 23 Mar 2010 03:28:45 +0000

Letterpress Coasters from Quarter Productions on Vimeo.

Este interesante vídeo nos muestra gracias a un spot de publicidad cómo se trabaja en las imprentas de toda la vida. En este caso vamos a ver cómo se usa el material de una imprenta para todo el proceso de creación de unos posavasos.

tipos de imprenta listos para recibir la tinta

Se prepara el cartón para ser impreso, colocan las tintas en los rodillos de las máquinas y la imagen que se va a imprimir en relieve, todo muy artesanal, vemos como los rodillos pasan el dibujo al papel, cómo el impresor se asegura de que encajan perfectamente anverso y reverso de los originales y cómo se colocan las imágenes que se van a imprimir en la máquina. También vemos como se imprimen tipos sueltos (letras que se unen en la máquina para formar palabras y frases). Ojalá estuviese más familiarizada con el mundo de la imprenta para explicarlo mejor, disfrutemos viéndolo.

Disección de un salmón

lossoles — Sun, 07 Mar 2010 22:14:10 +0000

Aquí tenéis un bonito salmón para hacer experimentos en la clase de Ciencias. Esta animación Flash nos permitirá ver imágenes reales mientras vamos realizando cada fase de la práctica.

En la barra de herramientas encontraréis un bisturí para cortar, un par de pinzas para agarrar, una cuchara como pala y para el raspado y una herramienta para inflar la vejiga natatoria.

Diseccionando un salmón

Se guía através del proceso indicando qué herramienta hay que usar en cada momento, hay un botón de ayuda y otro de información para obtener más datos de lo que vemos y estamos haciendo. Es una práctica muy completa que nos puede servir tanto para introducir la práctica “en vivo” como para sustituirla (aunque esta vez sí que resulta muy fácil obtener ejemplares con sólo ir a la pescadería…)

Iniciar la disección->