Activa JavaScript para disfrutar de los vídeos de la Mediateca.
InkScape. Vectorización de mapas de bits - Contenido educativo
Ajuste de pantallaEl ajuste de pantalla se aprecia al ver el vídeo en pantalla completa. Elige la presentación que más te guste:
Hola de nuevo, en este vídeo vamos a ver la vectorización.
00:00:00
Vectorización, o sea, hacer un vector o vectorizar, es a partir de una imagen de mapa de bits crear una imagen vectorial.
00:00:05
Bien, lo primero voy a importar una imagen de mapa de bits.
00:00:14
Aquí dándole a importar, vamos a importar la imagen de JPG, que es un mapa de bits, modelo.jpg.
00:00:19
Importante, tiene que estar siempre accionada, no enlazar, sino en la opción incrustar, que además viene por defecto.
00:00:29
Damos a OK.
00:00:38
Aquí tengo la imagen, la voy a hacer un poco más pequeña con control.
00:00:40
Aquí tengo la imagen de la modelo, que es una imagen de mapa de bits.
00:00:44
Bien, la vectorización es muy sencilla, simplemente vamos a trayecto y de aquí vamos a vectorizar mapa de bits.
00:00:50
con lo cual me aparece aquí en el panel lateral
00:00:57
esta ventanita, esta pestaña que pone vectorizar mapa de bits
00:01:00
bien, arriba tenemos varias pestañas
00:01:05
pasada simple, multicolor y arte pixel
00:01:09
vamos a ver simplemente pasada pixel y multicolor
00:01:12
bien, la pasada simple es para cuando quiero hacer
00:01:15
vectores en blanco y negro
00:01:20
y los modos de detección tengo unos cuantos
00:01:22
Como por ejemplo, el más utilizado es el corte de luminosidad
00:01:27
Después detección de bordes y autotrazo
00:01:31
Bien, vamos a ver el corte de luminosidad, que como he dicho es el más empleado
00:01:35
Podemos invertir la imagen o no
00:01:39
Habitualmente viene sin la opción invertir imagen
00:01:44
Si le doy a invertir, me hace como el negativo de la imagen
00:01:47
en detalles, tanto motas, suavizar bordes como optimizar
00:01:51
yo lo dejaría sin activar
00:01:58
simplemente vamos a manejar el umbral
00:02:00
si voy hacia la derecha, como veo aquí
00:02:02
en vista preliminar, hacia la derecha me predominan los oscuros
00:02:05
mientras que si el cursor lo muevo hacia la izquierda
00:02:10
me predominan los claros
00:02:13
bien, cuando ya tengo una vista preliminar que me satisfaga
00:02:15
voy a aplicar y hay que tener cuidado porque ahora la imagen está justamente encima de la original
00:02:19
con lo cual tenemos que desplazarla bien esta imagen que es un vector se puede modificar aquí
00:02:27
en relleno y borde le podemos modificar tanto el color de trazo como el de relleno por ejemplo
00:02:35
vamos a ponerle el color de relleno rojo ahí lo veis y el color de trazo os recuerdo haciendo
00:02:42
shift elegimos otro color vamos a poner por ejemplo un verde así lo vemos y también podemos modificar
00:02:49
en el estilo de trazo tanto el ancho del trazo como también el tipo de trazo bien esto es como
00:02:57
digo la opción más empleada y como sé que es un vector porque si venís aquí en los nodos
00:03:10
me apacen todos los nodos de la imagen. Bien, volvemos a las opciones de la pestaña vectorizar
00:03:15
mapa de bits. Tengo también la detección de bordes. La detección de bordes lo que va a hacer
00:03:28
simplemente, como bien dice, es detectar solamente los bordes. Los puedo hacer más oscuros,
00:03:35
en un gran de borde, más oscuros
00:03:44
o más claros
00:03:48
los detalles, como digo
00:03:50
sin seleccionar
00:03:54
y también puedo invertir la imagen
00:03:57
vale, cuando ya lo tengo claro
00:03:59
aplico
00:04:01
y saco el vector
00:04:03
bien, en este vector
00:04:06
como simplemente tiene que ver con los bordes
00:04:08
me va a cambiar solo el color
00:04:10
de los bordes
00:04:12
bien, y la última opción
00:04:13
de pasada simple
00:04:17
es el autotrazo
00:04:20
el autotrazo
00:04:23
me interpreta la imagen
00:04:25
automáticamente
00:04:27
lo voy a aplicar
00:04:29
y me crea esto
00:04:30
esta imagen que también puede ser modificada
00:04:34
tanto en el color de trazo
00:04:37
como en el color del borde
00:04:39
pero siempre me lo hace igual
00:04:45
es decir, para que veáis voy a cambiar
00:04:48
voy a cambiar
00:04:50
en pasada simple autotrazo
00:04:52
cambio, iteraciones, todo esto, le doy a aplicar y me hace siempre igual. Es autointerpretación.
00:04:54
Voy a ir borrando y vamos a ver ahora el multicolor. Multicolor me hace vectores con la cantidad
00:05:05
de colores que yo quiera. La que más se utiliza es dentro del modo de detección los colores.
00:05:21
siempre tiene que estar a pilar seleccionado, lo demás vamos a eliminarlo para no complicar la vectorización
00:05:27
y aquí las pasadas es el número de colores que yo elijo, como veis aquí en la vista previa cuanto menos colores
00:05:35
pues la imagen va a ser más sencilla y cuanto más colores más se va a parecer a la imagen real
00:05:43
de acuerdo, pues vamos a aplicar
00:05:49
esto va a ralentizar un poquito
00:05:53
el equipo
00:05:55
vemos aquí la barra
00:05:56
de progreso como va, que le cuesta
00:05:59
bastante, de acuerdo
00:06:01
ha quedado encima
00:06:09
y ahora la saco
00:06:11
aquí la ves, como veis es una imagen
00:06:13
bastante fideligna
00:06:22
y es un vector
00:06:23
voy a suprimirla para no consumir mucha memoria RAM
00:06:24
vamos a ver ahora
00:06:28
otra opción que es la escala de grises
00:06:31
en grises me va a hacer una imagen
00:06:34
versionada en blanco y negro y gris
00:06:38
cuantas más pasadas le dé
00:06:40
más tonos de gris va a tener
00:06:43
y cuanto menos, pues evidentemente menos
00:06:45
aquí tenéis la vista preliminar
00:06:47
menos grises
00:06:50
y más grises
00:06:52
bien, vamos a darle por ejemplo 144
00:06:54
siempre a pila seleccionado
00:06:58
en multicolor
00:07:01
vais a aplicar
00:07:02
aún así sigue siendo lento
00:07:05
aunque un poco más rápido que en colores
00:07:07
bien, queda encima de la imagen original
00:07:10
aquí la tenéis
00:07:16
¿de acuerdo?
00:07:24
venga, pues muchas gracias
00:07:27
- Idioma/s:
- Materias:
- Ciencias de la computación 1
- Niveles educativos:
- ▼ Mostrar / ocultar niveles
- Educación Secundaria Obligatoria
- Ordinaria
- Primer Ciclo
- Primer Curso
- Segundo Curso
- Segundo Ciclo
- Tercer Curso
- Cuarto Curso
- Diversificacion Curricular 1
- Diversificacion Curricular 2
- Primer Ciclo
- Compensatoria
- Ordinaria
- Bachillerato
- Primer Curso
- Segundo Curso
- Autor/es:
- Roberto Soriano Casas
- Subido por:
- Roberto S.
- Licencia:
- Dominio público
- Visualizaciones:
- 2
- Fecha:
- 7 de mayo de 2026 - 8:43
- Visibilidad:
- Público
- Centro:
- IES PABLO PICASSO
- Duración:
- 07′ 30″
- Relación de aspecto:
- 16:9 Es el estándar usado por la televisión de alta definición y en varias pantallas, es ancho y normalmente se le suele llamar panorámico o widescreen, aunque todas las relaciones (a excepción de la 1:1) son widescreen. El ángulo de la diagonal es de 29,36°.
- Resolución:
- 1360x768 píxeles
- Tamaño:
- 41.06 MBytes