Curso Inkscape 2022 -Trabajar con degradados
Summary
TLDREste vídeo ofrece una introducción al concepto de degradado en diseño gráfico, explicando cómo se crea un efecto de transición de un color a otro y de opacidad. Se muestran técnicas para aplicar degradados lineales y radiales en objetos, editando colores y opacidad con la herramienta de degradado. Además, se explora la adición de múltiples colores y la manipulación del canal alfa para controlar la transparencia. El vídeo termina con ejemplos prácticos de cómo se pueden utilizar estos degradados para crear efectos visuales interesantes en el software de diseño gráfico Inkscape.
Takeaways
- 🎨 Un degradado es la transición de un color a otro, o de opacidad a transparencia.
- 🖌️ Para aplicar un degradado en Inkscape, se utiliza la herramienta 'Crear y Editar Degradados'.
- 🔲 Se pueden crear degradados opacos y transparentes en objetos, lo que afecta su apariencia visual.
- 👁️ Es útil tener un fondo de cuadrícula para visualizar la transparencia en los objetos.
- 🎨 Los degradados lineales varían de opaco a transparente en una dirección lineal.
- 🌀 Los degradados radiales varían de opacidad desde el centro hacia el borde del objeto.
- 🎛️ La edición de degradados permite ajustar la intensidad de colores y la opacidad en diferentes puntos del degradado.
- 🌈 Se pueden agregar 'paradas' de color en los degradados para crear transiciones más complejas.
- 🖊️ Los degradados también se pueden aplicar a los bordes de los objetos para efectos visuales variados.
- 🔄 Se pueden eliminar o modificar las paradas de color en los degradados para ajustar su apariencia.
Q & A
¿Qué es un degradado en el contexto del diseño gráfico?
-Un degradado es una transición entre un color y otro, o entre una opacidad y otra, que se puede aplicar tanto a objetos opacos como a transparentes en el diseño gráfico.
¿Cómo se crea un degradado en un objeto en el programa mencionado en el guion?
-Para crear un degradado en un objeto, se selecciona la herramienta de degradado, se hace clic en el objeto y se arrastra para aplicar el degradado desde un color opaco hacia la transparencia.
¿Qué herramienta se utiliza para editar degradados una vez aplicados en el programa?
-Se utiliza la herramienta de edición de degradados, la cual se activa al hacer clic en la línea del degradado y permite ajustar los colores y la opacidad.
¿Cómo se cambia el color en un degradado una vez que se ha aplicado?
-Para cambiar el color en un degradado, se selecciona el punto correspondiente en la línea del degradado y se hace clic en la paleta de colores para elegir el nuevo color.
¿Qué es el canal alfa y cómo afecta a la transparencia del degradado?
-El canal alfa es un componente del color que define la opacidad. Un valor de 0 en el canal alfa hace que el degradado sea totalmente transparente, mientras que un valor de 100% lo hace completamente opaco.
¿Qué es un degradado radial y cómo se diferencia del degradado lineal?
-Un degradado radial es aquel que se dispersa desde el centro hacia afuera, creando un efecto de transición de color desde el centro hacia el borde del objeto, a diferencia del degradado lineal que se aplica en línea recta.
¿Cómo se agregan más colores a un degradado radial en el programa?
-Para agregar más colores a un degradado radial, se selecciona la herramienta de edición de degradado y se hace clic en el icono que permite agregar paradas de color, luego se selecciona la nueva parada y se le asigna el color deseado.
¿Cómo se simula un efecto de brillo en una bola usando degradados radiales?
-Para simular un brillo en una bola, se crea un degradado radial con una transición de color desde el centro hacia afuera, dejando el centro con más opacidad y disminuyendo hacia afuera para crear un efecto de reflejo.
¿Cómo se aplica un degradado al borde de un objeto en lugar de a su relleno?
-Para aplicar un degradado al borde de un objeto, se selecciona el objeto, se ajusta el grosor del borde y se utiliza la herramienta de degradado para aplicar el efecto de color desde la orilla hacia adentro o hacia afuera.
¿Cómo se elimina un degradado que ya se ha aplicado a un objeto?
-Para eliminar un degradado aplicado a un objeto, se selecciona la herramienta de edición de degradado y se hace clic en la herramienta para desactivar o eliminar las paradas de color que conforman el degradado.
Outlines
🎨 Introducción a los Degradados en Diseño
El primer párrafo presenta la idea de los degradados, que son transiciones de un color a otro o de opacidad. Se explica cómo aplicar un degradado a un objeto en un programa de diseño gráfico como Skate, utilizando la herramienta de degradado para ir de una transparencia total a opacidad. Se menciona la importancia de comprender la opacidad y se da un ejemplo práctico de cómo aplicar un degradado desde un color opaco hasta la transparencia. Además, se discute cómo editar los degradados y cambiar los colores en los extremos del degradado.
🖌️ Creando Degradados Lineales y Radiales
En el segundo párrafo, se profundiza en la creación de degradados lineales y radiales. Se muestra cómo rellenar un objeto con un color sólido y luego aplicar un degradado tanto lineal como radial. Se explica cómo se utiliza el canal alpha para controlar la opacidad en los degradados y cómo se pueden editar estos para cambiar los colores y la opacidad en los extremos del degradado. También se menciona el uso de degradados radiales para crear efectos centrífugos y centrífugos en el diseño.
🌈 Añadir Múltiples Colores a los Degradados
El tercer párrafo se centra en cómo agregar más de un color a los degradados, creando así una transición más compleja entre varios colores. Se describe el proceso de agregar 'paradas' de color en la herramienta de edición de degradados y cómo se pueden seleccionar y modificar para crear un efecto degradado más rico. Se muestra cómo se pueden combinar degradados lineales y radiales y cómo se pueden ajustar las paradas de color para lograr diferentes efectos visuales.
🔵 Aplica Degradados a Bordes y Simular Efectos
Este párrafo explora la aplicación de degradados no solo a los rellenos de objetos, sino también a sus bordes. Se muestra cómo aplicar un degradado lineal a los bordes de un objeto y cómo combinar diferentes colores para lograr un efecto de transición de opacidad. Además, se abordan técnicas para simular efectos realistas, como la iluminación y la reflexión de luz, utilizando degradados en objetos con formas específicas, como tubos cilíndricos.
🎱 Simulando Efectos con Degradados
El último párrafo del guion muestra cómo se pueden utilizar los degradados para crear efectos visuales interesantes, como el brillo en una bola de billar. Se describe el proceso de crear un degradado radial y ajustar la opacidad para simular la luz reflejada en una superficie curva. Se utiliza un fondo blanco para contrastar y resaltar el efecto del degradado. Finalmente, se invita a los espectadores a suscribirse y seguir el canal para más tutoriales prácticos sobre diseño gráfico en Skate.
Mindmap
Keywords
💡Degradado
💡Opacidad
💡Transparencia
💡Herramienta de degradado
💡Degradado lineal
💡Degradado radial
💡Canal alfa
💡Paradas de color
💡Relleno y borde
💡Edición de degradados
Highlights
Explicación de lo que es un degradado y cómo se puede entender como una transición de un color a otro o de opacidad.
Demostración de cómo crear un objeto transparente y luego aplicarle un degradado para pasar a opaco.
Uso de la herramienta de degradado para aplicar efectos de transición de color en objetos gráficos.
Importancia de comprender el concepto de opacidad y transparencia en el diseño gráfico.
Tutorial sobre cómo utilizar la herramienta de degradado para seleccionar y aplicar colores en un objeto.
Ejemplo práctico de cómo aplicar un degradado desde un color opaco hacia la transparencia.
Utilización de fondos de cuadrícula para visualizar mejor la transparencia en los objetos con degradado.
Cómo editar un degradado existente y modificar sus propiedades como la forma y la intensidad del efecto.
Explicación sobre cómo cambiar el color en un degradado y la importancia de la selección de colores contrastantes.
Tutorial de cómo aplicar degradados lineales y radiales utilizando la herramienta de relleno y bordes.
Descripción de cómo se utiliza el canal alfa para controlar la opacidad en los degradados.
Ejemplo de cómo agregar más colores a un degradado radial para crear un efecto más complejo.
Tutorial sobre cómo editar y ajustar las paradas de color en un degradado radial.
Demostración de cómo aplicar degradados a los bordes de un objeto para crear efectos de sombra y profundidad.
Ejemplo de cómo combinar degradados lineales y radiales para crear efectos visuales interesantes.
Tutorial de cómo simular efectos de iluminación y reflejos utilizando degradados y transparencia.
Explicación de cómo eliminar y ajustar paradas de color en un degradado para modificar su apariencia.
Conclusión del tutorial con una recapitulación de los conceptos aprendidos y una invitación a suscribirse para más contenido.
Transcripts
hola a todos bienvenidos
hoy toca el turno de hablar de
de grados si vayamos a nuestro en skate
elijamos pantalla
y listo
empezamos que es un degradado un
degradado podemos entenderlo como pasar
de un color
a otro
o también podemos entendernos cómo pasar
de una parte opaca a una parte
transparente si lo voy a explicar mejor
con un ejemplo vamos a ver
cuando creamos un objeto
en este caso no tiene
color no tiene relleno está totalmente
transparente vamos a ver vamos al
relleno aquí está
este objeto pues es totalmente opaco no
porque sea de color oscuro o negro sino
porque el color está
no tiene transparencia en otras palabras
bueno
esto porque hay que comprender el
concepto de opacidad de transparencia
aquí en éste
para hablar un poquito del tema
degradado
y vamos a utilizar la herramienta de
degradado aquí está esta que dice crear
y editar degradados si damos clic en
ella se nos convierte el puntero del
mouse y luego damos clic en el objeto
que queremos aplicar el degradado y
arrastramos
de esta manera vamos a seleccionar la
herramienta de flecha de selección ya
bueno aquí tenemos un objeto con
degradado pero en este caso degradado va
desde un color
totalmente opaco y hacia
transparencia aquí conviene mucho el
tener
este fondo así en en cuadrícula porque
nos permite saber en qué parte del
objeto es transparente como en este caso
de acá y en qué parte del objeto es
opaco
esto funciona no solo para explorar
oscuros sino que para cualquier color si
le aplicamos degradado acá
está aquí hemos hecho entonces un
degradado y como ven al darle clic aquí
como está este esta paleta de color
sirve para rellenar cosas de un color lo
rellena totalmente por lo tanto tenemos
que volver a hacer el degradado
bien una vez que tenemos este está esta
herramienta degradado aplicada vamos a
ver que aquí nos aparece esta línea con
dos terminales una cuadrada y una
redonda sí aquí la estela cuadrada y acá
tenemos la terminación redonda que
ocurre que al mes al dar clic aquí en la
terminación redonda podemos nosotros
ensanchar o encoger el degradado de
acuerdo y al dar clic y arrastrar la
terminación cuadrada podemos nosotros
también darle el efecto que decíamos a
nuestro degradado incluso podemos hacer
esto una vez que lo estamos editando
podemos hacer esto
cambiar el del degradado para donde
nosotros querramos
e igualmente podemos
y bueno voy a explicar esto que ocurrió
ahorita cuando seleccionamos un punto en
este caso el redondo y damos clic a un
color entonces le estamos diciendo a en
skate que vamos a pasar de un degradado
que era transparente a dónde irá a un
degradado ya ha basado en dos colores o
sea pasamos de este color de acá al
color verde sí igual podemos dar clic en
otro lado en el otro terminal que es
cuadrada y damos clic en un color y ya
estamos pasando entonces de un color a
otro
bien esto se aplica
de esta manera
y podemos jugar con el degradado que
nosotros queramos
de acuerdo podemos seleccionar el color
que nosotros querramos se ve clic aquí y
vamos a ver que estamos aplicándole
degradados de pasando de un color hacia
otro esta parte de aquí en medio pues
que no es ni de un color ni del otro es
lo que se conoce como gradiente
si es pasar de un tono a otro tono no
hacerlo con algo que los colores que
contrasten mucho para que se vea mejor
ahí podría ser listo entonces estos son
como degradados a este tipo de grado así
que pasa de un tono a otro
se les conoce como degradados lineales
de acuerdo hay una forma de aplicarlos
sin utilizar la herramienta que nos
selecciona vaca pero esta la manera como
más controlada hay una forma de aplicar
degradados de la siguiente manera voy a
rellenar este objeto de un único color
ahí está un color verde totalmente si
nos vamos al diálogo donde dice relleno
y bordes
van a ver que aquí hay varias opciones
si quiero quitar el relleno y voy a
aplicarle ahorita un borde para que se
note mejor en la orilla un borde color
rojo
si acción dice el color de trazo y
estilo detrás sólo vamos a poner aquí
tiene 0 lo van a poner 95 ahí está un
poco más abajo del 10 para que se note
más más más grueso el borde
vuestras bueno
tengo este objeto relleno de color verde
pero yo quiero utilizar esta herramienta
de aquí fíjense que acá tenemos el
relleno sólido y aquí está la equis para
quitar el perdón voy a seleccionar
relleno aquí tengo seleccionado trazo
vamos a ver
y acá vamos a dejar el trazo aquí en el
relleno la pestaña de relleno a veces
suele ocurrir que en vez de dbt fijarte
en que ésta está seleccionada aquí el
relleno es este el relleno aquí este
color verde vamos a ver tenemos para
quitar el relleno acá y sólo nos queda
el trazo o el borde y luego tenemos el
otro a la par que es para rellenarlo
totalmente de acuerdo y acá tenemos el
otro que si dejamos de más un ratito es
el degradado lineal si doy clic acá lo
que va a pasar es esto
pasa el degradado de opaco totalmente
transparente tal como lo hicimos cuando
agarramos una herramienta de degradado
si
igual podemos editar si nos vamos aquí
en la herramienta de edición de
degradado esta y acá en este extremo
podemos seleccionar otro color
tal como decimos anteriormente sólo que
ahora lo estamos haciendo aquí pero si
nos fijamos
nos queda siempre transparente que
ocurre que aquí esté el canal alfa que
se le llama aquí en en color del canal
alfa define la opacidad si está aquí en
0 pues va a ser totalmente transparente
y sí pero fíjense que debe estar
seleccionada la terminación que redonda
la ruedita acá entonces aquí el canal
alpha está en cero a medida que
aumentamos aquí vamos a ir viendo que la
transparencia se va eliminando hasta que
llegue a cierto número al cien por
ciento en este caso que es 100 entonces
podemos jugar también con la opacidad si
nosotros la podemos mover aquí sí y
aumentarle o disminuir la opacidad esto
es lo que se conoce entonces como el
canal alpha por eso aquí se rgb en el
ere sería de red lage sería de green la
vez sería de blue y sería de canal alfa
bueno
ya vimos entonces lo que es degradado
lineal
y cómo se puede editar pero existe
también un degradado al que se le conoce
como de grado radial
voy a utilizarlo pero para eso que creó
el proyecto para dejar ese ahí demuestra
y es en esta ocasión vamos a aprovechar
el efecto degradado radial utilizando
una elipse o un círculo acá
ahí está vamos a ver vamos a aplicar
entonces un degradado radial aquí si yo
vengo y aquí en la herramienta de
relleno y bordes perdón en la ventana de
relleno y borde hago clic de uno de una
vez aquí en degradado radial
piense lo que ocurre
pasa de opacidad total en el centro la
transparencia en el área si yo le quito
el trazo a esto vamos a quitárselo aquí
en la pestaña de trazo y lo eliminó aquí
en la x y acá me queda ya un objeto
totalmente opaco en el centro y
transparente hacia la orilla bueno si
quiero pasar de un color a otro igual lo
puedo venir aquí y editar vamos a ver
acá está fíjense que con ahora como la
herramienta de degradado ya no es lineal
sino que tiene esta fórmula de ángulo de
90 grados para qué sirve pues en el
centro ha sido de clic ahí el cuadrito
que está en el centro voy a ponerlo
vamos a ver de color azul y doy clic acá
en la terminación que es redonda puede
ser cualquiera de las dos puede ser ésta
o puede ser ésta si hago clic para
seleccionar esta terminación de la
orilla y voy a dar clic en otro color
aquí vamos a ver aquí es transparencia
pero si le quiero aplicar un color vamos
a dar clic acá
y ahí está y fíjense que
siempre es el canal alfa está en 0
entonces podemos aumentar aquí y de esta
manera pasamos d
un color en el centro hacia un color en
el borde esto sería entonces un
degradado
radial sin forma de radio o sea del
centro hacia la orilla bueno qué más
podemos hacer con esto de los degradados
voy a pasar al objeto de arriba para
seguir ejemplificando vamos a ver
cuando doy clic en los nietos pues
simple y sencillamente seleccione un
objeto pero sí voy clic como los otros
seleccionados doy clic en la herramienta
de degradado
aparece la línea aquella que ya habíamos
explicado pero qué pasa si yo quiero
agregar agregar más colores aquí en este
gradiente podemos decir lo que es la
parte de acá del centro pues tengo que
seleccionar obligatoriamente y aquí si
es obligatorio seleccionar el cuadrito
la terminación cuadrada y aquí vamos a
buscarlo aquí está este icono de cada
arriba
permite agregar como paradas que se le
llaman en una parada y aquí se ha
agregado otro cuadrito pero éste está
aquí en el centro sí que pasa si yo
selección de ese cuadrito que está en el
centro sí creo que se ve ahí en la
pequeña fila imagen y luego vamos a
salir a otro color vamos a ver uno que
contraste más
puede hacer este ahí está
qué ocurre ahora pues estamos pasando de
un color verde a otro aquí en esta parte
del medio y el otro donde ya lo
tendríamos puedo seguir agregando más
paradas sí donde pues simple y
sencillamente selecciona el cuadrito o
incluso si decisional aquí de en medio
estás acá
puedo ir agregando más ahí está aquí me
aparece entonces pequeño cuadro y aquí
puedo seleccionar
perfectamente otro color vamos a ver con
este violeta y ahí está
ya he agregado entonces
varios pasos como pasar de un color a
otro a otro a otro así y así puedo estar
agregándole más paradas que son para
cambiar de color
al seleccionar esta de aquí en la parada
va a aparecer aquí en el centro al dar
clic en este icono ahí está y luego le
doy clic para asegurarme de que esté
seleccionada y seleccionó otro color
ahí está
vamos a editar el último para que
contraste más otra vez que sea verde
y ahí está
bien
esto entonces es más o menos como se
editan y cómo se agregan
parada de colores en los objetos fíjense
cómo
el paso de un color a otro pues crea
también su efecto ahí al mezclarse ambos
colores que funciona esto en la note
grados radiales veamos
seleccionamos el objeto y luego
seleccionamos el editor de degradado ahí
está vamos a dar clic aquí en el
cuadrito ahí y vamos a ver dando clic
acá en agregar una parada
ahí se han aparecido dos pequeñas
imágenes perdón dos pequeñas marcas aquí
vamos a darle clic a una de ellas y
vamos a cambiar a un color vamos a
ponerle este rojo y ahí ya tenemos
entonces un de grado radial con más
colores
cómo podemos hacer esto y cómo lo
podemos editar si movemos en las paradas
lista entonces
podríamos agregar una última vamos a ver
vamos a dar clic aquí en la pequeña
marca que está ahí y le vamos a dar clic
acá vemos que se ha agregado una parada
aquí la seleccionamos haciendo clic y
ésta le vamos a dar de color acá
y listo
hemos continuado entonces agregando más
colores y por último a la que está aquí
de color verde la vamos a retrasar en té
ahí está
100% transparente cero opacidad y de esa
manera entonces tenemos este objeto
muy psicodélico
bueno
a que más le podemos agregar
degradados pues a los bordes como
quitamos un degradado pues simple y
sencillamente vamos a venir acá ahora
una herramienta de edición
damos clic acá
instalamos - vamos a ir quitando los
menos podemos ir quitando las paradas
que eran las que definían los todos
diferente de color y ahí ya está
totalmente relleno de un solo color que
quiere mostrarles que también se le
puede agregar degradados a los trazos
los bordes para ello vamos a hacer por
un poco más grueso vamos a ponerle aquí
20 y listo
y vamos a irnos entonces
aquí al color de trazo y lo podemos ser
directamente aquí sin usar la
herramienta siempre decía vete la
máquina a dar aquí clic acá en de grado
lineal y ya hemos logrado aplicar un
degradado al borde que va de un opaco
totalmente a transparencia pero igual
podemos combinar colores y vamos a
seleccionar el objeto y damos clic en la
herramienta degradado y ahora vamos a
seleccionar aquí la terminación redonda
y vamos a cambiar el color vamos a
ponerle color acá hay de entrada pues
está transparente por lo tanto de un
mover aquí
el canal alfa para que pase de un color
rojo el trazo a un color azul que hemos
elegido
bueno de esta manera entonces hemos
aprendido a trabajar con cuando grados y
por último vamos a dar clic acá vamos a
borrar
eliminar en delete
vamos a ver imaginemos que este es una
especie de tubo digamos un objeto
redondo
cilíndrico y vamos a quitarle el
el trazo aquí en la pestaña trazo lo
quitamos
vamos a utilizar un degradado lineal
como está seleccionado el trazo aquí no
lo está aplicando el trazo así que vamos
a quitar lo que deseamos relleno esto es
bien común que uno se equivoque en que
ésta está seleccionada por eso siempre
que fijarse vamos a hacer esto aquí
vamos a pasar por ejemplo bueno pues
aquí un color gris
y vamos a dar clic aquí en el selector
en la
figura cuadrada
y haber aquí con la herramienta de grado
seleccionada vamos a agregar otra parada
más ahí en medio y esta vamos a poner un
poco más blanca ahí y aquí al final pues
vamos a seleccionar la terminación
redonda nos vamos a ir al relleno
aquí para estar en 0 el canal alfa
y vamos a seleccionar otra vez en
gris bueno de esta manera el efecto que
logramos es como si esto fuera una
especie de tubo al que le pega la luz en
esta parte sí y el de mal además
la orilla está más opaca para contrastar
vamos a ver pongámosle acción objeto
blanco
y mandemos al fondo
y bueno aquí se aprecia perfectamente
que hay un degradado en el centro un
poco de zoom ahí está de esta manera
entonces podemos simular un reflejo de
acuerdo
bien como último ejercicio
hagamos a uno más vamos a seleccionar
aquí
eliminemos este y eliminamos este
hagamos un círculo
perfectamente redondo sí
rellenamos lo de color
negro y hagamos como que tiene un brillo
acá como lo haríamos pues igual
dibujamos otros círculos como están
negro pues no se ve vamos a pintarlo de
color blanco
y aquí el de grado radial
hacemos esto y podemos
el psoe
para simular una especie de priva acá y
le quitamos un poco la transparencia
para que se vea mejor el efecto aquí en
el centro vamos a dejar nuestro 50% o
algo así vamos a ver 60 por ciento al
vacío
y este de acá pues ahí está
soy
podemos hacer esto
bien de esta manera entonces estamos
simulando un brillo en una pelota podría
ser de acuerdo
si imaginamos que esto es una bola de
billar
un hombre un fondo blanco para que se
vea mejor
cuando hagamos un dibujo y veamos que se
ve así como semi transparente es porque
la opacidad que seleccionamos aquí la
última vez pues ésta no es tan 106 y lo
ponemos ahí ya queda totalmente opaco
donde mora el fondo y ahí está nuestra
nuestra bola de pixar
que le hace falta un número
8
blanco
con control presionada lo hacemos crecer
con control presionado lo hacemos para
acceder a esto y mandemos la trate de la
iluminación
ahí está
bien sólo quería
ejemplificar un poquito
ahí estáis podemos editar el degradado
sobre clic acá en el cuadrito y
y ahí está
bueno creo que más o menos entiende que
lo queremos hacer bien listo entonces
ésta ha sido una implicación bastante
rápida de lo que es un degradado se le
puede aplicar una línea recta sí
perfectamente a todo prácticamente se le
puede aplicar esto degradado bien
dejemos hasta aquí el vídeo para que no
se nos haga más largo y
nos veremos en el próximo vídeo
suscríbete y dale me gusta para seguir
haciendo ejemplos prácticos con un skate
hasta luego
Ver Más Videos Relacionados
Curso Inkscape 2022 -Crear y editar trazos
Te descubro La Mejor TRANSICIÓN de Power Point 🚀
👁🌈 PSICOLOGÍA del COLOR en el DISEÑO GRÁFICO
Curso Inkscape 2022 -Herramientas de selección, zoom y rectángulo
AUTOCAD PARA PRINCIPIANTES 1 ( DESDE CERO - BIEN EXPLICADO)
Curso de Scratch 3.0 desde cero🙀 Para principiantes
5.0 / 5 (0 votes)