Está en la página 1de 22

¿Qué es Diseño Gráfico?

El diseño gráfico es una herramienta para


comunicar un mensaje al público. A
diferencia del arte, que no necesita de un
motivo, el Diseño tiene un propósito
Transmitir una idea o concepto.
¿Qué es Software Libre?

Es aquel que permite al usuario el libre


acceso a su código fuente, modificación
y libre distribución.

No hay que confundirlo con gratuito,


pues puede no serlo.
Herramientas libres de Diseño
Gráfico

GIMP Inkscape
● Es una aplicación de ● Es una aplicación de
Software Libre para el Software Libre para
retoque y crear gráficos
manipulación de vectoriales.
imágenes. ● Equivalente a
● Equivalente a Illustrator.
Photoshop.
GIMP vs. Inkscape

No se trata de que uno sea mejor que el


otro, simplemente tienen funciones
diferentes.

Utilizaremos GIMP cuando queramos


manipular una imagen ya creada (aunque
también se puede utilizar para crear
imágenes)

Utilizaremos Inkscape cuando queramos


crear una imagen.
Diferencia entre píxel y vector

● Píxeles

Una imagen digital


compuesta por
pixeles está formada
por puntos de color.
Si ampliamos mucho
la imagen podremos
ver los píxeles.
Diferencia entre píxel y vector

● Vectores
Una imagen digital
compuesta por
vectores, está
formada por objetos
geométricos
independientes, la
principal ventaja es
que esta imagen se
podrá ampliar todo lo
que queramos sin
que pierda calidad.
Resolución de imagen

● La resolución de una imagen es la capacidad


de la misma para mostrar detalles. A mayor
resolución, mayor calidad de imagen.

● Se mide en píxeles por pulgada (ppp o pp).

– 72 pp: resolución de una imagen Web.


– 150pp: Prensa e impresoras no digitales.
– 300pp: Impresión de alta calidad.
Interpolar una imagen

Interpolar una imagen, significa forzar su resolución.


Es decir, si tenemos una imagen a 72 pp y la
aumentamos a 300 la estaremos interpolando.

Hay que tener mucho cuidado con hacer esto, porque


cuando se amplía la imagen el programa se inventa
los píxeles que le faltan, por lo que la imagen queda
borrosa.
Formatos de imagen
● XCF
Es el formato propio de GIMP. Nos permitirá guardar
toda la información del documento (capas, máscaras,
transparencias...).

● SVG
Es el formato nativo de Inkscape, es un formato de
gráficos vectoriales editables que almacena toda la
información de nuestro dibujo y nos permite
transformarlo posteriomente.
Formatos de imagen (lossy y
lossles)
● Lossles: sin pérdida de ● Lossy: con pérdida de
información información
Almacenan las imágenes Almacenan las imágenes
sin degradar su calidad. comprimidas, reduciendo
un poco su calidad.

BMP: No comprime la imagen,


por lo que es el formato más JPG: Es un formato con una
pesado. compresión alta, aunque
permite ajustar la resolución.

PNG: Conserva la
transparencia de la imágenes. PDF: Minimiza las pérdidas de
calidad. Muy utilizado para
impresiónes y trabajos finales.
GIMP
GIMP es una herramienta de
manipulación de imágenes, trabaja
con imágenes raster, es decir que
están compuestas por píxeles por lo
que será muy importante tener en
cuenta la resolución de las
imágenes con las que trabajemos.

Es una herramienta muy versátil y


compleja, debido a la gran cantidad
de posibilidades que ofrece a la hora
de trabajar.
1
3
6
5

1. Ventana de Diseño
2. Área de trabajo
3. Caja de herramientas
4. Opciones de herramientas
5. Ventanas
6. Solapas
Ventanas y solapas
Personalizar el espacio de trabajo
● En GIMP es posible personalizar el
espacio de trabajo ya sea mediante
ventanas flotantes como mediante
pestañas.

● Para abrir las pestañas lo único que


tenemos que hacer el hacer clic en
el pequeño triangulo que hay en la
esquina superior derecha de cada
ventana y seleccionar Añadir
solapa.
Herramientas
● Esta es la única ventana
que sale por defecto. El
resto puede que
aparezcan o no.

● Las que no nos aparezcan


las podemos sacar de
ventana/diálogos
empotrables.
Herramientas: opciones

● Esta ventana aparecerá


ligada a la de
herramientas, y
cambiará en función de
la herramienta que
estemos utilizando.
Herramientas de dibujo
Lápiz y pincel: sirven para dibujar a mano alzada. Se pueden
utilizar distintos pinceles o incluso crearlos.

Relleno y degradado: Sirve para rellenar con un color o conun


degradado un área que tengamos seleccionada. También se
pueden aplicar patrones. El relleno se hará con el color de frente,
y en el degradado se mezclarán el color de frente y el de fondo.

Frente
Fondo

Aerógrafo y tinta: Son muy similares al lápiz y el pincel, sólo que


uno imita la textura de un spray y el otro la de una pluma.

Borrador
Herramientas de selección
En todas la herramientas de selección hay una opción llamada difuminar
bordes esta nos permite suavizar los contornos de la selección de forma
que el elemento seleccionado que da más integrado en nuestra imagen.

S. Elíptica y rectangular: Selecciona un área de forma elíptica o


rectangular.

S. Difusa o por color: Son muy similares entre sí, seleccionan las
áreas con píxeles de colores similares, la diferencia es que la
selección difusa sólo selecciona áreas contiguas y la selecciópn
por color selecciona los píxeles similares en todo el documento.

Selección libre: Permite crear una selección a mano alzada.


Herramientas de selección
Tijeras: Funciona marcando con puntos la ruta que debe seguir y el
programa se encarga de detectar los bordes de la imagen y crear el
camino entre un punto y otro. Cuando hemos marcado toda la ruta
hay que pulsar la tecla Entrar y ya tenemos nuestra selección.

S. del primer plano: Selecciona el objeto siguiendo varios pasos:

- Con e lazo seleccionamos (más o menos) la zona que nos


interesa.

- Esta zona aparecerá en sombra, ahora con la brocha pintamos el


área que queramos seleccionar, si queremos quitar alguna parte de la
selección sólo tenemos que pintar a la vez que pulsamos la tecla ctrl.

- Una vez hemos terminado pulsamos la tecla Entrar


Herramientas de selección
Rutas: Puede utilizarse como herramienta de selección o para trazar
contornos. Para crear la ruta vamos creando puntos de control con el
ratón, se queremos que la línea sea recta sólo tenemos que arrastrar
el ratón. Los puntos que ya hemos situado los podemos mover
situándonos encima con el ratón y arrastrando. Una vez tenemos
realizada la ruta, para seleccionarla o trazarla sólo tenemos que darle
al botón en opciones de herramientas.

Máscara: Se activa pulsando un pequeño cuadro situado en la


esquina inferior izquierda de la pantalla. Cuando le damos se queda
toda la imagen en rojo, todo lo que pintemos en blanco, quedará
transparente y esa será nuestra área seleccionada, y todo lo que
pintemos en negro se volverá rojo, y quedará fuera de nuestra
selección.
Herramientas de transformación

Mover: Permite mover objetos y capas.

Su propio nombre indica su función: Rotar, escalar, inclinar, perspectiva


y voltear.

Alineación: Nos permite alinear capar respecto a un objeto, selección o


ruta

Recorte: Nos permite seleccionar un área de la imagen y quedarnos


sólo con ésta prescindiendo del resto, respeta las capas.
Otras herramientas

Selección de color: Copia el color del píxel sobre el que pinchamos.

Medida: Nos permite medir distancias y ángulos en nuestro dibujo.

Zoom

Enfoque y desenfoque, emborronar y aclarar y oscurecer: Cambia la


apariencia de la imagen de manera selectiva utilizando un pincel. El
mismo nombre de las herramientas nos indica que función tiene cada
una de ellas.

Herramientas destinadas a la clonación: Recogeremos una muestra


de color y textura de la imagen pulsando control, una vez hecho esto
podremos clonar esta muestra en cualquier parte de la imagen que nos
interese. Sirve para borrar imperfecciones en las imágenes.