Diseño de portada de revista con GimpDiseño de portada de revista con Gimp

1. IntroducciónEn este manual se explican los pasos utilizados para elaborar la portada de la revista digital La Viga Travesá. La versión de Gimp utilizada es la 2.4.0.

2. Elección de las fotografíasEstas son las imágenes de las que partimos:

3. Convertir el fondo a transparente. Cada grupo tuvo que convertirse en una silueta con un fondo transparente. Para ello duplicaron la capa fondo (para no perder la capa fondo original) y convirtieron las imágenes a .xcf ya que el formato .jpg no permite trabajar con transparencia.

Las TIC en Plástica (http://blog.educastur.es/luciaag/ ) 1

Diseño de portada de revista con GimpDiseño de portada de revista con Gimp

La herramienta utilizada para seleccionar las siluetas fue las tijeras de selección:

una herramienta que nos permite seleccionar formas adaptándose al color de las zonas por las que pasa. Tan solo tenemos que ir haciendo clic sobre el borde de las figuras ya que las líneas se van adaptando al contorno de la figura. Si nos situamos encima de un punto de control, el puntero cambia a un icono con la forma de doble flecha y nos permite arrastrarlo para modificar la curva que se va creando.

Una vez concluida la silueta nos situamos dentro de ella y observamos que del puntero desaparecen los diferentes signos que existían y aparece una nuevo con unas tijeras abiertas y unidas a una con un punto de control. Hacemos un clic y el contorno con los puntos de control se transforma en una selección.

Ya tenemos seleccionada la silueta pero lo que nos interesa es que desaparezca el fondo. Para ello elegimos selección > invertir

Las TIC en Plástica (http://blog.educastur.es/luciaag/ ) 2

Diseño de portada de revista con GimpDiseño de portada de revista con Gimp

y después editar > limpiar.

Y ya tenemos lo que queríamos, una silueta con el fondo transparente. Para ver el efecto, id a la ventana capas (CTRL+L ) y eliminar la capa fondo, seleccionándola y haciendo clic en el icono con forma de papelera.

Este es el resultado:

Las TIC en Plástica (http://blog.educastur.es/luciaag/ ) 3

Diseño de portada de revista con GimpDiseño de portada de revista con Gimp

4. Crear una imagen nueva a partir de la plantilla A4: Archivo>nuevo> plantilla> A4

5. Elegir el fondo de la portada. Para ello se eligió la textura de la pared

Las TIC en Plástica (http://blog.educastur.es/luciaag/ ) 4

Diseño de portada de revista con GimpDiseño de portada de revista con Gimp

del patio en el que se hicieron las fotos que se convirtió en la capa fondo1.

6. Escalar todas las imágenes: menú imagen > escalar > se les escaló a una altura de 400 píxeles para que fueran más manejables a la hora de copiar y pegar.

7. Copiamos y pegamos como capas todas las imágenes tomadas y convertidas en dintornos. Para ello en cada imagen: editar> copiar y sobre la imagen del fondo editar > pegar.

Las TIC en Plástica (http://blog.educastur.es/luciaag/ ) 5

Diseño de portada de revista con GimpDiseño de portada de revista con Gimp

Al pegar las imágenes quedan rodeadas de una hilera de puntitos blancos que vibran.

hay que ir a la ventana capas (CTRL+L), seleccionarlas y darles un nombre para que dejen de ser una capa flotante y se conviertan en una capa nueva.

Las TIC en Plástica (http://blog.educastur.es/luciaag/ ) 6

Diseño de portada de revista con GimpDiseño de portada de revista con Gimp

8. Insertamos la T como una capa más y ordenamos las imágenes según el boceto previo. Para trabajar bien con varias capas es importante nombrarlas adecuadamente y para moverlas es mejor seleccionar antes en la ventana capas, la capa que queremos mover.

9. Por último, añadimos los textos en la parte superior e inferior con la herramienta texto. Cada texto independiente debe ir en una capa diferente para poder moverlos, editarlos, etc.

Las TIC en Plástica (http://blog.educastur.es/luciaag/ ) 7

Diseño de portada de revista con GimpDiseño de portada de revista con Gimp

10. El resultado:

Las TIC en Plástica (http://blog.educastur.es/luciaag/ ) 8