Curso Inkscape 2022 -Trabajar con degradados

Profe Armando
10 Apr 202221:28

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

00:00

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

05:01

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

10:03

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

15:04

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

20:05

🎱 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

El término 'degradado' se refiere a la transición suave de un color a otro o de opacidad a transparencia. En el video, se utiliza para describir cómo se crea una transición visual en objetos gráficos, pasando de un color opaco a uno transparente o de un tono a otro. Se ejemplifica con la creación de un objeto en el que se aplica un degradado desde un color totalmente opaco hacia la transparencia.

💡Opacidad

La 'opacidad' es la medida en la que un objeto permite la transmisión de la luz, siendo opaco cuando no permite la transmisión de la luz y transparente cuando la permite completamente. En el video, se explica cómo la opacidad es un factor clave al crear degradados, ya que permite controlar la transparencia de los colores en los objetos gráficos.

💡Transparencia

La 'transparencia' es la propiedad de un material que permite ver a través de él. En el contexto del video, se relaciona con la creación de degradados, donde se muestra cómo un objeto puede ir de ser completamente transparente a opaco, utilizando la herramienta de degradado para modificar la transparencia de los colores.

💡Herramienta de degradado

La 'herramienta de degradado' es una función en programas de diseño gráfico que permite aplicar y editar degradados en objetos. En el video, se detalla cómo usar esta herramienta para aplicar degradados lineales y radiales, y cómo se puede ajustar la intensidad y la dirección del degradado para lograr diferentes efectos visuales.

💡Degradado lineal

El 'degradado lineal' es un tipo de degradado que se realiza de un punto a otro en línea recta, generalmente de opacidad a transparencia o de un color a otro. En el video, se muestra cómo se aplica un degradado lineal a objetos gráficos, creando una transición visual que varía según la dirección y la longitud del degradado.

💡Degradado radial

El 'degradado radial' es un tipo de degradado que se expande de manera circular, generalmente desde el centro hacia afuera. En el video, se ejemplifica cómo se aplica un degradado radial para crear efectos que varían desde el centro hacia el borde del objeto, lo que puede simular iluminación o profundidad.

💡Canal alfa

El 'canal alfa' es una medida de transparencia en la composición de colores, donde un valor de 0 representa total transparencia y un valor de 100 representa opacidad completa. En el video, se explica cómo se ajusta el canal alfa para controlar la opacidad en los degradados, permitiendo así crear efectos de transparencia en los objetos gráficos.

💡Paradas de color

Las 'paradas de color' son puntos en un degradado que definen los colores y las posiciones en las que ocurren los cambios de color. En el video, se muestra cómo se agregan y editan paradas de color en los degradados para controlar la transición de un color a otro, creando así una variedad de efectos visuales.

💡Relleno y borde

El 'relleno' y el 'borde' son términos utilizados para describir el interior y el contorno de un objeto gráfico respectivamente. En el video, se discute cómo se aplican degradados tanto al relleno como al borde de los objetos, permitiendo la creación de efectos visuales complejos y la manipulación de la apariencia de los objetos.

💡Edición de degradados

La 'edición de degradados' se refiere al proceso de ajustar y modificar los degradados una vez aplicados a un objeto. En el video, se explica cómo se editan los degradados para cambiar los colores, las transiciones y la opacidad, utilizando herramientas específicas para ajustar la apariencia final del objeto gráfico.

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

play00:00

hola a todos bienvenidos

play00:03

hoy toca el turno de hablar de

play00:07

de grados si vayamos a nuestro en skate

play00:17

elijamos pantalla

play00:21

y listo

play00:22

empezamos que es un degradado un

play00:25

degradado podemos entenderlo como pasar

play00:27

de un color

play00:29

a otro

play00:32

o también podemos entendernos cómo pasar

play00:34

de una parte opaca a una parte

play00:39

transparente si lo voy a explicar mejor

play00:42

con un ejemplo vamos a ver

play00:45

cuando creamos un objeto

play00:49

en este caso no tiene

play00:52

color no tiene relleno está totalmente

play00:55

transparente vamos a ver vamos al

play00:57

relleno aquí está

play01:00

este objeto pues es totalmente opaco no

play01:03

porque sea de color oscuro o negro sino

play01:05

porque el color está

play01:08

no tiene transparencia en otras palabras

play01:11

bueno

play01:13

esto porque hay que comprender el

play01:16

concepto de opacidad de transparencia

play01:18

aquí en éste

play01:21

para hablar un poquito del tema

play01:24

degradado

play01:26

y vamos a utilizar la herramienta de

play01:28

degradado aquí está esta que dice crear

play01:31

y editar degradados si damos clic en

play01:34

ella se nos convierte el puntero del

play01:37

mouse y luego damos clic en el objeto

play01:39

que queremos aplicar el degradado y

play01:41

arrastramos

play01:43

de esta manera vamos a seleccionar la

play01:46

herramienta de flecha de selección ya

play01:47

bueno aquí tenemos un objeto con

play01:51

degradado pero en este caso degradado va

play01:53

desde un color

play01:55

totalmente opaco y hacia

play01:59

transparencia aquí conviene mucho el

play02:02

tener

play02:03

este fondo así en en cuadrícula porque

play02:07

nos permite saber en qué parte del

play02:09

objeto es transparente como en este caso

play02:11

de acá y en qué parte del objeto es

play02:13

opaco

play02:14

esto funciona no solo para explorar

play02:16

oscuros sino que para cualquier color si

play02:19

le aplicamos degradado acá

play02:21

está aquí hemos hecho entonces un

play02:24

degradado y como ven al darle clic aquí

play02:28

como está este esta paleta de color

play02:30

sirve para rellenar cosas de un color lo

play02:33

rellena totalmente por lo tanto tenemos

play02:35

que volver a hacer el degradado

play02:38

bien una vez que tenemos este está esta

play02:41

herramienta degradado aplicada vamos a

play02:43

ver que aquí nos aparece esta línea con

play02:46

dos terminales una cuadrada y una

play02:48

redonda sí aquí la estela cuadrada y acá

play02:52

tenemos la terminación redonda que

play02:55

ocurre que al mes al dar clic aquí en la

play02:58

terminación redonda podemos nosotros

play03:01

ensanchar o encoger el degradado de

play03:05

acuerdo y al dar clic y arrastrar la

play03:08

terminación cuadrada podemos nosotros

play03:11

también darle el efecto que decíamos a

play03:14

nuestro degradado incluso podemos hacer

play03:17

esto una vez que lo estamos editando

play03:19

podemos hacer esto

play03:21

cambiar el del degradado para donde

play03:23

nosotros querramos

play03:28

e igualmente podemos

play03:31

y bueno voy a explicar esto que ocurrió

play03:34

ahorita cuando seleccionamos un punto en

play03:36

este caso el redondo y damos clic a un

play03:39

color entonces le estamos diciendo a en

play03:42

skate que vamos a pasar de un degradado

play03:44

que era transparente a dónde irá a un

play03:46

degradado ya ha basado en dos colores o

play03:48

sea pasamos de este color de acá al

play03:51

color verde sí igual podemos dar clic en

play03:55

otro lado en el otro terminal que es

play03:57

cuadrada y damos clic en un color y ya

play03:59

estamos pasando entonces de un color a

play04:01

otro

play04:03

bien esto se aplica

play04:05

de esta manera

play04:08

y podemos jugar con el degradado que

play04:11

nosotros queramos

play04:12

de acuerdo podemos seleccionar el color

play04:14

que nosotros querramos se ve clic aquí y

play04:17

vamos a ver que estamos aplicándole

play04:20

degradados de pasando de un color hacia

play04:23

otro esta parte de aquí en medio pues

play04:26

que no es ni de un color ni del otro es

play04:29

lo que se conoce como gradiente

play04:32

si es pasar de un tono a otro tono no

play04:35

hacerlo con algo que los colores que

play04:38

contrasten mucho para que se vea mejor

play04:42

ahí podría ser listo entonces estos son

play04:46

como degradados a este tipo de grado así

play04:48

que pasa de un tono a otro

play04:50

se les conoce como degradados lineales

play04:53

de acuerdo hay una forma de aplicarlos

play04:56

sin utilizar la herramienta que nos

play04:58

selecciona vaca pero esta la manera como

play05:01

más controlada hay una forma de aplicar

play05:03

degradados de la siguiente manera voy a

play05:06

rellenar este objeto de un único color

play05:09

ahí está un color verde totalmente si

play05:14

nos vamos al diálogo donde dice relleno

play05:17

y bordes

play05:21

van a ver que aquí hay varias opciones

play05:24

si quiero quitar el relleno y voy a

play05:28

aplicarle ahorita un borde para que se

play05:31

note mejor en la orilla un borde color

play05:35

rojo

play05:36

si acción dice el color de trazo y

play05:39

estilo detrás sólo vamos a poner aquí

play05:40

tiene 0 lo van a poner 95 ahí está un

play05:44

poco más abajo del 10 para que se note

play05:47

más más más grueso el borde

play05:50

vuestras bueno

play05:53

tengo este objeto relleno de color verde

play05:56

pero yo quiero utilizar esta herramienta

play05:58

de aquí fíjense que acá tenemos el

play06:00

relleno sólido y aquí está la equis para

play06:03

quitar el perdón voy a seleccionar

play06:06

relleno aquí tengo seleccionado trazo

play06:09

vamos a ver

play06:12

y acá vamos a dejar el trazo aquí en el

play06:15

relleno la pestaña de relleno a veces

play06:16

suele ocurrir que en vez de dbt fijarte

play06:19

en que ésta está seleccionada aquí el

play06:22

relleno es este el relleno aquí este

play06:24

color verde vamos a ver tenemos para

play06:27

quitar el relleno acá y sólo nos queda

play06:30

el trazo o el borde y luego tenemos el

play06:33

otro a la par que es para rellenarlo

play06:36

totalmente de acuerdo y acá tenemos el

play06:38

otro que si dejamos de más un ratito es

play06:41

el degradado lineal si doy clic acá lo

play06:43

que va a pasar es esto

play06:46

pasa el degradado de opaco totalmente

play06:49

transparente tal como lo hicimos cuando

play06:51

agarramos una herramienta de degradado

play06:54

si

play06:56

igual podemos editar si nos vamos aquí

play06:59

en la herramienta de edición de

play07:00

degradado esta y acá en este extremo

play07:02

podemos seleccionar otro color

play07:05

tal como decimos anteriormente sólo que

play07:07

ahora lo estamos haciendo aquí pero si

play07:09

nos fijamos

play07:10

nos queda siempre transparente que

play07:13

ocurre que aquí esté el canal alfa que

play07:16

se le llama aquí en en color del canal

play07:20

alfa define la opacidad si está aquí en

play07:23

0 pues va a ser totalmente transparente

play07:26

y sí pero fíjense que debe estar

play07:29

seleccionada la terminación que redonda

play07:31

la ruedita acá entonces aquí el canal

play07:35

alpha está en cero a medida que

play07:37

aumentamos aquí vamos a ir viendo que la

play07:40

transparencia se va eliminando hasta que

play07:43

llegue a cierto número al cien por

play07:44

ciento en este caso que es 100 entonces

play07:47

podemos jugar también con la opacidad si

play07:49

nosotros la podemos mover aquí sí y

play07:52

aumentarle o disminuir la opacidad esto

play07:55

es lo que se conoce entonces como el

play07:56

canal alpha por eso aquí se rgb en el

play08:00

ere sería de red lage sería de green la

play08:04

vez sería de blue y sería de canal alfa

play08:08

bueno

play08:10

ya vimos entonces lo que es degradado

play08:12

lineal

play08:14

y cómo se puede editar pero existe

play08:17

también un degradado al que se le conoce

play08:19

como de grado radial

play08:21

voy a utilizarlo pero para eso que creó

play08:23

el proyecto para dejar ese ahí demuestra

play08:26

y es en esta ocasión vamos a aprovechar

play08:29

el efecto degradado radial utilizando

play08:31

una elipse o un círculo acá

play08:36

ahí está vamos a ver vamos a aplicar

play08:38

entonces un degradado radial aquí si yo

play08:41

vengo y aquí en la herramienta de

play08:43

relleno y bordes perdón en la ventana de

play08:45

relleno y borde hago clic de uno de una

play08:48

vez aquí en degradado radial

play08:50

piense lo que ocurre

play08:54

pasa de opacidad total en el centro la

play08:57

transparencia en el área si yo le quito

play09:01

el trazo a esto vamos a quitárselo aquí

play09:04

en la pestaña de trazo y lo eliminó aquí

play09:07

en la x y acá me queda ya un objeto

play09:11

totalmente opaco en el centro y

play09:15

transparente hacia la orilla bueno si

play09:21

quiero pasar de un color a otro igual lo

play09:24

puedo venir aquí y editar vamos a ver

play09:26

acá está fíjense que con ahora como la

play09:29

herramienta de degradado ya no es lineal

play09:32

sino que tiene esta fórmula de ángulo de

play09:34

90 grados para qué sirve pues en el

play09:37

centro ha sido de clic ahí el cuadrito

play09:38

que está en el centro voy a ponerlo

play09:40

vamos a ver de color azul y doy clic acá

play09:44

en la terminación que es redonda puede

play09:47

ser cualquiera de las dos puede ser ésta

play09:49

o puede ser ésta si hago clic para

play09:51

seleccionar esta terminación de la

play09:52

orilla y voy a dar clic en otro color

play09:54

aquí vamos a ver aquí es transparencia

play09:57

pero si le quiero aplicar un color vamos

play09:59

a dar clic acá

play10:00

y ahí está y fíjense que

play10:03

siempre es el canal alfa está en 0

play10:06

entonces podemos aumentar aquí y de esta

play10:09

manera pasamos d

play10:11

un color en el centro hacia un color en

play10:16

el borde esto sería entonces un

play10:18

degradado

play10:19

radial sin forma de radio o sea del

play10:23

centro hacia la orilla bueno qué más

play10:26

podemos hacer con esto de los degradados

play10:28

voy a pasar al objeto de arriba para

play10:32

seguir ejemplificando vamos a ver

play10:36

cuando doy clic en los nietos pues

play10:38

simple y sencillamente seleccione un

play10:39

objeto pero sí voy clic como los otros

play10:42

seleccionados doy clic en la herramienta

play10:43

de degradado

play10:44

aparece la línea aquella que ya habíamos

play10:49

explicado pero qué pasa si yo quiero

play10:51

agregar agregar más colores aquí en este

play10:54

gradiente podemos decir lo que es la

play10:56

parte de acá del centro pues tengo que

play10:58

seleccionar obligatoriamente y aquí si

play11:00

es obligatorio seleccionar el cuadrito

play11:01

la terminación cuadrada y aquí vamos a

play11:06

buscarlo aquí está este icono de cada

play11:09

arriba

play11:10

permite agregar como paradas que se le

play11:13

llaman en una parada y aquí se ha

play11:17

agregado otro cuadrito pero éste está

play11:18

aquí en el centro sí que pasa si yo

play11:22

selección de ese cuadrito que está en el

play11:23

centro sí creo que se ve ahí en la

play11:26

pequeña fila imagen y luego vamos a

play11:29

salir a otro color vamos a ver uno que

play11:30

contraste más

play11:32

puede hacer este ahí está

play11:36

qué ocurre ahora pues estamos pasando de

play11:39

un color verde a otro aquí en esta parte

play11:43

del medio y el otro donde ya lo

play11:46

tendríamos puedo seguir agregando más

play11:48

paradas sí donde pues simple y

play11:50

sencillamente selecciona el cuadrito o

play11:52

incluso si decisional aquí de en medio

play11:57

estás acá

play11:59

puedo ir agregando más ahí está aquí me

play12:02

aparece entonces pequeño cuadro y aquí

play12:05

puedo seleccionar

play12:06

perfectamente otro color vamos a ver con

play12:09

este violeta y ahí está

play12:12

ya he agregado entonces

play12:14

varios pasos como pasar de un color a

play12:16

otro a otro a otro así y así puedo estar

play12:19

agregándole más paradas que son para

play12:23

cambiar de color

play12:24

al seleccionar esta de aquí en la parada

play12:27

va a aparecer aquí en el centro al dar

play12:30

clic en este icono ahí está y luego le

play12:32

doy clic para asegurarme de que esté

play12:34

seleccionada y seleccionó otro color

play12:39

ahí está

play12:41

vamos a editar el último para que

play12:43

contraste más otra vez que sea verde

play12:47

y ahí está

play12:49

bien

play12:50

esto entonces es más o menos como se

play12:54

editan y cómo se agregan

play12:56

parada de colores en los objetos fíjense

play13:01

cómo

play13:02

el paso de un color a otro pues crea

play13:06

también su efecto ahí al mezclarse ambos

play13:08

colores que funciona esto en la note

play13:11

grados radiales veamos

play13:13

seleccionamos el objeto y luego

play13:15

seleccionamos el editor de degradado ahí

play13:18

está vamos a dar clic aquí en el

play13:20

cuadrito ahí y vamos a ver dando clic

play13:23

acá en agregar una parada

play13:26

ahí se han aparecido dos pequeñas

play13:29

imágenes perdón dos pequeñas marcas aquí

play13:33

vamos a darle clic a una de ellas y

play13:35

vamos a cambiar a un color vamos a

play13:37

ponerle este rojo y ahí ya tenemos

play13:40

entonces un de grado radial con más

play13:45

colores

play13:46

cómo podemos hacer esto y cómo lo

play13:48

podemos editar si movemos en las paradas

play13:52

lista entonces

play13:54

podríamos agregar una última vamos a ver

play13:57

vamos a dar clic aquí en la pequeña

play14:00

marca que está ahí y le vamos a dar clic

play14:03

acá vemos que se ha agregado una parada

play14:05

aquí la seleccionamos haciendo clic y

play14:09

ésta le vamos a dar de color acá

play14:13

y listo

play14:14

hemos continuado entonces agregando más

play14:17

colores y por último a la que está aquí

play14:20

de color verde la vamos a retrasar en té

play14:24

ahí está

play14:26

100% transparente cero opacidad y de esa

play14:30

manera entonces tenemos este objeto

play14:33

muy psicodélico

play14:37

bueno

play14:38

a que más le podemos agregar

play14:41

degradados pues a los bordes como

play14:44

quitamos un degradado pues simple y

play14:47

sencillamente vamos a venir acá ahora

play14:51

una herramienta de edición

play14:52

damos clic acá

play14:54

instalamos - vamos a ir quitando los

play14:58

menos podemos ir quitando las paradas

play15:00

que eran las que definían los todos

play15:03

diferente de color y ahí ya está

play15:05

totalmente relleno de un solo color que

play15:07

quiere mostrarles que también se le

play15:09

puede agregar degradados a los trazos

play15:12

los bordes para ello vamos a hacer por

play15:15

un poco más grueso vamos a ponerle aquí

play15:17

20 y listo

play15:20

y vamos a irnos entonces

play15:24

aquí al color de trazo y lo podemos ser

play15:27

directamente aquí sin usar la

play15:28

herramienta siempre decía vete la

play15:30

máquina a dar aquí clic acá en de grado

play15:33

lineal y ya hemos logrado aplicar un

play15:35

degradado al borde que va de un opaco

play15:39

totalmente a transparencia pero igual

play15:42

podemos combinar colores y vamos a

play15:45

seleccionar el objeto y damos clic en la

play15:49

herramienta degradado y ahora vamos a

play15:50

seleccionar aquí la terminación redonda

play15:53

y vamos a cambiar el color vamos a

play15:55

ponerle color acá hay de entrada pues

play15:59

está transparente por lo tanto de un

play16:01

mover aquí

play16:02

el canal alfa para que pase de un color

play16:06

rojo el trazo a un color azul que hemos

play16:10

elegido

play16:12

bueno de esta manera entonces hemos

play16:14

aprendido a trabajar con cuando grados y

play16:19

por último vamos a dar clic acá vamos a

play16:22

borrar

play16:23

eliminar en delete

play16:25

vamos a ver imaginemos que este es una

play16:27

especie de tubo digamos un objeto

play16:30

redondo

play16:31

cilíndrico y vamos a quitarle el

play16:35

el trazo aquí en la pestaña trazo lo

play16:38

quitamos

play16:39

vamos a utilizar un degradado lineal

play16:45

como está seleccionado el trazo aquí no

play16:46

lo está aplicando el trazo así que vamos

play16:48

a quitar lo que deseamos relleno esto es

play16:51

bien común que uno se equivoque en que

play16:53

ésta está seleccionada por eso siempre

play16:54

que fijarse vamos a hacer esto aquí

play16:58

vamos a pasar por ejemplo bueno pues

play17:00

aquí un color gris

play17:02

y vamos a dar clic aquí en el selector

play17:07

en la

play17:09

figura cuadrada

play17:11

y haber aquí con la herramienta de grado

play17:16

seleccionada vamos a agregar otra parada

play17:17

más ahí en medio y esta vamos a poner un

play17:20

poco más blanca ahí y aquí al final pues

play17:24

vamos a seleccionar la terminación

play17:26

redonda nos vamos a ir al relleno

play17:30

aquí para estar en 0 el canal alfa

play17:35

y vamos a seleccionar otra vez en

play17:38

gris bueno de esta manera el efecto que

play17:40

logramos es como si esto fuera una

play17:42

especie de tubo al que le pega la luz en

play17:45

esta parte sí y el de mal además

play17:49

la orilla está más opaca para contrastar

play17:53

vamos a ver pongámosle acción objeto

play17:55

blanco

play17:57

y mandemos al fondo

play18:01

y bueno aquí se aprecia perfectamente

play18:04

que hay un degradado en el centro un

play18:09

poco de zoom ahí está de esta manera

play18:13

entonces podemos simular un reflejo de

play18:16

acuerdo

play18:17

bien como último ejercicio

play18:21

hagamos a uno más vamos a seleccionar

play18:24

aquí

play18:26

eliminemos este y eliminamos este

play18:29

hagamos un círculo

play18:33

perfectamente redondo sí

play18:37

rellenamos lo de color

play18:40

negro y hagamos como que tiene un brillo

play18:43

acá como lo haríamos pues igual

play18:44

dibujamos otros círculos como están

play18:47

negro pues no se ve vamos a pintarlo de

play18:49

color blanco

play18:52

y aquí el de grado radial

play18:56

hacemos esto y podemos

play19:00

el psoe

play19:02

para simular una especie de priva acá y

play19:05

le quitamos un poco la transparencia

play19:06

para que se vea mejor el efecto aquí en

play19:10

el centro vamos a dejar nuestro 50% o

play19:13

algo así vamos a ver 60 por ciento al

play19:17

vacío

play19:19

y este de acá pues ahí está

play19:22

soy

play19:26

podemos hacer esto

play19:28

bien de esta manera entonces estamos

play19:30

simulando un brillo en una pelota podría

play19:35

ser de acuerdo

play19:37

si imaginamos que esto es una bola de

play19:39

billar

play19:41

un hombre un fondo blanco para que se

play19:42

vea mejor

play19:44

cuando hagamos un dibujo y veamos que se

play19:47

ve así como semi transparente es porque

play19:49

la opacidad que seleccionamos aquí la

play19:53

última vez pues ésta no es tan 106 y lo

play19:55

ponemos ahí ya queda totalmente opaco

play19:57

donde mora el fondo y ahí está nuestra

play20:00

nuestra bola de pixar

play20:04

que le hace falta un número

play20:09

8

play20:11

blanco

play20:15

con control presionada lo hacemos crecer

play20:22

con control presionado lo hacemos para

play20:24

acceder a esto y mandemos la trate de la

play20:27

iluminación

play20:31

ahí está

play20:33

bien sólo quería

play20:35

ejemplificar un poquito

play20:40

ahí estáis podemos editar el degradado

play20:45

sobre clic acá en el cuadrito y

play20:49

y ahí está

play20:51

bueno creo que más o menos entiende que

play20:53

lo queremos hacer bien listo entonces

play20:55

ésta ha sido una implicación bastante

play20:58

rápida de lo que es un degradado se le

play21:01

puede aplicar una línea recta sí

play21:03

perfectamente a todo prácticamente se le

play21:06

puede aplicar esto degradado bien

play21:10

dejemos hasta aquí el vídeo para que no

play21:12

se nos haga más largo y

play21:14

nos veremos en el próximo vídeo

play21:16

suscríbete y dale me gusta para seguir

play21:20

haciendo ejemplos prácticos con un skate

play21:25

hasta luego

Rate This

5.0 / 5 (0 votes)

Ähnliche Tags
Diseño GráficoDegradadosTutorialTransparenciaColoresHerramientasCrea DegradadosLinealRadialEfectos
Benötigen Sie eine Zusammenfassung auf Englisch?