Gif animado navideño

Para la siguiente práctica debemos buscar una imagen de línea con los contornos bien cerrados, realizada en blanco y negro y por supuesto con un motivo navideño. Son ideales las imágenes para colorear que podéis encontrar a cientos en internet. También es imprescindible que comprobéis que el dibujo está en modo RGB, ya que si el modo es Indexado, no os permitirá aplicarle color (si no está en modo RGB, deberemos seleccionarlo).

Vamos a realizar un Gif animado que es como su propio nombre indica un dibujo compuesto por varios que pasan cada cierto tiempo de uno a otro en bucle permanente.
Esto que al principio puede resultar gracioso, se convierte en poco menos que una pesadilla cuando descubres que ¡¡¡no puedes pararlo!!!, y lo peor es que no puedes dejar de mirarlo. Para evitar esto podéis utilizar un truco, consiste en situar sobre el gif otra imagen, en este caso la misma pero fija, de forma que el gif se ponga en movimiento tan solo cuando el cursor se coloque sobre él. Este efecto se conoce con el nombre de Hover.

Si situáis vuestro ratón sobre la imagen podréis comprobar el efecto.

Aquí tenéis el vídeo con los pasos a seguir.Es importante que exportéis correctamente el Gif animado. Para ello debemos "guardar como animación", activar el bucle permanente y poner como retardo entre fotogramas un valor de 400. En la opción de desecho de fotogramas elegiremos "un cuadro por capa (reemplazar)" y aceptamos.

Para subirlo al blog de la forma que os he descrito arriba, deberéis obtener una url para la imagen fija y otra para el gif animado. Yo lo que hago es subirlas a una entrada que mantengo en borradores y no publico. Tomando ambas url, sustituyo en este código lo que corresponda:

<img src="URL Imagen que se visualiza" onmouseover="this.src='URL Imagen que cambia con Mouse';" onmouseout="this.src='URL Imagen que se visualiza';" />

Práctica 17: Letras de cristal

Si seguís el manual paso a paso no tendréis problema a la hora de realizar esta práctica. Si bien hay un par de detalles que debéis tener en cuenta para que no os de problemas.
Aquí tenéis el vídeo para descargarlo.

Práctica 16: Tapiz de escritorio de nubes

En esta ocasión no voy a subiros un vídeo porque creo que con el manual tenéis más que suficiente.
Siguiendo los pasos y siendo cuidadosos podréis conseguir un efecto similar al de la foto.

Práctica 15: Efecto Pop-up en una fotografía

En esta ocasión trataremos de dotar a una fotografía de un efecto 3D o Pop-up.
No es necesario que elijáis la misma fotografía que yo. Buscad cualquier otra en internet, puede tratarse de un coche, otro animal, etc.
Aquí os dejo el nuevo manual enlazado y aquí tenéis el vídeo para descargarlo de Drive si queréis.

Práctica 14: Tipografía "tallada" sobre madera

Como siempre os dejo un vídeo para descargar, además del embebido de Youtube por si no funcionara la conexión a internet.
Y aquí os dejo una imagen con la que trabajar por si no encontráis otra que os guste más.

Práctica 13 (A y B): Dar textura a una fotografía

Esta es la primera de una serie de prácticas que vamos a realizar utilizando TIPOGRAFÍA.
En esta ocasión daremos textura a las letras.
La palabra a la que le aplicaréis el efecto será vuestro propio nombre.
Podéis utilizar cualquier fotografía para utilizarla como textura, no es necesario que sea el muro que he usado en este ejercicio.
Una vez que terminéis intentad seguir los pasos de este vídeo para conseguir un texto "hecho" con hierba. Necesitaréis los cascos y practicar inglés.
Aquí tenéis el vídeo para descargarlo por si tuviéramos problemas con la conexión a internet.
Os dejo aquí el enlace a una fotografía con bastante buena resolución.

Práctica 12. Flor animada

Vamos a hacer un nuevo Gif animado. En este caso la flor original va a ir perdiendo un pétalo por cada nueva capa. Utilizaremos para ir eliminando los pétalos la herramienta Goma de borrar.
Es importante que no olvidéis desactivar la visibilidad de la capa que queda debajo a la hora de eliminar los pétalos, ya que si no lo hacéis así podréis pensar que no os está funcionando la herramienta de borrado cuando realmente sí es así.
Aquí tenéis de nuevo el manual y aquí el vídeo para descargar.

Práctica 11: Niveles y curvas

NIVELES
Los Niveles nos dan información sobre el  rango tonal de la imagen, es decir, visualiza la distribución  de píxeles en los distintos puntos de la imagen. Entre el valor negro correspondiente a las bajas luces y el valor blanco de las altas luces se distribuyen todos ellos.
 El histograma de Niveles representa de forma gráfica el rango tonal de la imagen.

Este histograma está dividido en tres zonas:
-Luces
-Sombras
-Medios tonos

Las luces ocupan la zona de la derecha del histograma, las sombras la de la izquierda y entre ellas están los tonos intermedios.

 Abrid la fotografía 11 y vuestro manual.
Intentad retocar la fotografía de forma que tenga un contraste más adecuado y una mejor distribución tonal jugando con ambas herramientas.
Con cualquiera de ellas pueden obtenerse los mismos resultados.
No olvidéis duplicar la fotografía original, de forma que podamos comparar el resultado con éste.

Si abrimos el Histograma de los niveles de esta fotografía, veremos que están muy altos los valores de las luces y que existe cierta descompensación tonal que hace que la mayor parte de los pixeles se hallen entre la zona intermedia y la de las luces. Se trataría de una imagen sobreexpuesta o quemada. Podemos compensarlo moviendo los pequeños triángulos que hay bajo la barra horizontal.
Los resultados de dichas modificaciones se ven en tiempo real, permitiéndonos decidir cuál es la mejor de las opciones.
Debemos conseguir que existan en la imagen tonos blancos y negros puros, y que los tonos intermedios estén repartidos de forma equilibrada a lo largo del Histograma.
Al hacer esta práctica haréis pantallazos tanto de las curvas como del histograma antes y después de retocarlo.

Podemos actuar sobre los valores tonales, así como sobre los distintos canales, con lo que estaríamos actuando sobre colores determinados.
En el modo RGB, dichos colores son el Rojo (Red), el verde (Green) y el azul (Blue) pues estamos trabajando con colores luz.

Aunque este no es el caso, en muchas ocasiones la mejor opción será la de un ajuste previo automático y posteriormente un retoque manual de los niveles de entrada.




CURVAS 

 Esta herramienta es de más difícil uso. Como en el caso anterior podemos trabajar sobre los valores tonales o sobre los colores de los canales, incluído el alfa.

Podemos crear anclas sobre la línea diagonal que podremos manipular para comprobar como afecta a la imagen.
La zona de la derecha representa a los tonos más claros, y la de la izquierda los más oscuros.
Cuanto más horizontal sea la curva, menor contraste tendrá la imagen.
Si invertimos la curva, es decir trazamos la diagonal desde el vertice superior izquierdo hasta la esquina inferior derecha, lo que obtendremos es una imagen con los colores complementarios de los de partida. Además el blanco se hace negro.

 

 Podemos utilizar las curvas para obtener resultados más "artísticos", situando más nodos sobre las curvas y retocando también los colores por separado.

Para aquél al que le interese profundizar en el tema tenéis esta página de GIMP.

Práctica 10: Rotar y escalar una imagen

Para esta práctica debéis abrir la foto 10. Vamos a enderezar la Torre de Pisa...
Por si queréis descargar de forma rápida el vídeo y no depender así de la conexión a internet, aquí lo tenéis.

Práctica 9: Uso de las tijeras inteligentes y aplicación de un filtro

Aquí tenéis la fotografía original. Y de nuevo aquí tenéis el manual para seguir la práctica sin necesidad de estar conectados a internet.
Por si necesitárais descargar el vídeo,  aquí lo tenéis.

GIMP: Restauración de una foto antigua y dañada (trabajo extra)

Os dejo un vídeo en el que podéis ver un trabajo profesional de restauración de unas dos horas y media de duración concentrado en tan solo 7 minutos.
El programa utilizado en este caso es Photoshop, pero nosotros intentaremos hacer algo parecido con GIMP.
Deberéis utilizar prácticamente todas las herramientas que ya conocéis y trabajar sobre una copia de la foto original.
Haréis dos versiones de la fotografía, una restaurada en blanco y negro y otra coloreada buscando un efecto natural.

Lo ideal sería que escaneárais la foto antigua de un familiar, pero si no encontráis ninguna podéis utilizar ésta o bien buscar otra que os pueda servir.
Os dejo enlazado el blog del que la he sacado.
Aquí tenéis un buen ejemplo de lo que queremos conseguir.

GIMP: PRÁCTICA 8. Arreglos de color y saturación

Aquí tenéis la foto 7 y la  foto 8 que necesitáis para las prácticas.
Y por si queréis descargaros el vídeo, aquí lo tenéis.

GIMP: PRÁCTICA 7 Selección por color y modo de fusión de capas

  Aquí tenéis las fotos 5 y 6 con las que hacer esta práctica y en este otro enlace tenéis el vídeo para descargarlo.

GIMP: Práctica 6. Herramienta de saneado y cambio de color de ojos

En este ejercicio vamos a comprobar lo fácil que resulta modificar el aspecto de una persona con un programa como Gimp o el archiconocido Photoshop.

Tendemos a creer que los modelos que vemos en las vallas publicitarias son tal cual los vemos allí, y sin embargo, esas fotos están, -al menos en un porcentaje altísimo, retocadas con alguno de estos programas, hasta el punto de distorsionar la realidad y nuestra percepción de la belleza.

Aquí tenéis una muestra de lo que os estoy contando.

Aquí tenéis otro precioso vídeo con retoque retoque digital.
Vamos también a cambiar el modo de fusión de capas para modificar el color de ojos.
Esta técnica tan solo funciona bien si la aplicamos sobre ojos claros.
Aquí tenéis la foto que debéis descargar para la práctica.
Y aquí tenéis el archivo del vídeo para descargarlo.

GIMP: Práctica 5. Tampón de clonado

Aquí tenéis el manual con el que seguir esta y otras prácticas. En esta otra página tenéis también las fotos.

Descargáoslo y guardadlo en vuestra memoria USB.

Vamos a aprender a utilizar otra interesante herramienta con la que podemos eliminar aquello que no queramos en una imagen, el tampón de clonado.
Para ello tomaremos muestras de la imagen en una zona y retocaremos otras con ellas.
 Para tomar la muestra necesitaremos tener , aparte de seleccionada la herramienta, pulsada la tecla Control, Ctrl.

No es necesario seleccionar previamente las partes que queremos eliminar, pero este paso hace el trabajo más rápido, cómodo y sobre todo más preciso.

Por si queréis descargar el vídeo os dejo el enlace al archivo de Google Drive.

GIMP Práctica 4: Recortar imágenes e incorporarlas a otras.

Este ejercicio es en realidad la segunda parte del anterior, debéis también utilizar la herramienta de escalado. Si deseáis que éste se haga de forma proporcional (en el ejercicio no lo he hecho así), deberéis unir los vínculos que enlazan la altura con la altura en las opciones de la herramienta.

Si quieres descargar el vídeo, aquí lo tienes.
Las fotos están en este otro enlace. Recuerda que debes ampliarlas antes de descargarlas.

GIMP: Práctica 3. Herramienta de selección varita mágica.

Antes de hacer el siguiente ejercicio, es conveniente que entendáis como funciona la herramienta de selección "varita mágica".

 Si deseo seleccionar una imagen , es a veces más sencillo seleccionar previamente el fondo, sobre todo en el caso de que es sea de un tono uniforme. Para eso debéis hacer primero esta práctica.

Utilizad para ello esta fotografía.

Para descargar el vídeo haz clic aquí.

GIMP: Práctica 2. Colorear una imagen en escala de grises.

Podéis encontrar la fotografía para realizar esta práctica en este álbum de Picasa.
Para descargar el vídeo y no depender de la conexión a internet pulsa aquí.

GIMP: Práctica 1. Desaturar parte de una imagen

En este trabajo vais a aprender, entre otras cosas, a utilizar la herramienta de selección lazo, a copiar esa selección y a pegarla en otra capa transparente,

Aquí tenéis el álbum de Picasa en el que podéis encontrar las fotos con las que trabajar.
Si queréis descargar el vídeo para no depender de la conexión a internet aquí lo tenéis.

Galería 3D Warehouse

Exportando el archivo de SketchUp con extensión .dae collada podemos visualizar el tablero en realidad aumentada utilizando para ello el programa Aumentaty Author.

Los archivos skp de SketchUp pueden subirse a la galería 3D Warehouse y posteriormente y copiando el código HTML llevarlo a un blog o página web, donde podremos verlo a pantalla completa o incluso manipularlo modificando el punto de vista.
Podemos realizar también una pequeña animación con varias escenas, que se guarda en formato avi desde el propio programa.

Por si quisiérais construir el tablero os dejo un vídeo con el procedimiento.

SKETCHUP: Prática 12 (creación de un grupo)

SKETCHUP: Prática 9 (herramienta sígueme)

SKETCHUP: Práctica 8 (diseño de una fuente)

SKETCHUP 8 (Prácticas)

Sketchup es un potente programa informático de diseño en 3D de uso sencillo e intuitivo.
 Es gratuito en su versión más básica por lo que su uso se está extendiendo en el mundo educativo.
Antes pertenecía a Google, por lo que se llamaba Google Sketchup, y de hecho la versión que usaremos en el aula será la 8 que aún pertenecía a Google.
Si buscáis la última versión, veréis que ha cambiado incluso el nombre, ya que el programa fue comprado por la empresa Trimble Navigation.
El nombre que recibe ahora es Sketchup Make, y la interfaz ha cambiado ligeramente de aspecto, aunque mantiene sustancialmente las mismas características.

Os dejo enlazadas las prácticas del primer bloque (hay 5 bloques). No olvidéis descargároslas y guardarlas en la unidad D de vuestro ordenador, así como en vuestro pendrive.
Aquí tenéis los siguientes bloques:
-Bloque 2
-Bloque 3
-Bloque 4
-Bloque 5

Si necesitáis un manual completo aquí lo tenéis.
Por si quisierais instalar esta versión del programa en vuestras casas os dejo el enlace a la aplicación.
Para realizar la práctica 16 necesitaréis éste plugin. Se llama Transformer y os va a permitir añadir movimiento a algunos elementos como puertas, persianas, etc.

Prácticas de Inkscape (Wideo)

Vais a presentar los archivos png de las imágenes generadas con Inkscape en formato Wideo.
Para que os hagáis una idea de lo que os pido os dejo una muestra realizada con los trabajos de vuestra compañera Paula. Y aquí os dejo un videotutorial realizado por Artlejandra.
Es necesario que os registréis y que tengáis en cuenta que la mayor limitación de esta herramienta es el tiempo. Contáis tan sólo con 45 segundos para presentar vuestros trabajos.

COMPOSICIÓN FOTOGRÁFICA Y THINGLINK

Vamos a realizar con Gimp una composición fotográfica con todas las prácticas que hemos hecho durante ésta segunda evaluación. Es decir, a partir del gif animado navideño.
Una vez creado el fotomontaje, deberemos enlazar con Thinglink, cada foto con su correspondiente entrada del blog, o si así lo deseáis con el vídeo en el que se explica como hacer la práctica.
(La fotocomposición pertenece a Alba G.)

Práctica19: Envejecer una fotografía

En el PDF tenéis las instrucciones para realizar esta nueva práctica que puede realizarse con dos niveles de dificultad.

Práctica 18: Cubo en 3D y gif animado.

Si seguís las instrucciones de la práctica que están recogidas en este PDF, podréis hacer un cubo 3D como el de la imagen que os adjunto.

Si modificáis poco a poco la orientación de vuestro cubo y mapeáis de nuevo (como capa nueva) podréis exportar vuestro cubo con movimiento.
Cuanto menor sea la diferencia entre "fotogramas" más realista os quedará el efecto.

Práctica 17: Letras de cristal

Si seguís el manual paso a paso no tendréis problema a la hora de realizar esta práctica. Si bien hay un par de detalles que debéis tener en cuenta para que no os de problemas.
Aquí tenéis el vídeo para descargarlo.

Práctica 16: Crear un tapiz de escritorio de nubes

En esta ocasión no voy a subiros un vídeo porque creo que con el manual tenéis más que suficiente.
Siguiendo los pasos y siendo cuidadosos podréis conseguir un efecto similar al de la foto.

Práctica 15: Efecto 3D en una fotografía.

En esta ocasión trataremos de dotar a una fotografía de un efecto 3D o Pop-up.
No es necesario que elijáis la misma fotografía que yo. Buscad cualquier otra en internet, puede tratarse de un coche, otro animal, etc.
Aquí os dejo el nuevo manual enlazado y aquí tenéis el vídeo para descargarlo de Drive si queréis.