1
00:00:01,459 --> 00:00:22,519
Una de las pegas y fortalezas a la vez de Affinity con respecto, por ejemplo, al paquete de Adobe, no sé si alguno lo ha usado, partimos como si no, pero bueno, sí que tengáis en cuenta que la fortaleza de este software es que ha combinado en una sola herramienta lo que hasta ahora, incluso en el propio Affinity, estaba disgregado en tres herramientas distintas, ¿vale?

2
00:00:22,519 --> 00:00:50,479
Que eran Publisher, Photo y Designer. En Adobe, esto también creo que lo refleja el tema, bueno, pues os sonará Photoshop, también Illustrator, también InDesign, que son aplicaciones que aunque se pueden interconectar de ciertos modos, sí que es verdad que sus operaciones las hacen en, igual que vemos aquí abajo, vamos, que vemos los iconos de los programas, en programas distintos, ¿vale? Aunque se pudiera pasar el flujo de trabajo de un punto a otro.

3
00:00:50,479 --> 00:01:20,260
Entonces, una de las fortalezas es eso precisamente, que con esta creación de los estudios, PIX, el diseño, que básicamente estos tres primeros reflejan en esencia esos tres softwares que se han combinado en uno, el problema ahí es que al estar también concentrado en un único software hay muchas opciones más combinadas que en los otros tres que había antes y en ocasiones puede ser un poco lioso porque estáis en uno de los estudios y estáis buscando una herramienta de otro de los estudios y digamos que no aparece directamente.

4
00:01:20,480 --> 00:01:43,879
Lo importante es que también para hacerlo flexible lo que han hecho es básicamente crear un software compuesto por, digo, un valor por decir, compuesto por 100 atributos, 100 pestañas, 100 cosas, vamos a decir, 100 elementos y lo que han hecho es organizarlo en distintas pestañas, pero siempre están accesibles desde todas las pestañas.

5
00:01:43,879 --> 00:02:06,000
Entonces, aunque en vector, por ejemplo, si veis la barra de herramientas no coincide con la de pixel, y en teoría no habría que tocar mucho esto y lo que habría que ir es cambiando de estudio según nos convenga, según la operación que tengamos que hacer, si vais aquí abajo a estos tres puntitos de la barra de herramientas, realmente aquí tenéis todas las herramientas y las podéis sumar.

6
00:02:06,000 --> 00:02:23,780
Es decir, por ejemplo, me voy a ir en vector, pues a lo mejor no tiene mucho sentido la herramienta de marco elíptico, pero eso no quita que no podáis incorporarla aquí. Que si os fijáis, la he incorporado, ahora está aquí y esta herramienta realmente es de las que están aquí como elemento secundario.

7
00:02:23,780 --> 00:02:50,139
Entonces, a veces no es que estéis usando la herramienta, no es que no estéis teniendo la herramienta, sino que no la estáis encontrando, no está mostrada.

8
00:02:50,139 --> 00:03:12,139
Vale, entonces, pues eso, hay que ir haciendo un poco la cabeza y quizá era más fácil cuando eran tres softwares distintos a qué hace cada uno de estos estudios. Que por cierto, bueno, aquí veis un cuarto que es el de IA, que si pedís la licencia de estudiante que os dejé ahí en los contenidos, cómo solicitarla, no es necesaria para nuestros estudios.

9
00:03:12,139 --> 00:03:17,719
los estudios lo podéis solicitar en principio debería dejar bueno pues poner prompts etcétera

10
00:03:17,719 --> 00:03:22,699
vale porque es la parte de pago que tiene affinity y luego aparte hay más estudios es verdad que son

11
00:03:22,699 --> 00:03:28,539
estudios un poco más secundarios digamos pero por ejemplo si vais a trabajar con camera raw

12
00:03:28,539 --> 00:03:33,520
con fotografías capturadas en raw pues está de retoque es la adecuada vale y aquí se pueden

13
00:03:33,520 --> 00:03:39,319
ir activando desactivando lo que nos convenga realmente lo que digo se activa y se desactiva

14
00:03:39,319 --> 00:03:44,780
porque digamos que estamos mostrando unas opciones u otras,

15
00:03:45,060 --> 00:03:49,259
pero está todo en el programa integrado, que es eso, una de las fortalezas.

16
00:03:49,620 --> 00:03:53,599
Si por ejemplo Can Bahía nunca la vamos a usar, nos lo podemos ventilar y ya está.

17
00:03:53,979 --> 00:03:58,840
E incluso podemos crear un estudio nuestro y decir, este va a ser el estudio personalizado

18
00:03:58,840 --> 00:04:04,500
y va a ser para retrato de animales, yo qué sé.

19
00:04:04,500 --> 00:04:07,300
Aquí te da opciones de personalizar cómo se ve aquí la miniatura.

20
00:04:07,300 --> 00:04:25,699
Al crearlo, se ha creado igual que el que estaba antes, pero como os he indicado antes, podéis ir añadiendo y quitando las herramientas. Aquí es donde hay que ir viendo qué herramientas tiene este software y las vamos añadiendo o quitando de... ¿Veis? Que yo puedo arrastrar o quitar según me convenga.

21
00:04:25,699 --> 00:04:32,839
¿Vale? Entonces, eso, a veces es lioso en el sentido de que, oye, tú dices, esta herramienta no la encuentro

22
00:04:32,839 --> 00:04:41,980
A mí me pasa mucho, por ejemplo, voy a borrar esto para eliminar, ¿vale? Como la he creado para no tener ahí basura creada

23
00:04:41,980 --> 00:04:46,279
Pero me pasa mucho, por ejemplo, que en el vector quiero usar el pincel de pintar

24
00:04:46,279 --> 00:04:51,000
Y los pinceles que hay en vector son pinceles vectoriales, que no son exactamente lo mismo

25
00:04:51,000 --> 00:05:15,759
Bueno, unos hacen, bueno, pues cuando acabas de dibujar te crea un vector, ¿vale? Que por eso tiene, digamos, estos manejadores para variarlo, ¿vale? Que es lo propio de los vectores. Ahora hablamos de los vectores y os quedan dudas, que es una de las cosas importantes que hay que entender del tema, ¿no? La diferencia entre una imagen raster o de mapa de bits con respecto a los vectores, ¿no?

26
00:05:15,759 --> 00:05:18,079
que entiendo que seguramente ya es algo

27
00:05:18,079 --> 00:05:19,920
que incluso en otro

28
00:05:19,920 --> 00:05:21,579
contenido del curso en lo que lleváis

29
00:05:21,579 --> 00:05:23,000
pues ya lo habéis

30
00:05:23,000 --> 00:05:25,720
oído o lo habéis trabajado

31
00:05:25,720 --> 00:05:27,220
pero aquí tiene que quedar claro

32
00:05:27,220 --> 00:05:30,040
y no es lo mismo este pincel y fijaos en el

33
00:05:30,040 --> 00:05:32,040
icono que tenemos aquí y si nos

34
00:05:32,040 --> 00:05:33,879
ponemos encima vemos que el atajo

35
00:05:33,879 --> 00:05:35,500
es la B, esto es importante que

36
00:05:35,500 --> 00:05:37,959
este software tiene muchas ayudas

37
00:05:37,959 --> 00:05:39,899
cuando dejamos el ratón quieto

38
00:05:39,899 --> 00:05:41,740
si os fijáis, dice el atajo

39
00:05:41,740 --> 00:05:43,620
el nombre, incluso

40
00:05:43,620 --> 00:05:45,360
tips, vamos como

41
00:05:45,360 --> 00:05:51,180
atajos de teclado con esta herramienta que se pueden usar y importante también un más información

42
00:05:51,180 --> 00:05:58,019
que lo que hace el abierto en otra pestaña pestaña es abrir la ayuda de affinity que si buscáis en

43
00:05:58,019 --> 00:06:02,879
internet está la sección de su pueblo de ayuda pero la podéis consultar directamente desde aquí

44
00:06:02,879 --> 00:06:07,379
con la herramienta pues no sé cómo es la herramienta pincel de trazado o no sé cuál es

45
00:06:07,379 --> 00:06:22,019
Entonces, la herramienta, el pincel de ajuste, ¿vale? Y aquí os va a ir pues dando la descripción y bastante bien además de cuáles son sus opciones, para qué sirven, qué atajo.

46
00:06:22,019 --> 00:06:40,600
Entonces eso es importante junto a que, aparte de mostrarlo aquí cuando estamos quietos estas ayudas, también en este menú de aquí contextual, según lo que vayamos escogiendo, nos da pistas de qué cosas se pueden hacer con atajos y con esa herramienta.

47
00:06:40,600 --> 00:06:52,180
Fijaos eso, que si doy a la B me selecciona este pincel. Pero si yo voy a Pixel y doy a la B, fijaos que este es otro pincel. El otro era el pincel de trazado y este es el pincel de pintura.

48
00:06:52,680 --> 00:07:02,879
Y en ocasiones yo tengo este pincel y empiezo a hacer las operaciones de un pincel y digo, esto no es un pincel como el que quiero usar en la pestaña Pixel.

49
00:07:02,879 --> 00:07:08,199
y estoy dibujando con el pincel, fijaos que es que aquí no tengo marcada la herramienta,

50
00:07:08,379 --> 00:07:14,120
sigue activa la de... estaba activa, ahora al cambiar se ha modificado,

51
00:07:14,220 --> 00:07:17,399
pero estaba activa la del estudio vector.

52
00:07:18,040 --> 00:07:21,899
Entonces es importante irse asegurando, aunque somos los atajos que es lo recomendable,

53
00:07:22,439 --> 00:07:28,019
pues que estamos usando la herramienta adecuada.

54
00:07:28,019 --> 00:07:53,459
Entonces, atajos importantes o técnicas importantes que hay que tener en cuenta en este tipo de softwares. Luego veremos en el siguiente tema una introducción a DaVinci para edición de vídeo y veremos que la interfaz se organiza de otra forma menos flexible, que también a veces obliga, la parte positiva es que obliga a ceñirte a un esquema y no se puede personalizar y no va a cambiar la interfaz.

55
00:07:53,459 --> 00:08:22,459
Pero aquí fijaos que en el menú ventana tenéis también el conjunto de paneles que se abren. Antes la compañera ha indicado que a veces puede que haya herramientas, ya os he dicho, que se activan o se buscan y se arrastran desde aquí según el estudio que tenemos, pero del mismo modo fijaos que al ir cambiando de estudio también cambian los paneles, que están nuevamente centrados al flujo de trabajo recogido en ese estudio.

56
00:08:23,459 --> 00:08:32,679
Por tanto, a lo mejor en vector no es importante el histograma y por eso aquí no se encuentra el histograma, que es en píxel, por ejemplo, este primer panel que tenemos aquí.

57
00:08:33,340 --> 00:08:39,919
Estos paneles se organizan por pestañas que a su vez recogen otras pestañas.

58
00:08:40,360 --> 00:08:46,379
Es lo que se llama un grupo de paneles y los paneles.

59
00:08:46,799 --> 00:08:49,559
El grupo de paneles, si lo cerramos, cierra todo.

60
00:08:50,500 --> 00:08:53,080
Habéis visto que el que había abajo ha pasado a mostrarse.

61
00:08:53,460 --> 00:09:12,940
Y luego dentro está cada panel o cada pestaña, yo lo llamo también, ¿vale? Eso no quita que luego podamos ir a ventana y por un lado ir diciendo, vale, yo quiero ver el histograma, aunque esté, imaginaos, en vector, perdón, o en pixel, que me lo he cargado antes, ¿no?

62
00:09:12,940 --> 00:09:41,100
Si yo quiero verlo, en la sección de píxel aquí está el histograma y ahí que se ha abierto, ¿vale? Entonces, pensad que siempre podéis ir activando y desactivando los, digamos, los espacios de trabajo a vuestra conveniencia, incluso cuando, pues por ejemplo, imaginaos que habéis estado customizando todo esto, ¿vale?

63
00:09:41,100 --> 00:09:56,620
Y nos ponemos aquí y digo, bueno, yo quiero recuperar cómo es Pixel por defecto, ¿vale? Pues vais al estudio y con clic derecho hay una opción que es restablecer Pixel a maestro, ¿vale? Si le damos restablecer, seguro que desea restablecer lo de fábrica.

64
00:09:56,620 --> 00:10:17,080
Le decimos sí, ¿vale? Pues vuelve a abrir. Entonces, lo dicho, yo puedo estar en vector, querer ver el histograma por la razón que sea, ir a ventana y aquí además está más o menos organizado por cómo se llaman los estudios. Si es un panel más propio de Pixel o de vector o del estudio que es otro de texto o de diseño, ¿vale? Pues aquí va a estar.

65
00:10:17,080 --> 00:10:37,539
Entonces yo puedo ver el histograma aquí, se me ha abierto en la otra pantalla que tengo, aquí está. Que yo quiero integrarlo dentro de estas pestañas, yo puedo arrastrar desde el nombre, ¿vale? Veis que si arrastro, sin mantener de pulsar el clic, arrastro a una de estas cabeceras de los grupos de paneles, pues yo lo voy añadiendo como otra pestaña que puedo ir abriendo.

66
00:10:37,539 --> 00:10:47,340
Que lo quiero flotante, una vez se ha integrado, si arrastro y lo saco se queda flotante, es decir, como un menú que está ahí volando.

67
00:10:47,940 --> 00:10:56,279
Que quiero cerrarlo, pues se cierra o con clic derecho aquí se dice cerrar y ese desaparece.

68
00:10:56,840 --> 00:11:02,940
Entonces de este modo podemos ir activando y desactivando los paneles.

69
00:11:02,940 --> 00:11:19,059
Lo importante es saber qué panel es el que hay que usar y que más o menos en cada operación el contenido se va describiendo. Primero el estudio, lo más importante, pero incluso estando en otro estudio, lo que os digo, podéis arrastrar ciertos paneles.

70
00:11:19,059 --> 00:11:25,299
Sí que es cierto que hay ciertas operaciones, aunque también se puede personalizar, pero esto ya es más complejo.

71
00:11:25,799 --> 00:11:31,240
Fijaos que también hay otra barra de opciones que va modificándose aquí en la parte superior.

72
00:11:32,080 --> 00:11:39,480
Eso, por ejemplo, si queremos ver los datos de la imagen, cuántos píxeles tiene este documento, el lienzo en este caso,

73
00:11:40,039 --> 00:11:42,080
la verdad que si vais a Vector no os lo va a poner.

74
00:11:42,740 --> 00:11:48,240
Se podría añadir nuevamente, si damos clic derecho, esto lo dije en la primera tutoría,

75
00:11:48,240 --> 00:11:50,440
con clic derecho normalmente según donde os pongáis

76
00:11:50,440 --> 00:11:52,139
el menú contextual va a intentar

77
00:11:52,139 --> 00:11:54,220
que tenga coherencia con ese menú

78
00:11:54,220 --> 00:11:55,879
contextual, nosotros podemos

79
00:11:55,879 --> 00:11:58,340
agregar aquí los detalles del documento

80
00:11:58,340 --> 00:12:00,139
y ya está, ¿vale? pero es verdad

81
00:12:00,139 --> 00:12:02,299
que al final para eso están los estudios

82
00:12:02,299 --> 00:12:04,019
para ir pasando uno a otro y decir

83
00:12:04,019 --> 00:12:05,899
vale, si quiero ver lo relativo a los píxeles

84
00:12:05,899 --> 00:12:07,860
me voy al de píxel, bueno

85
00:12:07,860 --> 00:12:09,820
aquí he incorporado un elemento

86
00:12:09,820 --> 00:12:11,240
que es propio del

87
00:12:11,240 --> 00:12:13,799
estudio de píxel, pero bueno

88
00:12:13,799 --> 00:12:15,580
lo voy a quitar

89
00:12:15,580 --> 00:12:17,539
pero eso no quita que

90
00:12:17,539 --> 00:12:19,639
Podéis ir añadiendo a vuestros intereses

91
00:12:19,639 --> 00:12:21,779
Pero sí que, pues si veis algún tutorial

92
00:12:21,779 --> 00:12:24,080
Si os acostumbráis a trabajar

93
00:12:24,080 --> 00:12:26,120
Lo suyo es que empleéis dentro de lo posible

94
00:12:26,120 --> 00:12:27,279
La interfaz que ya viene

95
00:12:27,279 --> 00:12:29,320
Prehecha, ¿vale?

96
00:12:30,940 --> 00:12:31,879
No sé si

97
00:12:31,879 --> 00:12:33,799
Que esto creo que es una de las cosas

98
00:12:33,799 --> 00:12:34,120
Que

99
00:12:34,120 --> 00:12:37,559
Que os estaba liando por lo que me habéis dicho

100
00:12:37,559 --> 00:12:40,019
No sé, si queréis que vayamos aún más allá

101
00:12:40,019 --> 00:12:41,980
Alguna cosa concreta que no estéis

102
00:12:41,980 --> 00:12:44,000
Encontrando o que os esté dando un poco

103
00:12:44,000 --> 00:12:45,879
La lata, decídmelo

104
00:12:45,879 --> 00:13:06,000
Si no, sigo. Quiero hablaros además de una cosa que creo que es importante, que son las transparencias, las máscaras y los canales de alfa. Eso en el tema no se introduce mucho porque de hecho lo veréis más en otro módulo como el de color, las máscaras, etc. y los alfas.

105
00:13:06,000 --> 00:13:16,159
Pero bueno, sí que creo que es interesante que sepáis cómo se emplea aquí en Affinity para tener más nociones de ello.

106
00:13:16,799 --> 00:13:26,940
Pero eso, si tenéis alguna cuestión de, joder, trabajando en Affinity, que es lo que me habéis transmitido al principio, pues me cuesta a veces encontrar herramientas.

107
00:13:26,940 --> 00:13:46,289
Un poco la lógica es eso. Es verdad ya que con el trabajo y la experiencia y con los contenidos, lo que tenéis que ir sabiendo es, ah, pues tengo que usar esta herramienta para tal cosa o esta otra para tal otra. Decidme que si no, pues yo voy tirando o algo que os esté dando problemas.

108
00:13:46,289 --> 00:14:05,419
Vale, hay una cosa importante, que creo que puede ser conveniente que conozcáis, que es que dentro del estudio de diseño, yo siempre me acuerdo, tiene que estar en la sección de diseño, lo he dicho, puede estar en cualquier lado si lo arrastramos

109
00:14:05,419 --> 00:14:15,700
pero en el de diseño. Lo he dicho muy rápido, pero Vector sirve para diseño vectorial, Pixel para más el diseño de lo que es imagen raster o mapa de bits,

110
00:14:16,019 --> 00:14:25,179
fotografía, vamos a decir así rápidamente, y diseño que está más dirigido a maquetar, a maquetar cosas de más entidad, con más páginas,

111
00:14:25,179 --> 00:14:37,059
que es una de las ventajas que tiene esta parte de páginas que tiene la sección de páginas diseño, ¿vale? Y, bueno, pues sería el Illustrator, Photoshop e InDesign respectivamente.

112
00:14:37,919 --> 00:14:50,940
En diseño hay una... uno de los paneles es el de inventario y está muy bien, a veces, sobre todo para ahora que estamos con pruebas o aprendiendo el software, pues hacer pruebas rápidas y no tener que buscar una imagen por ahí,

113
00:14:50,940 --> 00:14:53,539
tener que arrastrarla, etcétera, que por supuesto

114
00:14:53,539 --> 00:14:55,320
también se puede hacer, pero a veces

115
00:14:55,320 --> 00:14:57,039
para hacer pruebas rápidas como voy a hacer ahora

116
00:14:57,039 --> 00:14:58,879
pues está muy bien

117
00:14:58,879 --> 00:15:01,399
y es esta pestaña de inventario

118
00:15:01,399 --> 00:15:02,620
¿vale? inventario

119
00:15:02,620 --> 00:15:05,159
lo que hace es conectar con otras

120
00:15:05,159 --> 00:15:07,519
dos webs que hay, que se llaman Pixabay

121
00:15:07,519 --> 00:15:09,019
y Pexels

122
00:15:09,019 --> 00:15:10,460
¿vale? que bueno, que si

123
00:15:10,460 --> 00:15:12,059
traigo aquí

124
00:15:12,059 --> 00:15:14,980
esto, pues Pexels por ejemplo

125
00:15:14,980 --> 00:15:17,120
es una de las primeras páginas que os diría

126
00:15:17,120 --> 00:15:18,639
si me dijerais fotos de

127
00:15:18,639 --> 00:15:21,159
fotos de archivo, bueno, fotos

128
00:15:21,159 --> 00:15:22,879
que podamos descargar sin derechos

129
00:15:22,879 --> 00:15:24,919
de autor

130
00:15:24,919 --> 00:15:27,120
al menos en su mayoría, luego hay que ir

131
00:15:27,120 --> 00:15:28,960
viendo los derechos de cada imagen, pero si yo quiero

132
00:15:28,960 --> 00:15:31,019
buscar un perro, pues aquí

133
00:15:31,019 --> 00:15:32,919
hay muchas imágenes de perro que puedo descargar

134
00:15:32,919 --> 00:15:34,720
¿qué han hecho? y de hecho

135
00:15:34,720 --> 00:15:37,139
recordad cuando habéis visto el tema

136
00:15:37,139 --> 00:15:39,120
que Affinity ahora pertenece a Canva

137
00:15:39,120 --> 00:15:41,120
pues bueno, está como conectado

138
00:15:41,120 --> 00:15:42,480
lo han conectado con Canva

139
00:15:42,480 --> 00:15:44,879
del mismo modo, y Pixabay

140
00:15:44,879 --> 00:15:47,200
tres cuartos de lo mismo, es otra web similar

141
00:15:47,200 --> 00:16:11,299
Si vais aquí y seleccionáis pexels, aquí hace un pequeño disclaimer, si damos a lo comprendo, pues lo activa, pues podemos buscar las mismas imágenes, por ejemplo ese perro y aquí estarán esas fotos de perro preparadas para arrastrar. Esto está muy bien porque ya os digo, si necesitáis de pronto un perro, pues igual os vale uno de estos. Evidentemente van a ser imágenes de stock, pero bueno, que en ocasiones os puede servir.

142
00:16:11,299 --> 00:16:30,179
Pues igual este es el perro que queremos poner en esta parte de aquí. Y luego vamos a poner un pájaro. Uy, lo he escrito un poco mal. Pájaro. Bueno, si lo ponéis en inglés suele ser aún más fino.

143
00:16:30,179 --> 00:16:49,659
Pues imaginaos que queremos este pájaro. Lo arrastramos ahí y lo ajustamos. Esto está creo que bastante bueno para este tipo de cosas. Luego hay otra sección que se llama recursos que está más centrada en lo vectorial.

144
00:16:49,659 --> 00:17:04,440
Incluso se pueden importar más si tenéis librerías de recursos. Tiene que ser un tipo de formato propio de Affinity. No sé si hay muchos recursos de esto, pero ya hay bastantes recursos vectoriales que también podéis arrastrar y son completamente vectoriales.

145
00:17:04,440 --> 00:17:10,299
Si vamos a Vector, nuevamente, si seleccionamos aquí, nos coge todo o es más complicado.

146
00:17:10,440 --> 00:17:16,740
Si vamos a Vector, tendremos las herramientas para ir cambiando efectivamente estos vectores.

147
00:17:17,380 --> 00:17:20,839
¿Vale? Es la gracia que tiene el diseño vectorial.

148
00:17:21,519 --> 00:17:28,079
Perdona, Daniel, antes has dicho Vector, ¿a qué representa? ¿A qué aplicación, digamos?

149
00:17:28,140 --> 00:17:34,099
Vector, claro, si lo referenciamos a lo que hacen las herramientas de Adobe, los software de Adobe,

150
00:17:34,440 --> 00:17:35,720
Vector sería Illustrator.

151
00:17:36,339 --> 00:17:37,759
Ah, sí, ahora ya me acuerdo.

152
00:17:38,119 --> 00:17:40,940
Pixel, Photoshop y diseño InDesign.

153
00:17:41,039 --> 00:17:41,740
Eso es lo que habías dicho.

154
00:17:41,880 --> 00:17:42,299
Eso es.

155
00:17:43,019 --> 00:17:44,700
Incluso si vamos un poco más allá,

156
00:17:45,599 --> 00:17:49,420
Canva sería todo lo que están metiendo de Firefly,

157
00:17:49,420 --> 00:17:54,039
que es el motor de inteligencia artificial

158
00:17:54,039 --> 00:17:57,420
que tienen como una aplicación aparte

159
00:17:57,980 --> 00:17:59,400
y aparte están metiendo en los software.

160
00:18:00,079 --> 00:18:03,039
Retoque sería el módulo de Camera Raw

161
00:18:03,039 --> 00:18:05,660
que hay dentro de Photoshop

162
00:18:05,660 --> 00:18:06,880
para imágenes que están

163
00:18:06,880 --> 00:18:08,660
fotografiadas en RAW

164
00:18:08,660 --> 00:18:11,519
no sé si lo habéis visto

165
00:18:11,519 --> 00:18:12,240
en algún módulo

166
00:18:12,240 --> 00:18:14,880
en los ciclos de animación

167
00:18:14,880 --> 00:18:17,140
se ve más y también

168
00:18:17,140 --> 00:18:19,359
por ejemplo en el módulo de realización

169
00:18:19,359 --> 00:18:21,299
del montaje, que imagino que haréis

170
00:18:21,299 --> 00:18:23,279
más adelante, pues también se habla un poco

171
00:18:23,279 --> 00:18:24,859
de esto y bueno, pues

172
00:18:24,859 --> 00:18:27,200
hay distintos módulos y eso

173
00:18:27,200 --> 00:18:29,339
todos tienen su relación con otros

174
00:18:29,339 --> 00:18:30,559
softwares, ¿vale?

175
00:18:31,460 --> 00:18:43,680
Vectores, eso, si vamos a lo que sería InDesign, que es la herramienta, si queréis en algún momento que incluso abra las herramientas de las que hablo de Adobe, pues las puedo abrir para que veamos la referencia, pero bueno, creo que es fácil.

176
00:18:43,680 --> 00:18:58,559
La gracia de los vectores es eso, como habréis visto en el tema, pues que se pueden modificar las formas que tienen sin que se pixelen, a diferencia de lo que pasaría con el perro, si empezamos a hacerlo más y más grande, que llegará un punto que se empieza a pixelar, ¿vale?

177
00:18:58,559 --> 00:19:15,700
Si empezamos a hacer este perro grande, grande, grande, aunque esta imagen justo tiene mucha resolución, llegará a un punto que al hacerlo grande, pues por ejemplo para una valla, yo que sé, pues empezará a verse los detalles, los cuadraditos que son los píxeles, ¿vale?

178
00:19:15,700 --> 00:19:28,299
Porque al final en este tipo de imágenes, como se ve en el tema, son cuadrados de color que van dibujando la imagen y que no se notan porque hay muchos, son muy pequeños y entonces al verlo a cierta distancia no se ven.

179
00:19:28,299 --> 00:19:57,339
Pero esos cuadrados están, es cierto, y cada vez irá mejorando más, que a medida que va avanzando la inteligencia artificial también, pues una de las opciones que van integrando es que haga cálculos a medida que se van haciendo más grandes y más evidentes estos cuadraditos, estos píxeles, ese efecto normalmente negativo que se llama pixelarse una imagen, pues irán buscando formas de que al ir haciendo más grande la imagen vaya interpolando, vaya inventando,

180
00:19:57,339 --> 00:19:59,180
entre cuadradito y cuadradito

181
00:19:59,180 --> 00:20:00,880
otros cuadraditos intermedios

182
00:20:00,880 --> 00:20:03,099
que hagan que la imagen parezca que no se está

183
00:20:03,099 --> 00:20:04,920
pixelando, ¿vale? Pero

184
00:20:04,920 --> 00:20:06,779
por defecto, a día de hoy

185
00:20:06,779 --> 00:20:09,140
sobre todo, vamos

186
00:20:09,140 --> 00:20:10,579
es decir, por lo general

187
00:20:10,579 --> 00:20:13,059
una imagen de píxel

188
00:20:13,059 --> 00:20:14,960
¿no? de mapa de bits, es eso

189
00:20:14,960 --> 00:20:17,039
que no tiene una capacidad

190
00:20:17,039 --> 00:20:18,519
de ser ampliada

191
00:20:18,519 --> 00:20:20,259
ilimitadamente sin que

192
00:20:20,259 --> 00:20:21,960
aparezca este

193
00:20:21,960 --> 00:20:25,259
este efecto, ¿no? de pixelado

194
00:20:25,259 --> 00:20:27,039
sin embargo

195
00:20:27,039 --> 00:20:51,619
Luego, en una imagen vectorial, al estar constituida precisamente por vectores, es decir, por estas curvas que podemos ir definiendo y pintando aquí, vamos, pintando, más bien trazando, pues esto, aunque yo hiciera el elemento gigante, aunque lo hiciera enorme, jamás se va a pixelar.

196
00:20:51,619 --> 00:21:05,700
Es decir, va a estar continuamente redibujando esa curva. Fijaos que cuando yo me acerco, incluso los cuadraditos que define la unidad mínima del píxel, por ahí, por en medio, puede pasar el vector.

197
00:21:05,700 --> 00:21:26,180
¿Veis que siempre se ve definido? Esa es la principal diferencia. Tiene más, precisamente eso, cómo se diseña con vectores, que son estos veciers de los que se habla en el tema, pero sobre todo es eso, la capacidad de no pixelarse y poder usarlo de muchas maneras sin que pierda calidad.

198
00:21:26,180 --> 00:21:39,039
¿Vale? Entonces, bueno, pues lo que os decía, en el panel de diseño también tenéis esta de recursos para incorporar vectores. ¿Vale? Bueno, pues en algún caso os puede venir bien.

199
00:21:39,039 --> 00:22:06,180
Sí que es verdad que no abusaría nunca, en ningún caso ni de píxel ni de vectores, no abusaría mucho de material de stock o de internet, más que nada porque normalmente siendo creativos nosotros, del sector visual creativo, pues lo suyo es que hagáis vosotros las imágenes, para que no sean todo, digamos, referencias a material de terceros, que haya cosas propias.

200
00:22:06,180 --> 00:22:22,660
Pero oye, sobre todo a lo mejor para prácticas o para elementos concretos o para hacer prototipos, es decir, el diseño de una interfaz en la que luego ya se cambiará la imagen, pero se está mostrando que en este punto hay una imagen y aquí hay otra, pues está bien.

201
00:22:22,660 --> 00:22:44,680
Está bien porque es una forma rápida de contar con los elementos. Dicho esto, es importante también que esto, sobre todo al principio, en Affinity al menos, cuesta y debido nuevamente a que hay una multiplicidad de tipos de contenidos y de recursos y de herramientas que alberga este software,

202
00:22:44,680 --> 00:22:55,980
es que os fijéis siempre en los iconos dentro de las capas que van recogiendo todos los elementos que vamos teniendo, que os fijéis en el icono que tenemos a la izquierda de cada uno.

203
00:22:56,400 --> 00:23:07,640
Si tiene una flechita es un desplegable, pero luego dentro de cada tipo, fijaos que esto que es como una curva de Bézier, si nos fijamos, igual que estábamos viendo antes estas curvas,

204
00:23:07,640 --> 00:23:12,740
estos puntos con curva, aquí está representando, diciendo, esto es una curva, que es decir, es una forma vectorial,

205
00:23:13,140 --> 00:23:19,000
que no es lo mismo que si vamos a las fotos y pone, es una imagen, ¿vale? Esto es importante irlo detectando

206
00:23:19,000 --> 00:23:24,539
para saber qué herramientas y qué enfoque tenemos que dar a cada una de estas capas, ¿vale?

207
00:23:26,900 --> 00:23:33,440
Imaginaos, y esto así empiezo a hablar ya un poco de las máscaras, imaginaos que, bueno, ¿vale?

208
00:23:33,440 --> 00:23:46,180
Pues habéis conseguido esta foto del perro o del pájaro, dice, vale, yo tengo esta foto del perro, pero yo lo que quiero es recortar al perro, es decir, que estas escaleras no se vean, que se vea parcialmente esta imagen.

209
00:23:46,180 --> 00:24:08,440
Vale, me pongo en píxel, dado que voy a trabajar con píxel, no voy a maquetar, luego si acaso moveré el perro para que se maquete, pero voy a trabajar con los píxeles, en este caso no voy a trabajar con vectores, aunque podría haber otro enfoque intermedio, que sería hacer un trazado con curvas que recorte al perro, pero vamos a centrarnos ahora en las máscaras de píxel.

210
00:24:08,440 --> 00:24:19,059
Normalmente cuando se empieza con el diseño gráfico, etcétera, la tendencia habitual es ir y decir, anda, aquí hay una herramienta que se llama borrador o pincel borrador

211
00:24:19,059 --> 00:24:27,220
Bueno, dependerá de la aplicación, y dice, vale, pues yo la cojo y lo que voy a hacer es seleccionar la capa

212
00:24:27,220 --> 00:24:35,519
Algo muy importante también, hago un inciso, en este y en todos los software, pero en este aún más, es que cuando vayamos a hacer una operación

213
00:24:35,519 --> 00:24:47,400
esa operación se va a hacer sobre la capa que esté seleccionada. Si seleccionáis otra, si yo selecciono el pájaro y empiezo aquí a darle, me digo, anda, ¿por qué no se borra el perro?

214
00:24:47,400 --> 00:24:58,599
Pues básicamente es porque no estamos trabajando en la herramienta adecuada.

215
00:24:59,319 --> 00:25:15,299
Es verdad que yo si quiero el enfoque tradicional o más habitual es decir, vale, yo tengo aquí el perro y voy a empezar a borrar con este pincel de borrado.

216
00:25:15,299 --> 00:25:40,140
Y empieza a borrar, a borrar, a borrar, ¿vale? ¿Qué pasa? Que yo luego, si quiero recuperar ese perro, aunque en Affinity Just han incorporado una cosa que lo evitaría, ¿vale? Cuando yo he borrado partes de una imagen con el borrador, con la herramienta borrador, cuya... cuya... atajo es normalmente la E de eraser, ¿vale? De borrador en inglés. Ahí lo tenéis, ¿vale?

217
00:25:40,140 --> 00:25:42,779
¿qué problema hay? que ya lo habéis borrado

218
00:25:42,779 --> 00:25:44,680
y no se puede recuperar ese perro

219
00:25:44,680 --> 00:25:46,980
sí que es verdad que en

220
00:25:46,980 --> 00:25:48,880
Affinity cuando se borra

221
00:25:48,880 --> 00:25:51,000
han deducido

222
00:25:51,000 --> 00:25:52,359
básicamente que

223
00:25:52,359 --> 00:25:54,740
no queremos que se borre esa imagen

224
00:25:54,740 --> 00:25:56,220
para siempre y no cuesta nada

225
00:25:56,220 --> 00:25:58,880
que se siga conservando y han hecho lo que se llama

226
00:25:58,880 --> 00:26:00,519
una máscara, que es de lo que vamos a hablar

227
00:26:00,519 --> 00:26:02,859
pero hay otro software, por ejemplo en Photoshop

228
00:26:02,859 --> 00:26:05,160
si lo abriera, que si usáis esta herramienta de borrar

229
00:26:05,160 --> 00:26:07,039
borra esta foto

230
00:26:07,039 --> 00:26:08,440
y si os pasáis un poco, luego

231
00:26:08,440 --> 00:26:16,900
tenéis que deshacer, o si más adelante os dais cuenta de que le habéis borrado el rabo, ya no está el rabo ahí, se ha borrado, ¿vale?

232
00:26:17,559 --> 00:26:26,299
¿Qué pasa? Eso sería el método destructivo, ¿vale? Cuando trabajáis con cualquier diseño, incluso también en software de vídeo, de audio,

233
00:26:26,299 --> 00:26:35,339
cuando se hace una operación que no es reversible, al menos no es reversible de una forma relativamente rápida o asequible, se habla de procesos

234
00:26:35,339 --> 00:27:02,240
Es decir, estamos haciendo operaciones, pero que ya influyen en el material de manera que no se puede recuperar. Normalmente, siempre hay justificaciones para todo, pero normalmente hay que evitar siempre, cuando veáis además este concepto, todas las operaciones que sean de tipo destructivo, porque normalmente va a haber muy frecuentemente otra forma de hacer la misma operación de manera no destructiva.

235
00:27:02,240 --> 00:27:17,200
Y me explico. Igual que hemos usado ese borrador, y os digo, aunque ya os digo que en Affinity es un poco distinto porque lo que ha hecho es crear una máscara en vez de borrar directamente los píxeles, en los software de diseño gráfico está lo que se llama una máscara.

236
00:27:17,200 --> 00:27:27,319
El concepto de máscara, en esencia, lo que quiere decir es que coge el material con el que se cuenta y hay una parte que la enmascara, que la oculta.

237
00:27:28,000 --> 00:27:35,619
Pero enmascarar, a diferencia de lo que estábamos hablando hasta ahora, por definición, es que está de alguna forma ocultando,

238
00:27:36,720 --> 00:27:41,460
esperando a que si en algún momento se quita esa máscara o se retoca, se puede recuperar lo que estaba mostrando.

239
00:27:41,460 --> 00:28:08,480
Por tanto, no es borrar partes de una imagen, no es borrar nada del diseño, no es borrar nada de la imagen. Es que se está mostrando u ocultando. Entonces el concepto de máscara es muy potente y es muy necesario conocer en el sentido de que lo que va a permitir es, precisamente, pues a lo mejor con alguna operación, ahora os explico cómo, pero con alguna operación podemos ir y decir, vale, yo quiero recuperar la cola del perro.

240
00:28:08,480 --> 00:28:30,740
Y la cola del perro, aunque aparentemente ya no estaba, fijaos que ahora si recupero esa máscara, pues se va recuperando la imagen. ¿Vale? Eso es lo que ganamos. Y ganamos además de cara a que no haya problemas posteriores, eso de haber borrado algo de forma que no se pueda recuperar.

241
00:28:30,740 --> 00:28:44,289
Vale, hasta aquí me vais siguiendo, entiendo, ¿no? Ahora explico ya cómo se hace una máscara y qué ventajas tiene. Vale, entiendo que sí.

242
00:28:44,289 --> 00:29:07,750
Ok, sigo, si no me decís nada. Si vuelvo para atrás, deshago y dejo la imagen del perro y del pájaro como teníamos, para crear una máscara lo más habitual es que abajo en el panel este de herramientas que tenemos aquí haya un elemento que se llame capa de máscara.

243
00:29:07,750 --> 00:29:19,730
Si clicamos ahí, aparentemente no ha pasado nada más que se ha agregado una capa que se llama máscara. Y hay que tener en cuenta dos cosas, y esto es igual en Photoshop y en todos los softwares.

244
00:29:20,730 --> 00:29:35,690
Cuando tenemos una máscara, normalmente viene representada con este icono, que significa una cosa, que es que las máscaras, a diferencia de otras capas que si os fijáis tienen colores y tienen otro tipo de valores,

245
00:29:35,690 --> 00:29:52,029
Entonces, si os fijáis, por mucho que yo haga, por ejemplo, voy a pintar con un pincel con color rojo, lo que os he dicho con el B, si yo voy a la capa del perro, si yo pinto, pues estoy pintando con un pincel en rojo.

246
00:29:52,029 --> 00:30:14,890
¿Qué ocurre? Que si yo en vez de pintar en la capa del perro, pinto en la de la máscara, fijaos que sigue siendo rojo, aquí está el color de ese pincel, yo empiezo a pintar y fijaos que lo que está haciendo es no aplicar un rojo y además si me fijo en la miniatura, está haciendo como una especie de gris donde estoy pintando, está haciendo un manchurrón gris, que es lo que se refleja aquí, que en ningún caso es rojo.

247
00:30:14,890 --> 00:30:31,269
Vale, las máscaras, las máscaras de píxel, porque hay más tipos de máscaras, pero este tipo de máscaras son, funcionan solo en escala de grises, es decir, blancos, negros y en medio una gama de grises variable.

248
00:30:31,930 --> 00:30:37,009
¿Qué ocurre? Y es lo que intenta representar esta imagen, este icono.

249
00:30:37,809 --> 00:30:44,430
Cuando en una máscara, el contenido de la máscara es blanca, lo que hace es mostrar.

250
00:30:45,029 --> 00:30:48,029
No es una parte que esté ocultando nada de esta imagen.

251
00:30:48,509 --> 00:30:51,690
Por eso, ahora mismo, según la hemos creado, que aquí se ve que es blanca,

252
00:30:52,190 --> 00:30:55,069
pues está mostrando toda la imagen del perro, que es la que está enmascarando.

253
00:30:55,069 --> 00:30:58,930
si yo en esta máscara seleccionada

254
00:30:58,930 --> 00:31:01,950
fijaos que pinto con un color negro

255
00:31:01,950 --> 00:31:03,829
yo pongo aquí un color negro de pincel

256
00:31:03,829 --> 00:31:06,750
vais a ver que a medida que yo voy pintando

257
00:31:06,750 --> 00:31:08,349
se va borrando la imagen

258
00:31:08,349 --> 00:31:13,809
pero puntualizo, no es borrar, es enmascarar

259
00:31:13,809 --> 00:31:15,950
fijaos que ahora se ve ese manchurrón negro

260
00:31:15,950 --> 00:31:18,970
y donde está ese manchurrón negro que yo he ido pintando

261
00:31:18,970 --> 00:31:21,589
pues no hay contenido

262
00:31:21,589 --> 00:31:23,750
y cuando digo no hay contenido se ve blanco

263
00:31:23,750 --> 00:31:45,069
Si yo pusiera la capa del pájaro por detrás, fijaos que se ha hecho transparente, es decir, no se ve, porque se está ocultando. ¿Qué ocurre? Que como hemos dicho, esta capa de máscara, si yo la pinto de blanco, nuevamente, digo, vale, el pincel lo voy a poner blanco, ¿vale? Y sigo con la herramienta pincel, que le da la B, es esta de aquí.

264
00:31:45,069 --> 00:32:02,750
Ahora, si yo selecciono la máscara, al ir pintando, voy recuperando, ¿vale? Entonces yo puedo, de una forma así rápida, yo podría pintar todo de blanco y luego decir, vale, yo quiero que se muestre al perrillo, solo, sin el fondo, ¿vale?

265
00:32:02,750 --> 00:32:27,309
Pues entonces voy a la máscara y digo lo que quiero es ocultar porque me sobran elementos. Voy al negro y ya podríamos ir pintando con esa máscara, ¿vale? El contorno del perro para ir ocultando el entorno, ¿vale? Evidentemente habría que afinar más o menos para ir dejándolo, pero fijaos que yo aquí con esta máscara que estoy pintando lo que voy haciendo es mostrar u ocultar al perro.

266
00:32:27,309 --> 00:32:31,329
Además, si en algún momento yo me paso

267
00:32:31,329 --> 00:32:34,430
Yo puedo decir, vale, quiero que el pincel sea blanco

268
00:32:34,430 --> 00:32:37,269
Y ahí, pues, podemos ir recuperando

269
00:32:37,269 --> 00:32:39,509
Trucos para los pinceles

270
00:32:39,509 --> 00:32:44,250
Aquí arriba, como suele pasar a los softwares

271
00:32:44,250 --> 00:32:46,309
Al ir escogiendo cualquier herramienta

272
00:32:46,309 --> 00:32:48,569
Bueno, esa justo tiene su pega

273
00:32:48,569 --> 00:32:50,569
Porque hay que activar otra cosa de inteligencia artificial

274
00:32:50,569 --> 00:32:52,230
Pero si yo voy seleccionando

275
00:32:52,230 --> 00:32:53,990
Veis que van cambiando también

276
00:32:53,990 --> 00:32:56,509
el menú contextual que tiene

277
00:32:56,509 --> 00:32:58,250
aquí arriba el software

278
00:32:58,250 --> 00:33:00,250
vale, pues nuevamente

279
00:33:00,250 --> 00:33:02,369
si yo por ejemplo tengo seleccionado el pincel

280
00:33:02,369 --> 00:33:04,609
y quiero cambiar el tamaño

281
00:33:04,609 --> 00:33:06,470
del pincel, probablemente hay alguna

282
00:33:06,470 --> 00:33:08,589
opción aquí para cambiar el tamaño, que es esta

283
00:33:08,589 --> 00:33:10,710
vale, en este caso es esta, veis que el pincel

284
00:33:10,710 --> 00:33:12,309
ahora es más pequeño, pues ha pasado

285
00:33:12,309 --> 00:33:13,509
de cuánto estaba

286
00:33:13,509 --> 00:33:15,609
de 500 o así

287
00:33:15,609 --> 00:33:18,470
a 32 ahora mismo, vale

288
00:33:18,470 --> 00:33:20,650
lo tenemos aquí, y fijaos

289
00:33:20,650 --> 00:33:22,529
también que antes los bordes eran más

290
00:33:22,529 --> 00:33:33,009
suaves y ahora son más duros. ¿Por qué? Pues porque habrá otra opción que es la suavidad, que si os fijáis está aquí, que si la ponemos al 100% son bordes muy abruptos,

291
00:33:33,369 --> 00:33:45,250
si la ponemos al 0 son muy suaves. Y valores intermedios de esta suavidad de los bordes que tenemos aquí, a ver si vuelve a este, de los bordes que tenemos aquí,

292
00:33:45,250 --> 00:33:56,690
Y vamos afinando o desafinando el borde que nos interese, porque en ocasiones podemos querer que este borde, si os fijáis en esta imagen del perro, no está muy definido el borde por la propia imagen.

293
00:33:56,690 --> 00:34:03,809
Entonces tampoco queremos hacer un borde muy abrupto. Queremos ir trabajando así, de este modo.

294
00:34:03,809 --> 00:34:07,170
¿Qué ocurre?

295
00:34:08,050 --> 00:34:10,030
Que bueno, simplemente para que lo veáis

296
00:34:10,030 --> 00:34:13,170
En vez de tener que ir aquí a cambiar los valores por sí mismos

297
00:34:13,170 --> 00:34:15,070
Si os fijáis en las opciones de abajo

298
00:34:15,070 --> 00:34:20,309
Hay una que pone para modificar los parámetros del pincel

299
00:34:20,309 --> 00:34:23,570
Por ejemplo, el tamaño y la suavidad que acabamos de decir

300
00:34:23,570 --> 00:34:24,530
Son tamaños del pincel

301
00:34:24,530 --> 00:34:27,150
Con control y alt y arrastrar

302
00:34:27,150 --> 00:34:31,210
Si pulsamos las teclas control, alt y arrastrar

303
00:34:31,210 --> 00:34:50,110
¿Vale? Fijaos que yo voy haciendo más grande, si voy moviendo a la derecha o izquierda o más pequeño el pincel y de arriba a abajo voy cambiando esa dureza de la que hablaba, ¿vale? Estos son el tipo de atajos que hay que ir, bueno, pues conociendo para ser más eficientes trabajando, pero nuevamente eso también lo va dando el uso.

304
00:34:50,110 --> 00:35:20,090
Entonces, lo bueno del pincel es que yo en esta parte lo hago muy grande y lo voy enmascarando, voy enmascarando, aquí es más pequeño, me acerco, ¿vale? Y pues puedo ir recortando el perrillo, ¿vale? Esta es una forma que se puede hacer para enmascarar, ¿vale? Y nuevamente, lo bueno de hacerlo con máscaras, que lo que está haciendo es en blanco y negro y mostrando estas partes o no, es que yo en cualquier momento puedo decir, vale, quiero mostrar, ¿no? Pues nuevamente, yo voy a blanco, lo pongo en blanco y ahora la operación es,

305
00:35:20,110 --> 00:35:25,150
mostrar. Y nada se ha borrado de la imagen, la imagen está aquí, referenciada, pero contiene

306
00:35:25,150 --> 00:35:30,150
una máscara. Las máscaras a medida que se va trabajando, fijaos en el desplegable, si lo

307
00:35:30,150 --> 00:35:35,210
desplegamos y aquí a la derecha de la imagen, porque está recogida, aparece esto, que además al

308
00:35:35,210 --> 00:35:40,409
ponernos encima pone máscara, significa que dentro está una máscara que está ocultando partes de la

309
00:35:40,409 --> 00:35:47,210
imagen. Entonces, bueno, pues que sepáis que cuando veis un elemento que tiene la miniatura

310
00:35:47,210 --> 00:35:55,550
y aparte una máscara, pues significa que están los dos parámetros ahí.

311
00:35:55,969 --> 00:35:57,789
¿Vale? ¿Hasta aquí qué tal? ¿Me vais siguiendo?

312
00:36:01,440 --> 00:36:01,860
Sí.

313
00:36:02,739 --> 00:36:07,500
Vale. Esto es importante, que es un poco extra lo del tema,

314
00:36:07,960 --> 00:36:09,719
porque lo vais a usar en todo tipo de software.

315
00:36:09,860 --> 00:36:13,360
Este concepto de máscaras, ese blanco y negro para ocultar o desocultar,

316
00:36:13,460 --> 00:36:16,900
es universal este uso cuando se usa máscaras de Pixel.

317
00:36:16,900 --> 00:36:31,000
vale y si me vais siguiendo no hay alguna duda vale entiendo que continuó vale bien vale claro

318
00:36:31,000 --> 00:36:37,679
os he dicho puede ser blanco negro o gama de grises y atención porque lo que he dicho aquí

319
00:36:37,679 --> 00:36:43,539
el pincel de se puede cambiar de color a un gris que hará un gris lo voy a poner un gris casi negro

320
00:36:43,539 --> 00:36:49,239
negro recortar que lo que hace es ocultar vale un gris casi negro si yo voy a la máscara y pinto por

321
00:36:49,239 --> 00:36:54,820
ejemplo la pata no sé si se verá bien pero lo que está haciendo es si yo

322
00:36:54,820 --> 00:36:58,840
pusiera detrás la capa del pájaro porque si no se ve blanco si yo pusiera la

323
00:36:58,840 --> 00:37:03,119
capa del pájaro se ve que es semi opaco veis que se ve un poquito la pata no voy

324
00:37:03,119 --> 00:37:08,320
a exagerar incluso un poco más a poner un poco a la mitad un 50% más o menos de

325
00:37:08,320 --> 00:37:14,079
gris si yo empiezo a pintar en esa máscara con el pincel en la máscara

326
00:37:14,079 --> 00:37:15,480
¿vale? no en el perro

327
00:37:15,480 --> 00:37:18,900
vale, no me lo está haciendo

328
00:37:18,900 --> 00:37:20,980
vale, fijaos que yo estoy intentando

329
00:37:20,980 --> 00:37:22,920
hacer la máscara y no hace

330
00:37:22,920 --> 00:37:24,219
la máscara, sino que me pinta en gris

331
00:37:24,219 --> 00:37:26,820
y al fijarme veo que está haciendo algo de tipo vectorial

332
00:37:26,820 --> 00:37:28,920
lo que os decía antes, ¿vale? eso es que estoy usando

333
00:37:28,920 --> 00:37:30,780
el pincel que no quiero, que efectivamente

334
00:37:30,780 --> 00:37:32,260
no está aquí, ¿vale?

335
00:37:32,480 --> 00:37:34,659
es lo que os decía antes, ahí, este es el que queremos

336
00:37:34,659 --> 00:37:36,780
yo si empiezo a pintar aquí, veis que se ve

337
00:37:36,780 --> 00:37:37,219
un poco

338
00:37:37,219 --> 00:37:40,079
el perro, ¿vale?

339
00:37:40,559 --> 00:37:42,320
incluso lo voy a hacer que se vea más

340
00:37:42,320 --> 00:37:45,179
yo estoy aquí pintando y se ve el perro y detrás

341
00:37:45,179 --> 00:37:46,960
lo está haciendo semi-transparente

342
00:37:46,960 --> 00:37:49,119
dependiendo del nivel de gris se ve más

343
00:37:49,119 --> 00:37:51,260
o menos transparente, ves que se ve un poco el perro

344
00:37:51,260 --> 00:37:52,820
pero en esa parte que he pintado

345
00:37:52,820 --> 00:37:54,320
y aquí en la miniatura

346
00:37:54,320 --> 00:37:57,280
si, no me equivoco, puedo poner la miniatura

347
00:37:57,280 --> 00:37:58,960
más grande, si os fijáis

348
00:37:58,960 --> 00:38:01,099
se ve ese

349
00:38:01,099 --> 00:38:03,039
gris, esa parte gris, que lo que está haciendo

350
00:38:03,039 --> 00:38:05,099
es que muestra parcialmente el contenido

351
00:38:05,099 --> 00:38:06,760
y por tanto si hay algo detrás

352
00:38:06,760 --> 00:38:09,300
a ver, aquí, si hay algo detrás

353
00:38:09,300 --> 00:38:11,059
pues se hace

354
00:38:11,059 --> 00:38:19,940
traslúcido en este caso semi transparente entonces bueno el concepto de capas de máscaras perdonad

355
00:38:19,940 --> 00:38:25,579
de píxel estas máscaras que estamos usando aquí es importante conocerlo precisamente por lo dicho

356
00:38:25,579 --> 00:38:33,659
para no borrar o eliminar partes oa veces también os puede llegar y esto pasa mucho en vídeo más os

357
00:38:33,659 --> 00:38:39,360
puede llegar un plano que es en blanco y negro solo para que lo pongáis encima de otro plano

358
00:38:39,360 --> 00:38:45,599
que es entero y eso en máscara. Digamos que ya alguien ha trabajado esta máscara, la ha ido pintando

359
00:38:45,599 --> 00:38:52,059
y lo que se exporta es solo la máscara. Si tú la asocias a otro elemento, a otra imagen, a otro vídeo

360
00:38:52,059 --> 00:38:58,420
y bebe de esa máscara, lo que va a hacer es dar esa máscara, enmascarar, hacer ese, entre comillas,

361
00:38:58,880 --> 00:39:05,619
recorte no destructivo para que muestre o no. Y esto se hace mucho en distintas facetas del audiovisual

362
00:39:05,619 --> 00:39:14,239
y del diseño gráfico. Entonces, eso, importante quedarse con que las máscaras de píxel son en blanco y negro, o grises, vamos, en la escala de grises,

363
00:39:14,239 --> 00:39:24,039
y sirve para eso, para mostrar u ocultar partes, siendo el blanco la parte que se muestra, siendo el negro la que no se muestra nada, la que se oculta,

364
00:39:24,539 --> 00:39:30,960
y los valores intermedios de grises, pues dependiendo si se acerca más al negro o al blanco, pues irá mostrando más o menos.

365
00:39:30,960 --> 00:39:40,559
Dicho esto, es importante, por ejemplo, que pensar que aquí tenemos máscaras

366
00:39:40,559 --> 00:39:44,360
Y las máscaras se pueden ir introduciendo, o las capas mejor dicho, una dentro de otra

367
00:39:44,360 --> 00:39:49,500
Esta, si os fijáis, está un poquito hacia la derecha porque está recogida en esta de aquí

368
00:39:49,500 --> 00:39:55,460
Pero yo puedo, por ejemplo, crear una capa de vectores, que la he creado ahí

369
00:39:55,460 --> 00:40:00,199
Y voy a hacer un vector aquí, y aquí he hecho un vector

370
00:40:00,199 --> 00:40:02,119
que le voy a rellenar de rojo

371
00:40:02,119 --> 00:40:04,340
un vector, una capa de vector

372
00:40:04,340 --> 00:40:06,380
que tengo aquí, yo esas capas

373
00:40:06,380 --> 00:40:08,340
las puedo ir moviendo de un lado a otro

374
00:40:08,340 --> 00:40:10,659
fijaos que si yo la pongo

375
00:40:10,659 --> 00:40:12,760
aquí, pues las capas como habréis visto

376
00:40:12,760 --> 00:40:13,840
ya en otros softwares imagino

377
00:40:13,840 --> 00:40:15,820
se va mostrando de

378
00:40:15,820 --> 00:40:18,059
de arriba a abajo

379
00:40:18,059 --> 00:40:20,159
no en todos los softwares es igual

380
00:40:20,159 --> 00:40:21,739
pero bueno, en los que son tipo photoshop

381
00:40:21,739 --> 00:40:23,760
por capas de imagen

382
00:40:23,760 --> 00:40:26,380
la imagen que está por encima en el panel capas

383
00:40:26,380 --> 00:40:28,500
se visualiza por delante

384
00:40:28,500 --> 00:40:37,159
de las que están más abajo, ¿vale? Por eso no es lo mismo que esta curva, este vector rojo, que está ahí detrás, lo que pasa es que el perro lo está tapando,

385
00:40:37,619 --> 00:40:45,739
no es lo mismo que a nivel de capas esté por detrás que lo pongamos por delante, ¿vale? Que lo que hace es, pues, ocultarlo.

386
00:40:45,739 --> 00:41:07,199
Y lo mismo ocurre con la agrupación de elementos. Es decir, si yo esta máscara, que es una capa al final, aunque ahora mismo esté dentro de esta, es una capa que yo puedo arrastrar y sacar, ¿vale? Y fijaos que yo puedo ponerla aquí encima y empezará a enmascarar todo lo que hay por debajo.

387
00:41:07,719 --> 00:41:19,880
Fijaos que ahora, a diferencia de antes que se veía lo rojo y el pajarillo, si yo la desasocio y tengo una máscara, fijaos en el icono, por encima de otros elementos, irá enmascarando todo lo que haya por debajo.

388
00:41:20,179 --> 00:41:30,159
Importante. Si yo, por ejemplo, pongo aquí el rojo, esta curva roja, si yo la pongo aquí, la máscara está ocultando todo lo que hay debajo.

389
00:41:30,159 --> 00:41:52,780
Digamos que está aplicándose a todo. Si yo quiero que se aplique nuevamente solo al perro, recordad que lo que hay que hacer es asociarla al perro. Pero es importante, en Affinity al menos, distinguir dos cosas. Una es arrastrar una capa y meterla donde pone el nombre, que lo mete y aparentemente está haciendo la operación.

390
00:41:52,780 --> 00:41:57,940
Fijaos, pero cuando lo reduzco no aparece aquí la máscara, si os acordáis, ¿vale?

391
00:41:58,500 --> 00:42:04,219
No es lo mismo eso, que también lo podría hacer aquí con esta curva y arrastrar al nombre y está recogido

392
00:42:04,219 --> 00:42:11,480
No es lo mismo arrastrar al nombre de la capa, que lo que hace es agrupar elementos para que todos, si muevo el padre, se muevan juntos

393
00:42:11,480 --> 00:42:18,420
No es lo mismo que, si deshago y lo saco, que arrastrar la capa y ponerla en la miniatura

394
00:42:18,420 --> 00:42:28,500
La miniatura es este recuadrito que representa el contenido de esa capa. Y vais a ver que cambia. ¿Por qué? Ahora cuando lo encojo sí que aparece esa máscara aplicada.

395
00:42:29,679 --> 00:42:41,000
No es exactamente lo mismo porque fijaos que si yo pongo aquí esta curva vectorial y la arrastra al nombre, pues simplemente pasa a estar aquí recortada también por la máscara que está encima.

396
00:42:41,000 --> 00:43:04,000
Pero si yo lo que hago es arrastrarla a la miniatura del perro, fijaos que también esta máscara, que era un vector, y fijaos que no se aman igual máscara de recorte y máscara de píxel, ahora lo que recorta es tanto el vector como la máscara.

397
00:43:04,000 --> 00:43:17,639
Se han sumado. Y si recojo, además vais a ver que tiene aplicadas dos máscaras. Una el vector, ¿vale? Y cuando digo vector es que incluso podemos ir al vector, si lo seleccionamos, y podemos cambiar la forma de la máscara.

398
00:43:17,639 --> 00:43:37,320
Ahora ya no es una máscara, es lo que os quería decir, además de un tipo de máscaras, esta es una máscara de tipo vectorial. ¿Qué significa? Que va definiendo un espacio y se va a usar de manera vectorial, pues con estos beciers y con estas curvas, pero su función es la de enmascarar.

399
00:43:37,320 --> 00:43:59,000
Pero ya no se hace con un pincel de blancos y negros. Ahora lo que acoge es la forma, el contorno, y lo traspasa aquí a blanco y negro porque es como lo representa para que sea una máscara. Pero esta máscara siempre es roja en esencia. Si la sacamos es roja. Pero cuando lo ponemos encima de la miniatura pasa a ser una máscara. En este caso lo llaman máscara de recorte.

400
00:43:59,000 --> 00:44:01,840
fijaos que con esto, por ejemplo

401
00:44:01,840 --> 00:44:03,519
y pasará mucho en Figma, por ejemplo

402
00:44:03,519 --> 00:44:05,800
siempre que metéis una imagen enmascarada

403
00:44:05,800 --> 00:44:07,179
de algún modo, es lo que suelo hacer

404
00:44:07,179 --> 00:44:09,840
si por ejemplo queréis que este perrillo

405
00:44:09,840 --> 00:44:11,840
voy a ocultar, temporalmente

406
00:44:11,840 --> 00:44:13,659
sin borrar, ¿vale? y para eso están estos ojos

407
00:44:13,659 --> 00:44:15,460
voy a ocultar la máscara

408
00:44:15,460 --> 00:44:17,380
que he pintado antes con el pincel, ¿vale?

409
00:44:17,400 --> 00:44:19,760
ahora solo estoy aplicando la máscara

410
00:44:19,760 --> 00:44:21,599
de recorte, la otra, fijaos que sigue

411
00:44:21,599 --> 00:44:23,360
estando, pero aparece tachada

412
00:44:23,360 --> 00:44:24,679
si

413
00:44:24,679 --> 00:44:27,079
por ejemplo, en vez de

414
00:44:27,079 --> 00:44:47,280
En vez de ser esa forma que está dibujando, lo que quiero es dibujar un círculo. Yo puedo ir a las formas de la herramienta vector, ir a la máscara y dibujar esta forma de aquí, que yo arrastro a la miniatura.

415
00:44:47,280 --> 00:45:09,940
Y bueno, pues esto por ejemplo lo podéis usar, esta agrupación que tenemos ahora con la máscara aplicada, ¿vale? Se mueve así, pues por ejemplo el perfil de alguien, ¿no? Si miramos ahora las cámaras que tenemos en el Jitsi, pues nuestras fotos están recortadas así porque nosotros hemos subido una forma rectangular, pero hay una máscara circular que está aplicando ese recorte, ¿no?

416
00:45:09,940 --> 00:45:22,619
Aquí pasa un poco lo mismo. Estamos asignando una máscara de recorte circular, que lo bueno, como siempre, es que yo en lo vectorial, si voy y lo selecciono, pues puedo cambiar también las formas.

417
00:45:22,619 --> 00:45:40,639
A ver, aquí puedo ir añadiendo puntos y puedo ir cambiando los vectores. Bueno, esta al ser una forma, una primitiva se llama, pues va a costar más ajustarlo.

418
00:45:40,639 --> 00:46:09,320
Pero bueno, normalmente si queremos cambiar formas, pues va a ser con formas que hayamos dibujado con la pluma, ¿vale? Entonces, bueno, simplemente eso. Es importante que conozcáis las máscaras y cuando también otro recurso que os puede venir bien para practicar es que dentro de Affinity, cuando abrís el programa os aparece, pero incluso aunque ya hayáis empezado, si dais a esta A que hay aquí, ¿vale? Al lado de los estudios, os va a abrir este panel de inicio, ¿vale?

419
00:46:09,320 --> 00:46:16,360
Y aquí en Welcome to Affinity tenéis una sección con recursos, que si le dais, por ejemplo, aquí hay una de capas en la que habla un poco de esto.

420
00:46:16,840 --> 00:46:22,980
Si la cargáis, os sale como un tutorial muy escueto, pero que os va explicando un poco algunas funcionalidades.

421
00:46:22,980 --> 00:46:36,960
Pero lo importante es que os da ya proyectos con capas, por ejemplo, o con ciertas características con las que luego leís el tutorial, os da pistas de cosas, pero luego podéis ir trabajando.

422
00:46:36,960 --> 00:46:58,880
Fijaos aquí, por ejemplo, que es un diseño básicamente vectorial, si os fijáis todos son vectores, formas dibujadas con plumas, etc. No hay foto, no hay raster. Por ejemplo, indica que podemos ir mostrando y desocultando elementos con estos ojos, que podéis arrastrar por los ojos y se van activando.

423
00:46:58,880 --> 00:47:08,820
Ahí lo que hacéis cuando queréis que una capa no se elimine, nuevamente jugar con lo destructivo o no destructivo, que no se elimine, pues damos al ojo y se oculta, pero la capa sigue estando ahí.

424
00:47:08,820 --> 00:47:29,380
Aquí, por ejemplo, viene preparada una forma. Fijaos aquí. Esto por defecto viene así configurado y dice, intenta cambiar la textura que tiene la lámpara.

425
00:47:29,380 --> 00:47:45,139
Un segundito, estoy pillando con algo. Vale, ya. Vale, indica, abre Lampshade, ¿vale? Y veis que aquí tiene una agrupación, que es esta flechita, que cuando la abrís puede tener muchos elementos.

426
00:47:45,719 --> 00:47:59,019
Esto tiene un montón de elementos y fijaos que dentro de su agrupación hay más grupos, ¿vale? Vais viendo que a medida que se van haciendo estos grupos, se muestran porque aparecen agrupados aquí con esta estructura, ¿no?

427
00:47:59,019 --> 00:48:00,579
que se va metiendo un poquito hacia la derecha.

428
00:48:02,000 --> 00:48:06,840
Entonces, pues por ejemplo, si tenemos esta forma, ¿vale?

429
00:48:06,900 --> 00:48:13,219
Fijaos que yo, si me fijo aquí, tengo una forma vectorial que dibuja la silueta de la lámpara.

430
00:48:13,800 --> 00:48:19,360
¿Vale? Si yo tengo una silueta, es lo mismo que antes pasaba con la forma roja que se había dibujado.

431
00:48:19,360 --> 00:48:24,800
Y si tenemos aquí un patrón que no se ve porque está oculto, pero fijaos que está aquí preparado, ¿vale?

432
00:48:24,800 --> 00:48:27,119
Este patrón que tenemos aquí, ¿vale?

433
00:48:28,059 --> 00:48:38,940
Lo que podemos hacer con las máscaras es decir, vale, yo quiero que este cover, esta forma que tenemos aquí, recorte o solo muestre, mejor dicho, este patrón, ¿vale?

434
00:48:38,960 --> 00:48:43,659
Si arrastramos esta capa a la miniatura, pues hacemos esa operación que estábamos diciendo.

435
00:48:44,360 --> 00:48:49,159
En esencia, hemos hecho una máscara con la forma de la lámpara que está diseñada de otro modo

436
00:48:49,159 --> 00:48:55,000
y lo que seña es lo que hay en su interior, que es la textura, el patrón de textura que estábamos mostrando.

437
00:48:55,739 --> 00:49:01,960
Entonces, bueno, con esto de las máscaras se pueden hacer un montón de posibilidades,

438
00:49:02,539 --> 00:49:07,119
pero es importante eso, tener en cuenta que dependerá de la capa que estemos seleccionando

439
00:49:07,119 --> 00:49:10,900
y si la arrastramos a la miniatura o al nombre, ¿vale?

440
00:49:10,900 --> 00:49:17,800
Y luego nuevamente, si yo muevo el patrón, estoy moviendo el patrón y todo lo que hay dentro,

441
00:49:17,800 --> 00:49:36,699
Que es la máscara también, por eso si yo muevo, se está moviendo la forma, la silueta que está marcando la lámpara con el patrón. Si yo solo quiero mover la máscara, fijaos que el patrón, esas hojitas están quietas y estoy moviendo solo la máscara, lo que está aquí seleccionado.

442
00:49:36,699 --> 00:49:47,920
Si solo quiero mover lo que es el contenido, pues habría que seleccionar todas estas curvas y moverlas en bloque.

443
00:49:48,639 --> 00:49:51,500
Bueno, espera, voy a volver a poner la lámpara en el sitio.

444
00:49:51,659 --> 00:49:58,679
Si yo quiero que manteniendo la silueta que dibuja esta lámpara, mueva lo que es el patrón para que se enseñe otra parte de ese patrón,

445
00:49:59,280 --> 00:50:02,719
yo si voy moviendo ahora, fijaos que ha seleccionado todo el patrón que está diseñado,

446
00:50:02,719 --> 00:50:28,199
Y la máscara, lo que es el contorno, los límites de esa máscara, está aquí definido. Entonces, ya, bueno, lo estoy haciendo con las flechas, también se podría hacer arrastrando. Lo que se mueve es que mostrando solo los límites definidos por ese patrón, pues bueno, por esa máscara, pues va mostrando lo que vayamos moviendo aquí en su interior. Entonces, esta lógica es importante que la conozcáis.

447
00:50:29,159 --> 00:50:41,920
No sé si tenéis alguna duda de esto. Esto era un poco, si no me planteabais las vuestras, pues un poco algo de lo que quería hablar, que en el tema no está muy reflejado, porque tampoco es algo esencial, pero sí es muy importante.

448
00:50:41,920 --> 00:50:55,059
También de cara a eso, a vuestras, a lo texturizado 3D, pues las herramientas también tendrán máscaras. Funcionará igual con esta lógica de escala de grises. En audiovisuales también veréis que se pueden aplicar máscaras. Es importante conocerlo.

449
00:50:55,059 --> 00:51:14,099
Y bueno, en color pues imagino que os hablarán también de las máscaras, o deberían. Así que no sé, no sé si tenéis alguna duda o algo que queráis que veamos, de la tarea, del contenido, ¿no?

450
00:51:14,099 --> 00:51:17,000
vale, pues si es así

451
00:51:17,000 --> 00:51:19,000
de momento pues hoy

452
00:51:19,000 --> 00:51:21,059
damos por concluida la tutoría

453
00:51:21,059 --> 00:51:23,239
eso, el domingo hay una entrega

454
00:51:23,239 --> 00:51:24,699
antes comentando

455
00:51:24,699 --> 00:51:26,920
la voy a aplazar dos o tres días

456
00:51:26,920 --> 00:51:28,380
para que tengáis un poquito más de tiempo

457
00:51:28,380 --> 00:51:31,059
pero bueno, entiendo

458
00:51:31,059 --> 00:51:32,840
que si os vais poniendo

459
00:51:32,840 --> 00:51:34,960
y no veo ninguna duda, así que entiendo que vais

460
00:51:34,960 --> 00:51:36,300
avanzando correctamente

461
00:51:36,300 --> 00:51:37,260
pues

462
00:51:37,260 --> 00:51:40,300
y si no, planteadmelas por favor

463
00:51:40,300 --> 00:51:42,719
pues entiendo que vais a poder

464
00:51:42,719 --> 00:51:44,760
superarla los que os pongáis a

465
00:51:44,760 --> 00:51:46,800
hacerla. ¿Lo he dicho? ¿Alguna duda

466
00:51:46,800 --> 00:51:48,159
o algo que queráis que tratemos?

467
00:52:01,170 --> 00:52:02,889
Vale. Veo que nadie

468
00:52:02,889 --> 00:52:04,929
participa, así que entiendo

469
00:52:04,929 --> 00:52:06,690
que está todo correcto.

470
00:52:07,409 --> 00:52:07,929
Pues

471
00:52:07,929 --> 00:52:10,530
vale, indica una

472
00:52:10,530 --> 00:52:13,050
compañera. De momento tendré que ponerme

473
00:52:13,050 --> 00:52:14,849
de momento no hay dudas, tendré que

474
00:52:14,849 --> 00:52:16,809
ponerme y acabarlo este fin de semana. Vale, genial.

475
00:52:17,730 --> 00:52:18,670
Pues nada,

476
00:52:18,849 --> 00:52:20,869
mucho ánimo con ello y

477
00:52:20,869 --> 00:52:23,010
gracias por haber asistido

478
00:52:23,010 --> 00:52:28,250
la tutoría. ¿Ninguna de momento ponen? Perfecto. ¿Sobre esto que hemos hablado ahora de las

479
00:52:28,250 --> 00:52:34,460
máscaras, algo así que se os quede, algo que queráis que profundicemos? ¿Alguna duda,

480
00:52:34,699 --> 00:52:49,659
curiosidad? Vale. Tenéis que ponerlas en práctica. Pues nada, adelante. Pues nada,

481
00:52:49,739 --> 00:52:53,719
muchas gracias por asistir y ánimo con ello, ¿vale? Venga, muchas gracias.