Happy Halloween!

Aquí estamos otra vez, feeding the blog. En este caso otro GIF, me gusta este tipo de animaciones.
Esta semana, trabajando las metáforas visuales en el comic con mis alumnos de 1º de ESO, se les pedía transmitir sorpresa y susto. El resultado que veis son una selección de 20 dibujos.
Lo primero escanear los dibujos. Escáner roto desde hace 1 semana. Cámara del móvil. Solución cutre, con posteriores complicaciones al deformarse mucho. Hago las 20 fotos tratando de no moverme mucho para que las deformaciones no fueran demasiado grandes. 
De ahí al Photoshop. Vamos a colocar las reglas horizontales y verticales para ajustar ahí el recuadro que, como veis, está deformado.

El siguiente paso va a ser desbloquear la capa. Lo hacemos pinchando en el candado de la capa y arrastrándolo y soltándolo en la papelera. A continuación con la herramienta "Marco rectangular" (M) seleccionamos el recuadro que está dentro de las guías, después seleccionamos el inverso (Ctrl+Shift+I) y recortamos (Ctrl+X). 

El siguiente paso va a ser ajustar el recuadro de la imagen al recuadro de las guías. Lo hacemos con la herramienta Transformación libre (Ctrl+T). Hasta ahora lo hacía con la herramienta Distorsionar, pero me acabo de dar cuenta que con transformación libre funciona igual o mejor. Nos situamos en el cuadradito de cada esquina con la tecla Ctrl pulsada y nos deja modificar cada esquina de manera independiente. Las movemos hasta hacer coincidir los dos recuadros.

El siguiente paso va a ser ajustar los niveles de la imagen (Ctrl+L), para que mejore la calidad, que hecha con foto, deja bastante que desear. Cuando sale la gráfica de niveles ajustamos las flechas hasta donde comienza la gráfica, tal y como veis en la imagen.

A continuación vamos abriendo el resto de imágenes y superponiéndolas de manera que encajen el recuadro y los elementos comunes. Esto lo hacemos con la herramienta lazo poligonal, y una vez seleccionado lo arrastramos al fichero anterior. Ponemos esta capa a una opacidad del 50% para comprobar que encaja todo. Ajustamos el recuadro con Transformación libre como comentábamos antes. Ajustamos la opacidad de nuevo al 100%.

Repetimos la operación con el resto de imágenes, ajustamos los niveles de cada 1. Rotamos la imagen y vamos generando JPGs de cada capa, numerándolas. Ya solo queda generar el GIF con la web http://giphy.com/
Por cierto, escáner nuevo que viene en camino. Con él, la imagen es más sencilla de montar ya que no se deforma.
See you!!!

Date una oportunidad

Segunda entrada. 
El encargo es, como todos los años, diseñar una imagen que ilustre el lema de este año en el colegio: "Date una oportunidad".
La idea es la de 1 imagen en la que un niño pinta un cielo azul donde antes había un cielo gris.
Lo primero comprar una brocha, elegir al niño, y tomar varias fotos, de la que elegimos ésta por la postura tan dinámica que tiene el niño. 

El siguiente paso es buscar el cielo gris y el azul...

Con estas 3 imágenes nos vamos al Photoshop. El primer paso va a ser abrir la foto del niño y posicionarla bien, observar que en la imagen original la linea del suelo no está horizontal. Creamos una guía horizontal y la situamos donde nos interesa que esté la linea del suelo. Posteriormente giramos la imagen (Ctrl+T) para hacer coincidir el suelo con esta línea vertical.

El siguiente paso va a ser recortar la silueta del niño. Hacemos la selección con la herramienta lazo poligonal, una vez terminada la selección seleccionamos la inversa (Ctrl+Alt+I) y recortamos la imagen. Previamente es aconsejable duplicar la imagen por si acaso tuviéramos que recurrir a la imagen original posteriormente.

Una vez que tenemos la silueta recortada vamos a situar los cielos. Situamos primero el nublado, ajustado a la izquierda. A continuación, en otra capa y de color negro, vamos a hacer los trazos de la brocha. Elegimos una brocha adecuada, con el mismo ancho que la de la foto y la densidad y grosor de pelos que nos interese. Una vez elegido hacemos los trazos, partiendo de la brocha hacia arriba, por toda la zona por donde queremos que esté el cielo azul.

A continuación, vamos a convertir los trazos que hemos hecho anteriormente en una selección. Cargamos la selección a partir de la capa y nos situamos en la capa del cielo gris. Cortamos la selección y quedará algo así...

A continuación, colocamos el cielo azul en la parte izquierda, en 1 capa aparte, situándola por debajo de la capa del cielo anterior, hasta obtener una imagen así...

La capa del niño la colocamos sobre las de los cielos. A continuación metemos el texto, en el caso del lema, lo vamos a inclinar para acompañar a la sombra del niño. Introducimos también el logo-aniversario del colegio, y terminamos el ejercicio haciendo la sombra del niño. Para hacer esto duplicamos la capa del niño, con brillo-contraste la convertimos en negra total, le aplicamos una opacidad del 50%, y con la herramienta de transformación distorsionar la colocamos sobre el suelo como podéis ver en la imagen.

Olvidaba decir algo importante; el cielo debemos interrumpirlo exactamente donde teníamos la regla o guía que hemos utilizado anteriormente para girar la foto hasta ponerla horizontal. Ésa guia marca la junta suelo-pared, y hace que la profundidad de los cielos respecto al brazo que pinta quede en armonía.

Hasta la próxima!

Happy cactus

Para arrancar este blog, lo hago con una curiosidad. La pasada primavera mi cactus floreció, y lo hizo de 1 forma preciosa, sus flores se abrían y cerraban cada día. Quise plasmar este proceso, así que manos a la obra, cámara, trípode, y 1 foto cada 20 minutos.
Después llega la hora del Photoshop, ajustar y encajar todas las fotos en tamaño, posición e iluminación, para acabar, con la ayuda de giphy.com, haciendo un gif con las imágenes más representativas. Con esta web es muy sencillo, un poco limitado, ya que el número de imágenes se reduce a unas 20-25, y nos baja bastante la resolución original. Investigaremos otras maneras
Esta es mi forma de comenzar este blog, veremos a ver a dónde llegamos con él.