Activa JavaScript para disfrutar de los vídeos de la Mediateca.
InkScape. El color - 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 las opciones de color de los objetos y de sus bordes.
00:00:00
En primer lugar voy a hacer un rectángulo y como vemos esta figura ha heredado tanto el color y grosor del borde y el color de fondo de la figura anterior.
00:00:06
No obstante, esto se puede cambiar. Aquí en las paletas podemos hacer clic en cada una de ellas y cambiar el color.
00:00:18
o bien también en el icono relleno y volve, que veremos ahora.
00:00:26
Si yo quiero eliminar el color de fondo, lo haré aquí.
00:00:32
Así no tengo ninguno.
00:00:36
Perfectamente es reversible, le puedo dar en la paleta de colores,
00:00:37
que tengo muchas más aquí abajo.
00:00:40
Tengo más paletas y le puedo dar un color que yo considere más oculto.
00:00:42
De acuerdo.
00:00:48
Bien, si yo quiero cambiarle también desde la paleta de colores
00:00:50
estas paletas que tengo en la parte inferior, le quiero cambiar el color del borde, hago
00:00:54
Shift, la tecla Shift, que es la que está encima de Control, y le voy cambiando el color
00:00:58
que yo considere más oportuno. Bien, como os decía, el color uniforme, tanto de relleno
00:01:04
como de trazo, se puede cambiar en este icono. Puede ser que este icono no lo encontréis
00:01:12
en esta parte lateral derecha. Si yo lo quito, la forma de ponerlo es venir a la barra de
00:01:17
comandos, en su parte desplegable, y hacer clic en este icono, en relleno y volver. Y
00:01:24
me aparece de nuevo. Respecto a los colores colorimétricos, daos cuenta que aquí me
00:01:32
aparece relleno, color de trazo y estilo de trazo que iremos viendo a lo largo de este
00:01:37
vídeo. En cuanto a relleno, el relleno es un color de fondo sólido. Tengo distintos modelos
00:01:41
colorimétricos. Empecemos, por ejemplo, con este. El que más se utiliza es el HSL, que es tono,
00:01:49
saturación y luminosidad, y el RGB, que son los colores primarios aditivos rojo, verde y azul.
00:01:55
Bien, empezando por el HSL, aquí tengo el tono H, que puedo ir cambiándolo en todo el espectro visible.
00:02:03
Por ejemplo, vamos a ponerle un azul.
00:02:14
La saturación, cuando está saturado a tope, es el color más vivo.
00:02:17
Si le rebajo la saturación, me voy, evidentemente, a negro.
00:02:21
Yo os recomiendo que la saturación esté a tope.
00:02:26
La luminosidad, lo mismo.
00:02:28
Si no tiene luminosidad, está oscuro, está completamente negro y si está completamente iluminoso, a 100% blanco.
00:02:31
Mi consejo es dejarlo más o menos a la mitad.
00:02:38
Y luego tengo la A, que es del canal alfa, que es la transparencia.
00:02:42
Entonces, la transparencia habitualmente está a 100%, que significa completamente opaco.
00:02:48
Si voy disminuyendo hacia cero, se va convirtiendo cada vez más transparente, hasta desaparecer en cero.
00:02:54
Este es el modelo HSL y uno de los que más se utiliza es el RGB, que son los patrones primarios, el rojo, el verde de green y el blue de azul, así como el canal alfa de transparencia.
00:03:03
Aquí puedo ir cambiando, por ejemplo, un rojo puro, 255 de rojo y 0 de verde y 0 de azul.
00:03:16
Un verde puro, por el contrario, si le quito todos los colores, sería negro.
00:03:24
El verde puro sería llevarlo a máximo, a 255.
00:03:30
Y de manera análoga, el azul puro sería llevar el azul a tope.
00:03:34
Bien, vamos a dejarlo así que vemos, así, un azul.
00:03:43
Y vamos a ver el color del trazo.
00:03:47
El color del trazo se puede cambiar también en cuanto yo quiera.
00:03:50
Cuidado, no pulséis aquí.
00:03:53
Si pulsáis aquí, hacedlo con Shift. Primero con Shift y pulsad. Bien, vamos a ponerle un color de trazo, por ejemplo, este mismo. Este mismo. Vemos que me da este color. Vale.
00:03:55
Y después, el estilo de trazo, tengo el ancho, que puede ser en milímetros, en pc, en puntos, en centímetros, en pulgadas, etc.
00:04:10
Y se puede hacer más o menos ancho o más o menos estrecho.
00:04:21
Si estuviera a cero, evidentemente por mucho que le cambiemos el color de trazo no se va a ver porque no tiene ancho ninguno.
00:04:27
vamos a dejarlo en 2 milímetros
00:04:36
y también podemos
00:04:39
elegir el tipo de color
00:04:43
el tipo de estilo de trazo
00:04:45
habitualmente está continuo
00:04:47
pero lo puedes cambiar
00:04:48
a guiones
00:04:49
de esta manera
00:04:52
vale, todos estos patrones
00:04:53
se los podemos cambiar
00:04:57
a gusto
00:04:59
vale, lo voy a dejar aquí
00:05:00
en el continuo que es el predeterminado
00:05:02
Bien, volvamos al relleno. En relleno nos va a aparecer por defecto el color uniforme,
00:05:05
como está aquí. Sin embargo, podemos hacer gradientes, degradados lineales. Bien, ¿cómo
00:05:13
es eso? Mira, tenemos un color de inicio, que es el azul, y un color de final, que en
00:05:19
este caso es el blanco. Se pueden cambiar, se hace clic en ellos y elegiremos un color,
00:05:25
como vemos está seleccionado esto, se puede solucionar la parada aquí
00:05:32
y aquí. Vamos a ponerlo por ejemplo rojo puro
00:05:36
rojo puro, pero cuidado, hay que ponerle 100%
00:05:39
de canal alfa, completamente opaco
00:05:46
y me aparece esto de aquí, el gradiente
00:05:49
el gradiente si no le pongo nada empieza en azul
00:05:54
y linealmente termina en rojo, sin embargo esta línea
00:05:58
de gradiente se puede cambiar, como por ejemplo, hacemos así con el ratón y lo vamos cambiando
00:06:02
de esta manera. Incluso podemos salir fuera si queremos. O de otro. Por ejemplo, ahora
00:06:09
ya me quedo aquí. En la herramienta selector se me quita. Se me quita y me aparecen las
00:06:20
herramientas de modificación de dimensiones. Clic, los clic, tres clics, etc. Con tres
00:06:27
clic me vuelve a aparecer, pero si no os acordáis de ello, venís a esta herramienta, que es
00:06:33
la herramienta degradada, y os aparece de nuevo. Bien, voy a añadir otra parada, que
00:06:40
es añadir otra fuente de color. Para ello, damos aquí las paradas, damos a más, y veis
00:06:47
que aparece otra. Esta la voy a ir modificando, de esta manera, como veis aquí, o bien, de
00:06:55
esta manera y por supuesto su color se puede modificar vamos a ponerla por
00:07:03
ejemplo de color green puro y se puede ir modificando
00:07:08
y se pueden añadir las paradas que queramos o bien pulsando lo damos aquí y
00:07:21
borramos la parada
00:07:27
a control Z
00:07:30
y también tenemos
00:07:32
esta parte de aquí
00:07:36
que es el degradado radial, no lineal
00:07:38
como está aquí, sino radial
00:07:40
y me aparece de esta forma
00:07:41
igual puedo seguir añadiendo paradas
00:07:43
o eliminándolas
00:07:45
y modificando la orientación
00:07:47
bien aquí
00:07:49
o bien aquí
00:07:51
así como la distribución de colores
00:07:53
tenemos otra opción
00:07:57
menos interesante que es rellenar según un patrón. Entonces, aquí los patrones que tenemos
00:08:01
son estos. Podemos desplazarnos en la galería que tiene patrones, así de esta forma, lineal,
00:08:06
horizontal, o bien mediante este desplegable en donde los tiene agrupados por diferentes
00:08:16
tipos de conjuntos. Cada uno de ellos va a tener la escala, cambia la escala X, cambia
00:08:22
la escala Y, si le doy aquí, me mantiene proporciones. Cuando cambio, por ejemplo,
00:08:29
la X, me escala automáticamente la Y con la misma proporción.
00:08:33
Como os he dicho, la orientación también la puedo cambiar.
00:08:38
El desvío.
00:08:42
Incluso algunos, aquí el hueco, también se podría cambiar, el hueco entre unos
00:08:45
y otros. Y alguno me permite cambiar el color dándole aquí.
00:08:49
Estoy dándole click y no me deja. Significa que
00:08:53
este patrón solamente funciona en blanco y negro
00:08:56
bien, os aconsejo que si queréis ampliar un poco más
00:09:00
simplemente es cacharrearlo, como digo yo
00:09:04
y ya está
00:09:06
pues nada más, muchas gracias
00:09:08
- 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:
- 1
- Fecha:
- 7 de mayo de 2026 - 8:38
- Visibilidad:
- Público
- Centro:
- IES PABLO PICASSO
- Duración:
- 09′ 12″
- Relación de aspecto:
- 1.78:1
- Resolución:
- 1366x768 píxeles
- Tamaño:
- 146.95 MBytes