1
00:00:00,000 --> 00:00:06,219
Bueno, en esta ocasión vamos a hablar de animaciones.

2
00:00:06,860 --> 00:00:14,880
Yo creo que todos sabéis lo que es una animación, porque las habéis utilizado probablemente en Whatsapp y un nexo común,

3
00:00:15,039 --> 00:00:19,780
porque si no, la verdad es que no quedan bien.

4
00:00:20,640 --> 00:00:27,460
Quedan bien cuando, digamos que el tema es más o menos parecido, las fotos son más o menos parecidas,

5
00:00:27,460 --> 00:00:30,359
Y hacer unas pequeñas alteraciones de una foto a otra

6
00:00:30,359 --> 00:00:32,820
Entonces, en ese aspecto, pues tenéis

7
00:00:32,820 --> 00:00:36,119
Podéis abrir, bajaros las de internet

8
00:00:36,119 --> 00:00:38,579
O crearlas vosotros con el guión

9
00:00:38,579 --> 00:00:42,520
Yo he cogido dos fotos

10
00:00:42,520 --> 00:00:46,320
Y con dos he sacado tres

11
00:00:46,320 --> 00:00:48,799
Pero bueno, por ejemplo, pues una idea

12
00:00:48,799 --> 00:00:52,659
Es coger, hacer una especie de cartelito

13
00:00:52,659 --> 00:00:53,520
¿No?

14
00:00:53,520 --> 00:00:58,380
y por ejemplo cambiar el color en cada una de las capas

15
00:00:58,380 --> 00:01:00,579
necesitamos como mínimo tres capas

16
00:01:00,579 --> 00:01:04,959
porque si no hay tres capas no se puede crear la animación

17
00:01:04,959 --> 00:01:08,700
y claro, lo primero que tenemos es que tratar esas tres capas

18
00:01:08,700 --> 00:01:12,019
para que sean más o menos homogéneas

19
00:01:12,019 --> 00:01:16,120
tanto de tamaño como de otros aspectos

20
00:01:16,120 --> 00:01:18,840
pero principalmente el escalado

21
00:01:18,840 --> 00:01:23,680
Yo he abierto, se abren las imágenes en capas

22
00:01:23,680 --> 00:01:26,400
De tal forma que tenemos que tener al menos tres

23
00:01:26,400 --> 00:01:30,900
Y bueno, pues las escalamos para que el tamaño de las tres imágenes sea igual

24
00:01:30,900 --> 00:01:34,540
Porque si no, ya os digo que no os queda bien la animación

25
00:01:34,540 --> 00:01:38,579
Nos queda, pues se ven muchos defectos en la animación

26
00:01:38,579 --> 00:01:44,780
Entonces lo mejor es, o bien con una foto crear otras dos

27
00:01:44,780 --> 00:01:50,480
o bien ajustar el tamaño de las tres fotos

28
00:01:50,480 --> 00:01:56,760
para que las tres fotos sean más o menos parecidas en cuanto a tamaño

29
00:01:56,760 --> 00:02:01,040
incluso en cuanto a motivos que tengáis en las fotos

30
00:02:01,040 --> 00:02:05,659
y eso es lo que estamos haciendo en esta primera fase del vídeo

31
00:02:05,659 --> 00:02:12,960
preparando las tres imágenes para crear nuestra animación

32
00:02:12,960 --> 00:02:19,490
una vez que las tenemos preparadas

33
00:02:19,490 --> 00:02:22,389
tenemos que ir a filtros

34
00:02:22,389 --> 00:02:24,430
y dentro de filtros

35
00:02:24,430 --> 00:02:25,870
escoger animación

36
00:02:25,870 --> 00:02:28,509
y en filtros

37
00:02:28,509 --> 00:02:29,870
animación tenemos

38
00:02:29,870 --> 00:02:31,509
pues varias opciones

39
00:02:31,509 --> 00:02:34,110
entonces según la opción

40
00:02:34,110 --> 00:02:35,490
que tomemos

41
00:02:35,490 --> 00:02:37,650
la animación va a ser

42
00:02:37,650 --> 00:02:40,030
de distinta forma

43
00:02:40,030 --> 00:02:42,389
tenemos por ejemplo una opción

44
00:02:42,389 --> 00:02:44,069
que es

45
00:02:44,069 --> 00:02:46,270
la opción de crear

46
00:02:46,270 --> 00:02:47,789
animación con globo

47
00:02:47,789 --> 00:02:52,750
Entonces, pues bueno, se crea una animación que es una especie de globo

48
00:02:52,750 --> 00:02:57,590
O animaciones con ondas, y se crean animaciones que son una especie de ondas

49
00:02:57,590 --> 00:02:59,169
Aquí tenemos varios ejemplos

50
00:02:59,169 --> 00:03:06,669
A partir de la experiencia yo recomiendo que lo mejor es lo convencional

51
00:03:06,669 --> 00:03:14,210
Porque muchas veces, pues lo raro, pues es raro y llamativo

52
00:03:14,210 --> 00:03:17,990
pero realmente no resulta ni agradable ni bonito

53
00:03:17,990 --> 00:03:22,229
y además pues nosotros ya somos muy convencionales

54
00:03:22,229 --> 00:03:25,150
este es el efecto, es un efecto por ejemplo de onda

55
00:03:25,150 --> 00:03:31,639
podemos también efectos de globo

56
00:03:31,639 --> 00:03:36,120
o sea que podemos jugar pero mi consejo es que

57
00:03:36,120 --> 00:03:41,639
bueno, que si ponéis cosas demasiado raras

58
00:03:41,639 --> 00:03:45,199
al final no resulta agradable el resultado

59
00:03:45,199 --> 00:03:50,460
y muchas veces como se dice comúnmente menos es más

60
00:03:50,460 --> 00:03:55,500
entonces pues lo convencional sería lo que hemos hecho

61
00:03:55,500 --> 00:03:59,139
y es como efecto, el efecto de fusión

62
00:03:59,139 --> 00:04:05,639
que lo que nos hace es meter imágenes intermedias

63
00:04:05,639 --> 00:04:09,900
y mejorar un poco la transferencia y la transición entre las imágenes

64
00:04:09,900 --> 00:04:12,180
y poco más

65
00:04:12,180 --> 00:04:14,280
porque esto por ejemplo es una animación estilo

66
00:04:14,280 --> 00:04:15,439
esfera

67
00:04:15,439 --> 00:04:18,040
que bueno pues a lo mejor para

68
00:04:18,040 --> 00:04:20,100
otras ocasiones podría quedarnos bien

69
00:04:20,100 --> 00:04:21,959
pero que bueno

70
00:04:21,959 --> 00:04:23,199
que realmente no

71
00:04:23,199 --> 00:04:25,660
no aporta tampoco

72
00:04:25,660 --> 00:04:27,920
nada interesante

73
00:04:27,920 --> 00:04:29,860
a mi no me resulta interesante

74
00:04:29,860 --> 00:04:31,620
si queréis hacerla la podéis hacer

75
00:04:31,620 --> 00:04:34,379
en definitiva

76
00:04:34,379 --> 00:04:35,680
es algo que habéis hecho

77
00:04:35,680 --> 00:04:37,160
yo he escogido la de fusión

78
00:04:37,160 --> 00:04:39,620
que ya os digo que es la más convencional

79
00:04:39,620 --> 00:04:43,639
Que lo único que hace es aumentar el número de capas

80
00:04:43,639 --> 00:04:46,759
Creando capas intermedias

81
00:04:46,759 --> 00:04:50,120
Entonces el efecto de transición se suaviza

82
00:04:50,120 --> 00:04:51,639
Y queda mucho mejor

83
00:04:51,639 --> 00:04:56,000
Entonces pues concretamente creo que le he metido 25 capas

84
00:04:56,000 --> 00:05:00,939
A partir de 6-7 capas ya queda mejor

85
00:05:00,939 --> 00:05:03,779
Porque si no la verdad es que con solamente 3 capas

86
00:05:03,779 --> 00:05:07,839
El efecto de animación queda como muy brusco

87
00:05:07,839 --> 00:05:13,699
entonces pues el incluir capas intermedias mejora bastante la transición

88
00:05:13,699 --> 00:05:16,740
entonces metemos algunas capas intermedias

89
00:05:16,740 --> 00:05:45,470
y como vemos pues bueno pues si estamos satisfechos con el resultado final de nuestra animación

90
00:05:45,470 --> 00:05:47,290
ya tenemos la animación

91
00:05:47,290 --> 00:05:51,910
ya tenemos que pasar a la última fase que es grabarla como GIF

92
00:05:51,910 --> 00:06:01,329
Si no estamos satisfechos, pues bueno, haremos las modificaciones pertinentes hasta que tengamos la animación que nosotros queremos grabar.

93
00:06:02,670 --> 00:06:08,610
La última fase consiste en guardar la animación como if.

94
00:06:08,610 --> 00:06:18,670
Entonces hay un paso intermedio que es que nosotros vayamos otra vez a herramientas, a filtros, a animación

95
00:06:18,670 --> 00:06:22,629
Y escojamos la opción de optimizar para GIF

96
00:06:22,629 --> 00:06:29,069
Entonces lo que nos hace es mejorar un poquito más la animación

97
00:06:29,069 --> 00:06:35,550
Para que cuando guardemos la animación en formato GIF nos quede correcta, nos quede bien

98
00:06:35,550 --> 00:06:42,009
y es recomendable, no es absolutamente innecesario pero sí que es bastante recomendable

99
00:06:42,009 --> 00:06:48,709
que antes de grabar hagamos este paso para mejorar nuestra animación

100
00:06:48,709 --> 00:06:51,769
y luego pues ya finalmente la exportamos

101
00:06:51,769 --> 00:06:54,750
la exportamos en formato GIF

102
00:06:54,750 --> 00:06:58,269
hay que tener cuidado con eso, de que hay que exportarla en formato GIF

103
00:06:58,269 --> 00:07:01,149
y al exportarla en formato GIF

104
00:07:01,149 --> 00:07:06,050
Pues nos da una especie de pequeño formulario que debemos completar

105
00:07:06,050 --> 00:07:12,189
Pues para que vaya más rápida, para que vaya más lenta, para que sea en bucle

106
00:07:12,189 --> 00:07:16,769
Y bueno, algo importante es que eso sí, hay que grabarla como animación

107
00:07:16,769 --> 00:07:19,850
Porque si no, no va a quedar bien

108
00:07:19,850 --> 00:07:24,670
Cuando ya la habéis grabado en formato GIF

109
00:07:24,670 --> 00:07:29,110
Al abrirla, se os abre como animación

110
00:07:29,110 --> 00:07:31,829
Y ya tenéis terminado el trabajo

111
00:07:31,829 --> 00:07:34,589
Y el archivo que tenéis que mandar es este

112
00:07:34,589 --> 00:07:36,629
El que tiene formato GIF

113
00:07:36,629 --> 00:07:44,129
También hay veces que los navegadores no van bien con las animaciones

114
00:07:44,129 --> 00:07:47,850
O sea que si habéis hecho todo correcto

115
00:07:47,850 --> 00:07:52,610
Y por la razón que sea la animación no funciona bien

116
00:07:52,610 --> 00:07:57,810
Una posible causa puede ser que el navegador no esté bien

117
00:07:57,810 --> 00:08:06,529
Si está todo correcto, el formato es correcto, enviarla porque a lo mejor es vuestro ordenador, no el trabajo

118
00:08:06,529 --> 00:08:17,790
Y bueno, pues esto es el trabajo que hemos propuesto para estos días que no va a ser la clase presencial

119
00:08:18,269 --> 00:08:25,589
Yo espero que con el vídeo tengáis suficiente como para hacer el trabajo

120
00:08:25,589 --> 00:08:35,850
y en cualquier caso pues ya sabéis que el aula virtual permite hablar, digamos tener una cierta interactuación

121
00:08:35,850 --> 00:08:41,830
y en cualquier caso pues también tenéis el correo electrónico que también es otra forma de interactuar

122
00:08:41,830 --> 00:08:50,570
pues hasta la próxima clase o hasta el próximo vídeo

123
00:08:50,570 --> 00:09:00,529
Espero que os haya servido cuanto menos de orientación para hacer este trabajito