Herramientas de

Diseño
Gimp y Inkscape
Gimp
¿Qué es Gimp?

Se trata de una aplicación de creación,

composición y retoque de imágenes.
Aunque se trata de un software GNU,
consigue prestaciones similares a otros
programas profesionales que podemos
encontrar en el mercado como Adobe
Photoshop o Corel PhotoPaint.
Instalación
Libre disponibilidad desde varias fuentes para muchos sistemas operativos:
GNU/Linux, Microsoft Windows™ o Mac OS X™(Darwin) de Apple.

Su pagina oficial es:

http://www.gimp.org.es/
Instalación
Para instalar gimp en Windows:

Se dirigen a la pestaña Descargar Gimp y click en:

Descargar GIMP Gratis (versión 2.8.20) para Windows

Una vez descargado se ejecuta y sigue los pasos, que básicamente es una
sucesión de clics en “Siguiente”.
Se inicia pulsando sobre el icono creado en el escritorio y a probar.
¿Qué cosas puedo hacer con GIMP?
Mediante GIMP podemos crear y editar imágenes de mapas
de bits.

• También podemos trabajar con imágenes vectoriales con el

plug-in correspondiente.

• También podemos crear pequeñas animaciones mediante

el tratamiento individual de las imágenes o tramas. GIMP
soporta la creación de pequeñas animaciones AVI y GIF, y
también puede leer vídeos MPEG.
Interface
Cuando iniciamos GIMP, podemos ver varias ventanas, y dentro
de cada una de ellas hacemos uso del botón derecho del ratón
para acceder a las diferentes funcionalidades de cada una de
ellas.

La interface de GIMP tiene dos ventanas principales - la Caja d

e Herramientas y la Ventana de Imágenes - además de otras
ventanas, como la paleta de colores, ventana de capas,
etc.
Caja de Herramientas
Probablemente esta es la ventana más
importante en el trabajo con GIMP.
Se puede apreciar su apariencia en la
imagen 1.

Los botones que aparecen en esta barra

se describen con mayor profundidad en
las secciones siguientes y podemos config
urar sus opciones particulares haciendo
doble clic sobre ellos.

En la imagen 2 podemos apreciar un

ejemplo de configuración de estas
propiedades (herramienta seleccionar
regiones rectangulares).
Ventana de Imágenes.
Es la ventana que contiene la imagen sobre la que estamos trabajando.
En la siguiente imagen podemos ver su forma y la barra de menú que contiene
una serie de opciones que podemos usar para la fácil utilización de sus menús
de edición.
Comparativa

Photoshop Gimp

Programa de pago. Programa gratuito.

Programa de marca Programa que tiene las

registrada y con un mismas funciones básicas
coste elevado, puede igual o mejor que el
durar mucho tiempo Photoshop y de una
y con una alta calida manera gratuita y libre
d. Se puede optar ya que se puede descarg
por un plan de $20 ar directamente desde
mensuales. internet.
.
Comparativa
Tamaño de archivo Tamaño de archivo
Photoshop Gimp
El Photoshop ocupa más El programa Gimp ocupa
espacio en el Pc porque menos espacio en nuestro
normalmente hacen uso Pc . Gimp tiene un peso
de ordenadores con una de 84,9 MB.
capacidad y memoria
superior a la media.
Pesa 745 MB.
Ventajas
1. Requisitos mínimos
El mínimo RAM exigido para correr Gimp es 128Mb. Para correr Photoshop CS 5 s
e requieren al menos 1000Mb.

2. Configuración
Gimp es completamente personalizable. Puedes cambiar el aspecto de las herram
ientas, los iconos, las posiciones de los botones, etc. Photoshop no es tan flexible
en este aspecto.

3. Herramientas
Photoshop es de inicio más potente que Gimp, pero generalmente incluye herrami
entas que los usuarios corrientes no usarán jamás. Gimp no incluye todas las herra
mientas de serie, pero ampliando sus características podemos obtener una herrami
enta igual de potente que el Photoshop. De este modo Gimp consigue ser más a
migable con el usuario y a la vez más sencillo de usar.
Ventajas
4. Soporte
Gimp ofrece actualizaciones y mejoras periódicas. El software se actualiza fre
cuentemente y de manera online, sin necesidad de adquirir o comprar la sigui
ente versión del software como pasa con Photoshop.

5. Extensiones
Gimp ofrece una gama de extensiones enorme. Filtros, brochas, efectos etc. Al
ser software libre, permite que cualquiera pueda añadir y mejorar extension
es y filtros, lo que nos ofrece una gama más variada y de mejor calidad que la
de Photoshop.

6. Libre
Gimp es software libre. Esto significa que puedes usarlo para lo que quieras,
modificarlo a tu gusto, añadir o quitar funcionalidades, copiarlo en un disco y
regalarlo a quien quieras, ponerlo en tu web, pasárselo a tus compañeros de c
lase etc.
Ejemplo de lo que puedes hacer con
Gimp
Antes Después
Ejemplo de lo que puedes hacer con
Gimp
Inkscape
¿Qué es Inkscape?
Es una herramienta de dibujo para gráficos vectoriales
con las siguientes características:
• Es software libre.
• Es multiplataforma (Windows, GNU/Linux, Mac).
• Soporta el formato SVG (Scalable Vector Graphics).
• Incluyen formas básicas, trayectorias, texto,
transformaciones, gradientes, etc.
• Se pueden editar los nodos de los elementos.
• Exportación de SVG a otros formatos (PNG, JPG, etc.)
Instalación
Su pagina oficial es:
https://inkscape.org/es/
Instalación
Para instalar Inkscape en Windows:

Se dirigen a la pestaña Descargar y click en:

Instalador Windows
Funcionalidades de Inkscape
Las características soportadas
incluyen:
• Formas, trazos, texto.
• Marcadores, clones.
• Mezclas de canales alfa.
• Transformaciones, gradientes
• Patrones y agrupamientos.
Inkscape también soporta:
• Meta-datos Creative Commons,
edición de nodos.
• Capas, operaciones complejas
con trazos.
• Vectorización de archivos
gráficos.
• Texto en trazos, alineación de
textos.
• Edición de XML directo y
mucho más.
Interfaz
Conoceremos lo básico de su interfaz.
Interfaz
La interfaz por default se compone de los siguientes elementos:
1. Barra de menus
2. Barra de Comandos
3. Barra de Controles
4. Reglas, Guias y rejillas
5. Caja de Herramientas
6. Barra de Ajustes
7. Paleta de Colores
8. Barra de Status
9. Zoom
10. Área de Trabajo (aunque es prácticamente infinito el espacio)
Menú y Barra de Comandos

Tiene por defecto un menú con las funciones más esenciales

como archivo, edición, etc… también contiene menús
relacionados con el diseño y dibujo.
La barra de comandos es la que aparece debajo de los menús.
Contiene accesos directos a comandos comunes que de otra po
dríamos ejecutar con alguna combinación de teclas, contiene
controles para manipular los documentos y los objetos en el
dibujo.
Comandos típicos como abrir, guardar, nuevo, deshacer,
rehacer y otros se ubican ahí.
Caja de Herramientas

Este apartado contiene un set

básico de utilidades para realizar
nuestro dibujo. Utilidades para
dibujar pintar y manipular
formas y objetos, parece una
selección muy rudimentaria, pero
se pueden lograr cosas increíbles
con estas simples herramientas.
Barra de controles

Esta barra cambia de contenido según la herramienta, muestra

diferentes opciones asociadas con dicha utilidad y las posibles
capacidades de manipulación de un objeto.
Área de Trabajo

En ella aparece una hoja de

tamaño A4 y donde el usuario
crea, por lo que es el área mas
importante de la interfaz.
Área de Trabajo
En ella aparece una hoja de tamaño A4 y donde el usuario crea,
por lo que es el área mas importante de la interfaz.
Reglas

Son secciones graduadas en la parte superior e izquierda del áre

a del trabajo, dispuestas para medir el área de manera vertical y
horizontal, la unidad de medición puede ser definida en Archivo
>Propiedades del documento en la pestaña Página, también p
odemos definir el tamaño de la página y otros.
Guías
Son guías “magnéticas” definidas por el usuario, que pueden ser
creadas fácilmente haciendo click en una regla y halando hasta l
a posición deseada. Para eliminar una línea guía simplemente la
“regresamos” halándola hacia la regla.
Rejillas
Las líneas guía pueden ser de ayuda, pero si necesitamos
muchas de ellas, es mas útil utilizar una rejilla.
Existen 2 tipos de rejillas:

Rectangulares
Es la rejilla común en la que se cruzan líneas horizontales y verti
cales

Axonométricas
Este tipo permite al usuario definir el ángulo de las líneas, lo cua
l puede resultar interesante para el dibujo técnico y/o arquitectó
nico. Podemos definir su ángulo en Archivo>propiedades del d
ocumento, en la pestaña Rejilla.
Rejillas
Barra de ajustes

Contiene distintos ajustes para los objetos e imágenes,

especialmente útiles cuando usamos la herramienta
para editar nodos de trayecto o tiradores de control.
Paleta de colores

Es la manera mas rápida de aplicar color a las formas y

objetos.
Se sitúa en la parte inferior de la ventana y podemos
seleccionar en color deseado en combinación con las
herramientas Rellenar, Trazo a mano alzada, Pincel, etc…
Barra de estado

Es la barra que aparece en la parte inferior de la ventana y c

ontiene información variada como:

• Indicador de color del objeto

• Selector de capas
• Notificaciones
• Indicador de las coordenadas del puntero y el factor del
zoom
Ventajas
Puede importar formatos como Postscript, JPEG, PNG, y TIFF
y exporta PNG así como muchos formatos basados en
vectores.

El objetivo principal de Inkscape es crear una herramienta de

dibujo potente y cómoda, totalmente compatible con los
estándares XML, SVG y CSS.

También quieren mantener una próspera comunidad de

usuarios y desarrolladores usando un sistema de desarrollo
abierto que sea fácil de aprender, de usar y de mejorar.
Comparación
Illustrator
• Paleta Pantone
• Efectos 3D
• Diseño Intuitivo
• Compatibilidad
• Eficiencia y velocidad
• Buen resultado al imprimir
• Vista previa de acciones
• Plan de $50 al mes
Inkscape
• Importa dibujos y vectorizarlos
• Programa freeware, gratuito
• Sencillo de utilizar, intuitivo y
estable
• Consistencia de su interfaz y
utilidad
• Orientado a usuarios medios
• Gran selección de filtros y
efectos.
Ejemplos de lo que puedes hacer
con Inskcape
Ejemplos de lo que puedes hacer
con Inskcape
Ejemplos de lo que puedes hacer
con Inskcape
Ejemplos de lo que puedes hacer
con Inskcape
Ejemplos de lo que puedes hacer
con Inskcape