Curso Inkscape 2022 -Trabajar con nodos y curvas

Summary

En este vídeo tutorial, se explica cómo trabajar con nodos en un programa de IU de skate. Seguidamente, se muestra cómo seleccionar la pantalla de bienvenida, ajustar la resolución y crear un lienzo. Luego, se profundiza en la creación de nodos al dibujar curvas y líneas rectas, y se detallan las herramientas para editar, agregar, eliminar y unir nodos. Además, se explora cómo convertir segmentos en curvas y rectas, y se ofrecen trucos para controlar la forma de las curvas y crear ángulos redondeados. Finalmente, se invita a los espectadores a dejar comentarios y suscripciones para más contenido.

Takeaways

• 🖥️ El vídeo comienza explicando cómo elegir la resolución de la pantalla en un programa de IU de skate.
• 🎨 Se detalla cómo los clics en la herramienta de dibujo crean nodos, que son esquinas o vértice en el lienzo digital.
• ➡️ Al cambiar a la herramienta de edición de nodos, se pueden ver y manipular los nodos representados por rombos blancos.
• 🔄 Se puede mover, agregar y eliminar nodos con la herramienta correspondiente, lo que permite modificar la forma de los trazados.
• ➕ Se muestra cómo agregar un nodo entre dos existentes seleccionándolos y utilizando el icono de signo más.
• ➖ Se explica cómo eliminar nodos no necesarios usando la herramienta de signo menos.
• 🔀 Se describe cómo convertir segmentos en curvas y viceversa, proporcionando control sobre la forma de los trazados.
• 🔄 Se menciona la opción de hacer que los tiradores (controles de curva) sean simétricos para crear curvas más redondas.
• 🔗 Se aborda cómo unir nodos para cerrar un área o crear un objeto cerrado, y también cómo romper un segmento para abrirlo.
• 🎨 Se destaca la capacidad de editar y controlar con precisión las curvas utilizando los tiradores y las opciones de edición de nodos.

Q & A

¿Qué herramienta se utiliza para dibujar en el software mencionado en el script?

Se utiliza la herramienta 'en dibujar', que incluye opciones para dibujar curvas, líneas rectas y más.

¿Cómo se crean nodos al dibujar en el software?

Los nodos se crean al hacer clic en la pantalla para marcar las esquinas o los vértices. No es necesario mantener presionado el mouse, simplemente hacer clic en los puntos deseados.

¿Qué representa el pequeño rombo de color blanco que aparece al cambiar a la herramienta de edición de nodos?

El pequeño rombo de color blanco representa cada uno de los clics realizados durante el dibujo, es decir, cada nodo creado.

¿Cómo se pueden mover los nodos una vez creados?

Para mover los nodos, se selecciona la herramienta de edición de nodos y se hace clic y arrastra el nodo deseado a la nueva posición.

¿Cómo se agrega un nodo adicional entre dos nodos existentes?

Para agregar un nodo entre dos existentes, se seleccionan los nodos con la tecla Shift y luego se hace clic en la línea directa entre ellos o se utiliza el icono de signo más para insertar un nuevo nodo.

¿Qué herramienta se utiliza para eliminar nodos seleccionados?

Para eliminar nodos, se selecciona el nodo que se desea eliminar y se utiliza la herramienta con el signo menos que indica 'suprimir los nodos seleccionados'.

¿Cómo se convierte un segmento en una línea recta o en una curva?

Para convertir un segmento en una línea recta, se seleccionan ambos nodos del segmento y se utiliza la opción 'convertir los segmentos seleccionados en líneas'. Para hacer una curva, se selecciona el segmento y se usa la opción 'convertir los segmentos en curvas'.

¿Qué hace la opción 'hacer simétricos' en la edición de nodos?

La opción 'hacer simétricos' ajusta los tiradores de los nodos seleccionados para que formen una línea recta, lo que permite crear curvas más redondas y suaves.

¿Cómo se cierra un objeto o se une un trazo en el software?

Para cerrar un objeto o unir nodos formando un solo trazo, se seleccionan los nodos finales y se utiliza la opción 'unir los nodos seleccionados' o se hace clic derecho en el último nodo y se selecciona la opción de cerrar.

¿Qué efecto tiene la opción 'convertir en esquinas' en los nodos seleccionados?

La opción 'convertir en esquinas' hace que los nodos seleccionados dejen de ser curvas y se comporten como ángulos agudos, lo que permite crear esquinas en lugar de curvas suaves.

Outlines

00:00

🎨 Introducción a la edición de nodos en IU deskate

Este primer párrafo presenta el tema de los nodos en el curso de IU de deskaite. Se explica cómo elegir la pantalla de bienvenida y se detalla el proceso de selección de herramientas para dibujar curvas y líneas rectas. Se menciona que al hacer clic se forman vértices, que son en realidad nodos. Se describe cómo se pueden mover estos nodos con la herramienta de edición de nodos y se introduce la capacidad de agregar y eliminar nodos, así como la visualización de estos al cambiar de herramienta.

05:01

🔗 Agregando y eliminando nodos en trazados

En este segundo párrafo, se profundiza en cómo agregar y eliminar nodos en una línea recta. Se muestra cómo seleccionar nodos específicos utilizando la tecla Shift y se explica el proceso de inserción de nuevos nodos entre dos seleccionados. También se aborda la eliminación de nodos y cómo esto afecta la forma de los trazados, pasando de ser rectos a curvos y viceversa. Se menciona la herramienta de edición de nodos y cómo se pueden usar para ajustar la forma de los trazados.

10:02

✂️ Uniendo y rompiendo segmentos en trazados

El tercer párrafo se centra en las opciones para unir y romper segmentos en los trazados. Se describe cómo usar la herramienta de edición de nodos para seleccionar nodos y luego unirlos creando un solo nodo o romperlos para dejarlos abiertos. Se explica cómo cerrar nodos para formar un objeto cerrado y cómo abrir segmentos seleccionados. Además, se menciona cómo convertir segmentos en curvas y rectas, y se presentan las opciones para editar la forma de los tiradores para obtener curvas más redondeadas.

15:02

🖌️ Editando y ajustando la forma de las curvas

En el cuarto y último párrafo, se aborda cómo editar y ajustar la forma de las curvas en los trazados. Se muestra cómo hacer que las curvas sean más redondeadas al alinear los tiradores de los nodos seleccionados de manera simétrica. Se explica cómo convertir nodos en esquinas y cómo invertir o deshacer cambios con el comando Ctrl+Z. Se resalta la importancia de la precisión al manipular los nodos y cómo las opciones de edición permiten un control detallado sobre la apariencia final de los trazados.

Keywords

💡Nodos

Los nodos son puntos fundamentales en el diseño gráfico que representan vértice o esquina de un trazo. En el vídeo, se explica cómo se forman al hacer clic en la pantalla durante el dibujo, y son esenciales para la creación de formas y patrones. Se menciona que al seleccionar la herramienta de dibujo y hacer clic, se crean nodos que luego pueden ser movidos o editados, como se ve cuando se cambia a la herramienta de edición de nodos.

💡Herramientas de dibujo

Las herramientas de dibujo son componentes del software que permiten al usuario crear formas y líneas. En el guion, se menciona la selección de la herramienta de dibujo para crear curvas, líneas rectas y nodos, mostrando cómo cada herramienta tiene un propósito específico en la creación gráfica.

💡Editar nodos

Editar nodos es una función que permite al usuario modificar la posición o la forma de los nodos existentes. En el vídeo, se demuestra cómo se pueden mover, agregar o eliminar nodos utilizando la herramienta correspondiente, lo que permite ajustar la forma de los trazos y crear curvas o líneas rectas.

💡Tiradores

Los tiradores son controles visuales que se utilizan para manipular la forma de los nodos, permitiendo al usuario estirar o contraer la forma de las curvas. En el script, se describe cómo se pueden mover los tiradores para crear curvas más redondeadas o finas, y cómo se pueden hacer simétricos para un control preciso.

💡Curvas y líneas rectas

Las curvas y líneas rectas son elementos básicos del dibujo vectorial. El vídeo explica cómo, mediante la manipulación de nodos y tiradores, se pueden crear tanto líneas rectas como curvas. Se menciona que al cambiar de herramienta, se pueden agregar nodos entre líneas existentes para crear nuevas curvas.

💡Selección de nodos

La selección de nodos es un paso crucial antes de editarlos. En el guion, se indica que se pueden seleccionar nodos individualmente o múltiples utilizando la tecla Shift, lo que permite realizar operaciones en varios nodos a la vez, como agregar o eliminar.

💡Simétricos y asimétricos

Estos términos se refieren a la forma en que los tiradores de los nodos se comportan en relación a los cambios realizados. En el vídeo, se muestra cómo hacer que los tiradores se comporten de manera simétrica o asimétrica, lo que afecta la forma de las curvas creadas.

💡Unir nodos

Unir nodos es el proceso de conectar dos nodos para formar una única línea o cerrar un área. En el script, se describe cómo se puede seleccionar más de un nodo y utilizar una herramienta para unirlos, creando un solo nodo o cerrando un objeto gráfico.

💡Romper segmentos

Romper segmentos es la acción de dividir una línea en dos partes o eliminar una conexión entre nodos. En el vídeo, se explica cómo se puede seleccionar un segmento y utilizar una herramienta para romperlo, lo que deja dos nodos abiertos y permite la edición independiente de cada uno.

💡Relleno de trazos

El relleno de trazos es el proceso de aplicar color dentro de las formas cerradas creadas por los nodos. En el guion, se menciona cómo, una vez definido el trazo y los nodos, se puede seleccionar un color para rellenar la forma, completando así el diseño gráfico.

Highlights

Explicación de los nodos en el contexto de IU/UX diseño gráfico.

Selección de la herramienta de dibujo y creación de nodos al hacer clic en la pantalla.

Visualización de los nodos como pequeños rombos blancos al cambiar a la herramienta de edición de nodos.

Movimiento de nodos utilizando la herramienta de edición de nodos.

Procedimiento para agregar un nodo entre dos existentes seleccionados.

Eliminación de nodos y el efecto en la forma de los trazados.

Conversión de segmentos en líneas rectas y curvas.

Uso de tiradores para editar la curvatura de los trazados.

Unión de nodos para cerrar un área o crear un objeto.

Selección de nodos utilizando clic y shift para seleccionar múltiples.

Romper segmentos para abrir nodos y crear nuevas líneas.

Conversión de curvas en líneas rectas y viceversa.

Uso de la herramienta de edición de nodos para ajustar la forma de las curvas.

Selección de la opción de hacer simétricos para crear curvas más redondas.

Conversión de nodos en esquinas para controlar la forma de los ángulos.

Invertir la forma de los nodos para cambiar la dirección de las curvas.

Relleno de trazos con color y edición de curvas con tiradores.

Invitación a los espectadores a dejar comentarios, preguntas y suscripciones al canal.

Transcripts

continuando con nuestro curso de iu de

skate hoy vamos a explicar el tema de

los nodos así que ahora vamos en skate

en la pantalla de bienvenida vamos a

elegir pantalla valga la redundancia y

acá elijamos escritorio de 1080 x de

1920 x 1080

tú puedes elegir la pantalla que quieras

no hay ningún problema

tenemos entonces este lienzo ya aquí y

vamos vamos entonces a explicar que son

los nodos bueno ya en un vídeo anterior

más o menos vimos una introducción hoy

veremos

explicado un poco más a profundidad el

tema de los nodos cuando seleccionamos

la herramienta aquí que dice en dibujar

curva pérez jr y líneas rectas

vamos a ver que al dar clic

lo que se va formando

podemos decir que es un vértice una

esquina lo que sea pero en realidad cada

vez que hacemos clic y vamos dibujando

lo que se forma es un nodo recuerde

recuerde que no es necesario apretando

el mouse simplemente voy dando clic

cierro donde empecé en cada esquina

entonces se ven cada vértice lo que

tengo acaso en nodos

acá no se aprecia no se ven pero cuando

es cambio de herramienta así como está

seleccionada el dibujo y si cambio de

herramienta a la herramienta a editar

nodos de trayectos o tiradores

vamos a ver que aparecen estos pequeños

estos pequeños

rombos de color blanco esto representa

cada uno de los clic que hice o sea cada

uno de los nodos esto se puede mover

perfectamente con la misma herramienta

de edición de nodos podemos venir y

hacer esto y movernos

qué más podemos hacer

con los nodos podemos agregar podemos

quitar los vamos a ver el primer caso

como haríamos un nodo a ver quiero

agregar un nuevo en entre estos dos

entre este de aquí y este de acá

pero antes quiero que vean algo como se

donde se va a agregar pues debo

seleccionar primero esos nodos si hago

clic fuera de la imagen

si no hay ninguno seleccionado pero si

doy clic acá y mantengo presionada la

tecla shift y luego doy clic en este

entonces estos dos nodos están

seleccionados o activos en ese momento

como puedo agregar entonces nodos aquí

en esta en esta línea recta que está acá

pues simplemente me ubico como le dije

dando clic puedo al darle clic a la

línea directamente o la de clic a este

nodo presionar shift y darle clic al

otro y luego boyacá arriba y voy a

buscar el icono que tienen el signo de

más donde se insertar los nuevos nodos

entre los segmentos seleccionados si doy

clic ahí vamos a ver que apareció un

nuevo pequeño rombo y este ya es un nodo

se puede mover perfectamente como

ustedes ven se mueven los tres lo que

significa es que están seleccionados

esos tres nodos para mover sólo este

pues basta con darle clic

puedo mover solo el que acabo de agregar

entonces puede dar clic en esta línea

así inmediatamente en seleccionar ambos

nodos y dar clic acá en el signo más

donde se insertar los nodos y de esa

manera he agregado uno nuevo y si lo

arrastró pues estoy moviendo los tres y

si hago clic en él pues ya se suelta

nosotros y ya puedo mover exactamente

este nodo qué más podemos hacer con los

nodos podemos quitarnos

si yo digo que no necesito este nuevo de

acá este que creo que lo que voy a

agregar sido que no necesito este nodo

pues le doy un clic para seleccionarlo y

luego me voy a la herramienta que tiene

signo menos que dice que a suprimir los

nuevos seleccionados si hago clic

de esta manera eliminado y vean ustedes

que esta línea que antes era recta se me

ha transformado en una curva por eso

ahora aparecen los tiradores que ya lo

habíamos visto más o menos también en un

vídeo anterior bueno

también podemos hacer esto si

seleccionamos vamos a darle clic para

que aparezcan los nuevos ahí está si

seleccionamos varios nodos de esta

manera pues esos están seleccionados

estos dos y si le doy eliminar aquí

se eliminan esos dos nodos

inmediatamente la recta que formaba aquí

esta parte se convierte en una curva

dirán ustedes y ahora si quiero que siga

siendo recta que hago entonces hoy le

doy clic a ese segmento a esta línea ya

le dé clic y luego aquí vamos a

encontrar una opción que es para

convertir un segmento en una recta en

este caso una curva la va a pasar a una

recta y de esa manera sea convertida

entonces ya en una recta lo contrario es

posible o sea convertir una recta en una

curva si hay dos maneras una es hacemos

clic en el objeto en sí en el trazo y

podemos agarrar la línea y podemos sacar

la línea y moverla y arrastrar sin

soltar y de esa manera se ha convertido

en una curva igual la podemos ver para

dónde querramos de acuerdo voy a

convertir en una recta

doy clic primero deben estar

seleccionados ambos nodos si para que se

defina cuál es el segmento que quiero

convertir en recta y hago clic en este

icono que dice convertir los segmentos

seleccionados en líneas y ya es una

línea red bueno si lo que quiere es

pasar este segmento a una curva o este

de aquí abajo mejor voy a selección aquí

de tal manera que estos dos no están

seleccionados este segmento y luego de

aquí acá que dice convertir los

segmentos en curvas así vienen que

aparecen los tiradores y aunque la línea

se sigue viendo recta totalmente recta

ya es una curva basta con mover un

tirador y ya puedo perfectamente

editar esa curva

que más ya vimos cómo agregar como

eliminar nodos y cómo convertir un

segmento en una curva y

también lo inverso cómo convertir una

curva en una línea recta

bueno

hay más opciones aquí que ustedes pueden

probarlo algunas son para unir cómo

funciona esto debe de unir unir nodos

vamos a ver voy a eliminar este este

objeto que cree y lo seleccionó en lugar

de élite en el teclado ya voy a entonces

ahora a cerrar un área por ejemplo

cerrar un objeto y entonces voy a

dibujarlos no con la herramienta debe

ser que ésta

hago un clic acá hago un clic acá cumplí

acá y este pero yo quiero perdón voy a

dejar acá estos segmentos de recta que

están allí y sin unirlo usando voy a dar

clic aquí en el principio por lo tanto

voy a dar clic derecho

aquí esta manera se despega ya la línea

de mi cursor de mi herramienta mejor

dicho y me quedan estos dos nodos

abiertos

voy a seleccionar entonces aquí la

herramienta de edición de nodos de

acuerdo hago clic en este y hago clic y

mientras presiona la tecla shift para

mayúscula y doy clic en el otro

de esta manera tengo seleccionados los

dos la otra manera podría ser creo

encerrándolos en una en un rectángulo si

de esa manera se seleccionan ambos

podríamos hacer esto en un rectángulo y

podemos seleccionar ambos

esto de chief clic y presiona chief o

major kool-aid click es muy útil cuando

tengo muchos y no me funciona la de

encerrar en un rectángulo porque voy a

seleccionar más de la cuenta entonces en

este caso es más preciso usar shift clic

bien volviendo entonces al punto mi

intención es cerrar estos nodos con una

una línea o muerto cerrar todo el objeto

como lo hago entonces seleccionó este

shift y el otro y luego aquí arriba hay

una opción que sirve para cerrar vamos a

ver si es ésta dice unir los nuevos

seleccionados al unirlos creo que se va

a convertir en un solo sí bueno

exactamente se une pero pasa a un solo

nodo cuando antes tenía dos voy a hacer

control z para deshacer

y vamos a intentar otra otra opción

vamos a ver esa es una forma de unir

sería juntarlos en un solo la otra

opción es vamos a ver dice romper este

es como para abrir todos podemos decir

eliminar una una línea y dejar solo los

nuevos abiertos entonces espero que para

romper la otra dice que es para unir los

no finales seleccionados con un segmento

entonces está en la que estoy buscando

si vamos a dar pliegues entonces y de

esta manera me ha creado un segmento

nuevo que me ha unido ambos nodos

de esta manera entonces estamos cerrando

como hice un trayecto y si quiero abrir

acá pues selecciono dándole clic en la

línea para que se seleccionen los dos

nodos y se defina cuál es el segmento y

aquí lo puedo vamos a ver aquí lo

podemos romper eliminar el segmento b de

esa manera se ha eliminado

bueno

ya les dije que podemos simplemente

halar esto y

convertirlo a una curva y después si

quiero unir de nuevo como este puede

presionar shift doy click aquí

presiona chief y de clic en el otro y de

esa manera puedo venir y decirle aquí

hay un skate que me una con un segmento

estos dos nodos de esa manera y ya lo

puedo convertir también en una en una

curva

ya una vez que tenemos definido nuestros

segmentos o nuestro trazo que sería esta

línea basta convenida clic acá en un

color y de esa manera lo podemos

rellenar perfectamente y aquí tenemos

nuestros tiradores para venir a editar

las curvas tal como nosotros las

querramos de acuerdo ahora bien para ir

ya cerrando con esta parte de los nudos

si se fijan ustedes

este vértice oeste no lo que está aquí

me forma este ángulo de esta manera a

veces necesitamos dibujar líneas perdón

curvas

que sean como te digo que sean así a

redondas podemos decir bueno las curvas

casi todos son tienen forma redonda pero

a veces tengo esto así en maya

tengo esto y yo quiero que este trayecto

de acá o esta curva de acá quede lo más

redondo posible como se logra eso

seleccionó el nodo y vemos que mis

tiradores aquí forman un ángulo lo ideal

es que estos tiradores entonces

estuvieran viéndose uno frente a frente

y fue definiendo una línea recta de esta

manera la curva pues queda perfectamente

redonda como se puede lograr de manera

automática pues esto bien sencillo

imaginemos que tenemos estos vértices

aquí y yo los quiero convertir en curvas

lo más redondas y redondas posible

entonces voy a dar clic en este hay y

luego acá está esta opción que dice

hacer simétricos los nuevos

seleccionados y

vamos a ver que automáticamente se ha

convertido ya los dos nodos de los dos

tiradores perdón forman una línea recta

y de esa manera la curva es suave

igual puedo seguir gritando vean que

cambió la forma de manejar los tiradores

si estiró este el otro también crece y

si muevo este el otro disminuye o

aumenta dependiendo de lo que haga yo de

acuerdo entonces eso me permite o mejor

dicho esto me da un control

lo más exacto posible sobre el manejo de

los nodos vamos a convertir este también

en una curva le doy clic al nodo y vamos

a dar clic acá en convertir asimétricos

a ser simétricos y de esta manera

automáticamente ha hecho estas inédito a

hacer la curva más fina pueda west y si

quiero que sea más y ensanchada pues

hago esto y puedo editar mis curvas de

manera perfecta a veces necesitamos esto

y a veces necesitamos que nuestras

curvas se comporten de esta manera de

acuerdo sí bueno este es el truco

entonces para lo mejor de chiste la

manera para manejar los nodos de una

manera más exacta vamos a hacer este

también simétrico bien

existe también la opción de

separar lo que hice o de invertir lo que

hice van a estar control z si quieres

hacer pero supongamos que me interesa

que este nodo de aquí vamos a ver está

aquí que sea igual a éste sí que

presente ángulo ahí actualmente pues es

una línea recta muy inspiradores como

hago entonces pues los seleccionó aquí

aparece de un color como verde con esta

seleccionado y aquí está la opción esta

de acá ya le di clic que lo que hace es

convertir en esquinas los nuevos

seleccionados sin damos clic a ver

es que le di doble clic y vamos a verlo

como éste de clic ahí y ahora le digo

que se convierta en esquina y de esta

manera ya no se comporta como antes si

ya puedo evitarlo de manera individual

bueno esto entonces eso es

la gran y la gran potencia digamos que

tiene esto de manipular los nuevos de

manera

correcta vamos a ver ahí está y lo voy a

convertir otra vez en esquinas y ahí

está ahora ya puedo venir y hacer esto

bien

hasta acá entonces voy a dejar este

vídeo de la edición de los nodos

déjenme los comentarios ustedes hay

alguna pregunta que tengan alguna

opinión que quieran dar no importa

recuerden

dar me gusta a este vídeo y también

pueden perfectamente darle

como es registrarse en el canal

suscribirse en el idioma de aquí de

youtube bien

dejemos esto acá y nos vemos en el

próximo vídeo