Académique Documents
Professionnel Documents
Culture Documents
”
David Villa Alises
David.Villa@uclm.es
1
BLOQUE II
Índice de contenidos
● Bloque I ● Bloque II
– Introducción – Colores y Gradientes
– Interfaz gráfica – Rutas
– Herramientas básicas – Recortes y Máscaras
– Transformaciones – Vectorización
– Edición – Mosaicos
– Documento – Conectores
– Texto
2
1
Colores y gradientes
3
Colores
● El diálogo “Relleno y Borde” ofrece 6 formas de
coloreado:
Transparente
Color uniforme
Gradiente lineal
Gradiente radial
Patrón
Sin definir
4
Elección de color
5
Elección de color
● Métodos para elección de color:
– Arrastrando desde la paleta al objeto.
– Arrastrando desde la paleta al indicador de estilo
(útil para selecciones).
● Indicador de estilo (en la barra de estado):
– click: Abre el diálogo de Color.
– click central: Elimina el color de la selección.
– click derecho: Menú contextual.
6
F7
Pipeta
● Captura el color seleccionado:
– click: Como color de relleno.
– Shift-click: Como color de trazo.
– Alt-click: Captura el color inverso.
● Opciones:
– Seleccionar Alfa: Captura el nivel de transparencia
del color.
– Ajustar Alfa: Considera la transparencia.
7
Ctrl-F1
Gradientes
● Crea esquemas de color como una transición suave
entre colores diferentes:
– Lineal.
– Radial (pueden ser excéntricos).
● Se puede aplicar tanto al color de borde como al
relleno.
● Es ajustable con manejadores sobre la figura.
8
Ctrl-F1
Gradientes
10
2
Rutas
11
Rutas
● Curvas
● Mano alzada
● Bezier
● Caligrafía
● Edición de nodos
● Operaciones
● Convertir a ruta
● Texto en rutas
12
Curvas (Trazos)
● Las rutas se representan como curvas Bezier. Se
definen por 4 puntos:
– Dos extremos.
– Dos puntos de control.
● Las curvas se pueden unir:
13
F6
Pincel (Mano alzada)
● Para dibujar formas arbitrarias. La figura
resultante está formada por muchas curvas
Bezier.
● La línea se puede suavizar y simplificar con la
herramienta Trazo->Simplificar.
14
Shift-F6
Líneas y curvas
● Para dibujar líneas rectas y curvas Bezier con
precisión.
● Con click se dibujan los extremos de las líneas.
● click+arrastrar genera una curva, al soltar, el
ratón manipula el otro extremo.
15
Ctrl-F6
Caligrafía
● Crea trazos de grosor variable por medio curvas
paralelas. Imita una pluma estilográfica.
● Muchas variables:
– Ancho, ángulo, fijación, temblor, oscilación...
● Sensible a la presión y el ángulo si se usa una
tableta digitalizadora.
16
Convertir a ruta
● Cualquier figura (incluso el texto) se puede
convertir en ruta.
● Trazo -> Objeto a trazo. Para figuras.
● Trazo -> Borde a trazo. Considera el grosor de la
línea como interior del objeto y genera una ruta
en su borde.
17
F2
Edición de nodos
● Edita los nodos de una ruta.
● Es posible utilizar las mismas herramientas de edición
para seleccionar y mover nodos.
– Selección de nodos cercanos con la rueda del
ratón.
● Puntos de control:
– shift-click: Rotar los dos puntos de control.
– Ctrl-click: Rotar en ángulos de 15º u ortogonal al
original.
– Alt-click: Modificar el ángulo, pero no el tamaño.
– Se pueden rotar con '[' y ']' y escalar con '<' y '>'.
18
F2
Edición de nodos
20
Ejercicio
21
Operaciones
● Unión
● Diferencia
● Intersección
22
Operaciones
● Exclusión
● División
● Cortar ruta
23
Ejercicios
24
3
Recortes y Máscaras
25
Recorte (Clipping)
● Permite recortar un objeto o grupo usando una
figura como molde.
– Objeto->Clip->Aplicar.
28
4
Vectorización
29
Trazado de bitmaps
● El trazado o vectorización obtiene una
representación vectorial del bitmap “equivalente”.
– Trazo -> Vectorizar mapa de bits.
30
Trazado de bitmaps
Escaneado simple
● Corte de luminosidad (“binarizar”)
– Crea una ruta que contiene todas las zonas con
un valor por debajo del umbral.
● Detección de bordes
– Las diferencias abruptas de luminosidad se
consideran bordes. Se crea una ruta entre esas
regiones.
● Reducción de colores
– Depende de los cambios de color entre píxeles
cercanos.
31
Trazado de bitmaps
Escaneado múltiple
● Realiza varias pasadas, con cada una se crea una
nueva ruta. Todas forman un grupo.
– Pasos de luminosidad.
– Colores.
– Grises.
● Opciones:
– Suavizado.
– Apilar pasadas.
– Eliminar color de fondo.
32
Ejercicio
● Crea una versión vectorial de las siguientes
imágenes:
(evita la sombra)
33
5
Mosaicos
34
Mosaicos
● La generación de mosaicos es una herramienta muy
potente para la creación de diseños regulares.
● A partir de una figura original, crea una matriz de
clones cuyas propiedades se pueden modificar en
cada copia:
– Simetría
– Desplazamiento
– Escala
– Rotación
– Desenfoque y Opacidad
– Color
● Se define por:
– una matriz N x M, o
– una superficie a cubrir
35
Mosaicos
● Simetría
– Tiene esquemas de replicación prefijados para
cuadrados, triángulos y hexágonos.
● Desplazamiento
– Introduce un desplazamiento horizontal y/o
vertical para cada fila y columna.
● Escala
– Introduce un factor de escala por cada
fila/columna respecto al clon anterior.
● Rotación
– Rota cada nuevo clon el ángulo indicado.
36
Mosaicos
● Desenfoque y opacidad (Transparencia).
● Color:
– Modifica el tono, saturación y claridad.
– Requiere que la figura original no tenga color
asignado (unset).
● Vectorizar:
– Modifica valores de color, opacidad, brillo,
tamaño y presencia dependiendo de la imagen
que haya debajo.
37
Ejercicios
38
Ejercicios
39
Ctrl-F2
Conectores
● Son líneas para conectar figuras uniendo sus
centros.
● Son editables y permiten rutado automático para
evitar solapes.
40
Logo del CESLCAM
42
Logo del CESLCAM
43
Logo del CESLCAM
44
Logo del CESLCAM
45
Logo del CESLCAM
46
Logo del CESLCAM
47
Logo del CESLCAM
48
Logo del CESLCAM
49