Saltar navegación

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

Uso del texto en Inkscape - 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 14 de marzo de 2020 por Antonio R.

114 visualizaciones

uso del texto en el programa de edición de imágenes vectorial:Inkscape

Descargar la transcripción

hola qué tal chicos buenas tardes mira voy a intentar voy a grabar una serie de 00:00:00
vídeos para que podáis ir practicando en casa no sólo con los ejercicios que os 00:00:06
vaya pidiendo sino bueno que tengáis también ciertas explicaciones mi 00:00:11
intención es grabaros al menos uno a la semana de acuerdo y en el de hoy 00:00:16
trata sobre lo último que vamos a ver de inkscape que es en concreto el texto os 00:00:23
Voy a enseñar cómo introducir textos dentro de nuestros dibujos vectoriales. 00:00:28
Lo primero que tenéis que tener en la cabeza es que el uso de las tipografías de los textos es tremendamente usado. 00:00:33
Podéis dirigiros a mirar muchas imágenes de logotipos. Veréis que la inclusión de textos está muy normalizada. 00:00:40
De ahí que este programa y otros similares de edición de imagen vectorial traten bastante con el tema del texto y sean muchas las opciones. 00:00:50
Lo primero que vamos a hacer es entender un poquito el funcionamiento de la herramienta y luego os voy a proponer un ejercicio. 00:01:03
Vamos a ver. En primera instancia, lo primero que vemos, que observamos en el panel de herramientas, es que justo debajo de la herramienta de dibujar trazos caligráficos 00:01:13
encontramos la herramienta de texto. Hay dos formas de introducir el texto una vez que se pincha esta herramienta, porque es la que utilizaremos para poner texto. 00:01:26
Pinchamos aquí, ¿de acuerdo? Pinchamos en cualquier punto de nuestra página y observamos que el cursor empieza a parpadear esperando en que empecemos a escribir. 00:01:35
Voy a poner mi nombre, ¿de acuerdo? Y nos fijamos que esto es lo que se llama un texto cerrado, en el sentido de que se va a ir acoplando a lo que es el cuadro de texto que se va generando. 00:01:45
Para que lo veáis con más claridad cuando pusimos el otro voy a dar a la tecla intro para bajar una línea 00:02:04
Y lo que quiero que veáis es que es importante que este texto se va a alargar tanto como queramos 00:02:10
Y así con las líneas tanto como queramos 00:02:19
Esa es la primera parte para hacer un texto tan sencillo como darle a la tecla texto, pinchar y empezar a escribir 00:02:21
La segunda forma, que se llama fluida, es abriendo un cuadro de texto y si nos fijamos en color azul aparecerán lo que se llaman los bordes del marco, no lo que vaya a ocupar, el texto ocupará lo que tenga que ocupar, ¿de acuerdo? 00:02:30
Eso sí, nunca vamos a sobrepasar las dimensiones de esta caja de texto, o sea que puedo poner otra vez mi nombre aquí, ¿vale? Incluso lo vamos a hacer para que veáis con claridad lo que quiero deciros, ¿veis? Ya no me deja con el tipo y el tamaño de letra superar el tamaño del texto. 00:02:46
O sea, poner más texto, porque sobrepasaría los límites de mi cuadro. 00:03:13
¿De acuerdo? 00:03:19
Bien. 00:03:21
Voy a ponerlo también en una línea distinta para que lo tengamos así los dos un poquito similar. 00:03:23
Aunque vamos a trabajar un poco parecido con los dos, pues así lo vamos viendo. 00:03:29
Bueno, una vez que tenemos los textos, sea de una forma, sea de otra, 00:03:35
quiero que os fijéis en la parte superior de propiedades 00:03:38
y vemos cómo efectivamente se nos habilita las propiedades del texto, 00:03:41
sea uno o sea otro, en el que vamos a poder cambiar una serie de parámetros. 00:03:45
Lo primero de ellos, como podéis imaginar, es la tipografía. 00:03:54
Son muchos los textos que podemos utilizar. 00:03:57
Tenéis una cantidad de ejemplos enormes. 00:04:04
De acuerdo, el que más nos guste será el que finalmente utilizaremos. 00:04:06
Fijaos igualmente que yo puedo, o pinchando en cualquier punto va a seleccionar todo el texto, 00:04:11
o bien, pinchando y seleccionando con el ratón una parte será sobre aquella la que utilicemos. 00:04:16
Como puede ser, como es lógico, ¿verdad? 00:04:22
Control-Z para volver a ponerlo en la misma situación. 00:04:25
Lo segundo que vamos a ver es que de cada tipografía 00:04:29
vamos a encontrarnos la posibilidad de tener el texto normal o otra serie de alternativas, 00:04:33
como están en negrita, en itálica, en cursiva o allá. 00:04:39
Y eso dependerá de la tipografía que escojamos. 00:04:43
Habrá algunas que nos dejen más opciones, habrá otras que no nos dejen ninguna. 00:04:46
Perdón, esto no lo he dado en los codos, siguiendo las recomendaciones médicas. 00:04:54
A continuación, tengo que me extraño que me está observando. 00:05:02
¿Quieres saludar, chicos? 00:05:08
Son mis alumnos. 00:05:11
¿Quieres decirles hola? 00:05:12
Sé que tenéis que aguantar una cosa muy desesperada. 00:05:16
Gracias, Horacio. Puedes irte. 00:05:19
Bueno, pues aquí lo que hacemos es... 00:05:23
Lo siguiente sería poner el tamaño. 00:05:27
Cambiar el tamaño de nuestros textos que vayamos a poner. 00:05:28
¿De acuerdo? 00:05:32
A continuación vemos que esta propiedad lo que nos va a permitir es el espacio entre líneas, mayor o menor. 00:05:35
recordar que aquí 00:05:42
dependerá 00:05:45
como tenemos un 00:05:48
texto, un borde, perdón 00:05:49
ya prefijado 00:05:51
si lo superamos pues se va a ver una parte 00:05:52
y otra no 00:05:55
la siguiente barra marca 00:05:55
la unidad en la que vamos a 00:05:58
trabajar, la siguiente es como podéis 00:06:01
imaginar, es en formato 00:06:03
de como quiero que esté, centrado 00:06:05
derecha, izquierda 00:06:07
que es propio 00:06:09
de acuerdo de la caja donde se vaya a poner 00:06:10
en este caso, es sobre el borde 00:06:17
sobre esta que hemos diseñado al comienzo, mientras que en este caso es la que se ha 00:06:20
generado, porque justamente comprende los límites de la 00:06:25
escritura. Esta y esta son índice o 00:06:29
superíndice. Si no lo tengo 00:06:33
nada seleccionado, pues es que va a actuar en todo. Si quiero que esto 00:06:36
esté exclusivamente mi primer apellido en superíndice, pues lo tendría 00:06:41
que seleccionar. Lo mismo si lo quiero poner en subíndice. A continuación nos 00:06:45
vienen estos dos elementos que van a hacer referencia a la distancia entre 00:06:51
letras. ¿Vale? Más o menos. 00:06:55
¿Qué ocurre? Que como esto está cerrado, pues no vemos nada, mientras que si lo 00:06:59
pincho aquí, al aumentar las letras, 00:07:03
vais viendo cómo está la separación 00:07:07
entre una letra y otra, lo mismo, si seleccionase solo una parte 00:07:09
pues solo actuaría sobre esa parte 00:07:13
estos se están juntando mientras que estas estaban como antes 00:07:15
las de aquí es entre palabras, ¿de acuerdo? 00:07:19
esta de que tenemos aquí es la distancia que vamos a poner entre palabras 00:07:23
selecciono, vais viendo como van separándose las palabras 00:07:27
aquí las palabras sí que, al aumentar el tamaño de las palabras 00:07:34
sí que van a hacer que aumente el borde que se había generado. 00:07:42
Es como si hubiera dado teclas espacio. 00:07:45
Por último, estas tres de acá, o penúltimo, mejor dicho, 00:07:48
hacen referencia a la distancia que, mejor dicho, cómo cambiamos. 00:07:52
Esta es muy parecida al cambio de letras. 00:07:57
Y podemos actuar entre las letras que consideremos, o sea, lo que pasará a la derecha. 00:08:01
Fijaos que este es el eje que marca, en este caso, la horizontalidad, la verticalidad y la torsión, o el giro. 00:08:05
En este caso, a partir de la R, vamos a ir viendo cómo va separándose de esa letra, en este caso cómo van subiendo o bajando, ¿vale? Valores negativos o positivos, y el giro, siempre a la derecha de lo que ocurre. 00:08:12
Si quiero hacerlo en más, seleccionaría, por ejemplo, estas y daría un giro. 00:08:40
Por último, esto de acá me hace referencia a la posición del texto. 00:08:47
Lo mismo, si nos vamos dentro de lo que son los márgenes del cuadro texto, se nos disparará y no veremos nada. 00:08:54
mientras que aquí, como se me van acoplando, pues vamos viendo cómo se va poniendo el texto en una u otra posición. 00:09:02
Bueno, una vez que hemos visto las propiedades del texto, vamos a trabajar con un par de cosillas más. 00:09:25
La primera de ellas es el tema del color. El color en el texto va a funcionar, lo vamos a poder utilizar exactamente igual que con cualquier otro objeto o con cualquier otro trayecto, de tal forma que seleccionando el texto, en la parte inferior, como ya sabemos, tenemos las herramientas de tonalidad de color. 00:09:30
Le puedo dar el color que quiera, simplemente pinchando en la tonalidad que quiera. 00:09:50
Si queremos especificar con un color o una tonalidad brillo-saturación más definida, ya sabéis que tenemos la ventana de relleno y borde. 00:09:57
Seleccionando cada una de las pestañas que nos viene aquí, por ejemplo de la rueda, la que está aquí, voy a poder indicar la tonalidad en función del punto del círculo en el que estoy, el círculo exterior. 00:10:06
Y luego, aquí en medio, este triángulo equilátero, indicando más saturación o menos, más brillo o menos. 00:10:19
Aquí abajo podéis darle más o menos transparencia a vuestro color. 00:10:29
Igualmente, como hemos hecho en la semana pasada, como os expliqué, podemos también poner degradados de colores lineales o radiales a nuestros textos. 00:10:35
Simplemente en vez de dar recolor uniforme, pinchamos aquí, y esto sí que lo tenéis que hacer de esta ventana de relleno y borde, y como vimos ya, simplemente dándole al degradado lineal o al degradado radial, 00:10:46
lo que pasa es que queda, tenéis que imaginar que esto es una circunferencia y entonces está haciendo aros concéntricos, vamos a hacerlo con degradado lineal, 00:10:56
nos aparecerá un degradado lineal compuesto de manera inicial por dos colores, el tono que tenía y el mismo tono pero con transparencia total u opacidad nula. 00:11:05
No obstante, como ya vimos, podemos editar el color, este degradado lineal, pinchando en este punto y desde aquí seleccionando el nodo de este degradado que quiera cambiar, por ejemplo este segundo, que en vez de que sea transparente del mismo color, pues quiero que sea rojo. 00:11:14
rojo y en vez de una transparencia total vamos a ponerle con una transparencia media por decirlo 00:11:33
así igualmente ya sabéis que podemos variar la línea de tendencia de nuestro degradado y con 00:11:40
ello va a ir cambiando pues cómo se produce el degradado en nuestro texto y finalmente como ya 00:11:48
sabéis podemos añadir nodos para que en vez de un degradado esté compuesto por dos colores poder 00:11:55
hacerlo con tres o más. Para ello siempre seleccionando un nodo en el cual a su derecha 00:12:01
todavía tenga otro, es decir, este no nos podría generar ningún nodo a su derecha 00:12:06
porque no hay nada, mientras que este sí porque tenemos este nodo. Entonces pinchamos 00:12:10
aquí en el más y nos pone un punto justo a la mitad que podemos luego mover. De este 00:12:16
por ejemplo también podría poner otro más porque sigue teniendo uno aquí a la derecha 00:12:21
y siempre se colocan de inicio o por defecto a la mitad de los dos nodos que comprende. 00:12:26
Bueno, pues cada uno de estos nodos podemos modificarlos de tal forma que vaya generándose un degradado de colores con más de un color. 00:12:31
Por ejemplo, vamos a poner este de color, para que veamos otra posibilidad, vamos a ponerlo de color totalmente azul. 00:12:43
Entonces le damos el valor total de azul y una total opacidad. 00:12:52
Este sería nuestro degrado de color compuesto por cuatro. Moviendo la línea ya sabemos que va a ir variando cuál de los colores prevalece respecto al otro. En este caso prevalecería este de aquí. En este caso prevalecerían este y este. 00:12:58
Eso en cuanto al color 00:13:15
La segunda cosa que quería comentaros es la posibilidad de editar de manera individual cada una de las letras que compone nuestro texto 00:13:18
Para ello tenéis que pensar que el texto que hemos puesto es un objeto 00:13:28
Como si yo pusiera una circunferencia 00:13:32
Sin embargo, si yo quiero generar un trayecto de las letras 00:13:36
lo que tengo que hacer es pasar este objeto a un trayecto, y eso es muy sencillo. 00:13:42
Lo seleccionamos, venimos aquí a trayecto y le damos objeto a trayecto. 00:13:48
Una vez que hemos hecho esto, y aunque a priori no parece que hayamos hecho nada, 00:13:56
pinchando aquí en la edición de nodos, vemos cómo podemos modificar cada una de las letras de manera independiente. 00:14:00
Incluso, cada una de las letras ahora la podríamos llevarnos de manera individual, desagrupando la totalidad del texto. 00:14:09
Por ejemplo, cambiando el valor de A, ya sea directamente con los tiradores de longitud vertical u horizontal o guardando proporciones, diagonal, o bien con las ediciones cambiando un cambio de la A de manera independiente. 00:14:29
bueno pues tercera y última cosa que quiero que comprobéis 00:14:53
o que conozcáis 00:14:59
y es la posibilidad de poner un texto en un trayecto curvo 00:15:01
o en un trayecto vaya 00:15:04
y para ello lo primero y cosa que nos comenté en estos días 00:15:05
es que los trayectos que hemos estado haciendo 00:15:09
con la herramienta de dibujar trayectos o curvas de cierre 00:15:11
que es como se llama 00:15:15
pinchamos en un sitio, pinchamos en otro, pinchamos, etc 00:15:15
Hacíamos el contorno así, ya os acordáis que lo hicimos con la guitarra o con determinadas cosas. 00:15:21
Y siempre cerrábamos los objetos, o sea, los trayectos, perdón. 00:15:26
No es obligatorio. Yo puedo hacer un trayecto abierto. 00:15:31
¿Cómo? Muy sencillo. Voy pinchando y en la última, que quiero ya finalizar, le doy la tecla Intro. 00:15:34
Ya tengo mi trayecto compuesto por una línea abierta. 00:15:41
Y como hemos visto con los otros trayectos, puedo variar su curvatura, ¿vale? Movimiento de los nodos, tangente de la curva al nodo, ¿vale? Ya tengo mi trayecto que partía de una línea recta a una línea curva, ¿sí? 00:15:45
Bien, pues lo que digo es que yo quiero que el texto, ¿de acuerdo? Descanse, por decirlo así, sobre este trayecto. Porque ya hemos visto anteriormente que yo el texto, ¿sí? Lo podíamos modificar su posición, ¿vale? Su orientación con estas casillas, pero siempre seguía una distribución o una alineación rectilínea. 00:16:04
ya sea de izquierda a derecha o de arriba a abajo, abajo a arriba, derecha a izquierda 00:16:32
pero si yo quiero que siga este trayecto 00:16:36
porque a veces veréis que hay logotipos o carteles en los cuales el texto no sigue una línea recta 00:16:39
o al menos no sigue una línea recta puramente horizontal o vertical 00:16:47
lo que tengo que hacer es lo siguiente 00:16:50
selecciono el trayecto sobre el cual voy a poner el texto 00:16:52
dejando pulsada la tecla Shift 00:16:57
que es la que nos permite seguir cogiendo objetos 00:16:59
voy a coger el texto 00:17:02
que no he hecho con trayecto 00:17:03
el texto que estaba puro 00:17:06
por decirlo así 00:17:07
me vengo aquí a texto 00:17:08
y le digo que me lo ponga en el trayecto 00:17:10
¿vale? 00:17:14
como veis acaba de colocar 00:17:15
el texto en el trayecto 00:17:17
aquí sí que es conveniente 00:17:19
aplicar una de las operaciones 00:17:21
que hemos visto aquí 00:17:25
en las propiedades del texto 00:17:26
que es la de la separación de las letras. 00:17:28
¿Os acordáis que mediante este elemento de aquí 00:17:34
se iban a distanciar las letras? 00:17:38
Esto era para las palabras. 00:17:41
También podemos hacerlo, ojo. 00:17:42
Esto separará las palabras. 00:17:44
Con este de aquí separarán las letras. 00:17:47
Como prefiráis. 00:17:50
Por cierto, esta y esta no se han separado 00:17:56
porque lo había puesto en una línea 00:17:58
dándole la tecla intro 00:17:59
entonces no consideraba que había un espacio 00:18:03
si lo hubiéramos puesto en espacio 00:18:05
pues ya lo tendría 00:18:06
Valoración:
  • 1
  • 2
  • 3
  • 4
  • 5
Eres el primero. Inicia sesión para valorar el vídeo.
Idioma/s:
es
Materias:
Tecnologías de la Información
Niveles educativos:
▼ Mostrar / ocultar niveles
  • Educación Secundaria Obligatoria
    • Ordinaria
      • Segundo Ciclo
        • Cuarto Curso
  • Bachillerato
    • Primer Curso
Autor/es:
Antonio Romero López
Subido por:
Antonio R.
Licencia:
Reconocimiento - No comercial - Compartir igual
Visualizaciones:
114
Fecha:
14 de marzo de 2020 - 10:52
Visibilidad:
Público
Centro:
IES SANTA TERESA DE JESUS
Duración:
18′ 10″
Relación de aspecto:
1.78:1
Resolución:
1920x1080 píxeles
Tamaño:
510.85 MBytes

Del mismo autor…

Ver más del mismo autor

Comentarios

Para publicar comentarios debes entrar con tu nombre de usuario de EducaMadrid.

Comentarios

Este vídeo todavía no tiene comentarios. Sé el primero en comentar.



EducaMadrid, Plataforma Educativa de la Comunidad de Madrid

Plataforma Educativa EducaMadrid