GIMP: Práctica 14. 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 13: Dar textura a la tipografí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.

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 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.

GIMP: 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: 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.

Creando una copia de seguridad del blog

A veces no somos conscientes de que de nuestra cuenta de gmail dependen, entre otros, nuestro blog, los albumes de Picasa con nuestras fotos, los archivos de Google Drive si los tenemos y , por supuesto todos nuestros correos. No sería la primera vez que una cuenta "desaparece", o bien la eliminamos por error sin darnos cuenta de todo lo que tenemos asociado.

Os dejo este vídeo para que conservéis una copia de la plantilla de vuestro blog, así como de su contenido, de forma que si ocurre una catástrofe como las que os he comentado en el párrafo anterior, podáis crearlo nuevamente con otra cuenta de gmail.
Debéis guardar ambos archivos en vuestra memoria usb, de forma que me lo entreguéis junto con los archivos con extensión xcf de Gimp.

CREANDO CUESTIONARIOS MULTIMEDIA CON QUIZREVOLUTION

Tan solo os he puesto diez preguntas sobre el primer  tema, pero creo que bastan para que entendáis el funcionamiento de esta herramienta.
Es necesario registrarse y nuestros cuestionarios quedarán almacenados en nuestro canal.
La opción por defecto nos ofrece cuatro posibles respuestas entre las que deberemos marcar la correcta para que cuando otros lo hagan les de una puntuación.
Podemos seleccionar que las preguntas sigan siempre el mismo orden o bien que aparezcan en un orden aleatorio (os recomiendo esta última opción, ya que permite volver a hacer el test sin memorizar el orden de las preguntas).
Podemos limitar el tiempo de respuesta, así como añadir mensajes a modo de feedback. Otra interesante posibilidad es la de incluir vídeos e imágenes para ilustrar la pregunta o directamente referirse a ellos al formular cuestiones.
Además como podéis ver genera un código HTML para insertar en nuestro blog así como una url con la que realizar un enlace.

¡Piensa en un tema y haz tu propio Quiz!

GOEAR: INSERTANDO AUDIO EN EL BLOG

Goear nos permite insertar o enlazar nuestra música favorita en un blog o página web.
Si hacemos clic sobre la opción de compartir podremos elegir copiar el código HTML con el que incrustar el audio en nuestra página o bien la url con la que enlazarla. Vamos a hacer ambas cosas.
Deberéis además incluir una fotografía del artista cuya canción habéis decidido subir.

TABLERO VIRTUAL (LINO)

LINO IT: TU TABLÓN DE ANUNCIOS VIRTUAL

Aquí tenéis un vídeo y una presentación-tutorial para que os resulte más sencillo crear vuestro tablón de anuncios virtual con linoit.

Ayuda para editar el tablon en linoit from verarex

No olvidéis cambiar las preferencias de forma que cualquiera pueda poneros post-it, fotografías o vídeos. También es posible adjuntar archivos. Una vez creado vuestro tablero aquí llamado canvas, deberéis insertarlo en vuestro blog .Entrad en los blogs de vuestros compañeros y añadir una respuesta a sus preguntas en cualquiera de esos formatos.
Una vez que vuestro tablón esté lleno o haya terminado la clase, no olvidéis cambiar nuevamente las preferencias de modo que todos puedan verlo, pero no añadir nada más (evitaremos así alguna que otra sorpresa desagradable).
Dado que por defecto las dimensiones que ofrece lino it a la hora de insertar el tablón en un blog o página web son muy grandes (640 pixeles de anchura), podéis modificarlas cambiando dichas medidas en html. (recordad hacerlo de forma proporcional para la anchura y la altura).

¿QUÉ DEBO TENER EN MI BLOG?

Hemos tenido muchos problemas con la conexión a Internet por un lado, y por otro tenemos nuevas incorporaciones cada día que pasa.
Pensando sobre todo en los alumnos que acaban de incorporarse, os voy a hacer un pequeño listado con todo lo que hemos hecho hasta ahora y debéis tener en el blog.
Aún no debéis preocuparos, pues os avisaré con tiempo suficiente cuando vaya a corregirlos.

En primer lugar y tras crearos el blog, deberéis enviarme la dirección (url) a través del formulario de contacto que tengo en el mío en la zona de los gadgets.

La primera entrada deberéis hacerla explicando como crear un blog, insertando la presentación de Slideshare que sirve de tutorial y que tenéis en mi blog. Recordad que para ello deberéis copiar el código de inserción o html (< >).

Después cambiaremos el Favicon o icono favorito y haremos una nueva entrada explicando cómo lo hemos hecho.

La tercera entrada nos servirá para explicar también con pantallazos o screenshots, cómo hacer un avatar con voki, y además lo situaremos en la zona de los gadgets.

Una cuarta entrada nos permitirá subir un vídeo de youtube en el que se hable sobre los peligros de internet y la navegación segura. Deberémos explicar además como hacerlo.

En cuanto a los gadgets (zona de la derecha), deberéis tener un enlace a mi blog.
Un traductor, un reloj y un contador de visitas, además de por supuesto el voki que creasteis con anterioridad.
El vídeo que habéis incluido en la entrada lo situaréis también en la zona de los gadgets adaptando, por supuesto su tamaño (html de nuevo).

INSERTAR UN VÍDEO EN EL BLOG

Para subir un video a Youtube  hay que seguir estos pasos.

CREANDO UN AVATAR CON VOKI

VOKI es un servicio online que nos permite crear y personalizar un personaje, así como dotarle de una voz (podemos subir un archivo con la nuestra), con el que podemos saludar a nuestros visitantes al llegar al blog.
No precisa registro y es gratuito, además nos genera un código html para insertarlo en nuestra web o blog, así como compartirlo con nuestros amigos mediante un enlace por ejemplo.
Es muy fácil y divertido de usar. El único problema es que está disponible tan sólo en inglés.

CAMBIAR EL FAVICON

Para personalizar nuestro Favicon (icono favorito) y sustituir a la B  blanca sobre fondo naranja de blogger que por defecto aparece en nuestro blog, podemos acudir a la página favicon.cc, y diseñarlo.

 Puede ser estático, o tratarse de un gif animado.
Una vez hecho debemos descargarlo (download Favicon), y subirlo desde el menú diseño.

CREANDO UN BLOG CON BLOGGER

Por si os habéis perdido con los primeros pasos o, por el contrario queréis saber un poco más, aquí tenéis un TUTORIAL, realizado con una de las herramientas que vamos a aprender a utilizar para subir nuestras presentaciones de Powerpoint.

Tutorial blogger from silgar10

De Powerpoint a Authorstream, Slideshare, Calameo y Google Docs.

 Vamos a compartir nuestras fotografías realizadas con GIMP, y para ello vamos a utilizar y de paso conocer cuatro herramientas.
He hecho una pequeña presentación para mostraros las diferencias que existen entre ellas.

AUTHORSTREAM
La primera de las herramientas, admite animaciones y transiciones en el powerpoint (formato en el que deberéis subir la presentación), y lo que es mejor, nos va a permitir movimiento en los gifs animados  que habéis realizado.
A la hora de embeber o incrustar la presentación en el blog deberéis elegir entre tres opciones:
La versión para IPAD no es la más conveniente ya que no admite el movimiento de los gifs animados.
La tercera opción: FLASH, tampoco nos conviene ya que no se visualiza en tablets.
Elegiréis la versión DYNAMIC, ya que se ve tanto en ordenadores como en tablets y se ven los gifs en movimiento (tan solo en el ordenador).
Las transiciones originales suelen sufrir modificaciones y no podemos incrustar un vídeo a pesar de que el Powerpoint del Office 2010 sí nos lo permite.

Prueba slideshare-authorstream

More PowerPoint presentations from Ester Alonso

No olvidéis modificar el código HTML cambiando las dimensiones de la presentación (de forma proporcional), para que se ajuste a la anchura de nuestro blogroll.

SLIDESHARE
Es la herramienta más conocida de las cuatro y por ello también es el mejor lugar para buscar presentaciones sobre el tema que nos interese.
Nos permite, como Authorstream, compartir vídeos y embeberlos en un blog o página web.
Su principal inconveniente es que no admite animaciones, por lo que es muy conveniente subir las presentaciones en formato PDF, para evitar desagradables sorpresas en lo que respecta al diseño.
Por otra parte permite la inserción de hipervínculos, así como añadir vídeos de Youtube una vez que hemos subido la presentación.
Podremos elegir la ubicación del vídeo dentro de la presentación.

Prueba Slideshare (GIMP) from ESTER ALONSO

CALAMEO 
El mayor atractivo de esta herramienta es que simula el aspecto de un libro o revista. Podemos pasar las hojas doblando y arrastrando las esquinas del "papel" y al pasarlas oiremos un sonido parecido al que hacen las hojas.
Admite hipervínculos, pero no vídeos.
Si elegimos un formato en el que se vean las páginas de dos en dos como sucede en una revista deberemos tenerlo en cuenta a la hora de hacer la presentación. Es también interesante realizar una portada y una contraportada y que el número de "páginas" o diapositivas sea par.

Prueba Calameo

Publish at Calameo or read more publications.

Si queremos evitar que cambie la tipografía o algunos elementos de las diapositivas es preferible que subamos la presentación en formato PDF.

GOOGLE DOCS
La opción más versátil es la que nos ofrece Google, ya que nos permite visualizar con movimiento el gif animado, así como insertar hipervínculos (en esta presentación hay dos que curiosamente solo funcionan con Chrome y no con Mozilla Firefox) e incrustar vídeos de Youtube.
El problema es que a pesar de que podemos importar diapositivas ya hechas, es más que probable que tengamos que retocar la tipografía y algún otro elemento.
En el caso de los gifs animados deberemos subir de nuevo las imágenes, ya que si no lo hacemos perderán el movimiento que les caracteriza.
Recordad modificar el tamaño de vuestra presentación en el código HTML.
Otra importantísima ventaja de esta herramienta es que podéis utilizarla aunque no tengáis el Office de Microsoft, y otra más importante aún es que concediendo los permisos adecuados permite su edición colaborativa entre tantos usuarios como queramos y de forma que cada uno pueda editar, o tan solo ver, desde lugares diferentes y en momentos distintos  un mismo documento.
Contiene también un chat, de manera que los distintos miembros del equipo puedan interaccionar entre sí sin necesidad de recurrir a otros medios.
Otra ventaja es que las modificaciones que realice sobre el documento original desde Google Drive, se reflejan inmediatamente en las presentaciones embebidas, ni siquiera es necesario guardar de nuevo la presentación.

Recordad que debéis exportar vuestra presentación de Powerpoint a un formato de imagen como png, gif o jpg, para poder hacer con ella un vídeo editándolo con Windows Live Movie Maker.

Práctica 18: Cubo 3 D

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.