Primeras prácticas con Scratch

Para comenzar con el lenguaje de programación de Scratch, os dejo varios recursos en este artículo del blog.

  1. Muro de Padlet con recursos sobre programación.
  2. practicasscratch1eso, para empezar a familiarizarse con los comandos.
  3. Prácticas para comenzar a crear programas propios e interesantes, prc3a1cticas-scratch.

Podéis comenzar por las prácticas del punto 3, concretamente con la primera, que os pide que os presentéis (« about me »), de esta forma tendréis que añadir un personaje, hacerle hablar y añadir más objetos.

No dudéis en buscar en Scratch proyectos similares (introducir « about me » en el buscador) para ver cómo otras personas han creado su programa.

 

Imagen digital TIC 4º ESO

Esta semana comenzamos la edición de imagen digital. Para ello utilizaremos un poderoso programa llamado GIMP, libre, gratuito e intuitivo de verdad.

Antes de comenzar a realizar prácticas, necesitaremos un poco de teoría básica para saber cuáles son las características básicas de la imagen digital, en qué formatos se suelen editar, así como los primeros pasos con GIMP y cuáles son las mejoras o retoques que se les suelen realizar a las fotografías digitales.

Os dejo la presentación que vimos en clase para que repaséis más adelante algunos conceptos.

Vocaroo para subir archivos de audio

Aquí os dejo un par de links para acceder a un sitio para grabar y subir archivos de audio..

En teoría nos ofrece un código html para incrustar el audio en nuestro blog, sin embargo, al menos en wordpress no funciona

A ver si vosotros tenéis más suerte….Al menos espero que reconozcáis el autor de la canción que os dejo editada con Audacity y el poeta-caminante al que se refiere….

 
http://vocaroo.com/player.swf?playMediaID=s0xU20xmyzsM&autoplay=0
Audio recording and upload >>
http://vocaroo.com/i/s0xU20xmyzsM

Práctica final Gimp

DSC00969diablillafinalfiltroComo podéis observar la foto de la derecha es la original y la de la izquierda la retocada en Gimp.

Para ello he seguido los siguientes pasos: re

He clonado la parte de la silla y de la sombra de la izquierda.

He redoblado la capa, para luego desaturarla.

Le he aplicado un canal alfa y con la goma he resaltado al bebé.

He recortado la imagen.

Le he puesto un texto.

Finalmente le he aplicado un filtro de mosaico.

Vosotros tenéis que realizar algo parecido. Es decir, elegir una foto y mejorarla eliminando cosas, encuadrándola de nuevo, jugando con las capas y aplicándole algún efecto, filtro o retoque.

Apelo a vuestra creatividad, elegancia e imaginación (que la tenéis en cantidad, creedme).

Ánimo, no escatiméis en detalles, es un trabajo final….

 

Marcos de fotos y filtros básicos

En esta práctica vamos a aprender a realizar marcos a nuestras fotos y aplicarles filtros. Para ello os invito a seguir estos pasos:

  • Visionado del tutorial de Gimp de este artículo.
  • Abrir una foto a vuestra elección (de un paisaje, una vista de ciudad, etc).
  • Seleccionar la herramienta del recuadro y seleccionar el marco.
  • Seleccionar la máscara rápida (en el menú del mismo nombre).
  • Aplicar un par de filtros al marco (distorsiones, por ejemplo, ondas o bien el desenfoque gausiano).
  • Rellenar el marco con la herramienta de color (para ello deberéis realizar una selección inversa. Volved al tutorial para más dudas).
  • Des-seleccionar el marco con el menú « seleccionar-ninguno ».
  • Aplicar a la imagen un filtro de distorsión, doblado de página.
  • Guardad la imagen resultante en el formato de Gimp (xcf) y exportadla también en jpg o png.
  • Colgad en el blog una entrada con la imagen de origen y la resultante.

Podéis aplicar otros filtros, eso sí, en vuestro blog deberéis explicar cuáles.

Más abajo podéis ver la práctica aplicada a una foto que hice hace años de una bonita ciudad peninsular (en la costa atlántica), ¿alguien se atreve a decir cuál es?

 

 

marcofiltroMy beautiful picture

 

 

Gimp.6 Trabajando con capas. Fotomontaje sencillo

En esta práctica nos vamos a familiarizar con las capas para hacer un fotomontaje.

Para ello os aconsejo que primero miréis los vídeos tutoriales de más abajo.

Se trata de elegir una foto de base e ir añadiéndole elementos. En vez de un corta y pega normal, esta vez debemos pegar cada elemento en una capa diferente, para poder crear un efecto más real (fijáos bien en la planta que hay en frente de la chica que lee, que le tapa parte de los pies).

Para hacer más acogedora la galería que véis en la foto de la derecha (en Venecia) le he colocado un par de plantas de interior (para aislarme de los turistas) y un sillón orejero para crear un punto de lectura. Para realizar mi propósito he seguido los siguientes pasos:

  1. He abierto la imagen de base.
  2. He creado cuatro capas (una por cada elemento), de unos 600×600 píxeles. En la ventana de las capas tenéis varias herramientas para crear, nombrar y eliminar las capas, así como para variar su orden de superposición en la foto).
  3. He abierto las imágenes que contenían cada elemento, las he recortado y las he copiado y pegado en cada una de las capas creadas.
  4. Después, las he ajustado al tamaño de la imagen (herramienta escalar) y he volteado las plantas (herramienta voltear)
  5. He guardado la imagen resultante con el formato de Gimp (xcf) y la he exportado también como png (para poderla insertar en el blog).

My beautiful picturemontajecapas

 

 

 

 

 

 

 

 

Espero vuestros trabajos….A ver « cómo os lo montáis »….

Gimp. 5. Fotomontaje. Crear fondos transparentes de la imagen

En la práctica de hoy vamos a aprender a realizar un fotomontaje sencillo. Para ello necesitaremos dos imágenes, las herramientas de selección de Gimp y el video tutorial de más abajo para seguir los pasos (os recomiendo que miréis el tutorial ANTES de comenzar a trabajar, con el apoyo de lápiz y papel para apuntar los comandos y con el Gimp abierto para ir realizando las prácticas).

He intentado la práctica con fotos mías y me ha salido esto

mezquitamontajexcf

mezquitaretocada

 

 

 

 

 

 

Más abajo tenéis una captura de pantalla para que veáis las tres ventanas abiertas en Gimp, una para al imagen original, otra del gato para montarla y otra con el fondo trnasparente.

 

 

fondo transparente

 

 

Gimp. Logos y fondos de pantalla

La siguiente práctica de Gimp será crear un fondo de pantalla con un logotipo relacionado con el liceo.

Para ello deberéis seguir los siguientes pasos:

  • Ver atentamente los vídeos tutoriales que os dejo en este post.Ir
  • Ir a Archivo, Crear, Logotipo y realizad uno con el nombre del liceo.
  • Ir a Archivo, Crear, Fondo y realizad uno a vuestra elección.
  • Copiar el logotipo en el fondo. Ajustar el tamaño del logo al fondo de pantalla con la herramienta « escalar » (herramientas de transformación).
  • Guardadlo en el formato de Gimp (xcf) y exportadlo a formato jpg o png.
  • Haced una entrada en el blog con el fondo resultante, explicando brevemente los pasos que habéis seguido.

]