miércoles, 24 de octubre de 2012

Cuarto Taller: Editando imágenes con Gimp. Minitutoriales JK (2ª parte)



Bueno, aquí estamos otra vez con la segunda parte del minitutorial, que de pronto se ha convertido en un megamaxitutorial porque este programa tiene tela telita tela. Voy a utilizar el montaje (malísimo) que he hecho yo para este taller para explicar cómo he hecho las cosas y lo que se me ha ido ocurriendo sobre la tarea y el Gimp (cosas no muy buenas).
Que no os vendan la moto, este programa no es nada intuitivo. Como punto positivo, aprende a usar Gimp primero y podrás usar fácilmente cualquier otro programa de retoque fotográfico, será como nadar en un estanque después de haber naufragado doscientas veces en alta mar con tiburones. Algo así como el equivalente a aprender inglés en Escocia, que te conviertes en un inglesero todoterreno (venga, hoy vamos a darle unas cuantas patadas al diccionario, que me lo pide el cuerpo).

Empezamos.

Seleccionando imágenes


Nos piden en las instrucciones del taller que escojamos dos fotos, una personal y otra que hará de fondo a la personal, y que hagamos una copia de cada para no trabajar con los originales (porque podemos cargárnoslos según cómo guardemos el trabajo al acabar). Doy por hecho que todos sabemos duplicar archivos. Yo he escogido las siguientes fotos. Mi perra, Fango, Fanguito, Fangoria o Fangorita, (o perrúscula minúscula) según quién la llame y el humor en que se encuentre...



Y un fondo de una ciudad de cómic...



Abriendo las fotos en Gimp


Primero lanzáis el programa y luego vais al menú ARCHIVO (ABRIR COMO CAPAS...) porque ya que vamos a trabajar con capas mejor no nos complicamos la vida y empezamos ya con las imágenes como capas. Abrid primero la que vais a usar de fondo porque el Gimp tiene la fea costumbre de coger la primera como "imagen base", y será el tamaño máximo al que trabajaréis. Esas cosas se pueden cambiar luego pero no es fácil y queremos hacer esto lo más sencillo posible, que estamos aprendiendo. Así que primero la que lleva el fondo y luego en mi caso la de Fango, para que me quede esta última arriba, (pero en cualquier momento podéis cambiar la posición de las dos capas desde la paleta de capas, arrastrando la de abajo hasta colocarla por encima de la otra y viceversa, lo cual no modifica la que gimp ha decidido que sea la imagen base).



Escalando una capa


La foto de la perra era gigantesca en comparación con el fondo, así que necesitaba escalar la capa de la perra (siempre que sea posible escalamos una imagen para hacerla más pequeña, si la hacemos más grande la pixelamos). Botón derecho encima de la capa que queremos escalar. La ruta se ve en la siguiente imagen.



Y ahora bajamos el valor del ancho o de la altura, uno de los dos basta porque ese candado al lado de los números significa que me va a respetar la proporción. Y le damos al botón ESCALA



Le he puesto 400 de ancho a la fotico de la Fango, el Gimp me ha ajustado el alto en proporción y nos queda esto:


El siguiente paso es seleccionar a la perra para poder quitar el resto de la foto, es decir, hacer lo que no es perra transparente. Para ello, primera alegría que me da el Gimp, hay una herramienta de selección inteligente que se va ajustando muy inteligentemente a los bordes del animalico. Pero antes vamos a hacer zoom a la foto. Esta vez no se trata de redimensionarla, no vamos a cambiar el tamaño real de la foto, solo vamos a hacer zoom para poder trabajar mejor.


La herramienta de selección inteligente la usamos clicando cerca de la perra varias veces, siguiendo su contorno. Cuando cerremos todo el contorno (cuando nos encontremos con la primera bolita que hicimos) y después de haber ajustado bien lo que no se haya seleccionado bien a la primera (en esta foto fue mucho porque el césped y el pelo de la perra confundían al pobre Gimp) hay que darle a la tecla Enter. Ahora sí nos aparece la selección de puntitos como en la foto de aquí arriba. Puedes ahora quitarle el zoom que le diste antes. Para ello vuelves a seleccionar la herramienta de zoom y pulsas la tecla COMANDO si trabajas en un MAC para que puedas restar al zoom, y vuelves al tamaño original con unos cuantos clics. En windows supongo que será la tecla control o alt. Si te fijas junto a la lupa te aparece un signo +. Prueba diferentes teclas hasta que veas que se convierte en un menos. 

El siguiente paso es invertir la selección. Esto hará que la perra sea precisamente lo único no seleccionado de la foto. Para invertir la selección haz botón derecho sobre la selección de la perra. Te pongo captura para que lo veas más claro.


En la próxima foto no se ve el fondo de la ciudad porque he cegado la capa por si las moscas. Como hemos invertido la selección ya podemos cargarnos todo lo que no es perra en la capa de la perra y el césped. Para ello botón derecho de nuevo y seguimos la ruta de la siguiente captura.


Nos queda la perra y un fondo blanco. Para convertirlo en transparente hacemos lo siguiente: Botón derecho encima de la parte blanca y seguimos esta ruta de tres pasos:


Y ya tenemos nuestro bichito rodeado de aire transparente :)


En Photoshop cuando hacías el paso anterior, ahí donde le dabas a cortar, ya te quitaba el fondo y te dejaba uno transparente, no había que hacerlo a mano. Aquí es un poco más difícil pero tampoco tanto.
En fin. Ahora volvemos a invertir la selección para volver a tener nuestra perrilla seleccionada, ahora ya sabes cómo hacerlo. Y podemos ajustar los niveles de la chucha como vimos en la primera parte del tutorial para que la Fango no esté tan oscura, ya sabes, moviendo la pestañita de la izquierda de Niveles de entrada un poquín hacia la derecha y el de la derecha una miaja hacia la izquierda puedes ajustar la luz y conseguir un color más vivo.



Ahora vamos a jugar un pelo, nada del otro mundo. Le he metido un filtro a la Fango para que pareciera un poco cómic. En la siguiente captura está la ruta a seguir, puedes probar otros filtros para familiarizarte con ellos. Por cierto, hay una paleta llamada Historial de deshacer desde la que puedes volver al paso anterior si no te gusta, por ejemplo, un filtro que has puesto. Ojo, no te guarda todos los movimientos, aproximadamente guarda unos quince por defecto, aunque es configurable. En Preferencias-->Entorno hay una opción para darle más memoria, cuanta más memoria le pongas más atrás podrás luego volver en el historial. Bueno, pongo la ruta para el filtro:


En la foto aparece ya el filtro viñeta en la pobre Fango porque la captura de la ruta la he hecho a posteriori para el tutorial :) Pero cuando sigáis la ruta de la foto de arriba os aparecerá este cuadro de diálogo tan mono él,  donde ajustar los parámetros del filtro y darle a OK:


Ahora volvemos a hacer visible la otra capa, la del fondo, y colocamos la Fango arrastrando la perra donde nos convenga.


Ahora un par de cositas más y damos el tuto por finalizado. En la paleta de capas, cuando tengas tu composición terminada, puedes darle a botón derecho y combinar las capas visibles, eso hará que por fin todas esas capas vuelvan a ser una sola imagen. Luego ya solo te queda Exportar como jpg, y como algunos tipos de archivos más, porque ese era otro de los puntos que nos pedían en el taller, no sé si te acuerdas. 

Al final, después de mover las letras, recortar un poco la foto y ponerle un marquito en negro con una nueva capa pintada de negro y rebajando un pelín el tamaño a la capa que había fabricado antes con perra, fondo y texto, el resultado es el siguiente:


Nada del otro mundo pero por lo menos nos ha servido para hacer un paso a paso que espero que le sirva de ayuda a alguien. Y ya sabéis que si tenéis cualquier duda soy 100% accesible, en clase y en el blog.

Hasta el próximo taller.

martes, 23 de octubre de 2012

Cuarto Taller: Editando imágenes con Gimp. Minitutoriales JK (1ª parte)


Hola de nuevo. El taller de esta semana se centra en la edición de imágenes con el programa de software libre Gimp. Yo siempre he usado programas de pago para editar imágenes (Photoshop, Pixelmator), más que nada porque las opciones gratuitas (especialmente Gimp) hasta hace poco eran engorrosas, tanto de instalar (instalar este programa en un mac era una odisea y no funcionaba nada bien, además de ser feo hasta decir basta) como en cuestiones de manejabilidad (no había manera de aclararse con tanta ventana y las cosas que en otros programas localizabas fácilmente parecía que las habían escondido en Gimp adrede para darte quebraderos de cabeza).

Afortunadamente las últimas versiones de Gimp han mejorado en todos estos aspectos y hoy ya casi no tiene nada que envidiar a un software de pago (excepto por la interfaz, que sigue siendo fea a rabiar).

Para quienes nunca hayan usado este programa voy a intentar hacer una serie de minitutoriales con las cosas que me parecen más importantes para hacerse rápidamente con él.

Empezamos.


Apariencia del programa

Gimp se caracteriza por mostrar ventanas y paletas de herramientas flotantes. Hace no mucho Photoshop copió esta característica. A mí siempre me ha gustado más trabajar de la manera tradicional, es decir, que las imágenes y las paletas de herramientas estén situadas sobre una especie de lienzo, incrustadas, y no tener que ir apartándolas de en medio o buscándolas si se han minimizado.
Si te gustan las paletas flotantes deja el Gimp como viene por defecto. Si prefieres el lienzo fijo, la opción la encontrarás en el menú VENTANAS (Modo de ventana única).


Una vez elegida la opción, en la parte derecha del lienzo te aparece una zona de selección que puedes arrastrar hacia la izquierda para hacer el hueco que consideres oportuno para las paletas y luego vas arrastrando dentro de ese espacio del lienzo todas las paletas flotantes que te interese tener fijas.


Guardando el trabajo

Mientras estés trabajando en Gimp, sobre imágenes con diferentes capas, te conviene guardar tu trabajo en el formato nativo del Gimp, con extensión .xcf
Este archivo te guardará toda la información que necesitas para poder seguir editando la imagen la próxima vez en el punto en que te quedaste. Para guardar tu trabajo de esta manera utiliza el menú ARCHIVO (Guardar como). Aquí hay una pequeña trampa, porque aunque se llame Guardar como no te permite guardarlo más que en el formato de Gimp y en dos tipos de zip (archivos comprimidos para que pesen menos en tu ordenador). O sea, que si has acabado el trabajo y lo que te interesa es guardar la imagen como un archivo jpg, gifpng o hasta como pdf tendrás que hacerlo desde la opción ARCHIVO (Exportar...).




Explicar esto puede parecer una chorrada pero cuando uno no ha visto cómo funciona un programa de este tipo cualquier ayuda es poca. Lo digo por experiencia.


Ajustando los niveles en las fotos

Casi todos los programas de retoque fotográfico (si no todos) te permiten retocar los niveles de una imagen de forma sencilla. Esto es lo primero que me enseñaron en un curso de Photoshop que impartían hace unos años en el IFES y es una de las cosas a la que más le he sacado partido, así que lo comparto con vosotros. Retocar los niveles es una forma rapidísima y sencilla de mejorar cualquier imagen que quieras utilizar en un proyecto. Supongamos que tenemos la siguiente foto abierta en el Gimp.


Buscamos la opción NIVELES en el menú COLORES. En cada programa está en un sitio diferente pero casi siempre está y en todos se edita igual.


En la siguiente captura está el cuadro de diálogo de Niveles. He marcado las pestañas que debéis desplazar para mejorar la foto. Por lo general basta mover un poco el de la izquierda hacia la derecha y el de la derecha hacia la izquierda. Depende de cada fotografía y de vuestros gustos.



Y este es uno de los posibles resultados una vez hayáis recolocado las pestañas:


Así que si te sacas una foto con el móvil, y no te gusta porque han salido los colores apagados, tu piel pálida, tus ojos sin brillo, etc, ésta es la manera más rápida y sencilla de mejorar cualquier imagen sin complicarse la vida. 

En la próxima entrega continuaremos descubriendo más sobre el Gimp y empezaremos con el trabajo con capas que nos exige este taller :)

Espero que os sea de utilidad.

domingo, 21 de octubre de 2012

Tercer Taller: Creando material para el aula y cómo insertarlo en el blog



En el tercer taller terminamos lo que nos quedó pendiente sobre la ficha de evaluación de material multimedia y comenzamos a descubrir las diferentes herramientas y recursos online para construir nuestras propias actividades multimedia.

Nos creamos una cuenta en Educaplay, una plataforma para crear actividades educativas, en español, con más de 10.000 usuarios y muy fácil de usar. Para ir probando, Laura Moreda y un servidor hicimos cada uno una sopa de letras con los nombres de los compañeros de clase. Acabo de ver que se puede insertar en el blog, voy a intentarlo:






Pues sí, se puede insertar. Como podéis comprobar no es una captura de pantalla, es la actividad en sí, así que no hace falta ir a la plataforma para "jugar", podremos ir insertando en nuestro blog (o en una pestaña del blog) todas las actividades que vayamos creando. Por si os interesa os explico un poco cómo hacerlo. Una vez creada vuestra actividad en Educaplay en la parte derecha de la pantalla veréis un recuadro donde sale vuestro nombre como creadores de la actividad. Debajo hay dos recuadros con html, el primero es la dirección de la actividad en Educaplay, el segundo es el código para insertarla en vuestro blog. Lo seleccionáis y le dais a copiar. Os pongo captura:




Ahora os vais a vuestro blog y le dais a redactar nueva entrada. Antes de nada debéis cambiar el editor del blog a HTML. Hay dos pestañas juntas sobre el recuadro donde escribís una nueva entrada, en la parte izquierda, Redactar y HTML. Por defecto el blog se os coloca en la opción Redactar porque es más cómodo para no iniciados. Cambiáis al modo HTML y ahora sí, pegáis el código que habéis copiado en Educaplay. Si le dais a publicar la entrada y echáis un vistazo a cómo queda la nueva entrada en el blog comprobaréis que la aplicación se os sale de tamaño (a no ser que hayáis hecho un blog realmente enorme). Esto es fácil de arreglar. 

Editáis de nuevo la entrada que habéis creado. Comprobáis que seguís en la pestaña HTML. El código mostrado debe parecerse a éste:

"<object id="objSwf" name="objSwf" classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=9,0,28,0" width="770" height="550">        <param name="movie" value="http://www.educaplay.com/es/actividades/700835/actividad_v1_0.swf" />        <param name="quality" value="high" />        <param name="allowFullScreen" value="true" />         <param name="FlashVars" value="actividad=700835" />        <embed  id="objSwf" name="objSwf" allowFullScreen="true" src="http://www.educaplay.com/es/actividades/700835/actividad_v1_0.swf" quality="high" pluginspage="http://www.adobe.com/shockwave/download/download.cgi?P1_Prod_Version=ShockwaveFlash" type="application/x-shockwave-flash" width="770" height="550" flashvars="actividad=700835"></embed>      </object>"

Si sabéis qué ancho le disteis a vuestro blog, perfecto. Cambiáis los dos 770 por la anchura de vuestro blog. Si no lo sabéis también podéis hacerlo a ojo de buen cubero. Yo he puesto el mío con un ancho (valor de width) de 640 y una altura (valor de height) de 470. Si solo cambiáis uno de los valores el resultado no será proporcionado, debéis modificar los dos (o mejor dicho, los cuatro valores que he marcado en verde, ambos anchos a 640 o lo que os venga bien y ambos altos, lo mismo). Podéis ir probando por el método de ensayo y error hasta que se ajuste a vuestro blog perfectamente.

Esto también se hace igual cuando insertáis un video de Youtube, por ejemplo.

Espero que os sea de utilidad y nos vemos en el próximo taller.

viernes, 19 de octubre de 2012

Segundo Taller: Catalogación y evaluación de material multimedia


El segundo taller de TIC ha sido un poco desconcertante. Quizá lo de tener primero la práctica y la teoría al día siguiente contribuyó a que me perdiera, porque, para qué voy a engañaros, los primeros veinte minutos estuve más perdido que un gato en un matadero. Por lo menos no puedo decir que me quedara sin hacer nada porque cada vez que alguien no sabe hacer algo en clase me pregunta cómo hacerlo, cosa que me encanta.


Al final y como siempre gracias a Antonia que sabe cómo liderar un equipo (nadie la gana partiendo el bacalao), comenzamos a buscar material multimedia enfocado hacia nuestro proyecto, que versa sobre la enseñanza-aprendizaje del inglés a través de la música. Aunque en teoría el taller era para que aprendiéramos a catalogar y evaluar el material multimedia, cosa absolutamente necesaria y que aprendimos de paso (o casi), hicimos caso a una de las directrices que nos dio la profesora la semana anterior y empezamos a centrar los talleres en avanzar en nuestro proyecto.



Yo escogí como material multimedia a evaluar el programa Rosetta Stone, un software de pago para aprender idiomas que conozco porque me tiré tres años intentando aprender inglés con él sin resultado. (Es curioso que al final el método que me ha funcionado a mí es el Assimil, que lleva sin evolucionar mucho desde 1920 y sin embargo es de lo mejorcito que he encontrado para aprender inglés).



En fin, gracias a esta actividad me di cuenta de lo complicado que es evaluar un producto por muy bien que lo conozca y por mucha información extra que pueda encontrar sobre él. A la hora de rellenar las correspondientes casillas se me hizo muy cuesta arriba. (De hecho no conseguí terminarla, fracaso total). Mi reflexión personal sobre este tema es que hay ciertas cosas que tengo que aprender a hacer como futuro docente aunque no me motiven ni me atraigan particularmente, entre ellas el papeleo puramente burocrático, y que no debo dejarlo de lado si no quiero caerme con todo el equipo. Aunque como alumno al mismo tiempo siempre me pregunto si no habría alguna manera mejor de "venderme" esta actividad. Una de las cosas que nunca me ha gustado de la Universidad es que todos esos métodos que nos enseñan a utilizar con los niños, que incluyen la motivación y conectar con los saberes que el niño ya posee para facilitar un aprendizaje significativo, no los ponen en práctica con nosotros. Lo he dicho muchas veces y no quiero aburrir con este tema pero a veces siento que, en general, en la UIB nos están enseñando cosas muy buenas de la peor forma posible y como en definitiva todo esto trata sobre enseñar al alumno la contradicción me parece muy triste.





jueves, 4 de octubre de 2012

Primer taller






TICS 2

El pasado jueves 27 de septiembre de 2012 comenzamos la asignatura
22122 - Mitjans i Recursos Tecnològics en el Procés d'Ensenyament -Aprenen. en l'EP con un taller práctico. El aula es la misma donde hicimos hace dos años las clases prácticas de la primera asignatura de TIC, así que nos toca trabajar con MACs, lo cual a mí me viene muy bien porque es lo que uso a diario. 
Por cierto, cualquier duda sobre el funcionamiento del mac, del blog, de Twitter, del iPad o del iPhone me la podéis consultar, os ayudaré encantado. Dudas con windows también. Aunque hace mucho que no lo uso no ha evolucionado demasiado y lo que no sepa sé donde encontrarlo (o eso espero).


Symbaloo EDU

Una de las cosas que hicimos en el taller fue crearnos una cuenta en Symbaloo EDU. Viene a ser como un escritorio donde puedes poner los enlaces a las webs o herramientas online que más utilizas (o que vas a utilizar más adelante, ya que estamos). Nos han pedido que hagamos al menos dos páginas y pongamos una captura de nuestro symbaloo académico. 



Éste otro es el personal:



Pinterest

La P de color rojo en la captura de mi Symbaloo es el icono de Pinterest.
Viene a ser como un Twitter donde lo que compartes no son mensajes (aunque también se pueden dejar comentarios) sino imágenes.
Lo bueno de Pinterest es que te permite crear tablones con tus intereses. Añadiendo el botón de Pinear a tu navegador puedes marcar y añadir en un momento cualquier imagen o vídeo que encuentres en la red a uno de tus tableros en Pinterest. 
Yo me he creado un tablero al que he llamado "Ideas para Primaria" y cada vez que me topo con algo que me llama la atención y creo que podré usar en clase lo añado. Podéis echar un vistazo a mi usuario en Pinterest aquí.
Hay gente que utiliza Pinterest como carta de presentación o portfolio. Es una red social que está creciendo muy rápidamente y es visualmente muy atractiva. Y útil. 


Morguefile

En mi symbaloo académico podéis ver un icono con una bombilla. Se trata de morguefile, una web donde podéis conseguir fotografías libres de derechos para vuestros blogs o trabajos.


Google Drive

Otra cosa a destacar es que Google Docs, aunque sigue funcionando como tal, se ha convertido en Google Drive. Básicamente permite hacer todo lo que hacíamos antes pero añade la posibilidad de compartir archivos grandes, como vídeos o libros pesados en pdf. Viene a ser como dropbox, con la ventaja de que casi todo el mundo tiene una cuenta de gmail y tardas un momento en compartir cosas con tus compañeros.


Twitter



Otra de las cosas que hicimos en el taller fue crearnos una cuenta de Twitter para compartir las entradas del blog y experiencias con los demás miembros de la asignatura.
Éste es mi Twitter digamos personal: jkvelez 
Es el que utilizaré en la asignatura.
Éste otro es el que uso para promocionar mis blogs. Tengo más de 4000 seguidores y seguimos creciendo cada día: MacSparrow
Aprovecho para colgar aquí algunas de las cosas que os puse en el grupo de Facebook sobre la manera de compartir una entrada del blog en Twitter.



Cómo compartir la entrada del blog en Twitter

Si te has hecho el blog en blogger, debajo de la entrada ya publicada verás unos botones de redes sociales, entre ellos Twitter. Antes de darle al botón entra en otra pestaña del navegador a tu Twitter con tu nombre y contraseña. Luego vuelves al blog y ahora sí, le das al botoncito de la T que hay debajo de la entrada (suelen estar situados debajo, pero depende la plantilla que hayas usado. A lo mejor te los ha colocado encima de la entrada, no debajo). Una vez que le des al botón te abre una ventana para que escribas el Tweet. La línea de abajo tiene el enlace a tu entrada, eso no tienes que tocarlo. La línea de arriba te habrá cogido el nombre del blog y si le cabía el nombre de la entrada: todo eso puedes editarlo, por ejemplo, quitar el nombre del blog y poner algo así como "entrada nº 1" y el título de tu entrada. Además debes poner #22122g2 si vienes al grupo 2 (si no, cambias el 2 del final por el 1 o por el 3, según en que grupo estés). Acuérdate de dejar un espacio entre el #22122g2 y el resto del Tweet.

Otra manera más simple es copiar la dirección de la entrada de tu blog ya publicada (la que aparece en el navegador) y en twitter darle a un botón azul con una pluma que hay a la derecha de la pagina inicio de tu twitter, escribir el hashtag con el número de la asignatura, meter un espacio, y pegar la dirección. Le das a enviar y listos.

También puedes conectar Twitter y el blog para que se envíe un tweet automáticamente cada vez que escribas una entrada en el blog, pero en ese caso tendrás que añadir el hashtag de la asignatura al título de tu entrada y no queda tan limpio.



La encuesta



Hicimos una encuesta para este primer taller sobre nuestro uso de las TICS. Una de las preguntas era cuantas horas utilizas dispositivos al cabo de la semana (entre ordenadores, móvil, etc) y cuantas navegando por internet. La verdad es que me resulta difícil calcularlo. Entre una cosas y otras creo que siempre estoy conectado (da un poco de miedo).



Grupos de trabajo

Me está costando una barbaridad (económicamente hablando) la experiencia universitaria. Mi marido está trabajando en dos sitios para poder costear entre otras muchas cosas la gasolina que gasto diariamente en venir a la UIB desde Alcudia. Este año vamos tan justos que estamos planteándonos prescindir de uno de los coches, aunque entonces ya no sé cómo vendré si no me quedo directamente a dormir en la universidad.

El otro día, antes de venir a la clase teórica del viernes, tuve una charla con Manuel (mi marido) en la que me recordó lo importante que es rodearse de las personas adecuadas. Él sostiene, y no va muy desencaminado, que una cosa son los amigos y otra muy distinta los grupos de trabajo. Hasta ahora siempre me había guiado más por la amistad para hacer grupos que por otras consideraciones más provechosas para mí, (con quién debería trabajar para avanzar y mejorar y poder aportar algo más a un grupo más afín con mis intereses, por ejemplo).

No quiero decir que no me considere amigo de cada una de mis compañeras de mi actual grupo, sino que, tomando esta decisión, he hecho daño a algunos de mis amigos de siempre.

Desde aquí quiero pedirles disculpas y espero que las cosas vuelvan a su sitio lo más pronto posible.