Curso de

Diseño Gráfico
en
So ware Libre

Editor de gráficos vectoriales

Inkscape
Agenda
1 Sobre el curso
2 Fundamentos de gráficos digitales
3 Introducción a Inkscape
1 Sobre el curso
Coordinación
Arq. Roberto Hugo Serren no rserren no@gmail.com

Dictado
Arqta. Soledad Juliá soledad_julia@yahoo.com
Arq. Roberto Gómez López roberto_gl@hotmail.com

Obje vos
El obje vo del curso es instruir en el uso genérico de sistemas de diseño
gráfico, orientado a la producción de documentos de comunicación visual
de propósito general.

Des natarios
El curso está des nado al personal técnico y no docente, y orientado al uso pico
propio de oficinas administra vas.

Se requieren conocimientos básicos de informá ca. !

Programa
Unidad temática 1: Fundamentos de gráficos digitales.
Gráficos vectoriales y pixeares, color, tipografía, administración de archivos, hardware y software
gráfico.

Unidad temática 2: Introducción al sistema diseño gráfico Inkscape.

Características, obtención del sistema e instalación. Interfase de trabajo, administración de
archivos, controles de visualización, configuraciones iniciales. Práctica de instalación del sistema.

Unidad Temática 3: Entidades gráficas de Inkscape.

Entidades y atributos principales. Texto y párrafo, propiedades. Formas gráficas, propiedades.
Manipulación de formas y textos. Importación de gráficos. Trabajo práctico cartelería.

Unidad temática 4: Maquetado de documentos en Inkspace.

Criterios generales de diseño. Configuración de página. Organización de los gráficos. Controles de
posición y apariencia. Efectos especiales. Impresión y exportación en formatos para transmisión
digital. Trabajo práctico tríptico.

Unidad Temática 5: Comparativa Inkspace con CorelDraw.

Similitudes y diferencias, ventajas y desventajas. Intercambio de datos entre ambos sistemas.
Trabajo práctico final.
 Modalidad
El curso posee carácter teórico-prác co. Requiere la ejecución de 2
Trabajos Prác cos en modalidad de instruc vo, y un trabajo prác co
final que ene carácter de evaluación individual.

Para su aprobación se requiere cumplir con las siguientes condiciones

mínimas:

∙ 75% de asistencia a clases

! ∙
∙
Ejecución y entrega de los 2 trabajos prác cos (instruc vo).
Aprobación del trabajo prác co final con calificación igual o
mayor a 6.
Programación
Programación
El curso tiene una duración total de 10hs, distribuido en 4 clases teórica-práctica en
laboratorio de 2½ hs. En cada clase se desarrolla la teoría mientras se realiza un ejercicio
práctico de carácter individual.

Clase Fecha Tipo Lugar Horario

1 Lunes 20 de Mayo Teórico-práctica UT 1/2 Aula Informática Nº 1 16:00 a 18:30
2 Miércoles 22 de Mayo Teórico-práctica UT 3 Aula Informática Nº 1 16:00 a 18:30
3 Lunes 27 de Mayo Teórico-práctica UT 4 Aula Informática Nº 1 16:00 a 18:30
4 Miércoles 29 de Mayo Teórico-práctica UT 5 Aula Informática Nº 1 16:00 a 18:30
¿Software libre?

vs
BRICS
Con el nombre de BRICS (Brasil, Rusia, India, China y Sudáfrica) se denomina a un conjunto de países cuyas
economías han crecido aceleradamente en las últimas décadas, al grado de constituirse en potencias
económicas de primer orden. Estos países, han identificado el dominio informático como vital para su
desarrollo, y han implementado políticas, en diferentes formas y escalas, de apoyo al “software libre” y al
sistema operativo Linux.
Esta estrategia, asume, que si bien
esta tecnología informática
alternativa no presenta la variedad
funcional y el nivel de refinamiento
que su equivalente comercial, si
posee condiciones suficientes para
satisfacer las necesidades básicas, y
constituye una poderosa base de
desarrollo abierta a la participación
de la comunidad científica y
tecnológica local, además de implicar
un importante ahorro de divisas.
Agenda
1 Sobre el curso
2 Fundamentos de gráficos digitales
3 Introducción a Inkscape
Concepto de Un gráfico es un sistema de figuras o
Gráfico signos visuales que cons tuyen una
unidad semán ca.
La revolución informática ha introducido una nueva forma de representar la información,
que denominamos digital por estar fundada en la representación numérica, y que ha
venido a remplazar a la tradicional analógica que se fundaba en el principio de similitud.
 Lo que distingue
Analógico vs Digital lo analógico de lo digital
no es el soporte
de la información
sino la forma en que
se codifica la información.

Analógico:
codificación de la información con tecnología
que opera representando la información en
base al principio de similitud (analogía).

Digital:
codificación de la información con tecnología
que opera representando la información en
términos de números, definidos por escalas de
valores posibles (contables, dígitos)
Por gráficos digitales entendemos a aquellos gráficos
producidos o capturados por medios digitales y
almacenados en términos numéricos en dispositivos
electrónicos.
Color
Digital
 Espectro visible

Percepción del color

 Modelo RGB Modelo CMY
Modelo aditivo - color de la luz Modelo substractivo - color de pigmentos
Monitores utilizan este modelo Impresoras utilizan este modelo
Perifericos y modelos del color

RGB

CMY
Impresoras
 Monitores

R G B
0..255 0..255 0..255
Equivalencias entre
dispositivos
Tipos de gráficos digitales

Gráficos Vectoriales Gráficos Pixelares

 Gráficos Pixelares
Profundidad del color
0 (Blanco) Pixel == Picture Element
1 (Negro) 11 pixeles

Tamaño
En Pixeles: 11px x 11px

2.5cm (1”)
11 pixeles
Y
En UDM: 2.5cmm x 2.5cm
X

Resolución
Tamaño en Pixeles
Res (dpi) =
Tamaño en UDM
2.5cm (1”)
Peso
Peso (KB) = NroPxX x NroPxY x MdoColor x FacCompresion
Modo del Color

24 bits (16.7 millones de cols)

8 bits Color (256 colores)

8 bits Monocromo (256 colores)

1 bit (2 colores)
 Introducción a los
Gráficos Vectoriales
Gráficos vectoriales
Los gráficos vectoriales representan la información gráfica en base a primitivas
geométricas definidas por expresiones matemáticas, tales como puntos, líneas,
círculos, arcos, etc..

Pixelar Vectorial
 y

+ y1
P (x1,y1)

x1 x
mm / px
=
Primitivas geométricas Sistema de coordenadas Gráfico vectorial

y y y
x 2+y2=r 2
P2 (x2,y2)

y=mx+p
P (x,y)
r
P (x,y)

Punto P1 (x1,y1) Línea Círculo

x x x
 Operaciones con gráficos vectoriales

x
Principales atributos de las entidades gráficas
Con las entidades gráficas poseen atributos gráficos, que permiten controlar su apariencia.

Trazo Texto

Espesor Fuente
Texto Texto
Tipo línea Fuente
Negrita Itálica Subrayado

Color Tamaño
Texto Texto
Relleno
Color
 Render

Y Renderizado
Los gráficos vectoriales necesitan ser
Zoom renderizados para poder ser visualizados,
proceso que implica calcular la apariencia
que sus entidades gráficas tendrán bajo
determinadas condiciones de visualización.

2
Vista 1
Mano 3

Orden de apilamiento = Orden visible

X
Agenda
1 Sobre el curso
2 Fundamentos de gráficos digitales
3 Introducción a Inkscape
 Inkscape

Inkscape CorelDraw

Inkscape es un editor de gráficos vectoriales que ofrece prestaciones similares

a sistemas de diseño gráfico como CorelDraw o Ilustrator, es decir, permite la
producción de ilustraciones de alta calidad para medios gráficos o digitales.
 Inkscape

Inkscape es un software de código abierto y se distribuye bajo licencia GNU/GLP,

es decir que su uso es gratuito y podemos utilizarlo sin restricción alguna.
SVG
(Scalable Vector Graphics / Graficos vectoriales escalables)

Inkscape utiliza como formato para sus gráficos el lenguaje SVG (Scalable
Vector Graphics / Gráficos vectoriales escalables), que es un estándar abierto
desarrollado por el W3C para los gráficos vectoriales de Internet (en cierta
medida similar al lenguaje Flash de Adobe).
Inkscape.org

Inkscape es desarrollado por una organización sin fines de lucro, desde cuyo
sitio web (inkscape.org) se puede descargar la última versión del software, y
acceder a información relacionada con su uso.
Instalación
Instalación
Instalación
Instalación
Instalación
Instalación
Entidades gráficas Trazos
Con las primitivas geométricas de la API se
Trazo
implementan las entidades gráficas de cada
aplicación, de acuerdo a sus necesidades.
Vértice

Formas
Ctrol
Ctrol

Ctrol

Elipse Rectángulo Mapa de bits

Ctrol
Ipso lorem est factum quitis lum.

Factum
Ipso lorem est factum quitis lum.
Ipso lorem est factum quitis lum.
Ctrol
Texto de párrafo Texto artístico
 Sistema de coordenadas
Inkscape implementa un espacio de trabajo plano, con el origen de coordemadas en el vértice
inferior izquierdo de la hoja. El espacio de trabajo está dividido en zonas: el escritorio y la
hoja, indicando el área imprimible.

Reglas

Hoja Pizarra
Y

X
Ventana inicial
Archivos de ejemplos
Fin clase