1
00:00:01,050 --> 00:00:05,269
Hola chicos y chicas de la ESO, vamos hoy con un capítulo de los más difíciles.

2
00:00:05,610 --> 00:00:10,410
Vamos a ver si conseguimos hacer esa animación de la salamandra a un cuadrado,

3
00:00:11,089 --> 00:00:12,330
aquella salamandra que dibujamos.

4
00:00:12,869 --> 00:00:18,149
Estáis ya viendo mi escritorio en el que tengo guardada la salamandra

5
00:00:18,149 --> 00:00:20,329
en el punto en el que lo dejamos en el capítulo anterior.

6
00:00:21,570 --> 00:00:25,550
Inkscape me abre aquí mi zona de trabajo y así es como quedó la cosa.

7
00:00:25,550 --> 00:00:31,010
Vamos a intentar ir cambiando esta salamandra hasta convertirse en un cuadrado

8
00:00:31,010 --> 00:00:38,030
Ir capturando en cada momento del cambio como una foto del momento y luego animarlos

9
00:00:38,030 --> 00:00:41,130
Por ejemplo, para que lo veáis, yo lo he hecho muy rápidamente antes

10
00:00:41,130 --> 00:00:43,149
Esta era la salamandra inicial

11
00:00:43,149 --> 00:00:46,969
Y le he ido cambiando en muy pocos pasos

12
00:00:46,969 --> 00:00:48,329
Esta vez lo he hecho muy rápido

13
00:00:48,329 --> 00:00:50,810
Que no está mal hacerlo así la primera vez

14
00:00:50,810 --> 00:00:54,329
Lo hacéis muy rápido y veis que pasa porque la buena es la segunda

15
00:00:54,329 --> 00:00:57,329
Esto es muy difícil que te salga como tú quieres a la primera

16
00:00:57,329 --> 00:00:59,450
Porque se aprenden muchas cosas en la primera

17
00:00:59,450 --> 00:01:02,729
Entonces hacemos una en poquitos pasos

18
00:01:02,729 --> 00:01:04,250
Recorriendo todo el camino

19
00:01:04,250 --> 00:01:07,989
Y luego hacéis la segunda tan chula como queráis

20
00:01:07,989 --> 00:01:10,349
¿Veis? Estos son los siete pasos que yo he hecho

21
00:01:10,349 --> 00:01:15,769
Y estos siete pasos consiguen esta salamandra, esta animación

22
00:01:15,769 --> 00:01:16,870
¿Vale?

23
00:01:17,549 --> 00:01:20,250
Se puede hacer, luego lo veremos, más rápida, más lenta

24
00:01:20,250 --> 00:01:24,430
Pero si son 7 pasos, pues esos son los golpes que da la animación

25
00:01:24,430 --> 00:01:28,150
Así que vamos allá

26
00:01:28,150 --> 00:01:30,370
¿Qué hago lo primero?

27
00:01:30,510 --> 00:01:34,950
Cogerme aquí de las reglas, tiro y saco guías

28
00:01:34,950 --> 00:01:38,569
Mirad, te pones encima de la regla

29
00:01:38,569 --> 00:01:41,870
Arrastras y salen guías

30
00:01:41,870 --> 00:01:44,989
Las puedes colocar donde quieras

31
00:01:44,989 --> 00:01:49,969
Para que tú sepas dónde va tu salamandra

32
00:01:49,969 --> 00:01:54,590
y queremos mover los nodos

33
00:01:54,590 --> 00:01:56,790
lo mismo que estábamos haciendo cuando dibujábamos

34
00:01:56,790 --> 00:02:00,530
pero mirad, este aparece porque lo tenía abierto

35
00:02:00,530 --> 00:02:02,810
os lo voy a volver a llamar para que veáis de donde lo he sacado

36
00:02:02,810 --> 00:02:05,829
vamos a ir moviendo los nodos a ese cuadrado

37
00:02:05,829 --> 00:02:07,629
y guardando

38
00:02:07,629 --> 00:02:09,849
guardando no de cualquier manera

39
00:02:09,849 --> 00:02:13,550
guardando con un comando especial que se llama aquí en archivo

40
00:02:13,550 --> 00:02:16,370
se llama exportar imagen png

41
00:02:16,370 --> 00:02:20,050
que es este menú que tenía aquí abierto desde el principio

42
00:02:20,050 --> 00:02:21,229
porque es lo último que hice

43
00:02:21,229 --> 00:02:23,590
en el que hay que leérselo

44
00:02:23,590 --> 00:02:24,830
esto es muy importante hacerlo bien

45
00:02:24,830 --> 00:02:28,210
porque la mayoría de los errores que ocurren haciendo este trabajo

46
00:02:28,210 --> 00:02:33,349
vienen de no haber rellenado correctamente este menú

47
00:02:33,349 --> 00:02:36,969
por ejemplo, página, dibujo, selección o personalizado

48
00:02:36,969 --> 00:02:39,449
nosotros como lo tenemos seleccionado

49
00:02:39,449 --> 00:02:41,389
podemos decir selección

50
00:02:41,389 --> 00:02:44,330
si resulta que no tuvieses nada seleccionado

51
00:02:44,330 --> 00:02:47,349
Ya no te deja poner selección para automático

52
00:02:47,349 --> 00:02:48,689
Te coge todo el dibujo

53
00:02:48,689 --> 00:02:50,710
Que en tu caso, en nuestro caso

54
00:02:50,710 --> 00:02:52,789
Todo el dibujo, recordad lo que es

55
00:02:52,789 --> 00:02:54,270
Es todo el papel

56
00:02:54,270 --> 00:02:57,550
Mirad lo que estábamos haciendo

57
00:02:57,550 --> 00:02:59,669
Y si te coge todo el papel

58
00:02:59,669 --> 00:03:01,990
No es lo mismo que tú estás haciendo

59
00:03:01,990 --> 00:03:02,550
¿De acuerdo?

60
00:03:03,289 --> 00:03:05,409
Así que nosotros estamos haciendo

61
00:03:05,409 --> 00:03:07,050
La selección

62
00:03:07,050 --> 00:03:08,569
Para que te coja la selección

63
00:03:08,569 --> 00:03:12,030
Tienes que haber cogido una de estas dos herramientas

64
00:03:12,030 --> 00:03:13,770
Y haber seleccionado el objeto

65
00:03:13,770 --> 00:03:16,930
y entonces selección aparece

66
00:03:16,930 --> 00:03:20,729
esto lo dejáis como venga por defecto

67
00:03:20,729 --> 00:03:23,969
él lo va a rellenar con una calidad de imagen

68
00:03:23,969 --> 00:03:26,750
para que no te pase, mirad esto que me pasaba a mi

69
00:03:26,750 --> 00:03:28,129
en eso que os he enseñado antes

70
00:03:28,129 --> 00:03:32,629
¿veis esos dentaditos tan feos en el borde?

71
00:03:33,430 --> 00:03:35,689
pues eso es porque lo he hecho en calidad bajísima

72
00:03:35,689 --> 00:03:39,009
y aquí en este rellenado de píxeles

73
00:03:39,009 --> 00:03:41,289
por pulgada PPP

74
00:03:41,289 --> 00:03:46,310
no he puesto un valor bueno, he puesto un valor muy bajito

75
00:03:46,310 --> 00:03:49,250
y salen esos dientitos, ¿vale?

76
00:03:49,990 --> 00:03:54,330
Nosotros queremos que salga bien, así que lo dejáis como viene en la máquina

77
00:03:54,330 --> 00:03:58,210
sabe este estándar y lo pone en un mínimo

78
00:03:58,210 --> 00:04:01,990
¿vale? Dejadlo así. Muy importante, luego

79
00:04:01,990 --> 00:04:05,969
¿dónde lo va a guardar y cómo se va a llamar? Aquí es donde yo

80
00:04:05,969 --> 00:04:10,090
más veces meto la pata. En mi este equipo, en escritorio

81
00:04:10,090 --> 00:04:12,710
he hecho una carpeta que se llama animación

82
00:04:12,710 --> 00:04:15,129
y la quiero guardar ahí

83
00:04:15,129 --> 00:04:21,670
y quiero que se llame sala cuadro 001

84
00:04:21,670 --> 00:04:24,189
¿por qué 001?

85
00:04:24,569 --> 00:04:28,610
todas las animaciones tienen que tener un nombre con un número

86
00:04:28,610 --> 00:04:32,250
y el ordenador entiende mal los dígitos

87
00:04:32,250 --> 00:04:34,829
cuando pones 1, 2, 3 y luego cambias al 10

88
00:04:34,829 --> 00:04:37,610
entonces necesita que haya ceros por delante

89
00:04:37,610 --> 00:04:39,269
tantos como vayas a ver

90
00:04:39,269 --> 00:04:40,689
Yo no pienso llegar a 100

91
00:04:40,689 --> 00:04:43,509
No es que haya puesto aquí 001 porque vaya a llegar a 100

92
00:04:43,509 --> 00:04:45,290
Pero, por si acaso

93
00:04:45,290 --> 00:04:47,430
Si quiero luego llegar a 100, puedo

94
00:04:47,430 --> 00:04:48,350
¿Vale?

95
00:04:49,129 --> 00:04:52,170
Entonces, está en el escritorio, en la carpeta de animación

96
00:04:52,170 --> 00:04:53,949
Que he hecho para eso

97
00:04:53,949 --> 00:04:55,189
Y se llama

98
00:04:55,189 --> 00:04:56,889
001 sala 4

99
00:04:56,889 --> 00:04:58,370
Y lo guardo

100
00:04:58,370 --> 00:05:00,310
Y lo compruebo

101
00:05:00,310 --> 00:05:03,550
Está en el

102
00:05:03,550 --> 00:05:05,089
Escritorio de Altamira

103
00:05:05,089 --> 00:05:08,129
En la carpeta de animación

104
00:05:08,129 --> 00:05:10,290
y se llama sala cuadro 001

105
00:05:10,290 --> 00:05:10,610
¿vale?

106
00:05:11,269 --> 00:05:13,790
entonces el primer paso

107
00:05:13,790 --> 00:05:15,529
es este

108
00:05:15,529 --> 00:05:17,829
le voy a añadir aquí un relleno

109
00:05:17,829 --> 00:05:18,610
que como veis

110
00:05:18,610 --> 00:05:21,629
en el ejercicio ese que he hecho antes

111
00:05:21,629 --> 00:05:23,209
le he metido un degradado

112
00:05:23,209 --> 00:05:27,720
y eso he sido haciéndolo aquí

113
00:05:27,720 --> 00:05:29,319
¿veis? el degradado

114
00:05:29,319 --> 00:05:31,439
degradado radial, degradado

115
00:05:31,439 --> 00:05:33,600
y ahora si queréis lo que vamos a meterle

116
00:05:33,600 --> 00:05:35,399
es un patrón, le vamos a meter un patrón

117
00:05:35,399 --> 00:05:37,740
de círculos

118
00:05:37,740 --> 00:05:39,579
que hay por aquí uno que me gusta a mi

119
00:05:39,579 --> 00:05:41,339
círculos densos

120
00:05:41,339 --> 00:05:43,720
de forma que cuando se acabe el cuadrado

121
00:05:43,720 --> 00:05:45,180
va a estar lleno de círculos densos

122
00:05:45,180 --> 00:05:47,379
es una salamandra llena de círculos densos

123
00:05:47,379 --> 00:05:49,560
¿vale? para que podáis

124
00:05:49,560 --> 00:05:51,779
también

125
00:05:51,779 --> 00:05:52,740
usar esta parte

126
00:05:52,740 --> 00:05:55,019
¿vale? listos, estamos

127
00:05:55,019 --> 00:05:56,779
pues exporto la número 1

128
00:05:56,779 --> 00:05:57,680
¿sí?

129
00:05:59,040 --> 00:06:01,000
aparece ahí una cosa que se va a dar enseguida

130
00:06:01,000 --> 00:06:03,480
¿cómo sé yo si lo ha guardado? pues me voy

131
00:06:03,480 --> 00:06:06,019
me voy a verlo, me voy antes de seguir

132
00:06:06,019 --> 00:06:07,819
me voy a comprobar

133
00:06:07,819 --> 00:06:09,339
que esto está haciendo lo que yo quiero

134
00:06:09,339 --> 00:06:21,040
¿Y qué hago? Pues me busco una carpeta que se llamaba animación en el escritorio y compruebo que ha llegado la imagen número 1.

135
00:06:29,339 --> 00:06:38,000
Me aparece negra. Altamira, escritorio, animación, sala cuadro, 001. Aquí está.

136
00:06:41,360 --> 00:06:45,920
No me gusta mucho que me aparezca negra, pero voy a seguir adelante, creo que eso no es relevante ahora mismo.

137
00:06:45,920 --> 00:06:48,959
¿Qué hay que hacer para seguir adelante?

138
00:06:49,100 --> 00:06:50,259
Este es el punto número uno

139
00:06:50,259 --> 00:06:52,199
Pues hacer varios saltos

140
00:06:52,199 --> 00:06:54,240
Como moviendo los

141
00:06:54,240 --> 00:06:56,439
Los nodos

142
00:06:56,439 --> 00:06:57,899
Como cuando dibujábamos

143
00:06:57,899 --> 00:07:00,480
Si los cojo de mucho en mucho y tengo marcado este botón de aquí

144
00:07:00,480 --> 00:07:02,139
Los puedo mover todos juntos también

145
00:07:02,139 --> 00:07:04,740
Entonces puedo hacer así

146
00:07:04,740 --> 00:07:09,180
Y hacer que en primer lugar

147
00:07:09,180 --> 00:07:11,000
Crezcan

148
00:07:11,000 --> 00:07:14,899
Por ejemplo

149
00:07:14,899 --> 00:07:22,060
Las manos crezcan todas

150
00:07:22,060 --> 00:07:26,399
como primer paso de mi transformación

151
00:07:26,399 --> 00:07:27,620
que le crezcan las manos

152
00:07:27,620 --> 00:07:33,120
así

153
00:07:33,120 --> 00:07:42,899
¿vale?

154
00:07:43,100 --> 00:07:45,480
lo primero que le va a pasar a mi salamandra

155
00:07:45,480 --> 00:07:47,959
es que le van a crecer las manos

156
00:07:47,959 --> 00:07:50,639
enormemente

157
00:07:50,639 --> 00:07:51,819
esta ha quedado fea

158
00:07:51,819 --> 00:07:53,060
porque aquí tiene, ¿veis?

159
00:07:53,360 --> 00:07:54,959
una curva muy gorda

160
00:07:54,959 --> 00:07:55,860
le voy a mover

161
00:07:55,860 --> 00:07:58,360
¿nos gusta así?

162
00:07:59,740 --> 00:08:00,819
vale, pues a esto le quiero

163
00:08:00,819 --> 00:08:02,860
llamar el paso número 2

164
00:08:02,860 --> 00:08:05,939
Me vengo aquí, compruebo que

165
00:08:05,939 --> 00:08:09,699
Donde ponía uno, borro y pongo dos

166
00:08:09,699 --> 00:08:12,160
Y le vuelvo a dar a exportar

167
00:08:12,160 --> 00:08:17,019
Y ahora sí que me ha aparecido

168
00:08:17,019 --> 00:08:20,480
Mirad, tengo aquí la carpeta donde guarda

169
00:08:20,480 --> 00:08:22,259
Comprobando que guarda

170
00:08:22,259 --> 00:08:26,000
No me gusta nada esto de que el sala cuadro uno haya salido así de feo

171
00:08:26,000 --> 00:08:30,439
Y si hace falta luego vendré y lo repetiré

172
00:08:30,439 --> 00:08:32,240
Pero ahora vamos a seguir adelante

173
00:08:32,240 --> 00:08:36,940
Bueno, el sala cuadro dos ha quedado bien

174
00:08:36,940 --> 00:08:38,539
Y sigo moviéndome

175
00:08:38,539 --> 00:08:43,639
Lo siguiente que voy a hacer es que le va a crecer la cabeza enormemente

176
00:08:43,639 --> 00:08:47,529
Sin salirme del cuadrado

177
00:08:47,529 --> 00:08:51,730
Y mirad, también puedes suprimirlas

178
00:08:51,730 --> 00:08:56,889
Dando aquí o simplemente la coges y le das a suprimir

179
00:08:56,889 --> 00:08:58,850
Y desaparecen

180
00:08:58,850 --> 00:09:01,509
Porque son muchísimas, ¿vale?

181
00:09:04,809 --> 00:09:06,470
Entonces también puedes

182
00:09:06,470 --> 00:09:09,649
Como estrategia de

183
00:09:09,649 --> 00:09:12,610
modificación

184
00:09:12,610 --> 00:09:14,490
suprimir

185
00:09:14,490 --> 00:09:23,350
las que vayas queriendo

186
00:09:23,350 --> 00:09:27,169
suprimir, por ejemplo

187
00:09:27,169 --> 00:09:29,409
esta es mi sala cuadro número 3

188
00:09:29,409 --> 00:09:31,269
y me vengo

189
00:09:31,269 --> 00:09:33,230
aquí, quito el 2

190
00:09:33,230 --> 00:09:34,450
pongo el 3

191
00:09:34,450 --> 00:09:36,450
y le doy a exportar

192
00:09:36,450 --> 00:09:39,509
y compruebo en mi carpeta

193
00:09:39,509 --> 00:09:41,210
que está

194
00:09:41,210 --> 00:09:43,330
haciéndolo, lo veis

195
00:09:43,330 --> 00:09:45,470
vale

196
00:09:45,470 --> 00:09:47,330
pues seguimos así, voy a dar un pausa

197
00:09:47,330 --> 00:09:54,110
el vídeo y ya os retomo cuando estemos en los siete pasos. Mirad, ya estoy en el último

198
00:09:54,110 --> 00:10:00,990
paso, os voy a enseñar cómo hago el último y cómo me ayuda que tengamos ahí las guías

199
00:10:00,990 --> 00:10:09,970
que hemos puesto las... porque se van pegando, las cosas se alinean en esa rejilla que hemos

200
00:10:09,970 --> 00:10:18,190
colocado, alisas las, esta es la esquina, así que lo pongo en la esquina, le digo que

201
00:10:18,190 --> 00:10:27,370
es de esquina y me deja colocar uno perfectamente ahí y el otro perfectamente ahí, puedo ir

202
00:10:27,370 --> 00:10:35,690
colocando absolutamente todo el mundo alineado, alineado, aquí le quiero alinear, quiero

203
00:10:35,690 --> 00:10:44,149
que se quede perfectamente alineado, este de aquí lo suprimo, ya no me hace ninguna

204
00:10:44,149 --> 00:10:58,820
falta y alineo los nodos, los dejo para que estén perfectamente en el borde y tengo el

205
00:10:58,820 --> 00:11:06,820
Con lo cual vengo aquí, cambio este 6 por un 7 y vuelvo a darle a exportar.

206
00:11:08,659 --> 00:11:18,820
Y en mi carpeta aparece esta sucesión de cómo ha ido desapareciendo la salamandra y se convierte en...

207
00:11:20,100 --> 00:11:25,639
Tengo aquí un error, que siempre hay errores y cuando los tengáis no dudéis en ponerme un mensajillo,

208
00:11:25,639 --> 00:11:30,340
en hablar con vuestro profe, que es como se aprende, donde se ha metido la pata, así es como se sabe

209
00:11:30,340 --> 00:11:34,659
Bueno, pues vamos a hacer con esta sucesión lo mismo que he hecho yo antes

210
00:11:34,659 --> 00:11:38,679
¿Y cómo lo he hecho? Pues nada más fácil, no quiero que os tengáis que descargar nada

211
00:11:38,679 --> 00:11:43,740
ni que tengáis que aprender otro software, ni nada de nada

212
00:11:43,740 --> 00:11:49,919
sino que os vais a abrir un navegador y vais a ir a esta página

213
00:11:49,919 --> 00:11:55,879
que hace GIFs animados online, gifmaker.me

214
00:11:55,879 --> 00:11:59,440
y ahí le vais a subir las imágenes

215
00:11:59,440 --> 00:12:01,019
le decís quiero que me subas

216
00:12:01,019 --> 00:12:03,620
la 1 no la voy a subir porque creo que está dañada

217
00:12:03,620 --> 00:12:04,860
estas

218
00:12:04,860 --> 00:12:07,320
las sube

219
00:12:07,320 --> 00:12:09,799
y me hace un previo aquí de que va a pasar

220
00:12:09,799 --> 00:12:11,919
puedo cambiar varias cosas

221
00:12:11,919 --> 00:12:13,379
el tamaño

222
00:12:13,379 --> 00:12:15,899
la velocidad, si la pones muy muy muy cero

223
00:12:15,899 --> 00:12:17,220
va tan rápido que no lo veis

224
00:12:17,220 --> 00:12:19,820
si la pones

225
00:12:19,820 --> 00:12:22,019
ahí a 200

226
00:12:22,019 --> 00:12:24,200
tiene un ritmo

227
00:12:24,200 --> 00:12:25,080
agradable

228
00:12:25,080 --> 00:12:26,440
la pones muy despacio

229
00:12:26,440 --> 00:12:28,799
pues hay que estar mucho rato mirando

230
00:12:28,799 --> 00:12:30,159
para ver que haya un cambio

231
00:12:30,159 --> 00:12:32,759
y cuando el cambio hay como tenemos solo 7 pasos

232
00:12:32,759 --> 00:12:34,299
pues lo hace muy de golpe

233
00:12:34,299 --> 00:12:36,879
¿vale? esta es tu decisión

234
00:12:36,879 --> 00:12:39,320
yo lo voy a poner en 200

235
00:12:39,320 --> 00:12:41,139
también puedo hacer

236
00:12:41,139 --> 00:12:42,940
al revés, que en vez de la salamandra

237
00:12:42,940 --> 00:12:44,059
que se convierta en un cuadrado

238
00:12:44,059 --> 00:12:46,500
que el cuadrado se convierta en una salamandra

239
00:12:46,500 --> 00:12:48,360
entonces puedo coger

240
00:12:48,360 --> 00:12:51,240
la imagen 1 y ponerla

241
00:12:51,240 --> 00:12:52,720
abajo

242
00:12:52,720 --> 00:12:57,440
Y la imagen 7 ponerla arriba

243
00:12:57,440 --> 00:13:01,980
Y la imagen 2 ponerla aquí

244
00:13:01,980 --> 00:13:04,720
Y la...

245
00:13:04,720 --> 00:13:06,340
¿Cómo se mueve?

246
00:13:09,639 --> 00:13:13,120
Ahí, esta aquí y ya estamos

247
00:13:13,120 --> 00:13:18,299
Y entonces en vez de ir hacia afuera va hacia dentro

248
00:13:18,299 --> 00:13:19,500
¿Vale?

249
00:13:19,899 --> 00:13:22,840
Bueno, lo puedes repetir varias veces en un loop

250
00:13:22,840 --> 00:13:25,059
Puedes ponerle música si quieres

251
00:13:25,059 --> 00:13:28,740
de Youtube y cuando le das aquí a crear un GIF animado

252
00:13:28,740 --> 00:13:33,419
lo hace y dice que quieres hacer, verlo, descargarlo

253
00:13:33,419 --> 00:13:36,279
bueno, te lo descargas y puedes

254
00:13:36,279 --> 00:13:40,100
abrirlo en tu ordenador

255
00:13:40,100 --> 00:13:43,580
y ya está listo tu GIF animado

256
00:13:43,580 --> 00:13:48,799
hemos hecho muy pocos pasos y lo hemos hecho

257
00:13:48,799 --> 00:13:53,159
muy rápidamente para poder repasar de comienzo a fin

258
00:13:53,159 --> 00:14:00,320
todo el proceso. Yo os recomiendo que lo hagáis con más pasos y con más tiempo. Contadme

259
00:14:00,320 --> 00:14:05,759
cómo os sale y el próximo día hablamos de más cosas. ¡Chao chicos de la ESO!