Curso Inkscape 2022 -Trabajar con letras, fuentes o tipografías

Summary

Este 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

00:00

😀 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.

05:01

🎨 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.

10:02

🛠️ 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.

15:05

🔧 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.

Keywords

💡Letras

En el contexto del video, 'letras' se refiere a los caracteres o símbolos utilizados para escribir palabras y comunicar información. El video se centra en cómo se pueden manipular y editar estas letras en una herramienta de diseño como Inkscape, donde se les puede dar tratamientos visuales y transformaciones similares a los que se aplican a otros objetos gráficos.

💡Tipografías

Las 'tipografías' son las familias de fuentes de letra que comparten características de diseño similares. En el video, se discute cómo seleccionar y cambiar la tipografía de un texto en Inkscape, lo que permite al usuario personalizar la apariencia del texto y darle un estilo específico a su diseño.

💡Fuentes

'Fuentes' se refiere a las distintas opciones de tipografías disponibles para el uso en la creación de diseños gráficos. El video explica cómo se pueden instalar y aplicar diferentes fuentes en el software, permitiendo al usuario elegir entre una amplia variedad de estilos para el texto.

💡Inkscape

Inkscape es el software de vectores gratuito mencionado en el video que permite la creación y edición de gráficos vectoriales. Se utiliza para manipular objetos de texto y otros elementos gráficos, como se demuestra a lo largo del video.

💡Objeto de texto

En el video, 'objeto de texto' es cómo se refiere Inkscape a los bloques de texto que se pueden editar y manipular. Se les puede aplicar efectos de escalado, rotación y otros cambios visuales, similares a los que se aplican a otros tipos de objetos gráficos.

💡Escalar

El término 'escalar' se utiliza para describir el proceso de cambiar el tamaño de un objeto gráfico, incluidos los objetos de texto. En el video, se muestra cómo escalar el texto sin distorsionar su relación de aspecto, manteniendo la proporción original.

💡Trazo

El 'trazo' es el borde o contorno del texto o cualquier objeto gráfico. En el video, se explica cómo se puede agregar y modificar el trazo de un objeto de texto en Inkscape, cambiando su color, ancho y estilo para darle un aspecto distinto.

💡Editor de nodos

El 'editor de nodos' es una herramienta en Inkscape que permite al usuario manipular individualmente los puntos de un objeto gráfico, lo que incluye las letras. En el video, se muestra cómo usar el editor de nodos para transformar las letras en formas únicas y personalizadas.

💡Agrupar

El concepto de 'agrupar' en el video se refiere a la acción de combinar varios objetos gráficos en un solo grupo, lo que permite manipularlos juntos en lugar de individualmente. Se utiliza para organizar y facilitar la edición de múltiples elementos en un diseño.

💡CSS

CSS (Hojas de Estilo en Cascada) es un lenguaje utilizado para describir la presentación de un documento escrito en HTML o XML. En el video, se menciona cómo los cambios en el diseño de texto en Inkscape pueden tener un equivalente en código CSS, lo que es útil para diseñadores web.

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