Skip to content

Commit

Permalink
Extract srt files for commit: 465c0d8
Browse files Browse the repository at this point in the history
Travis build: 108 [ci skip]
  • Loading branch information
Travis CI committed Mar 26, 2019
1 parent 465c0d8 commit a5ef4ed
Show file tree
Hide file tree
Showing 3 changed files with 556 additions and 0 deletions.
184 changes: 184 additions & 0 deletions output/course-synfig/spa/synfig-10-linking-files.srt
Original file line number Diff line number Diff line change
@@ -0,0 +1,184 @@
1
00:00:00,400 --> 00:00:04,480
Ahora, volvemos a nuestra animacion del personaje caminando.

2
00:00:04,620 --> 00:00:07,700
Pudes encontrarlo en la carpeta con otros ejemplos.

3
00:00:09,340 --> 00:00:16,350
Ir a "character-2" directorio... entonces a "final"... Hay esta.

4
00:00:16,520 --> 00:00:20,700
Ahora podemos agregar el fondo y crear una escena como esta.

5
00:00:26,640 --> 00:00:30,040
Vamos al direcotrio llamados "bg-forest-1".

6
00:00:30,120 --> 00:00:38,290
Aqui esta la imagen de fondo. Insertamos la imgen diractamente en el archivo con la animacion de walkcycle.

7
00:00:38,290 --> 00:00:44,330
Estos fotogramas clave que son reponsables por la animación del personaje nos estorbará.

8
00:00:44,500 --> 00:00:46,660
Asi que les mostrare otra forma.

9
00:00:46,660 --> 00:00:47,980
Vamos a cerar el archivo..

10
00:00:47,980 --> 00:00:55,150
...sin salvar los cambios. Crear un nuevos archivo e insertarlo en el archivo con la animación del personaje.

11
00:00:55,150 --> 00:01:06,560
Escojer "Archivo" - "Importar". Ir a "character-2" - "final". Aqui esta.

12
00:01:06,840 --> 00:01:16,110
De este modo hemos importado un animación de un archivo externo y mostrarlo como grupo.

13
00:01:16,170 --> 00:01:18,930
Ahora podemos animarla como una imagen normal.

14
00:01:23,020 --> 00:01:24,100
Al mismo tiempo...

15
00:01:24,130 --> 00:01:29,470
...el fotograma clave del documento actual no afectar la animation del archivo externo. Mira.

16
00:01:29,470 --> 00:01:37,250
Aqui, cerca del perametro canvas tenemos los puntos de referencia que representa la animación en el archivo externo.

17
00:01:37,560 --> 00:01:39,220
y permanecen en su sitio...

18
00:01:39,240 --> 00:01:46,160
...Si movemos el fotograma del documento actual. Ok, ahora solo tenemos que añadir el fondo.

19
00:01:46,260 --> 00:02:02,280
y no olvidar apagar el modo de animacion.

20
00:02:02,360 --> 00:02:10,130
Por favor observar, si inportamos el archivo de la animación externa, el contanido no sera copia al que sera...

21
00:02:10,130 --> 00:02:11,150
...vinculado.

22
00:02:11,180 --> 00:02:18,290
Significa que si cambias el archivo externo, entonces todo cambio sera automaticamente propagado a todos los archivos...

23
00:02:18,350 --> 00:02:21,410
...que estan vinculados.

24
00:02:21,490 --> 00:02:26,450
Ahora vamos a tratar de abrir el grupo de archivos externos y cambiar algo alli.

25
00:02:30,520 --> 00:02:33,210
¿Lo ves? no funciona.

26
00:02:33,280 --> 00:02:39,340
Porque los contenidos del grupo pertenecn a un archivo externo.

27
00:02:39,440 --> 00:02:45,490
Pero podemos abrir el archivo en una pestaña separarda y estonces hacer nuestros cambios.

28
00:02:53,020 --> 00:02:57,080
Y todos los cambios seran propagados automaticamente.

29
00:03:02,550 --> 00:03:09,720
Y si tenemos un arhico externo abierto (pestaña separada), entonces podemos editar el contanido...

30
00:03:09,750 --> 00:03:11,760
...en este documento.

31
00:03:14,110 --> 00:03:21,590
¿Lo ves? - no hay errores.

32
00:03:21,590 --> 00:03:29,290
Una cosa importante que considerar: si das click en el botón "Guardar", entonces solo se guardarán los cambios del documento actual.

33
00:03:30,170 --> 00:03:33,810
Todos los demás archivos deben guardarse por separado.

34
00:03:33,830 --> 00:03:40,230
Por eso hay un botón especial, "Guardar todo": guarda todos los archivos abiertos.

35
00:03:41,150 --> 00:03:48,230
Y ya que hemos empezado a hablar sobre archivos vinculados, me gustaría decir algunas palabras acerca de las imágenes.

36
00:03:48,240 --> 00:03:50,360
Al igual que al importar arhivos de animación externos...

37
00:03:50,390 --> 00:03:56,180
...cuando importamos una imagen, su contenidos no se copia en el archivo de animación.

38
00:03:56,270 --> 00:04:00,590
en su lugar. El archivo de animación hace referencia al contenido del archivo de imagen.

39
00:04:00,590 --> 00:04:06,940
Si esditamos el archivo de la imagen original, se actualizará automáticamente en nuestra animación.

40
00:04:06,950 --> 00:04:11,560
La única diferencia es que los cambios no ocurren inmediatamente.

41
00:04:11,570 --> 00:04:16,050
Tenemos que cerrar y volver a abrir el archivo de animación para ver los cambios.

42
00:04:16,070 --> 00:04:20,760
Finalemente, una cosa más que debes saber cuando trabajas con archivos vinculados.

43
00:04:20,840 --> 00:04:27,000
Si quieres transferir tu animación a otra computadora, debes asegurarte de mover todos los archivos vinculados.

44
00:04:27,020 --> 00:04:29,200
Por capas de imagen...

45
00:04:29,210 --> 00:04:33,250
...puedes ver y cambiar la ruta al archivo fuente aquí...

46
00:04:36,800 --> 00:04:38,180
...en este parámetro.

156 changes: 156 additions & 0 deletions output/course-synfig/spa/synfig-11-moving-background.srt
Original file line number Diff line number Diff line change
@@ -0,0 +1,156 @@
1
00:00:00,480 --> 00:00:04,910
Ahora tratemos de hacer la misma animación de una manera un poco diferente.

2
00:00:04,950 --> 00:00:09,990
Nuestro personaje permanecerá en el centro y el fondo se moverá.

3
00:00:10,000 --> 00:00:12,950
Como si estamos camindo con el perosnaje.

4
00:00:13,140 --> 00:00:15,880
Aquí, Tengo el archivo de la lección anterior.

5
00:00:15,900 --> 00:00:21,800
Eliminemos todos los fotogramas clave redundantes y eliminemos la animación de este grupo.

6
00:00:23,690 --> 00:00:29,100
Ahora, poner el personaje en el centro y mover el fondo a la izquierda...

7
00:00:29,150 --> 00:00:32,330
...así nuestro personaje tendrá un espacio para caminar.

8
00:00:32,330 --> 00:00:40,850
Nuetra animación no se ajustará a los 120 cuadros predeterminados, así que extendamos la longitud de la línea de tiempo.

9
00:00:40,970 --> 00:00:43,860
Ir a "Lienzo" - "Propiedades". Cambia a la pestaña "Tiempo".

10
00:00:44,030 --> 00:00:50,030
Aquí podemos configurar "tiempo inicial" y "tiempo final" para la línea de tiempo.

11
00:00:50,050 --> 00:00:51,630
Establecer 200 cuadros.

12
00:00:52,900 --> 00:00:58,320
Por cierto, en esta pestaña también puedes cmabiar las dimensiones de tu canvas.

13
00:00:58,720 --> 00:01:02,110
Ok, ahora vamos a animar el fondo.

14
00:01:08,800 --> 00:01:17,280
No está mal, pero supongamos que en algunas situaciones querrás estar seguro de que las piernas de tu personaje...

15
00:01:17,280 --> 00:01:18,770
...no se queden.

16
00:01:19,060 --> 00:01:22,490
Así que te mostraré cómo lograrlo.

17
00:01:22,560 --> 00:01:29,150
Vamos a eliminar el último fotograma clave.

18
00:01:29,200 --> 00:01:37,510
Ahora tenemos un fondo estático otra vez. Apaga el modo de animación y crea un pequeño circulo rojo.

19
00:01:37,510 --> 00:01:42,030
...justo cerca de la punta.

20
00:01:42,040 --> 00:01:45,170
Será una marca de posición.

21
00:01:45,200 --> 00:01:52,830
Ahora agrupemos el círculo con el fondo. Activa el modo de animación y salta unos cuadros más adelante...

22
00:01:52,960 --> 00:01:57,020
...hasta el punto extremo en que el dedo del pie está listo para despegar.

23
00:01:59,090 --> 00:02:01,650
Aquí está el cuadro 14.

24
00:02:01,790 --> 00:02:07,690
Ahora mover el fundo estrictamente en la dirección horizontal mantniendo presionado el botón SHIFT.

25
00:02:07,790 --> 00:02:13,250
Alinee el círculo rojo como estaba en el cuadro cero.

26
00:02:13,250 --> 00:02:21,790
Podemos mover el fondo con mayor precisión usando las flechas en el teclado. Asi.

27
00:02:21,930 --> 00:02:27,270
Ok, en este intervalo de tiempo tenemos el movimiento del personaje sincronizado con el fondo.

28
00:02:27,300 --> 00:02:34,570
Ahora abra el Panel Gráfico y examine el gráfico de movimiento de la capa de fondo.

29
00:02:34,570 --> 00:02:38,800
Mueve el cursor del tiempo hasta el final de nuestra animación...

30
00:02:38,810 --> 00:02:44,590
Establece un fotograma clave... Vuelve al Panel Gráfico...

31
00:02:44,700 --> 00:02:51,160
...observando cómo cambia la gráfica. Haz una pendiente en este segmento igual que aquí.

32
00:02:51,270 --> 00:02:54,510
Necesitamos tener una sola línea recta.

33
00:02:54,510 --> 00:02:58,020
Como puedes ver, la gráfica está ligeramente curvada.

34
00:02:58,050 --> 00:03:00,670
Significa que el movimiento no será uniforme.

35
00:03:00,690 --> 00:03:01,860
Vamos a arreglarlo.

36
00:03:01,860 --> 00:03:10,400
Ir al Panel Linea de Tiempo, dar click derecho en este punto y elina Interpolación Lineal.

37
00:03:10,470 --> 00:03:16,580
Abrir el Panel Gráfico de nuevo y ahora podemos ver que el gráfico está representado por líneas rectas.

38
00:03:16,580 --> 00:03:19,580
Ahora podemos alinear fácilmente su pendiente.

39
00:03:22,410 --> 00:03:31,550
Bien hecho. Ahora el personaje se está moviento sincrónizado con el fondo. Y sus piernas no se quedan.

Loading

0 comments on commit a5ef4ed

Please sign in to comment.