Curso Inkscape 2022 -Trabajar con letras, fuentes o tipografías
Summary
TLDREste vídeo ofrece una introducción a la herramienta de texto en Inkscape, una aplicación de diseño vectorial. Se explica cómo se manipulan las letras como objetos, pudiendo escalar, estirar, rotar y editarlas individualmente. Se muestra cómo cambiar la tipografía, el tamaño y el estilo de las fuentes, así como la capacidad de agregar bordes y relleno. Además, se explora la posibilidad de transformar letras en formas únicas mediante la edición de nodos, lo que abre puertas a un diseño creativo y personalizado.
Takeaways
- 😀 El video trata sobre el uso de la herramienta de texto en Inkscape, una aplicación de dibujo vectorial.
- 🖋️ Se explica que en Inkscape, los textos se manipulan como objetos, permitiendo transformaciones y edición detallada.
- 🎨 Se puede cambiar el color, agregar bordes y modificar el estilo del texto, similar a otros objetos de dibujo.
- 🔄 Los textos pueden ser rotados y escalados sin perder la relación de aspecto, utilizando el teclado para mantener la proporción.
- ✂️ Es posible separar letras de un texto para tratarlas como objetos individuales, lo que abre posibilidades creativas.
- 🔧 Mediante el editor de nodos, se pueden modificar las formas de las letras, transformándolas en nuevos objetos o diseños.
- 📄 Se menciona la capacidad de crear tipografías personalizadas o juegos de caracteres a partir de la edición de textos.
- 🖥️ Se puede cambiar el tipo de fuente, tamaño y estilo del texto, incluso después de editarlo como objeto.
- 🌐 Se hace referencia a la compatibilidad con CSS, lo que es útil para diseñadores web que trabajan con fuentes en sus proyectos.
- 🔗 Se invita a los espectadores a interactuar a través de comentarios y a compartir el contenido si encuentran útil el material presentado.
Q & A
¿Qué herramienta se utiliza para trabajar con textos en el video?
-Se utiliza la herramienta de 'crear y editar objetos de texto' en Sketch.
¿Por qué se consideran los textos como objetos en Sketch?
-Los textos se consideran objetos en Sketch porque se pueden manipular de la misma manera que otros objetos de dibujo, como escalar, estirar, rotar, etc.
¿Cómo se puede cambiar la fuente de un texto en Sketch?
-Para cambiar la fuente de un texto en Sketch, se hace doble clic en el texto, se selecciona la herramienta de texto y se utiliza el menú 'texto y tipografía' para elegir una fuente diferente.
¿Cómo se pueden editar las letras individualmente después de haberlas agrupado?
-Para editar letras individualmente después de agruparlas, se selecciona el grupo, se va a 'objeto' y se elige 'trayecto' para desagrupar y luego se pueden editar como objetos independientes.
¿Qué se puede hacer con los textos una vez que se han convertido en objetos en Sketch?
-Una vez convertidos en objetos, los textos se pueden pintar, aplicar bordes, modificar con el editor de nodos, y se pueden manipular de manera creativa como cualquier otro objeto de dibujo.
¿Cómo se puede agregar un borde a un texto en Sketch?
-Para agregar un borde a un texto en Sketch, se selecciona el texto, se va a 'objeto', 'relleno y borde' y se elige la opción de 'trazo' para agregar y personalizar el borde.
¿Cómo se pueden cambiar las características de un texto como el tamaño y el estilo en Sketch?
-Para cambiar las características de un texto en Sketch, se selecciona el texto, se va a 'texto y tipografía' y se modifican los atributos como tamaño, estilo (negrita, itálica) y otros ajustes.
¿Cómo se puede previsualizar el aspecto de un texto con diferentes fuentes antes de aplicarlos?
-En Sketch, al seleccionar un texto y cambiar la fuente en el menú 'texto y tipografía', se puede previsualizar el aspecto cambiando las opciones de fuente y viendo el resultado en tiempo real.
¿Qué es el editor de nodos y cómo se puede usar para modificar letras en Sketch?
-El editor de nodos es una herramienta en Sketch que permite modificar la forma de los objetos seleccionados, incluyendo letras, al manipular sus nodos individuales, lo que permite transformarlas en formas o diseños personalizados.
¿Cómo se puede asegurar que un texto no se deforme al escalarlo en Sketch?
-Para evitar que un texto se deforme al escalarlo en Sketch, se presiona la tecla 'control' mientras se arrastra la esquina del texto para mantener la relación de aspecto.
Outlines
😀 Introducción a la creación de textos en Skate
El primer párrafo introduce el tema de la lección, que es trabajar con letras y tipografías en Skate. Se menciona que Skate es una herramienta poderosa para el diseño gráfico. Se describe el proceso de crear un lienzo en un escritorio de 1080 píxeles y cómo se coloca un fondo blanco. Se explica que en Skate, los textos se tratan como objetos de dibujo, lo que permite una gran flexibilidad en su manipulación, como escalar y estirar.
🎨 Personalización de textos en Skate
Este párrafo detalla cómo se pueden personalizar los textos en Skate. Se habla de la capacidad de agregar bordes y cambiar su color, así como de modificar el ancho y el estilo del borde. Además, se muestra cómo se pueden editar los textos individualmente y cómo se pueden desagrupar para tratarlos como objetos independientes. Se menciona la posibilidad de crear diseños avanzados y personalizar el aspecto de las letras.
🛠️ Edición avanzada de textos con Editor de Nodos
El tercer párrafo se enfoca en la edición avanzada de textos utilizando el Editor de Nodos en Skate. Se explica cómo se pueden transformar las letras en formas únicas y personalizadas, y cómo se pueden crear tipos de letra personalizados. Se resalta la flexibilidad para modificar el diseño de las letras y cómo se pueden aplicar estilos distintos, como itálica o negrita.
🔧 Manipulación y creación de fuentes en Skate
El último párrafo cubre la manipulación de textos y la creación de fuentes personalizadas en Skate. Se discute cómo se pueden cambiar el tipo de fuente, el tamaño y otros atributos del texto, y cómo se pueden aplicar estos cambios a los objetos de texto. Se menciona la posibilidad de instalar fuentes adicionales y cómo se pueden agrupar y desagrupar los objetos de texto para editarlos de manera independiente. Finalmente, se invita a los espectadores a dejar comentarios y a suscribirse para recibir más contenido similar.
Mindmap
Keywords
💡Letras
💡Tipografías
💡Fuentes
💡Inkscape
💡Objeto de texto
💡Escalar
💡Trazo
💡Editor de nodos
💡Agrupar
💡CSS
Highlights
Se discute la herramienta de uso de letras o tipografías en Skate, destacando su poderosa capacidad.
Se explica cómo se comportan las letras en Skate, similares a objetos de dibujo que pueden ser escaladas y modificadas.
Se muestra cómo crear un fondo en Skate para diferenciar el texto del lienzo.
Se detalla cómo se pueden editar y manipular las letras como objetos individuales en Skate.
Se menciona la posibilidad de agregar bordes y cambiar su estilo y ancho en los objetos de texto.
Se explora la capacidad de editar el trazo y el relleno de las letras, y cómo cambiar su porte.
Se habla sobre la creación de diseños avanzados utilizando las herramientas de edición de texto en Skate.
Se demuestra cómo separar un grupo de letras para tratarlas como objetos individuales.
Se explica cómo usar el editor de nodos para modificar las letras y convertirlas en otros objetos.
Se aborda la creación de tipografías personalizadas o juegos de caracteres a partir de letras editadas.
Se muestra cómo cambiar el tipo de fuente y aplicar estilos como itálica, negrita y tamaño de letra.
Se discute la posibilidad de instalar fuentes adicionales desde Internet para ampliar las opciones de diseño.
Se menciona cómo los cambios en el tamaño y tipo de fuente se pueden aplicar de manera relativa y son reversibles.
Se habla sobre la utilización de CSS para los diseñadores web y cómo aplicar estilos a las fuentes en Skate.
Se demuestra cómo agrupar y desagrupar letras para editarlas como objetos independientes.
Se explica cómo las letras una vez convertidas en objetos ya no se pueden editar como texto original.
Se invita a los espectadores a dejar comentarios, suscripciones y compartir el vídeo con otros aprendices de diseño gráfico.
Transcripts
hola de nuevo hoy vamos a hablar de
letras en skate fuentes tipografías
etcétera etcétera como se le llame en la
herramienta de uso de letras o de
tipografías o de fuentes seguir skate
pues es una de las más poderosas que
tenemos y ya vamos a ver por qué
hablamos entonces nuestro programa
nuestro en skype
y vamos a elegir aquí en ese pantalla
vamos a trabajar con un escritorio de
1080 píxeles
bien
acá lo que tenemos pues lo de siempre un
fondo y este es nuestro lienzo que es
una hoja
del tamaño de la pantalla que elegimos
pero bien vamos a colocar aquí de fondo
para que se nos diferencia un poco
coloquemos ahí este rectángulo y
pintemos lo blanco
y listo tenemos ahí este fondo
vamos a empezar a trabajar con texto o
con letras la herramienta de esta esta
que dice acá crear y editar objeto de
texto vean como ni siquiera dice
fuente sino que sea objeto de texto por
qué porque las letras o los textos son
las fuentes o la tipografía aquí en
skype se trata como si fuera un objeto
más un objeto de dibujo pues vamos a ver
demos clientes aquí en la herramienta
y vamos a escribir
una palabra
hola
bien cuando escribimos algo pues en
skate lo escribe en la letra que tiene
definida en el tipo de fuente que tiene
definida en este caso pues no sé qué
fuente está ya veremos cómo cambiarla y
es elegir una a nuestro gusto pero acá
lo que tenemos miren si luego de clic se
comporta como si fuera un objeto cuando
voy a
y al ser un objeto más al ser un objeto
más pues ésta se puede escalar estirar
etcétera etcétera fíjense lo que hago me
ubico aquí en esta flecha de la esquina
y si presionó
la puedo estirar vea si la puedes
estirar como si se tratara
de un objeto más
como si fuese un objeto más
como si nosotros hubiésemos dibujado
cada letra y entonces todo lo que se
puede hacer con otro tipo de dibujo se
puede hacer con las letras que fíjense
si le doy otro clic
bien que cambiaron las fechas de las
esquinas y de los lados así como si
fuera un objeto más y si yo
presionó a esta flecha y la nueva vean
lo que ocurre esto sería estallar
sí sí sí sé si sea el el objeto recuerdo
si luego con estaca pues también
si entonces se comporte exactamente como
si se tratara de
un rectángulo
una elipse o algo que yo haya dibujado
acá qué más podemos hacer igual las
podemos rotar
en base a este punto de pivote que es el
centro que recuerden que se puede
desplazar y rotar en base a ese punto
entonces este este es el punto de pivote
por lo general está en el centro del
objeto bien qué más podemos hacer al ser
objetos éstos
podemos editarlos perfectamente podemos
editar los de cambiar el color
sencillamente con dar clic en el color
que nosotros querramos
también le podemos dar un borde según lo
decíamos vamos a ver y así seleccionado
un clic nada más seleccionado vamos a
buscar la herramienta de bordes no me
aparece aquí arriba es que cambie de
sistema e hice una instalación de
badenes key por eso aparece un poco
diferente en mi pantalla cambia de
sistema operativo este es linux mx o m x
linux algo así pero me gusta me gusta me
encanta
bueno pero volvamos al punto vayámonos
entonces acá donde dice creo que aquí en
objeto
y debe salir la opción de relleno
dónde está
vamos a ver objetos rellenen aquí objeto
relleno y borde
acá lo que podemos hacer nosotros pues
además de modificar el color
del objeto que tenemos seleccionado pues
si nos vamos aquí donde dice trazo
fíjense que el texto por defecto no trae
un trazo un borde digamos pero lo
podemos agregar vamos a dar clic acá
y ahora si podemos ver que se le ha
agregado ya un trazo o un borde cuyo
color también podemos editar
directamente desde acá sí y de esta
manera ya estamos editando el borde del
texto repito se comporta exactamente
como si se tratara de un objeto más que
nosotros hemos dibujado podemos incluso
cambiarle aquí el ancho vamos a ver el
estilo podemos cambiarle el ancho aquí
está en píxeles voy a decirle que sólo
tenga 5 píxeles y dientes y vea como el
borde
el trazo de cada letra ha cambiado
entonces insisto este es una herramienta
muy poderosa que podemos utilizar para
ser incluso diseños muy avanzados
podemos hasta cambiar el tipo de borde
que queremos perdón de si del porte de
las letras
así y elegir uno tipo así de guiones con
líneas
y ahí es el relleno que estoy cambiando
y aquí podemos cambiar nosotros yo suelo
estar mucho la rueda está me gusta
bastante para seleccionar el porte ahí
está amarillo
ahí está negro seleccione aquí en estilo
estos puntitos hay muchos que puedo
elegir ver
entonces insisto el texto se manipula
como si se tratara de un objeto más y
eso le da mucha potencia a la hora de
editar lo vamos a voy a quitar el porte
o el trazo que sale aquí y le voy a
poner 0 vamos a dar ente
de acuerdo
a ver si podemos ocultar esta ventana
podemos cerrarlas
vean
es de entrada pues tenemos aquí cuatro
letras cuatro caracteres podemos decir
pero que se comportan como si se tratara
de un oso lo que ocurre con ese
comportamiento que si yo quiero editar
sólo una letra
y lo puedo hacer pero antes debemos de
agrupar este grupo de letras que se
comportan como si fueran un único objeto
vamos a volver a escribir las letras
para explicar exactamente cómo podemos
desarrollar un grupo de letras que
forman una palabra en este caso y
usarlas como
caracteres individuales para ello vamos
a regresar a este grupo de tres acá y la
vamos a eliminar
y listo vamos a volver escribir
otra vez la palabra ola en mayúscula
y aquí para escalarlo de tal manera que
no pierda la relación de aspecto o sea
que no se deforme vamos a seleccionar la
flexión en la esquina presionamos la
tecla control en el teclado y
arrastramos de esa manera no se pierde
la relación de aspecto no sé de forma
muy diferente si yo agarro aquí allá o
esto ya la deforme si voy a dar control
z parece hacer y si yo agarro aquí pero
estiro sólo para un lado ya la deforme
entonces control z y aquí la letra
mantiene su relación tanto de ancho como
de alto bien pero lo que quiero hacer es
demostrarles cómo puedo separar nuestro
control z porque la deforme con control
presionado estilo y de esta manera no se
deforma listo yo lo que quiero mostrarle
entonces cómo puedo separar estos
objetos para que se comporten como
objetos individuales aquí hay cuatro
pero si ustedes lo mueves se comporta
como un solo objeto como lo podemos
hacer para para hacerlo vamos a
seleccionarlo dándole un clic
y nos vamos a quedar de ese trayecto y
vamos a dar objeto a trayecto si bien no
ha ocurrido nada y ya decían comportando
como si fueran un solo objeto pero ahora
me voy a ir a irak a donde ese objeto y
le voy a dar aquí donde sientes agrupar
y de esta manera ya son cuatro objetos
diferente aquí se notan si doy clic en
otro lado y después de clic en la l ya
la puedo mover como si se tratara ya de
un objeto totalmente independiente del
grupo original y de esta manera ya puedo
usar el texto de manera
divertida o de manera creativa pero bien
que más puedo hacer con esta letra
aquí de esta manera pues puedo editarla
de manera individual vamos a ver vamos a
jugar un poquito con la h la selección y
luego no voy a ir acá al editor de nodos
lo seleccionó y fíjense que ya me
aparecen los nodos con lo que está
formada esa letra si yo empiezo a mover
aquí por ejemplo ahí puedo medir y hacer
de esta esta curva de a laxe y eso ya
podría decir yo que es otra letra o no
sé o un objeto diferente de ahí ya
depende de la creatividad de cada quien
vamos a editarlo otra vez con el editor
de nodos puedo hacer esto puedo hacer
esto y ya es otra cosa si lo que
inicialmente era una letra se me ha
convertido en lo que yo quiera
si doy clic acá
ven cómo puedo usar mi editor de nodos
para modificar lo que originalmente era
texto
y hasta es posible crear mi propia
tipografía o mi propio juego de
caracteres o de letras
bien entonces como a partir de simples
letras que yo escribí las editado de tal
manera que se comportan como si se
tratara de objetos totalmente diferentes
ya bien por eso decía que la herramienta
de
de texto aquí
ahora aquí dice
crear y editar objetos de texto por eso
los manejas como si se tratara de
objetos bueno igual puedo pintarlas de
manera individual
y que como les decía de hacer de madre
de algo divertido de simples letras que
eran color negro qué más puedo hacer
o una vez que ya los edite aquí pues ya
no se comportan como texto como letras
si ya se comportan como objetos si yo
quiero editar
a partir del texto cambiar por ejemplo
el tipo de fuente ya aquí ya no lo puedo
hacer porque ésta ya no son letras las
edite de tal forma que ya son los
objetos
voy a eliminar la selección a todo el
lugar suprimir utility
si vengo voy a escribir otra vez la
palabra hola
fíjense lo que voy a hacer con control
presionado estiro de la esquina para que
no se deforme para que no pierdan la
relación
entre el ancho y el alto bueno tengo
esta letra estas se pueden editar
perfectamente si yo hago doble clic
miren puedo borrar una letra
y escribir otros caracteres si simple y
sencillamente dando doble clic puedo
detectar si
vamos a dejar ahora bien que más puedo
hacer
cambiar el tipo de fuente pues sí como
cambio este tipo de fuente
doble clic una manera de cantar de doble
clic vamos a ver que me aparece un
cursor que es este que está aquí como un
editor de textos normal me voy a poner
aquí al final a la parte la muevo el
cursor para un lado con el mouse b
y entonces aquí ya está seleccionado el
texto y también lo puedo hacer con la
tecla shift presionado y usar las
flechas del teclado hay más control pero
lo importante seleccionar mi texto y
luego me voy a ir
a la herramienta de texto aquí dice en
este menú dice texto doy clic aquí y
dice tipografía perdón dice texto y
tipografía si hago clic acá
pues aquí me aparecen ya los tipos de
letras que yo tenga instalado en mi
sistema operativo y puedo ir cambiando y
aquí voy a ir viendo previsualizar cómo
me queda
la palabra con qué tipo de letra me
quede escrito y de esa manera de esa
manera puedo yo elegir un tipo de letra
según la que es la que yo tenga
instalada en mi en el sistema aquí voy a
usando las flechas del teclado
para ir buscando nuevos tipos de letra
hasta encontrar uno que
satisfaga a mí mi interés con mi
necesidad si
obviamente se pueden instalar fuentes
diferentes si usted puede descargar el
tipo de fuentes de internet para venir y
agregarle a sus diseños fuentes muy muy
especiales fuente que nos tenga acá e
instalada en el sistema y aquí por ahora
sólo me aparecen las fuentes que yo
tenga definidas o instaladas en mi
sistema
sí
esta es la herramienta entonces de tipo
de fuentes voy a dejar esta fíjense que
aquí la puedo poner en itálica en bold
que sería negrita y itálica y negrita
ahí o normal
también se puede cambiar aquí el tamaño
miren que esta fuente así como ésta es
grande tiene 371 puntos y 513 de tamaño
pero si vengo aquí le pongo por ejemplo
200
se cambia el tamaño
si hago aplicar aquí esto que yo haya
elegido aquí se va a aplicar a la fuente
que seleccione previamente acá en mi
diseño vamos a ponerle 100
y le vamos a poder aplicar y miren la
letra original que yo tenía era como 300
ahora pasó a 99 puntos 99 % de perdón de
tamaño sí podemos decir que 100 bueno
aquí hay otras características también
pero éstas no suelen ser muy usadas
una vez que ustedes quieran allí
y curiosear un poco bueno acá tenemos
entonces los tipos de fuentes acá
podemos cambiar el tamaño si queremos el
200 y le voy a dar aquí aplicar
ya la deje
con el tamaño que yo quería y con el
tipo de fuente que yo quiero aquí me
sale también en css esto es como para
los que diseñan web pueden ver acá que
el nombre usar para su código css pérez
ya otro asunto
cierro aquí esta pestaña esta ventana y
ya tengo mi letra esto no implica que yo
no pueda
estirarla después como yo quiera
el tamaño era
relativo el tamaño se puede cambiar y ya
vieron cómo puedo cambiar el tipo de
fuente de acuerdo bien entonces igual es
repitiendo acá me voy a trayecto y lo
voy a decir objeto a trayecto
y luego me voy a donde dice objeto y lo
voy a artes agrupar
y ya las convertir en objetos
independientes de tal manera que ya
puedo moverlas como si se tratara de
objetos independientes ya no forman
parte del grupo de texto que aquí ya no
les puedo editar pues sí porque ya no es
texto normal sino que son objetos se
haga doble clic miren lo que hace es
editar se los nodos ya de acuerdo ya no
puedo seguir agregando de atrás o borrar
letras bueno a borrar si puedo eliminar
pero ya no puedo seguir escribiendo como
si se tratara del texto original ya lo
he convertido en objetos sí
bien
cualquier duda entonces que ustedes
puedan tener la pueden dejar aquí en los
comentarios comenten comenten si les
gusta estos vídeos y están bien
explicados sí
y quieren saber algo más perfectamente
pueden ir ustedes comentando sí y yo en
la medida de lo posible pues resuelvo
sus dudas
qué más puedo hacer con las letras lo
que se puede hacer con cualquier objeto
o editar
lo que yo quiera ya son mías
puedo hacer y de hacer
con mi fuentes de acuerdo hasta las
puedo llegar a arruinar o diseñar e
incluso cosas bonitas mis propios
diseños a partir de letras sí
hay cosas más avanzadas bien hasta aquí
entonces este vídeo ya se está alargando
después aprenderemos más técnicas de
dibujo yo lo que quería muestra horita
era lo que se puede hacer con las letras
hasta la próxima entonces si ya sabe
suscríbase por favor suscriban se
comenten del ahí me gusta y si tienen
algún amigo que está aprendiendo y que
quiere usar una herramienta como inés
key para dibujar
compartan este vídeo gracias y hasta la
próxima
تصفح المزيد من مقاطع الفيديو ذات الصلة
5.0 / 5 (0 votes)