martes, 31 de mayo de 2011

Presentación de diapositivas con Google Docs

Crea una presentación de diapositivas (en inglés slides) basada en la información que tienes en tu blog. Para ello ten en cuenta:

  1. Entra en http://docs.google.com y crea una nueva presentación. Create new->presentation
  2. La presentación debe tener como mínimo 5 diapositivas
  3. Debe contener los siguientes elementos: texto (mediante cuadros de texto), imágenes, gifs animados, vídeos y enlaces a direcciones de internet.  Utiliza el menú insert
  4. Como fondo de diapositiva se puede cambiar el color original o colocar una imagen que ocupará el total de la diapositiva. Format->Presentation settings->Change backgroung (fondo)
  5. Debe incluir también formas como dibujos, flechas etc Las ves en el menú Insert->shape
  6. Cuando hayas terminado comparte tu presentación con tus compañeros (Share)
  7. Descarga tu presentación como PDF File->Download as PDF
  8. Descarga tu presentación como Powerpoint (PPT)  File->Download as Powerpoint
  9. Cuelga tu presentación en formato ppt en www.slideshare.net 
  10. Desde www.slideshare.net publica la presentación en tu blog

lunes, 9 de mayo de 2011

Práctica 12 GIMP. Quita los ojos rojos a una foto

Muy útil y sencillo y sigue los pasos
  1. Abre la imagen con Gimp
  2. Selecciona ambos ojos mediante la herramienta de selección elíptica
  3. Cuando esté seleccionado Filtros->Realzar->Quitar ojos rojos

http://www.imh.es/dokumentazio-irekia/manuales/curso-de-tratamiento-de-imagenes-con-gimp/gimp-ejercicios-de-aplicacion/ejemplo-quitar-ojos-rojos

Quita los ojos rojos a la mujer de la imagen y después a una foto tuya. Después las puedes colgar en tu blog

Práctica 11 GIMP: Cambia el color a tus ojos

Videotutorial cambio color de ojos

http://www.youtube.com/watch?v=tZNiSUAn8DA&feature=related

y los pasos son:
  1.  Abre la la foto con Gimp
  2. Crea una nueva capa transparente a la que llamas ojos claros,verdes, marrones según el cambio que vayas a hacer
  3. Sobre esa capa pinta los  ojos  con la herramienta pincel en el color que quieras
  4. En la ventana de capas (si no la tienes la abres con Ventanas->Diálogos empotrables->capas) cambia el modo de normal a tono y listo.Prueba también el modo solapar

Cambia el color de ojos a la imagen que ves y después a una imagen tuya. Sube las fotos a tu blog



Videotutorial cambio color de labios,ojos y pelo

http://www.youtube.com/watch?v=Nv-R_BHe--M


jueves, 5 de mayo de 2011

Exámenes y recuperaciones

Miércoles 18 mayo: Examen GIMP
Viernes 10 de junio: Recuperación 2 eval
Miércoles 15 de junio: Recuperación 1 eval
Viernes 17 de junio: Recuperación 3 eval

En septiembre el alumno se examinará de las evaluaciones que le hayan quedado pendientes

viernes, 29 de abril de 2011

Práctica 9 GIMP: Montaje

Dada la imagen del pato y del estanque realiza el  montaje que ves en la última imagen escribiendo tu nombre en la misma

IMPORTANTE: Cuando hayas terminado tu montaje guarda como montaje.png y se aplanarán las capas quedando una sola imagen. YA NO PODRÁS MODIFICAR LA IMAGEN

Si no has terminado guarda como montaje.xcf que es el formato de imagen nativo de GIMP y conservará la estructura de capas para terminar el montaje en otra clase.


Para realizar el montaje sigue los siguientes pasos:
  1. Haz que aparezca la ventana de capas. Ventanas->Diálogos empotrables->Capas
  2. Para trabajar con más comodidad inserta la ventana de capas dentro de la caja de herramientas. Pon el cursor debajo del título capas de la ventana de capas y cuando el cursor cambie a una mano arrastra hasta la parte inferior de la caja de herramientas
  3. Abre las dos imágenes con el GIMP. Archivo->Abrir
  4. Selecciona el pato mediante las tijeras y después Editar->Copiar
  5. En la imagen del estanque procede con Editar->Pegar como-> Capa nueva. Mediante la herramienta mover juega y desplaza el pato.
  6. Como tenemos dos patos en el montaje procede otra vez Editar->Pegar como-> capa nueva. Ya tienes los dos patos en la imagen cada uno en una capa independiente
  7. Para trabajar con cada pato tienes que activar la capa en la que se encuentra en la ventana de capas
  8. Para reducir el tamaño de cada pato tienes que reducir el tamaño de la capa en la que se encuentra. Puedes utilizar la herramienta de escala o el menú Capa->Escalar capa
  9. Hay un pato que está volteado horizontalmente. Se ha hecho seleccionando primero la capa en la que está dicho pato y después mediante la herramienta de  volteo o el menú Capa->Transformar->Voltear horizontalmente
  10. Finalmente escribe tu nombre mediante la herramienta de texto. Observa que quedará en otra capa distinta de las anteriores
  11. Redondea las esquinas de la foto final mediante  Seleccionar->Rectángula redondeado y después copia y pega en una imagen nueva
  12. Cuando hayas terminado guarda como montaje.png y se aplanarán las capas quedando una sola imagen. Si no has terminado guarda como montaje.xcf que es el formato de imagen nativo de GIMP y conservará la estructura de capas para terminar el montaje en otra clase.


Pincha para ver la solución explicada: http://www.imh.es/dokumentazio-irekia/manuales/curso-de-tratamiento-de-imagenes-con-gimp/gimp-ejercicios-de-aplicacion/ejercicio-montaje-de-2-imagenes-una-sobre-otra


Práctica 8 GIMP: HERRAMIENTA DE RECORTE

Utiliza la herramienta de recorte para quedarte con el cuadro de la imagen

Recorta el velero

Sube las imágenes resultantes a tu blog

jueves, 28 de abril de 2011

Práctica 7 GIMP: Quita el fondo blanco a la hoja mediante la herramienta de selección por color

La herramienta de selección por color selecciona regiones de la imagen por colores similares que no han de ser necesariamente contiguas (estar juntas) como sí lo hace la varita mágica.


Si la imagen la descargas en el escritorio verás que la hoja presenta un fondo blanco y no deja ver la imagen que tengas en el fondo del escritorio.

Para solucionar el problema procede tal que así:

  1. Abre la imagen con GIMP
  2. Selecciona la herramienta de selección por color (también funcionaría con la varita mágica) y pincha en cualquier parte blanca de la imagen.

  3. Observa que se ha seleccionado todo el fondo blanco de la imagen pero a nosotros lo que nos interesa es la hoja. En el menú de la imagen haz Seleccionar->Invertir selección. Ahora ya está seleccionada la hoja

  4. Editar->Copiar
  5. Editar->Pegar como-> imagen nueva
  6. Guarda la imagen en formato PNG que soporta tranparencias. Si la guardas en JPG, al ser un formato de imagen que no soporta transparencias volverá a colocarle el fondo blanco y estaremos como al principio.
  7. Si quieres lleva la imagen al escritorio para comprobar el resultado y envía al profe

Práctica 6 GIMP: Colorea a Pinocho con la VARITA MÁGICA y herramienta de RELLENO

Utilizaremos la VARITA MÁGICA o herramienta de selección difusa que selecciona una zona de la imagen contigua basándose en el color y posteriormente la herramienta de relleno que rellena con un color o patrón el área que hemos seleccionado con la varita mágica.

Descarga la imagen de Pinocho y ábrela con el GIMP:


  1. Comprueba que la imagen está en modo RGB. Ve a Imagen->Modo y selecciona RGB si no lo está. Como estudiaste es plástica, R de red en inglés es rojo, G de green es verde y B de blue es azul y mediante la combinación de colores rojo, verde y azul se puede obtener el resto de colores de toda la gama cromática. 

  2. La imagen está en formato GIF y ese formato solo admite 256 colores. Para poder pintar con muchos más colores utilizaremos el formato JPG o PNG. Pasa la imagen a PNG mediante Archivo->Guardar como, le pones el nombre pinocho.png y pinchas en el botón Guardar.

  3. Para colorear una zona del dibujo, tienes que seleccionarla  primero con la  herramienta varita mágica. Si quieres seleccionar varias zonas a la vez, mantén pulsada la tecla Mayus o SHIFT  y  pincha con la varita en las distintas zonas que quieres seleccuionar. 

  4. Utiliza la herramienta de relleno para rellenar con color la zona seleccionada. Puedes rellenar con un color o con patrones.
  5. Coloca tu nombre en la foto mediante la herramienta de texto
  6. Envía la foto al profe de forma elegante

martes, 26 de abril de 2011

Práctica 5 GIMP: Herramientas de selección

Dada la siguiente imagen


  1. Mediante la herramienta de selección de rectángulos, selecciona una parte  parte rectangular de la imagen. Una vez seleccionada  procede con Editar->Copiar y después Editar->Pegar como imagen nueva. Guarda la nueva imagen en formato que estaba
  2. Haz otra selección rectangular que tengas las esquinas redondeadas. Para ello, en las opciones de la herramienta de selección de rectángulos activa la casilla "esquinas redondeadas" y procede como en el punto anterior
  3. Utiliza la herramienta de selección elíptica para seleccionar una zona de la imagen que guardas como en el ejercicio 1
  4. Utiliza la herramienta de selección libre para quitar al tiburón de la foto. Para una mayor precisión a la hora de seleccionar, ayúdate de la herramienta de ampliación (lupa). Guarda esta vez la imagen en formato png que admite transparencias y así si colocas la imagen en el escritorio verás el fondo del mismo detrás del tiburón. Si la guardaras en formato jpg, por detrás del tiburón verías un cuadrado blanco.
  5. Utiliza las herramienta de tijeras de selección (selecciona utilizando un ajuste inteligente de los bordes basándose en contrastes) para quitar al tiburón de la imagen. Para una mayor precisión a la hora de seleccionar, ayúdate de la herramienta de ampliación (lupa). Guarda esta vez la imagen en formato png que admite transparencias
  6. Envía las imágenes de los ejercicios anteriores a profeiap2011@gmail.com de forma elegante

Práctica 4 GIMP: Operaciones básicas con imágenes

Descarga  la siguiente imagen, ábrela con GIMP y:
  1.  Comprueba que su resolución es de 1024 por 768 píxeles. Imagen->propiedades de la imagen
  2. Reduce el tamaño de   la imagen a 1000 píxeles horizontales. Imagen->Escalar la imagen
  3. Emborrona una parte de la imagen mediante la herramienta de emborronado especificando un pincel. El nivel de emborronado se puede especificar en la opción de herramienta tasa.
  4. Borra una parte de la imagen mediante la goma o herramienta de borrado seleccionando un tipo de pincel que más te guste. 
  5. Desenfoca una parte que quieras mediante la herramienta de desenfoque
  6. Juega con la herramienta de marcado a fuego/quemar para blanquear o ennegrecer parte de la imagen
  7. Rota la imagen 90 grados en sentido horario. Imagen->Transformar
  8. Deja la imagen como estaba y envíala a profeiap2011@gmail.com

    martes, 12 de abril de 2011

    Práctica 3 GIMP: Herramienta de clonado

    Utiliza esta herramienta para pintar una zona de la imagen tomando como muestra otra parte de la  misma imagen. 
     El procedimiento para hacerlo es el siguiente: lleva el ratón a la parte de imagen origen  y presiona la tecla Ctrl. Lleva el ratón a la parte de la imagen que va a ser destino y que va a ser clonada  y pinta

    En ocasiones puede ser interesante realizar un zoom a la imagen para ampliarla y trabajar con más comodidad


    QUITA EL CABLE QUE VES EN LA IMAGEN



    QUITA A LA PERSONA DEL CUADRO

    http://personal.auna.com/josesan9/gimp/clonar.htm

    ELIMINA A LA VACA DEL PAISAJE




    Cuando lo hayas hecho cuelga las imágenes en tu blog.

    jueves, 7 de abril de 2011

    Práctica 2 GIMP: Filtros con el GIMP

    Los filtros es una herramienta potente de GIMP que permite hacer transformaciones a una imagen ( desenfoque, distorsión, efectos de luz ect). Para ver todos los filtros que puedes aplicar descarga en tu carpeta GIMP los tutoriales que ves a continuación (BD sobre enlace->Guardar enlace como)
    Manual de Gimp. Capítulo 8

    PRÁCTICA 

    Aplica a imágenes tuyas los siguientes los siguientes filtros: 
    1. Desenfoque-> gaussiano
    2.  Distorsión ->ondular
    3. Luces y sombras-> supernova
    4. Detectar bordes->arista
    5. Combinar->película
    6. Artísticos->Aplicar lienzo
    7. Artísticos->fotocopia
    8. Decorativos->esquinas redondeadas
    9. Decorativos->foto antigüa
    10. Mapa->Baldosas pequeñas
    11. Animación->globo giratorio

    Comprime las imágenes en un archivo llamado filtros_gimp.zip y envíalas a profeiap2011@gmail.com
    Crea un álbum de fotos en Picasa llamado filtros_gimp y envía una invitación a profeiap2011




      lunes, 28 de marzo de 2011

      PRÁCTICA 1 GIMP: Formato de imágenes en la web, resolución de imágenes y logos

        Las imágenes que publicamos en páginas web deben ocupar la cantidad mínima de memoria posible y al mismo tiempo mantener una buena calidad. Si no sucede esto, tardarían mucho más tiempo en cargarse las páginas y por otro lado  los archivos aduntos de correo tardarían más tiempo en descargarse.

      Por tanto, para la web se utilizan formatos de imagen que tengan compresión, y  son:

      GIF
      1. 256 colores: no apropiado para fotos, si para logotipos pequeños, botones, marcas, barras, símbolos, cliparts.
      2. Compresión eficaz y rápida sin pérdida de datos ni calidad
      3. Admite transparencias: las zonas transparentes de la imagen permiten ver lo que hay debajo.
      4. Permite construir animaciones (gifs animados)
       JPG
      1. 16,7 millones de colores: excelente para fotos
      2. Pérdida de calidad en función del índice de compresión. Más índice->peor calidad
      3. No admite transparencias
      4. No admite animaciones
      PNG
      1. 16,7 millones de colores
      2. Compresión elevada sin pérdida de datos ni calidad y por tanto ocupa más que un JPG
      3. Para imágenes con áreas grandes de un mismo color (gráficos, dibujos, iconos) es muy eficiente. Para reducir el tamaño de un archivo PNG podemos disminuir el número de colores que se van a mostrar.
      4. Admite transparencias
      5. No admite animaciones

      RESOLUCIÓN DE UNA IMAGEN



        La resolución de una imagen es el número de píxeles (puntos de imagen) horizontales por el número de píxeles verticales que tiene y determina su tamaño. Para saber la resolución de una imagen tienes dos formas:
      1. Si estás en Guadalinex haces BD sobre imagen->propiedades->Imagen
      2. Si tienes abierta la imagen con GIMP ve al menú Imagen->propiedades de la imagen

      De la misma manera puedes saber la cantidad de memoria que ocupan. Recuerda que las unidades de memoria son

      Bit: Unidad mínima de almacenamiento de datos en el mundo de la informática y es 1 ó 0.

      Byte: Unidad compuesta por 8 bits y equivale a un carácter que puede ser numérico, alfanumérico (letras y otros símbolos no representados en el teclado) y caracteres especiales (tabulación, salto de línea etc)

      Kilobyte (kB): Unidad compuesta por 1.024 bytes.

      Megabyte (MB): Unidad compuesta por 1.024 kilobytes.

      Gigabyte (GB): Unidad formada por 1.024 megabytes.

      Terabyte (TB): Unidad compuesta por 1.024 gigabytes.
       
      PRÁCTICA RESOLUCIÓN DE IMÁGENES
       
      1. Crea una carpeta llamada GIMP en la que vas a guardar todas las prácticas de este tema.
      2. Dada la imagen anterior, insértala en un documento de texto odt y  a continuación escribe su memoria y resolución.  
      3. Baja 3 imaǵenes de Google con ditintos tamaños (resoluciones) e insértalas en el mismo archivo de texto escribiendo la memoria que ocupan y su resolución.
      4. Guarda el archivo como resolucion.otd en la carpeta GIMP y pásalo a PDF (Archivo->Exportar en formato PDF). Envía el PDF a profeiap2011@gmail.com de forma elegante. 

      PRÁCTICA LOGOS

      Los logos son rótulos elegantes que nos deja crear el GIMP. Observa los logos que puedes crear con GIMP al final del PDF siguiente.


      1. Crea 10 logos con tu nombre y los guardas en la carpeta GIMP. Guarda 3 en formato JPG, 3 en GIF y 2 en PNG y 2 en XCF
      2. Para crear un LOGO  Archivo->Crear->Logotipos
      3. Para guardar el logo (imagen) creada Archivo->Guardar como y en el nombre especifica la extensión o tipo (jpg, gig,xcf)
      4. Para cada logo utiliza parámetros distintos a los que vienen por defecto en el GIMP
      5. Envía los logos a profeiap2011@gmail.com y  crear un álbum con Picasaweb que colocas en tu blog

        jueves, 24 de marzo de 2011

        Envío elegante de un trabajo a un profe

        ARCHIVOS o FICHEROS PDF

           A la hora de enviar un archivo de texto .odt, .doc ,.docx es aconsejable utilizar el  formato PDF (Portable Document File) Eso significa archivo o fichero de documento portable. Portable quiere decir que se va a poder  portar (o llevar) a cualquier ordenador y por tanto visualizar  en cualquier ordenador con cualquier sistema operativo. La única condición es que el ordenador tenga instalado un visor de archivos PDF y el visor por excelencia es el ADOBE READER

        http://www.adobe.com/es/products/reader.html

          Pasar canarias.odt a canarias.pdf:  Es muy fácil con el OpenOffice Writer. Una vez que tenemos abierto el archivo canarias.odt procedemos con Archivo->Exportar en formato PDF. Vamos aceptando las siguientes pantallas hasta el final. En una de ellas nos permite poner el nombre que queramos al archivo pdf que se va a generar. En este caso es canarias

        ENVÍO ELEGANTE DE UN TRABAJO A UN PROFE

        Enviaremos canarias.odt
        1. El archivo que adjuntaremos estará en formato PDF. Se supone que el profe tiene instalado el ADOBE READER en su ordenador y si no es su problema. Pasamos canarias.odt a canarias.pdf
        2. En el campo ASUNTO del email debe quedar claro de qué trata el correo que vamos a enviar: TRABAJO DE CANARIAS
        3. El cuerpo del email se puede hacer de una forma elegante tal que así:
        Estimado/a profesor/a:

           le enviamos el trabajo de Canarias. Hemos aprendido mucho en la realización del mismo y ha sido una trabajo muy interesante. Esperamos que nos ponga un sobresaliente...bla bla bla

        Atentamente,
        Pepe y Pepa

        Finalemte adjuntamos el archivo canarias.pdf

        Y el profe se quedaría sorprendido si además de todo lo anterior tenemos configurado nuestro Gmail con una firma que se añade de forma automática al final de cada correo que enviamos.

        Para poner una firma en el Gmail iremos al enlace Configuración->General->Firma y escribimos:
        José Luis Fernández Jambrina
        3 ESO D  IES Jaroso curso 2010/2011

        Como práctica envía de forma elegante tu trabajo canarias.pdf a profeiap2011@gmail.com incluyendo una firma.







          martes, 22 de febrero de 2011

          Práctica 5 : Trabaja con páginas estáticas

          Si observas el blog de profeiap2011 ves que hay dos páginas  independientes lamadas IES Jaroso y Mis Videos. Se han creado mediante Creación de entradas->Editar páginas->Nueva página. Estas páginas tienen contenido estático y no tienen fecha de entrada.
          Añade a tu blog 3 páginas con la información que quieras relacionada con el tema del mismo.

          viernes, 18 de febrero de 2011

          Práctica 4: Diseña la barra lateral de tu BLOG

          En la barra lateral de tu BLOG pon los mismos elementos que ves en el blog de profeiap2011 :
          1. Cambia la foto de tu perfil para poner una foto que te guste
          2. Añade una presentación de diapositivas (como ves en el blog) realacionada con el tema de tu blog. 
          3. Primero tienes que subir las fotos a http://picasaweb.google.es y después  ve a la solapa  Diseño y en la barra lateral añadir gadget selecciona  presentación
          4. Coloca un Blog de alumnos que tendrá los blogs de los compañeros de tu clase
          5. Diseño->añadir gadget->lista de blogs
          6. Añade un GIF animado (si quieres puede ser la misma tortuga) de http://www.glitter-graphics.com/gallery.php?categoryID=65
          7. En esa página capturas el código HMTL del gif que te guste y en tu blog ve a  Diseño->añadir gadget->HTML/Javascript y en la ventana que aparece pegas el código
          8. Añade una barra de videos de youtube
          9. Diseño->añadir gadget->Barra de video
          10. Añade un contador de visitas de http://www.contadorvisitas.com/
            En esa página capturas el código HTML del contador y con ese código procedes como en el punto 4
          11. Añade una foto  Diseño->añadir gadget->Imagen
          12. Añade una lista de dos enlaces a páginas relacionadas con el tema de tu blog  Diseño->añadir gadget->Lista de enlaces
            OBSERVA QUE PUEDES CAMBIAR EL ORDEN DE  LOS  ELEMENTOS EN LA BARRA  ARRASTRÁNDOLOS EN LA VENTANA DE DISEÑO