1 00:00:00,500 --> 00:00:06,179 hola qué tal chicos buenas tardes mira voy a intentar voy a grabar una serie de 2 00:00:06,179 --> 00:00:11,740 vídeos para que podáis ir practicando en casa no sólo con los ejercicios que os 3 00:00:11,740 --> 00:00:16,260 vaya pidiendo sino bueno que tengáis también ciertas explicaciones mi 4 00:00:16,260 --> 00:00:23,500 intención es grabaros al menos uno a la semana de acuerdo y en el de hoy 5 00:00:23,500 --> 00:00:28,260 trata sobre lo último que vamos a ver de inkscape que es en concreto el texto os 6 00:00:28,260 --> 00:00:32,740 Voy a enseñar cómo introducir textos dentro de nuestros dibujos vectoriales. 7 00:00:33,460 --> 00:00:40,460 Lo primero que tenéis que tener en la cabeza es que el uso de las tipografías de los textos es tremendamente usado. 8 00:00:40,460 --> 00:00:50,719 Podéis dirigiros a mirar muchas imágenes de logotipos. Veréis que la inclusión de textos está muy normalizada. 9 00:00:50,719 --> 00:01:02,679 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. 10 00:01:03,560 --> 00:01:13,140 Lo primero que vamos a hacer es entender un poquito el funcionamiento de la herramienta y luego os voy a proponer un ejercicio. 11 00:01:13,140 --> 00:01:26,200 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 12 00:01:26,200 --> 00:01:35,120 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. 13 00:01:35,719 --> 00:01:45,719 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. 14 00:01:45,719 --> 00:02:04,359 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. 15 00:02:04,359 --> 00:02:10,259 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 16 00:02:10,259 --> 00:02:19,449 Y lo que quiero que veáis es que es importante que este texto se va a alargar tanto como queramos 17 00:02:19,449 --> 00:02:21,949 Y así con las líneas tanto como queramos 18 00:02:21,949 --> 00:02:30,909 Esa es la primera parte para hacer un texto tan sencillo como darle a la tecla texto, pinchar y empezar a escribir 19 00:02:30,909 --> 00:02:46,389 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? 20 00:02:46,389 --> 00:03:13,599 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. 21 00:03:13,599 --> 00:03:19,699 O sea, poner más texto, porque sobrepasaría los límites de mi cuadro. 22 00:03:19,780 --> 00:03:20,139 ¿De acuerdo? 23 00:03:21,639 --> 00:03:21,960 Bien. 24 00:03:23,520 --> 00:03:29,479 Voy a ponerlo también en una línea distinta para que lo tengamos así los dos un poquito similar. 25 00:03:29,580 --> 00:03:33,460 Aunque vamos a trabajar un poco parecido con los dos, pues así lo vamos viendo. 26 00:03:35,319 --> 00:03:37,759 Bueno, una vez que tenemos los textos, sea de una forma, sea de otra, 27 00:03:38,219 --> 00:03:41,000 quiero que os fijéis en la parte superior de propiedades 28 00:03:41,000 --> 00:03:44,840 y vemos cómo efectivamente se nos habilita las propiedades del texto, 29 00:03:45,560 --> 00:03:54,020 sea uno o sea otro, en el que vamos a poder cambiar una serie de parámetros. 30 00:03:54,240 --> 00:03:57,259 Lo primero de ellos, como podéis imaginar, es la tipografía. 31 00:03:57,800 --> 00:04:01,400 Son muchos los textos que podemos utilizar. 32 00:04:04,300 --> 00:04:06,460 Tenéis una cantidad de ejemplos enormes. 33 00:04:06,460 --> 00:04:11,419 De acuerdo, el que más nos guste será el que finalmente utilizaremos. 34 00:04:11,759 --> 00:04:16,019 Fijaos igualmente que yo puedo, o pinchando en cualquier punto va a seleccionar todo el texto, 35 00:04:16,259 --> 00:04:22,360 o bien, pinchando y seleccionando con el ratón una parte será sobre aquella la que utilicemos. 36 00:04:22,560 --> 00:04:25,199 Como puede ser, como es lógico, ¿verdad? 37 00:04:25,480 --> 00:04:28,560 Control-Z para volver a ponerlo en la misma situación. 38 00:04:29,860 --> 00:04:33,899 Lo segundo que vamos a ver es que de cada tipografía 39 00:04:33,899 --> 00:04:39,399 vamos a encontrarnos la posibilidad de tener el texto normal o otra serie de alternativas, 40 00:04:39,660 --> 00:04:42,959 como están en negrita, en itálica, en cursiva o allá. 41 00:04:43,759 --> 00:04:46,019 Y eso dependerá de la tipografía que escojamos. 42 00:04:46,279 --> 00:04:49,819 Habrá algunas que nos dejen más opciones, habrá otras que no nos dejen ninguna. 43 00:04:54,529 --> 00:04:59,410 Perdón, esto no lo he dado en los codos, siguiendo las recomendaciones médicas. 44 00:05:02,920 --> 00:05:06,959 A continuación, tengo que me extraño que me está observando. 45 00:05:08,060 --> 00:05:08,959 ¿Quieres saludar, chicos? 46 00:05:11,079 --> 00:05:12,060 Son mis alumnos. 47 00:05:12,279 --> 00:05:12,939 ¿Quieres decirles hola? 48 00:05:16,000 --> 00:05:19,139 Sé que tenéis que aguantar una cosa muy desesperada. 49 00:05:19,160 --> 00:05:20,519 Gracias, Horacio. Puedes irte. 50 00:05:23,180 --> 00:05:27,420 Bueno, pues aquí lo que hacemos es... 51 00:05:27,420 --> 00:05:28,860 Lo siguiente sería poner el tamaño. 52 00:05:28,959 --> 00:05:32,699 Cambiar el tamaño de nuestros textos que vayamos a poner. 53 00:05:32,860 --> 00:05:33,120 ¿De acuerdo? 54 00:05:35,699 --> 00:05:42,779 A continuación vemos que esta propiedad lo que nos va a permitir es el espacio entre líneas, mayor o menor. 55 00:05:42,779 --> 00:05:45,579 recordar que aquí 56 00:05:45,579 --> 00:05:48,019 dependerá 57 00:05:48,019 --> 00:05:49,180 como tenemos un 58 00:05:49,180 --> 00:05:51,040 texto, un borde, perdón 59 00:05:51,040 --> 00:05:52,259 ya prefijado 60 00:05:52,259 --> 00:05:55,360 si lo superamos pues se va a ver una parte 61 00:05:55,360 --> 00:05:55,939 y otra no 62 00:05:55,939 --> 00:05:58,800 la siguiente barra marca 63 00:05:58,800 --> 00:06:01,620 la unidad en la que vamos a 64 00:06:01,620 --> 00:06:03,540 trabajar, la siguiente es como podéis 65 00:06:03,540 --> 00:06:05,800 imaginar, es en formato 66 00:06:05,800 --> 00:06:07,620 de como quiero que esté, centrado 67 00:06:07,620 --> 00:06:09,699 derecha, izquierda 68 00:06:09,699 --> 00:06:10,879 que es propio 69 00:06:10,879 --> 00:06:17,550 de acuerdo de la caja donde se vaya a poner 70 00:06:17,550 --> 00:06:20,449 en este caso, es sobre el borde 71 00:06:20,449 --> 00:06:25,569 sobre esta que hemos diseñado al comienzo, mientras que en este caso es la que se ha 72 00:06:25,569 --> 00:06:29,529 generado, porque justamente comprende los límites de la 73 00:06:29,529 --> 00:06:33,490 escritura. Esta y esta son índice o 74 00:06:33,490 --> 00:06:36,410 superíndice. Si no lo tengo 75 00:06:36,410 --> 00:06:41,509 nada seleccionado, pues es que va a actuar en todo. Si quiero que esto 76 00:06:41,509 --> 00:06:45,430 esté exclusivamente mi primer apellido en superíndice, pues lo tendría 77 00:06:45,430 --> 00:06:51,279 que seleccionar. Lo mismo si lo quiero poner en subíndice. A continuación nos 78 00:06:51,279 --> 00:06:55,199 vienen estos dos elementos que van a hacer referencia a la distancia entre 79 00:06:55,199 --> 00:06:59,399 letras. ¿Vale? Más o menos. 80 00:06:59,879 --> 00:07:03,240 ¿Qué ocurre? Que como esto está cerrado, pues no vemos nada, mientras que si lo 81 00:07:03,240 --> 00:07:05,519 pincho aquí, al aumentar las letras, 82 00:07:07,160 --> 00:07:09,360 vais viendo cómo está la separación 83 00:07:09,360 --> 00:07:13,160 entre una letra y otra, lo mismo, si seleccionase solo una parte 84 00:07:13,160 --> 00:07:15,180 pues solo actuaría sobre esa parte 85 00:07:15,180 --> 00:07:19,680 estos se están juntando mientras que estas estaban como antes 86 00:07:19,680 --> 00:07:22,800 las de aquí es entre palabras, ¿de acuerdo? 87 00:07:23,319 --> 00:07:27,060 esta de que tenemos aquí es la distancia que vamos a poner entre palabras 88 00:07:27,060 --> 00:07:34,449 selecciono, vais viendo como van separándose las palabras 89 00:07:34,449 --> 00:07:42,470 aquí las palabras sí que, al aumentar el tamaño de las palabras 90 00:07:42,470 --> 00:07:45,269 sí que van a hacer que aumente el borde que se había generado. 91 00:07:45,389 --> 00:07:46,709 Es como si hubiera dado teclas espacio. 92 00:07:48,649 --> 00:07:52,269 Por último, estas tres de acá, o penúltimo, mejor dicho, 93 00:07:52,589 --> 00:07:57,250 hacen referencia a la distancia que, mejor dicho, cómo cambiamos. 94 00:07:57,329 --> 00:08:00,089 Esta es muy parecida al cambio de letras. 95 00:08:01,050 --> 00:08:05,350 Y podemos actuar entre las letras que consideremos, o sea, lo que pasará a la derecha. 96 00:08:05,350 --> 00:08:12,290 Fijaos que este es el eje que marca, en este caso, la horizontalidad, la verticalidad y la torsión, o el giro. 97 00:08:12,470 --> 00:08:40,549 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. 98 00:08:40,549 --> 00:08:46,490 Si quiero hacerlo en más, seleccionaría, por ejemplo, estas y daría un giro. 99 00:08:47,990 --> 00:08:53,830 Por último, esto de acá me hace referencia a la posición del texto. 100 00:08:54,549 --> 00:09:02,009 Lo mismo, si nos vamos dentro de lo que son los márgenes del cuadro texto, se nos disparará y no veremos nada. 101 00:09:02,009 --> 00:09:21,330 mientras que aquí, como se me van acoplando, pues vamos viendo cómo se va poniendo el texto en una u otra posición. 102 00:09:25,120 --> 00:09:30,000 Bueno, una vez que hemos visto las propiedades del texto, vamos a trabajar con un par de cosillas más. 103 00:09:30,000 --> 00:09:50,580 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. 104 00:09:50,580 --> 00:09:57,139 Le puedo dar el color que quiera, simplemente pinchando en la tonalidad que quiera. 105 00:09:57,779 --> 00:10:06,539 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. 106 00:10:06,980 --> 00:10:19,799 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. 107 00:10:19,799 --> 00:10:28,159 Y luego, aquí en medio, este triángulo equilátero, indicando más saturación o menos, más brillo o menos. 108 00:10:29,820 --> 00:10:34,440 Aquí abajo podéis darle más o menos transparencia a vuestro color. 109 00:10:35,279 --> 00:10:46,679 Igualmente, como hemos hecho en la semana pasada, como os expliqué, podemos también poner degradados de colores lineales o radiales a nuestros textos. 110 00:10:46,679 --> 00:10:56,559 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, 111 00:10:56,799 --> 00:11:04,000 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, 112 00:11:05,159 --> 00:11:14,320 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. 113 00:11:14,320 --> 00:11:33,320 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. 114 00:11:33,320 --> 00:11:40,159 rojo y en vez de una transparencia total vamos a ponerle con una transparencia media por decirlo 115 00:11:40,159 --> 00:11:48,980 así igualmente ya sabéis que podemos variar la línea de tendencia de nuestro degradado y con 116 00:11:48,980 --> 00:11:55,759 ello va a ir cambiando pues cómo se produce el degradado en nuestro texto y finalmente como ya 117 00:11:55,759 --> 00:12:01,879 sabéis podemos añadir nodos para que en vez de un degradado esté compuesto por dos colores poder 118 00:12:01,879 --> 00:12:06,980 hacerlo con tres o más. Para ello siempre seleccionando un nodo en el cual a su derecha 119 00:12:06,980 --> 00:12:10,559 todavía tenga otro, es decir, este no nos podría generar ningún nodo a su derecha 120 00:12:10,559 --> 00:12:16,019 porque no hay nada, mientras que este sí porque tenemos este nodo. Entonces pinchamos 121 00:12:16,019 --> 00:12:21,659 aquí en el más y nos pone un punto justo a la mitad que podemos luego mover. De este 122 00:12:21,659 --> 00:12:26,000 por ejemplo también podría poner otro más porque sigue teniendo uno aquí a la derecha 123 00:12:26,000 --> 00:12:31,039 y siempre se colocan de inicio o por defecto a la mitad de los dos nodos que comprende. 124 00:12:31,879 --> 00:12:43,539 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. 125 00:12:43,539 --> 00:12:52,279 Por ejemplo, vamos a poner este de color, para que veamos otra posibilidad, vamos a ponerlo de color totalmente azul. 126 00:12:52,620 --> 00:12:58,820 Entonces le damos el valor total de azul y una total opacidad. 127 00:12:58,820 --> 00:13:15,700 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. 128 00:13:15,700 --> 00:13:18,980 Eso en cuanto al color 129 00:13:18,980 --> 00:13:28,440 La segunda cosa que quería comentaros es la posibilidad de editar de manera individual cada una de las letras que compone nuestro texto 130 00:13:28,440 --> 00:13:32,360 Para ello tenéis que pensar que el texto que hemos puesto es un objeto 131 00:13:32,360 --> 00:13:36,179 Como si yo pusiera una circunferencia 132 00:13:36,179 --> 00:13:42,360 Sin embargo, si yo quiero generar un trayecto de las letras 133 00:13:42,360 --> 00:13:48,500 lo que tengo que hacer es pasar este objeto a un trayecto, y eso es muy sencillo. 134 00:13:48,580 --> 00:13:56,340 Lo seleccionamos, venimos aquí a trayecto y le damos objeto a trayecto. 135 00:13:56,980 --> 00:14:00,500 Una vez que hemos hecho esto, y aunque a priori no parece que hayamos hecho nada, 136 00:14:00,799 --> 00:14:09,320 pinchando aquí en la edición de nodos, vemos cómo podemos modificar cada una de las letras de manera independiente. 137 00:14:09,320 --> 00:14:29,250 Incluso, cada una de las letras ahora la podríamos llevarnos de manera individual, desagrupando la totalidad del texto. 138 00:14:29,250 --> 00:14:53,690 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. 139 00:14:53,690 --> 00:14:59,570 bueno pues tercera y última cosa que quiero que comprobéis 140 00:14:59,570 --> 00:15:01,669 o que conozcáis 141 00:15:01,669 --> 00:15:04,769 y es la posibilidad de poner un texto en un trayecto curvo 142 00:15:04,769 --> 00:15:05,870 o en un trayecto vaya 143 00:15:05,870 --> 00:15:09,889 y para ello lo primero y cosa que nos comenté en estos días 144 00:15:09,889 --> 00:15:11,730 es que los trayectos que hemos estado haciendo 145 00:15:11,730 --> 00:15:15,129 con la herramienta de dibujar trayectos o curvas de cierre 146 00:15:15,129 --> 00:15:15,830 que es como se llama 147 00:15:15,830 --> 00:15:21,110 pinchamos en un sitio, pinchamos en otro, pinchamos, etc 148 00:15:21,110 --> 00:15:26,490 Hacíamos el contorno así, ya os acordáis que lo hicimos con la guitarra o con determinadas cosas. 149 00:15:26,649 --> 00:15:29,889 Y siempre cerrábamos los objetos, o sea, los trayectos, perdón. 150 00:15:31,029 --> 00:15:34,210 No es obligatorio. Yo puedo hacer un trayecto abierto. 151 00:15:34,690 --> 00:15:41,309 ¿Cómo? Muy sencillo. Voy pinchando y en la última, que quiero ya finalizar, le doy la tecla Intro. 152 00:15:41,990 --> 00:15:45,470 Ya tengo mi trayecto compuesto por una línea abierta. 153 00:15:45,470 --> 00:16:04,639 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í? 154 00:16:04,639 --> 00:16:32,269 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. 155 00:16:32,269 --> 00:16:36,610 ya sea de izquierda a derecha o de arriba a abajo, abajo a arriba, derecha a izquierda 156 00:16:36,610 --> 00:16:39,389 pero si yo quiero que siga este trayecto 157 00:16:39,389 --> 00:16:47,210 porque a veces veréis que hay logotipos o carteles en los cuales el texto no sigue una línea recta 158 00:16:47,210 --> 00:16:50,690 o al menos no sigue una línea recta puramente horizontal o vertical 159 00:16:50,690 --> 00:16:52,730 lo que tengo que hacer es lo siguiente 160 00:16:52,730 --> 00:16:57,070 selecciono el trayecto sobre el cual voy a poner el texto 161 00:16:57,070 --> 00:16:59,629 dejando pulsada la tecla Shift 162 00:16:59,629 --> 00:17:02,230 que es la que nos permite seguir cogiendo objetos 163 00:17:02,230 --> 00:17:03,629 voy a coger el texto 164 00:17:03,629 --> 00:17:06,150 que no he hecho con trayecto 165 00:17:06,150 --> 00:17:07,930 el texto que estaba puro 166 00:17:07,930 --> 00:17:08,690 por decirlo así 167 00:17:08,690 --> 00:17:10,849 me vengo aquí a texto 168 00:17:10,849 --> 00:17:14,490 y le digo que me lo ponga en el trayecto 169 00:17:14,490 --> 00:17:15,250 ¿vale? 170 00:17:15,630 --> 00:17:17,450 como veis acaba de colocar 171 00:17:17,450 --> 00:17:19,430 el texto en el trayecto 172 00:17:19,430 --> 00:17:21,569 aquí sí que es conveniente 173 00:17:21,569 --> 00:17:25,400 aplicar una de las operaciones 174 00:17:25,400 --> 00:17:26,279 que hemos visto aquí 175 00:17:26,279 --> 00:17:28,759 en las propiedades del texto 176 00:17:28,759 --> 00:17:34,339 que es la de la separación de las letras. 177 00:17:34,519 --> 00:17:38,240 ¿Os acordáis que mediante este elemento de aquí 178 00:17:38,240 --> 00:17:41,319 se iban a distanciar las letras? 179 00:17:41,440 --> 00:17:42,279 Esto era para las palabras. 180 00:17:42,519 --> 00:17:43,519 También podemos hacerlo, ojo. 181 00:17:44,359 --> 00:17:46,259 Esto separará las palabras. 182 00:17:47,960 --> 00:17:50,000 Con este de aquí separarán las letras. 183 00:17:50,819 --> 00:17:52,200 Como prefiráis. 184 00:17:56,150 --> 00:17:58,450 Por cierto, esta y esta no se han separado 185 00:17:58,450 --> 00:17:59,990 porque lo había puesto en una línea 186 00:17:59,990 --> 00:18:03,009 dándole la tecla intro 187 00:18:03,009 --> 00:18:05,569 entonces no consideraba que había un espacio 188 00:18:05,569 --> 00:18:06,670 si lo hubiéramos puesto en espacio 189 00:18:06,670 --> 00:18:07,950 pues ya lo tendría