Saltar navegación

Activa JavaScript para disfrutar de los vídeos de la Mediateca.

InkScape. Vectorización de mapas de bits - Contenido educativo

Ajuste de pantalla

El ajuste de pantalla se aprecia al ver el vídeo en pantalla completa. Elige la presentación que más te guste:

Subido el 7 de mayo de 2026 por Roberto S.

2 visualizaciones

Descargar la transcripción

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:
es
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
    • Compensatoria
  • 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

Del mismo autor…

Ver más del mismo autor


EducaMadrid, Plataforma Educativa de la Comunidad de Madrid

Plataforma Educativa EducaMadrid