-
Notifications
You must be signed in to change notification settings - Fork 19
Commit
This commit does not belong to any branch on this repository, and may belong to a fork outside of the repository.
Extract srt files for commit: 465c0d8
Travis build: 108 [ci skip]
- Loading branch information
Travis CI
committed
Mar 26, 2019
1 parent
465c0d8
commit a5ef4ed
Showing
3 changed files
with
556 additions
and
0 deletions.
There are no files selected for viewing
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
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
156
output/course-synfig/spa/synfig-11-moving-background.srt
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
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. | ||
|
Oops, something went wrong.