Explicación Tarea RMPA-3C - Contenido educativo
Ajuste de pantallaEl ajuste de pantalla se aprecia al ver el vídeo en pantalla completa. Elige la presentación que más te guste:
Hola, ¿qué tal a todos?
00:00:00
Os hago este vídeo para explicar alguna duda que me ha ido llegando sobre la tarea de la unidad 3 de RMPA
00:00:02
y en especial sobre la tarea 3C, en la que se pedía revelar con pintura partes de un vídeo
00:00:09
o ir revelando eso con efectos de un trazo que se va moviendo, se va generando, ir mostrando ciertas partes.
00:00:18
Antes de empezar en sí a dar una posible solución a esa tarea, o como la afrontaría yo,
00:00:26
os quería aprovechar para explicar qué es en realidad lo que estamos haciendo con este tipo de efectos
00:00:35
o de trabajo que revelan parte de una imagen.
00:00:41
Para empezar, esta imagen que ahora mismo tengo aquí, aunque aparentemente tenga un fondo negro,
00:00:44
cuando pulsamos este botoncito...
00:00:53
que lo que hace es conmutar la transparencia, es decir, decirnos si en la imagen que tenemos ahora mismo
00:00:56
y la pulso tiene zonas transparentes o no, que como ya hemos estudiado en otros momentos
00:01:03
pueden ser transmitidas a otros softwares o para trabajar en otros momentos en formatos, por ejemplo, de imagen
00:01:09
como el PNG que admite estas transparencias, es muy importante ir sabiendo si realmente tenemos transparencia o no.
00:01:15
Que aquí parezca que tenemos un fondo negro no significa que luego cuando exportemos
00:01:22
de ciertas formas mantengamos ese fondo negro.
00:01:26
Aquí por ejemplo podemos ver que ese fondo negro es solo un fondo temporal para ver que esa imagen tiene un fondo transparente,
00:01:29
efectivamente transparente, si le damos aquí a este botón.
00:01:38
Por otro lado, incluso este fondo negro si en algún momento nos fuera de interés, se puede ajustar con el atajo control k
00:01:43
que es el que permite variar las...
00:01:50
las...
00:01:55
de la composición que hemos creado, si vamos a proyecto tenemos esta composición
00:01:56
con el atajo control K o accediendo desde este menú
00:01:59
podemos incluso decir que el color de fondo, es decir, como se vería
00:02:03
ese fondo transparente para tener una referencia de algo que no sea
00:02:08
esa cuadrícula de transparencia, se puede incluso definir aquí, si vais viendo
00:02:11
yo si quisiera poner un color opuesto para que destaque más
00:02:15
lo que estoy, imaginaos que estoy sacando este fondo
00:02:18
del brochazo que hay aquí, podría poner este color
00:02:22
que este color no se va a renderizar nunca, es un color, bueno, por lo general
00:02:28
no se va a renderizar, es un color que sirve de referencia, entonces incluso esto lo podéis
00:02:32
seguir adaptando, lo que si me interesa
00:02:36
y me pongo en el supuesto de que yo quiero que solo se mantenga
00:02:39
esta tinta roja y el resto se mantenga en transparente
00:02:44
que todas las imágenes como ya hemos estudiado en otros módulos
00:02:48
y en este ya también lo hemos visto, cuando trabajamos en pantalla estamos usando
00:02:52
un sistema de color aditivo, que se llama aditivo porque de la oscuridad
00:02:56
vamos añadiendo colores, y como recordaréis, ese
00:03:00
pulso este otro botoncito que tenemos aquí debajo del visor
00:03:03
una imagen en sistema aditivo se compone de tres canales
00:03:07
que son este rojo, verde y azul, que veis que tenemos aquí enumerado
00:03:12
por defecto vais a ver, y además se ven los tres colores, tenemos los tres
00:03:16
canales activos y por eso vemos la imagen
00:03:20
con la mezcla ya compuesta de color, es decir, esta imagen en concreto tiene mucho rojo
00:03:22
porque me sirve para que veamos que guarda cada canal de información
00:03:27
pero en realidad es una suma de estos tres canales, por ejemplo, si queremos ver la información
00:03:33
de este verde, que veis además que se ponen aquí estas franjas para indicarnos que es
00:03:37
una previsualización solo del verde, y aquí veréis solo este verde
00:03:41
vais a ver que hay una silueta, que es este alfa que tenemos ya extraído
00:03:45
del color, vamos, de la tinta de color
00:03:52
que está mostrando de blanco a negro, son valores de luminosidad
00:03:55
con respecto a este canal, no es que el verde sea negro, es que hay poca
00:03:59
información de verde en esta imagen y por eso se ve negra, que contrasta
00:04:03
por ejemplo si nos metemos en la visualización del rojo, que como
00:04:07
habéis visto, vemos aquí todavía, es el color predominante
00:04:11
en esta escena, tiene mucha información de rojo y por tanto está mostrando
00:04:15
que tiene mucha información roja
00:04:19
si estuviera negro, pues la imagen significaría que tendría
00:04:22
poca información en el canal rojo, si vamos al azul, lo mismo
00:04:26
va a estar oscura, porque predominantemente en esta imagen no hay casi mezcla
00:04:29
porque lo que predomina es este canal rojo, pero aparte, aquí tenemos otro canal
00:04:33
que es el conocido como alfa, que lo que hace es mostrar las partes
00:04:37
que son transparentes, las que son traslúcidas
00:04:41
digamos, semitransparentes mejor dicho, y las que son
00:04:45
visibles, aquí si nos damos cuenta
00:04:50
nuevamente, el blanco y el negro es solo orientativo
00:04:52
estamos viendo que toda la parte de la imagen final que tenemos aquí
00:04:55
que coincide con lo visible, que no es transparente, coincide con esas partes
00:04:59
que cuando vemos el canal alfa, que veis que pone estas dos franjas blancas
00:05:03
son blancas, cuando estamos examinando el canal alfa, al final lo que
00:05:07
hacemos es ver que parte de la imagen es transparente
00:05:11
que sería lo negro, es decir, no tiene información visible, cual sería completamente
00:05:15
transparente, como estas zonas blancas, que es lo que
00:05:19
está representando la imagen, y las que tienen valores intermedios, es decir, grises
00:05:22
serían esas partes semitransparentes, que se vería, pero deja también pasar un poco
00:05:26
del fondo si la pusiéramos sobre otra imagen que guarde canal alfa
00:05:31
al transportarlo esto sobre otro plano, estas partes se verían con cierta contaminación
00:05:36
pero dejarían ver ese fondo, esto es lo primero, que hay que entender que si yo por ejemplo
00:05:42
y abro, genero otra composición con una imagen que no tiene zonas transparentes, es decir,
00:05:46
es completamente opaca, podeis ver, nuevamente, que el canal que más información va a tener
00:05:51
es el azul, por eso es el más claro, que si por ejemplo ponemos el rojo, oscurecerá bastante
00:05:57
y el verde igual, pero en el canal alfa veremos que es un completo blanco, porque se está
00:06:02
viendo absolutamente todo lo que hay en esa imagen, no hay ninguna región recortada para
00:06:07
reflejar esa transparencia, entonces es importante también saber cómo funcionan esos canales
00:06:12
alfa, cuando trabajamos con estos alfa se dice que se trabaja con cuatro canales, esto en algún momento lo podéis ver aquí,
00:06:16
podéis escuchar también, el RGBA, por ejemplo en postproducción a veces al sacar los materiales,
00:06:21
al exportar, hay que definir que guarde el alfa, entonces el modo de color en el que se saca,
00:06:29
el número de canales no son tres, sería cuarto, serían cuatro porque hay un cuarto canal,
00:06:34
y una vez dicho esto, teniendo esta imagen, y vuelvo a mostrar la original, lo que queremos
00:06:40
conseguir al revelar una zona con un brochazo o con lo que sea, incluso con una máscara,
00:06:46
aquí una máscara cualquiera, al final lo que estoy haciendo es, ojo, los canales se
00:06:51
ven igual, pero solo en la zona que tenemos ese alfa, veis que ahora esa zona que es visible,
00:06:57
que coincide con el dibujo de esa máscara que estoy generando, es lo que se ve en blanco
00:07:04
y el negro lo ignora completamente, es decir, no tiene información que ha de hacer visible
00:07:07
el software, cuando borro esta máscara, cuando tenemos, aquí está, cuando queremos hacer
00:07:13
este brochazo, por ejemplo, si yo quiero hacer este brochazo, por ejemplo, si yo quiero hacer
00:07:20
este brochazo, por ejemplo, con el efecto que se sugiere de simulación de escritura,
00:07:21
al final lo que vamos a hacer, y es cómo funciona este efecto, es generar en distintos
00:07:25
puntos a lo largo del tiempo, generar una ruta, digamos, que simula un pincel para mostrar
00:07:30
ese recorrido, me explico, tenemos este efecto que podemos animar, ahora mismo no se ve absolutamente
00:07:36
todo, porque estamos haciendo el proceso de pintar sobre esa silueta, hemos cogido un
00:07:43
pincel, digamos, que aquí está configurado en blanco, y yo si aquí digo que quiero hacer
00:07:48
un pincel en blanco, y yo si aquí digo que quiero hacer un pincel en blanco, y yo si
00:07:51
digo, aquí empieza el brochazo, y avanzo 5 segundos, y quiero que el brochazo, digamos,
00:07:51
cruce la pantalla de este modo. En primer lugar hay que tener cuidado, no sé si se
00:07:58
ve mucho, se empieza a mostrar aquí una línea blanca, porque por defecto este efecto tiene
00:08:02
un valor muy pequeño de pincel, es decir, el pincel es diminuto, si yo lo aumento a
00:08:07
50, por ejemplo, veis que ahora ha hecho esta línea blanca desde el punto inicial hasta
00:08:11
el final, y se ve el punto final porque este keyframe se encuentra aquí.
00:08:17
Si yo voy pasando hacia atrás, veis que se genera en el punto de inicio, entonces con
00:08:21
este efecto ya podemos ir generando posiciones durante el tiempo para ir mostrando el punto
00:08:29
en el que queremos que este efecto vaya haciendo esa simulación de escritura, o de pincel
00:08:38
o de brochazo. Esto por defecto también viene configurado para que este pincel, con el color
00:08:44
que hemos definido, que yo lo puedo cambiar.
00:08:50
En cualquier momento, lo que haga es pintar sobre la imagen, ahora mismo lo que estoy
00:08:51
haciendo es pintar sobre la imagen. Tiene otros efectos, o lo que aquí llaman estilo
00:08:57
de pintura, que es que puede actuar no solo pintando sobre la imagen, sino que funcione
00:09:01
como una pintura sobre el canal alfa, que lo que hace es revelar esa imagen.
00:09:07
Si antes, y vuelvo para atrás, vuelvo a poner la opción que teníamos antes, lo que estaba
00:09:12
haciendo era poner información completamente clara en el canal rojo.
00:09:16
Ya vais a ver que ahora el verde efectivamente y el azul prácticamente no tiene información,
00:09:21
pero el canal alfa no está pintando sobre él, está pintando sobre el RGB. Cuando lo
00:09:27
que hacemos es, y cambio de modo de estilo de pintura a revelar la imagen original, lo
00:09:32
que hace es pintar en ese canal alfa y por tanto lo que hará es mostrar la imagen que
00:09:37
haya por detrás, porque el canal RGB, perdonad, el RGB sigue intacto. Viéndose eso en la imagen,
00:09:45
viéndose solo la parte que permite el canal alfa, pero el rojo, verde y azul son el mismo.
00:09:51
Es decir, la imagen se ve igual, lo que varía es qué parte de la imagen es transparente
00:09:56
y cuál es opaca o semitransparente. También desactivo temporalmente este efecto para que
00:10:01
veáis que si yo cojo el plano que tenía antes de esta, digamos, este, este, este, este,
00:10:11
es el que tengo en la imagen, lo cual es un chorro de pintura, perdonad, yo no sabía
00:10:21
cómo definirlo, y lo pongo por encima, ¿vale? Lo he copiado y lo he pegado tal y como estaba,
00:10:29
veréis que esa imagen se está sobreponiendo sobre la otra en relación al alfa que tiene
00:10:34
esta imagen. Nuevamente, recordamos, el alfa de esta parte tiene secciones negras que se
00:10:41
verán transparentes. Es decir, se verá la imagen que tenga por debajo y zonas opacas.
00:10:45
Pero si yo pongo en el conjunto de toda la imagen, al final lo que estoy haciendo es,
00:10:50
teniendo ciertos píxeles con cierta información de color de estos tres canales, pero el alfa
00:10:51
nuevamente se ve entero, porque la imagen del fondo al final no tiene alfa. El alfa
00:10:56
de una de las capas está actuando sobre el resto, pero el alfa está intacto en el sentido
00:11:00
de que está completo. Entonces, la clave para hacer, y nuevamente estoy haciendo el
00:11:06
efecto de simulación de pintura sobre una capa, yo podría sobre la otra capa hacer
00:11:11
un efecto de simulación de pintura o, algo más pertinente, sería copiar, cortar, he
00:11:15
hecho un control X, este efecto de simulación de escritura y aplicarlo a una precomposición
00:11:23
que agrupe toda la información que tengo ahí. Yo aquí puedo decir, esto es el resultado
00:11:31
o dos planos superpuestos. Esto al final lo que genera es una composición nueva, ¿vale?
00:11:37
Que tiene la información que teníamos por encima, ¿no? Yo si empiezo a trabajar, si
00:11:45
hago una composición con la precomposición, ¿no? Que es, digamos, estoy trabajando con
00:11:49
la precomposición que tiene dentro estos dos elementos y os indico que la tecla tabulador,
00:11:54
cuando pulsamos el tabulador, nos permite ir viendo qué plano, qué secuencia, qué
00:12:01
composición está una dentro de otra. Ahora mismo, estos dos planos superpuestos que tienen
00:12:05
efectivamente los dos planos, pertenece a una composición superior, padre,
00:12:10
que, digamos, tenemos aquí preparada para, por ejemplo, si yo hago control V y le pego
00:12:15
ese efecto que tenía de simulación de escritura con un trazo, digamos, ya animado, aquí,
00:12:20
si muestro la animación del timeline, lo tengo aquí preparado, lo que haré será mostrar
00:12:26
básicamente el fondo de lo que tengo aquí dentro. Y, nuevamente, tenemos el alfa aquí
00:12:32
preparado con esa simulación de escritura que hemos hecho con el modo de revelar la
00:12:39
imagen, ¿vale?
00:12:43
Entonces, esta sería una forma ya de resolver la actividad.
00:12:45
Por cierto, dejaba de verse el rojo porque esta capa era muy pequeña. Como es una imagen,
00:12:49
una capa de imagen, yo la puedo extender. Tabulador, voy al padre y aquí tenemos esta
00:12:57
capa que se verá parcialmente. Solo afecta esta capa porque es la que tiene el efecto.
00:13:02
Yo aquí debajo puedo poner otra capa diferente y esta, que es la que tiene el alfa modificado
00:13:07
o pintado.
00:13:14
Se supondrá, se superpondrá sobre el resto.
00:13:15
Recordad también que el tamaño del pincel y la dureza, para que sea más o menos difuminado
00:13:19
los bordes, ¿vale?, se pueden modificar en el propio efecto. Por ejemplo, si difumino
00:13:25
ese fondo, que veis que introduce información gris en el canal alfa, pues al final lo que
00:13:29
hace es meter esas secciones suavizadas, que no son, digamos, una línea cortada del pincel,
00:13:35
¿no? Podemos ir variando, pues, lo que es la dureza de ese borde. Voy a ponerle la mayor
00:13:45
resolución, ¿no? Si yo le pongo completamente la dureza, vais a ver que son bordes completamente
00:13:52
marcados y definidos.
00:13:58
¿Vale?
00:13:59
Hay otro método que también lo sugiere el enunciado, que es, digamos, crear un sólido
00:14:00
que sea el que contenga la información de este trazo y transmitírselo por canal alfa
00:14:06
a otra capa.
00:14:11
¿Vale?
00:14:12
Si os parece, lo vemos también.
00:14:13
solución a la actividad parto de la precomposición que tiene estas dos capas ya creadas para tener
00:14:14
un elemento y lo que vamos a hacer es generar una nueva capa de tipo sólido que son capas
00:14:23
básicamente con un color básico que sirven para ciertas funcionalidades para tener distintos usos
00:14:31
la voy a poner un color cualquiera nos da un poco igual porque al final lo que vamos a usar es el
00:14:36
canal alfa alfa el rgb no nos sirve para nada entonces al generar esta capa nos genera este
00:14:40
sólido verde que es lo que podemos hacer o cuál sería un poco el planteamiento lo que vamos a
00:14:47
hacer es otra vez con el efecto de simulación de escritura que es uno de los efectos una de las
00:14:52
formas de generar esto no el único se puede e incluso con los propios pinceles sobre la capa
00:14:57
se pueden hacer también efectos de escritura pero bueno como el efecto que está planteado
00:15:02
aquí es este vamos a generarlo con el efecto de simulación de escritura y vamos a generarlo con
00:15:09
la posición del pincel que vamos a hacer que haga por ejemplo un infinito y anteriormente he ido
00:15:10
generando las posiciones con este cursor que al seleccionarlo y clicando no pues no para diciendo
00:15:17
la posición de la relativa de la pantalla no del visor que queramos marcar que cuando vamos
00:15:23
añadiendo keyframes cuando lo vamos animando a lo largo del tiempo pues nos sirve para ir
00:15:30
haciendo ese trazo que recordemos que ya por primeras es bastante estrechito
00:15:34
lo que se puede hacer también vale e incluso voy a borrar el efecto del sólido para que veáis que no
00:15:40
tiene nada vale ahora mismo ninguna de las capas implicadas tiene este efecto de simulación de
00:15:46
escritura es mediante la herramienta pluma que tiene más posibilidades de ir editando
00:15:51
pues digamos el contorno que tiene esta está la curva que tiene esta máscara para incluso se
00:15:58
puede generar una máscara con una forma que luego
00:16:07
tiene dentro una opción que es el trazado de máscara que no hace alusión a otra cosa que
00:16:10
a la forma que tiene este este vecino que podemos ir seleccionando sus vectores e ir moviendo una de
00:16:14
las propiedades interesantes que tiene este efecto es que podemos ir al trazado de máscara y con
00:16:22
control c copiando lo que aparentemente no hace nada estamos copiando este recorrido que está
00:16:28
haciendo la máscara qué significa eso que si yo ahora incluso borro la máscara vale la copia con
00:16:33
control c está ahí esperando a que la pegamos a algún lado
00:16:38
si yo le pongo este efecto de pincel de pintura y le pego este trazado que hemos hecho dentro de la
00:16:40
posición del pincel que es la que se ocupa de tener ese trazado si hago control v vais a ver
00:16:49
que lo que ha hecho es copiar ese recorrido en el orden que hemos ido clicando esa máscara eso
00:16:53
que significa que una forma mucho más controlada y vuelvo a subir el tamaño del pincel para que no
00:16:58
para que se vea porque si no es demasiado pequeño le voy a poner 50 que sea un poco ancho al final
00:17:03
es pintar en y con haciendo curvas algo bastante complicado de hacer si no si lo hacemos con el
00:17:10
anterior método vale está pintando en blanco sobre esta imagen vale al final lo que estamos
00:17:17
haciendo nuevamente es pintar sobre el rgb no sobre el alfa no para eso tenemos que revelar
00:17:22
la imagen original que qué es lo que está haciendo el sólido sigue existiendo es completamente verde
00:17:28
pero sólo estamos mostrando vale y pongo en solo esta capa para que veamos que está pintando es
00:17:34
este alfa que es lo que va a enseñar luego del canal rgb que efectivamente es solo verde entonces
00:17:40
ahora mismo tenemos preparado aquí una capa con un canal alfa que podemos usar para lo que queramos
00:17:46
no se tiene que restringir a la capa en sí si desactivó para que se vea todo hay una de las
00:17:51
opciones que tenemos aquí escondidas vale que si no veis os tendréis que ir desplegando con estos
00:17:57
menús que tenemos aquí o con el atajo f 4 vale que sirve para mostrar para digamos
00:18:04
los dos tipos de opciones que podemos ver veis que activa uno u otro vale y algunos más pero
00:18:10
y hay un uno de los ítems que tenemos aquí de las propiedades que es el mate de seguimiento
00:18:14
y el mate de seguimiento lo que hace es heredar el mate el alfa de una capa para que recorte otra
00:18:21
vale es decir este infinito digamos así que hemos generado en esta capa del sólido vale
00:18:28
que lo que hará es proporcionar ese alfa a la capa inferior para que sólo se vea con
00:18:35
esa forma que estamos generando la capa inferior esto como sería hay que pensar que en el fondo
00:18:40
está el tema es un poco más se puede se le pueden dar más vueltas pero lo que hay que pensar es que
00:18:46
en estas opciones se le puede decir a una capa que coja el alfa de otra capa eso como sería yo
00:18:52
ahora mismo estoy en este en esta capa con la imagen de fondo y lo que quiero es el alfa de
00:18:58
la imagen superior que sería esta si yo lo hago vais a ver que automáticamente se desactiva la
00:19:03
imagen y si nos fijamos en el Oportunidade de abdomen, el alfa de abajo se pone de esta manera
00:19:10
un blanco y negro muy parecido realmente relacionado con el de el blanco y el negro
00:19:15
que transmite un alfa vale para ver qué parte de la imagen es visible cuál no y abajo se pone otra
00:19:21
capa que significa que la recortada en la que si hacemos zoom voy a hacer zoom en un segundo
00:19:26
para que se vea mejor a ver si quiere vais a ver qué es un círculo negro pero que tiene como una
00:19:31
cuadrícula de transparencia como la imagen resultante que vemos
00:19:38
Es decir, estamos recortando, transmitiendo, mejor dicho, el alfa de una capa a la de debajo. Y normalmente, tradicionalmente, esto ha cambiado en las últimas versiones, quito el zoom, tradicionalmente, a ver si quiere, tradicionalmente la capa de arriba, justo de encima de la que ponemos este sólido, recortaba o transmitía el alfa a la de abajo.
00:19:40
Ahora lo han independizado e incluso se puede hacer que muchas capas remitan, ¿vale? Aquí es la misma, pero que muchas capas adquieran el mate de otra capa o incluso que el alfa de una capa lo coja de otra capa, ¿vale? Podemos ir mezclando de qué otra capa coge el alfa.
00:20:06
Entonces aquí decimos, yo quiero que coja el alfa de esta capa, ¿vale? Eso es un poco más enrevesado, pero aquí básicamente lo que estamos haciendo es, le doy al play, que esta capa que no tiene la simulación de escritura, ¿vale?
00:20:21
Se ve afectada por el alfa, que sí estoy haciendo la simulación de escritura de otra capa, que ni siquiera es visible, lo que hace es transmitir ese alfa, ¿vale? Es un poco enrevesado, pero en realidad es probarlo.
00:20:34
Yo creo que si lo vais haciendo un poco paso a paso y vais siguiendo la lógica y desactivando la visualización, porque si no lo que le decimos es, oye, muéstrame el RGB de esta capa verde.
00:20:46
No, yo esa capa verde ya solo quiero el alfa. Y ahí lo tenemos. Entonces con esto podemos mostrar lo que queramos de otra capa.
00:20:56
De imagen y de vídeo. Esto también se puede hacer con un vídeo animado. Pues nada, espero haber resuelto la duda.
00:21:04
- Subido por:
- Daniel M.
- Licencia:
- Todos los derechos reservados
- Visualizaciones:
- 25
- Fecha:
- 6 de febrero de 2024 - 20:57
- Visibilidad:
- Clave
- Centro:
- IES CIFP a Distancia Ignacio Ellacuría
- Duración:
- 21′ 12″
- Relación de aspecto:
- 1.78:1
- Resolución:
- 1920x1080 píxeles
- Tamaño:
- 156.65 MBytes