18
Carmen Piédrola Sanandrés (jefa de estudios del CEIP MARCELO USERA) [email protected] 1 Módulo 3 porque compartir es siempre un acto de subversión que cambia y mejora el mundoCarmen Pi Tutorial para familias, compañer@s del cole y otros profesionales que quieran iniciarse en el uso de Gimp

Tutorial para familias, compañer@s del cole y otros profesionales … · 2020. 5. 31. · Hacer fotomontajes Convertir a diferentes formatos una imagen Crear imágenes animadas en

  • Upload
    others

  • View
    1

  • Download
    0

Embed Size (px)

Citation preview

Page 1: Tutorial para familias, compañer@s del cole y otros profesionales … · 2020. 5. 31. · Hacer fotomontajes Convertir a diferentes formatos una imagen Crear imágenes animadas en

Carmen Piédrola Sanandrés (jefa de estudios del CEIP MARCELO USERA) [email protected]

1

Módulo 3

“porque compartir es siempre un acto de subversión que

cambia y mejora el mundo”

Carmen Pi

Tutorial para familias,

compañer@s del cole y

otros profesionales que

quieran iniciarse en el uso

de Gimp

Page 2: Tutorial para familias, compañer@s del cole y otros profesionales … · 2020. 5. 31. · Hacer fotomontajes Convertir a diferentes formatos una imagen Crear imágenes animadas en

Carmen Piédrola Sanandrés (jefa de estudios del CEIP MARCELO USERA) [email protected]

2

PROGRAMA: GIMP

Gimp (versión 2.8)

Es una aplicación o software libre para la edición de imágenes. La alternativa a Photoshop.

Puede utilizarse con Windows, Mac o Linux.

Links para descargar la aplicación:

https://www.gimp.org/downloads/

https://the-gimp.softonic.com/

Tutorial (para un conocimiento más detallado):

https://www.genbeta.com/a-fondo/tutorial-basico-de-gimp-como-iniciarte-en-el-uso-de-

este-editor

https://www.youtube.com/watch?v=seNKiFLkkv4 (video tutorial de Moisés Fernández)

Que nos permite Gimp

Retocar y editar imágenes (quitar fondos, transparencias, etc)

Hacer fotomontajes

Convertir a diferentes formatos una imagen

Crear imágenes animadas en formato GIF o MPEG

Cómo usar Gimp

1) Al abrir el programa te aparecen tres ventanas indepedientes de trabajo. Si vas al menú

“Ventanas” y eliges la opción “modo de ventana única”, las tres ventanas se agrupan en

una sola.

Page 3: Tutorial para familias, compañer@s del cole y otros profesionales … · 2020. 5. 31. · Hacer fotomontajes Convertir a diferentes formatos una imagen Crear imágenes animadas en

Carmen Piédrola Sanandrés (jefa de estudios del CEIP MARCELO USERA) [email protected]

3

Las tres zonas de trabajo son:

Barra lateral izquierda: contiene las diferentes herramientas de trabajo. Puedes

personalizarlas

Barra lateral derecha: para acceder a los menús de capas, canales y rutas. En la zona inferior

se encuentran los paneles de pinceles y degradados

Zona central: aparece la imagen sobre la que estás trabajando

Si dejas el cursor del ratón parado sobre cualquier icono, un texto te informa de cómo se

llama cada herramienta o icono.

Page 4: Tutorial para familias, compañer@s del cole y otros profesionales … · 2020. 5. 31. · Hacer fotomontajes Convertir a diferentes formatos una imagen Crear imágenes animadas en

Carmen Piédrola Sanandrés (jefa de estudios del CEIP MARCELO USERA) [email protected]

4

Si los distintos elementos de los paneles laterales se me mueven (la lío parda) y quiero que

todo vuelva a tener el aspecto original, voy a la pestaña Editar, preferencias, gestión de la

ventana, restaurar las posiciones de ventanas guardadas a los valores predeterminados. Salir

de Gimp y volver a abrirlo. Y volveremos a tener el aspecto original.

Con la tecla + y la tecla – del teclado veo la imagen más o menos grande en la zona de

trabajo

Page 5: Tutorial para familias, compañer@s del cole y otros profesionales … · 2020. 5. 31. · Hacer fotomontajes Convertir a diferentes formatos una imagen Crear imágenes animadas en

Carmen Piédrola Sanandrés (jefa de estudios del CEIP MARCELO USERA) [email protected]

5

ACCIONES MÁS COMUNES DE USO:

Para redimensionar la imagen debo ir a “Imagen” y seleccionar “escalar la imagen”.

Ahí puedo definir el tamaño y la resolución de la imagen.

Para voltear la imagen o rotarla, debo ir a la pestaña “imagen” y dar a “transformar”

Page 6: Tutorial para familias, compañer@s del cole y otros profesionales … · 2020. 5. 31. · Hacer fotomontajes Convertir a diferentes formatos una imagen Crear imágenes animadas en

Carmen Piédrola Sanandrés (jefa de estudios del CEIP MARCELO USERA) [email protected]

6

Para realizar ajustes sobre el brillo, contraste, luminosidad, etc, de la imagen: debo ir

a Pestaña “Colores” y seleccionar la opción sobre la que desees ejecutar acciones

Para hacer transparente fondo de una imagen

Ir a la pestaña capa, ir a transparencia y dar a “añadir canal alfa”.

A continuación dar al icono de “selección difusa” (varita mágica) situarse sobre

la zona que deseas convertir en transparente, dar al botón derecho del

ratón, editar, cortar.

Page 7: Tutorial para familias, compañer@s del cole y otros profesionales … · 2020. 5. 31. · Hacer fotomontajes Convertir a diferentes formatos una imagen Crear imágenes animadas en

Carmen Piédrola Sanandrés (jefa de estudios del CEIP MARCELO USERA) [email protected]

7

Si quiero seleccionar varias zonas a la vez para hacer transparente, dejar pulsada la tecla de

Shift (que está situada debajo de la tecla mayúscula) mientras selecciono las zonas y luego dar

a editar/cortar

También puedo (según lo que me resulte más sencillo) usar la herramienta de goma.

No olvidar, antes de seleccionar la herramienta goma, ir a la pestaña capa, transparencia, y dar

a “añadir canal alfa” (si no en fondo no se hará transparente sino de color blanco). A

continuación pasar la goma por todas las zonas que desee ir haciendo transparentes.

Page 8: Tutorial para familias, compañer@s del cole y otros profesionales … · 2020. 5. 31. · Hacer fotomontajes Convertir a diferentes formatos una imagen Crear imágenes animadas en

Carmen Piédrola Sanandrés (jefa de estudios del CEIP MARCELO USERA) [email protected]

8

Otra forma de generar transparencia es ir a la pestaña capa, ir a transparencia y dar a

“añadir canal alfa”. A continuación ir a la pestaña Seleccionar, y dar a “por color” si lo que

quieres es eliminar todos las zonas o elementos de un mismo color

Situar el ratón en el color de la imagen que deseas hacer transparente (en este caso el

blanco). Con el botón derecho del ratón, dar a editar, cortar. Te quitará todo el color blanco

(incluido el blanco de la cuchara)

Otra opción es seleccionar la herramienta lazo o selección libre y recorrer el

contorno de la foto. Interesante Difuminar los bordes.

Page 9: Tutorial para familias, compañer@s del cole y otros profesionales … · 2020. 5. 31. · Hacer fotomontajes Convertir a diferentes formatos una imagen Crear imágenes animadas en

Carmen Piédrola Sanandrés (jefa de estudios del CEIP MARCELO USERA) [email protected]

9

Dar a la pestaña Seleccionar, invertir, y con el botón derecho luego a editar, copiar, y lo

copiamos en otra imagen nueva. En opciones avanzadas no olvidar seleccionar transparencia.

Editar/pegar

Para insertar la imagen que he dejado sin fondo (granjero) en otra imagen

Debo tener las dos imágenes abiertas

Tener en la zona de trabajo la que quiero pegar (pictograma del granjero). Dar a la pestaña Editar,

copiar. Luego ir a la imagen que quiero aparezca de fondo (vacas pastando). Dar a la pestaña Editar,

pegar

A continuación dar la herramienta “herramienta de escalado” para ajustar la

imagen granjero en tamaño

Page 10: Tutorial para familias, compañer@s del cole y otros profesionales … · 2020. 5. 31. · Hacer fotomontajes Convertir a diferentes formatos una imagen Crear imágenes animadas en

Carmen Piédrola Sanandrés (jefa de estudios del CEIP MARCELO USERA) [email protected]

10

Por último dar a la herramienta mover para situar la imagen del granjero donde

quiera

Para recortar una imagen

Seleccionar la herramienta tijeras

Seleccionar el borde de la imagen que queremos cortar. Van apareciendo unos

puntitos. Cuando ya hayamos completado el borde de la imagen con puntitos, hacer

click con el botón izquierdo del ratón (aparecen puntitos intermitentes).

Dar al botón derecho del ratón, dar a editar y bien dar a copiar y llevar a un

documento nuevo o bien dar a cortar. Si doy a cortar debo antes ir a la pestaña

Seleccionar y dar a invertir, o si no, me cortará la imagen seleccionada con la tijera.

Si le doy a copiar, en opciones avanzadas seleccionar que fondo queremos (blanco,

transparente, de color, etc)

Page 11: Tutorial para familias, compañer@s del cole y otros profesionales … · 2020. 5. 31. · Hacer fotomontajes Convertir a diferentes formatos una imagen Crear imágenes animadas en

Carmen Piédrola Sanandrés (jefa de estudios del CEIP MARCELO USERA) [email protected]

11

Crear tu gif animado

Debes tener las fotos que van a formar parte del gif en formato png

Ir a Archivo, dar a “abrir como capas”

En cada capa con el botón derecho, editar atributos de capa

Poner por ejemplo: Capa 1 (300ml) (replace)

Dar a Filtro, animación, reproducción

Exportar como gif y verás el gif moverse al abrirlo

Muy IMPORTANTE

Si quieres pegar el gif en un documento Word, debes convertir el gif a formato flash primero. Para

hacerlo puedes ir a la web https://www.elconvertidor.com/ (abrir fichero gif y pasarlo a flash y

guardarlo en el escritorio)

Luego en Word, ir a Archivo, opciones de word, y dar a “mostrar ficha programador” . En

“Herramientas heredadas” dar al icono “más controles”, y seleccionar: shockwawe flash objetct y dar

a aceptar

Page 12: Tutorial para familias, compañer@s del cole y otros profesionales … · 2020. 5. 31. · Hacer fotomontajes Convertir a diferentes formatos una imagen Crear imágenes animadas en

Carmen Piédrola Sanandrés (jefa de estudios del CEIP MARCELO USERA) [email protected]

12

Con el botón derecho del ratón dar a propiedades

En embedMovie poner true

En Movie, copiar el nombre del archivo flash swf (nos vamos a la imagen flash que hemos guardado

en el escritorio, damos a propiedades, seguridad y copiamos la dirección que nos viene)

Quitar la pestaña en modo diseño y veremos la imagen movers

Page 13: Tutorial para familias, compañer@s del cole y otros profesionales … · 2020. 5. 31. · Hacer fotomontajes Convertir a diferentes formatos una imagen Crear imágenes animadas en

Carmen Piédrola Sanandrés (jefa de estudios del CEIP MARCELO USERA) [email protected]

13

OTROS USOS DEL PROGRAMA:

Para crear un logotipo

Ir Archivo, crear, logotipo, elegir uno.

En Pattern dar a examinar. Elegir y Cerrar. En tex poner el nombre de nuestro logotipo.

En tamaño poner por ejemplo 300. En Font elegir el tipo de letra que queremos.

Podemos también indicar qué valores queremos en Radio de desenfoque, desenfoque de

sombra, relieve, barra de desplazamiento de la sombre (para que esté más separada la

sombra de la letra). Dar aceptar

Para crear un fondo de pantalla automático

Ir a la pestaña archivo, crear, patrones. Elegir uno (por ejemplo tierra)

Page 14: Tutorial para familias, compañer@s del cole y otros profesionales … · 2020. 5. 31. · Hacer fotomontajes Convertir a diferentes formatos una imagen Crear imágenes animadas en

Carmen Piédrola Sanandrés (jefa de estudios del CEIP MARCELO USERA) [email protected]

14

Indicar valores de tamaño (1000). En nivel de detalle poner el máximo

En opacidad determinar el grado de transparencia del fondo

Para guardar el fondo ir a archivo, guardar como, poner nombre (por ejemplo: fondo

tierra).Por defecto GIMP lo va a guardar xcf que es su formato. Esto te va a permitir poder

seguir trabajando sobre el fondo

Si queremos guardarlo también en otro formato, ir a archivo, exportar, elegir jpg y calidad

100

Page 15: Tutorial para familias, compañer@s del cole y otros profesionales … · 2020. 5. 31. · Hacer fotomontajes Convertir a diferentes formatos una imagen Crear imágenes animadas en

Carmen Piédrola Sanandrés (jefa de estudios del CEIP MARCELO USERA) [email protected]

15

Para crear un marco de página o foto

Insertar la imagen sobre la que queremos trabajar.

Para crear el marco seleccionar la herramienta de rectángulo para poder establecer el límite

entre lo que será el marco y la fotografía.

A continuación cliclear en Máscara rápida (cuadradito pequeño que hay en el límite inferior

entre la ventana lateral izquierda y la zona de trabajo de la foto)

Page 16: Tutorial para familias, compañer@s del cole y otros profesionales … · 2020. 5. 31. · Hacer fotomontajes Convertir a diferentes formatos una imagen Crear imágenes animadas en

Carmen Piédrola Sanandrés (jefa de estudios del CEIP MARCELO USERA) [email protected]

16

A continuación ir a la pestaña Filtros, y elegir el que quiera (por ejemplo distorsiones, ondas,

Luego quitar la máscara

Posteriormente, seleccionar la herramienta: herramienta de relleno, de pintura. Selecciono

relleno con patrón y elijo la que me guste. Dar a la pestaña seleccionar, invertir.

Para crear nuestra primera imagen

Ir a Archivo, dar nuevo. Se abre una ventana. Elegir tipo de plantilla (elegir una. Por ejemplo:

640 x 480). Determinar tamaño de la imagen 1000 pixeles de anchura x 1000 de altura. En

opciones avanzadas, indicar resolución 200 pixeles en coordenada x e y. Color RGB y en

comentario poner por ejemplo: creado por. Dar a aceptar y se crea automáticamente la

imagen

Page 17: Tutorial para familias, compañer@s del cole y otros profesionales … · 2020. 5. 31. · Hacer fotomontajes Convertir a diferentes formatos una imagen Crear imágenes animadas en

Carmen Piédrola Sanandrés (jefa de estudios del CEIP MARCELO USERA) [email protected]

17

Cómo introducir capas

Crear imagen nueva. Archivo, Abrir nuevo (1200 x 1200). Resolución 120.

Las capas se manejan en la parte de la derecha. Dar a Crear una capa (600 x 600)

Si quiero duplicar capa le doy al icono que aparece a la izquierda del ancla. Si quito el icono de ojo

asociado a cada capa veré en la pantalla principal solo la capa en la que deje el ojo.

Page 18: Tutorial para familias, compañer@s del cole y otros profesionales … · 2020. 5. 31. · Hacer fotomontajes Convertir a diferentes formatos una imagen Crear imágenes animadas en

Carmen Piédrola Sanandrés (jefa de estudios del CEIP MARCELO USERA) [email protected]

18

Para arrastrar las diferentes capas le doy al icono de mover y con el ratón desplazo la

capa hacia donde quiera.

Con las líneas de guía puedo indicar posiciones precisas.

Si quiero mover las tres capas a la vez seleccionar “enlace de cadena” simbolito que hay junto a

los ojos de cada capa

Botón derecho: aplanar capas (todas las capas las guarda como una)