Saltar navegación

Activa JavaScript para disfrutar de los vídeos de la Mediateca.

Salacuadro en gif - Contenido educativo

Ajuste de pantalla

El ajuste de pantalla se aprecia al ver el vídeo en pantalla completa. Elige la presentación que más te guste:

Subido el 30 de noviembre de 2017 por Altamira S.

100 visualizaciones

Capítulo 3 para hacer una animación en Inkscape para 1º de ESO

Más información Transcripción

Descargar la transcripción

Hola chicos y chicas de la ESO, vamos hoy con un capítulo de los más difíciles. 00:00:01
Vamos a ver si conseguimos hacer esa animación de la salamandra a un cuadrado, 00:00:05
aquella salamandra que dibujamos. 00:00:11
Estáis ya viendo mi escritorio en el que tengo guardada la salamandra 00:00:12
en el punto en el que lo dejamos en el capítulo anterior. 00:00:18
Inkscape me abre aquí mi zona de trabajo y así es como quedó la cosa. 00:00:21
Vamos a intentar ir cambiando esta salamandra hasta convertirse en un cuadrado 00:00:25
Ir capturando en cada momento del cambio como una foto del momento y luego animarlos 00:00:31
Por ejemplo, para que lo veáis, yo lo he hecho muy rápidamente antes 00:00:38
Esta era la salamandra inicial 00:00:41
Y le he ido cambiando en muy pocos pasos 00:00:43
Esta vez lo he hecho muy rápido 00:00:46
Que no está mal hacerlo así la primera vez 00:00:48
Lo hacéis muy rápido y veis que pasa porque la buena es la segunda 00:00:50
Esto es muy difícil que te salga como tú quieres a la primera 00:00:54
Porque se aprenden muchas cosas en la primera 00:00:57
Entonces hacemos una en poquitos pasos 00:00:59
Recorriendo todo el camino 00:01:02
Y luego hacéis la segunda tan chula como queráis 00:01:04
¿Veis? Estos son los siete pasos que yo he hecho 00:01:07
Y estos siete pasos consiguen esta salamandra, esta animación 00:01:10
¿Vale? 00:01:15
Se puede hacer, luego lo veremos, más rápida, más lenta 00:01:17
Pero si son 7 pasos, pues esos son los golpes que da la animación 00:01:20
Así que vamos allá 00:01:24
¿Qué hago lo primero? 00:01:28
Cogerme aquí de las reglas, tiro y saco guías 00:01:30
Mirad, te pones encima de la regla 00:01:34
Arrastras y salen guías 00:01:38
Las puedes colocar donde quieras 00:01:41
Para que tú sepas dónde va tu salamandra 00:01:44
y queremos mover los nodos 00:01:49
lo mismo que estábamos haciendo cuando dibujábamos 00:01:54
pero mirad, este aparece porque lo tenía abierto 00:01:56
os lo voy a volver a llamar para que veáis de donde lo he sacado 00:02:00
vamos a ir moviendo los nodos a ese cuadrado 00:02:02
y guardando 00:02:05
guardando no de cualquier manera 00:02:07
guardando con un comando especial que se llama aquí en archivo 00:02:09
se llama exportar imagen png 00:02:13
que es este menú que tenía aquí abierto desde el principio 00:02:16
porque es lo último que hice 00:02:20
en el que hay que leérselo 00:02:21
esto es muy importante hacerlo bien 00:02:23
porque la mayoría de los errores que ocurren haciendo este trabajo 00:02:24
vienen de no haber rellenado correctamente este menú 00:02:28
por ejemplo, página, dibujo, selección o personalizado 00:02:33
nosotros como lo tenemos seleccionado 00:02:36
podemos decir selección 00:02:39
si resulta que no tuvieses nada seleccionado 00:02:41
Ya no te deja poner selección para automático 00:02:44
Te coge todo el dibujo 00:02:47
Que en tu caso, en nuestro caso 00:02:48
Todo el dibujo, recordad lo que es 00:02:50
Es todo el papel 00:02:52
Mirad lo que estábamos haciendo 00:02:54
Y si te coge todo el papel 00:02:57
No es lo mismo que tú estás haciendo 00:02:59
¿De acuerdo? 00:03:01
Así que nosotros estamos haciendo 00:03:03
La selección 00:03:05
Para que te coja la selección 00:03:07
Tienes que haber cogido una de estas dos herramientas 00:03:08
Y haber seleccionado el objeto 00:03:12
y entonces selección aparece 00:03:13
esto lo dejáis como venga por defecto 00:03:16
él lo va a rellenar con una calidad de imagen 00:03:20
para que no te pase, mirad esto que me pasaba a mi 00:03:23
en eso que os he enseñado antes 00:03:26
¿veis esos dentaditos tan feos en el borde? 00:03:28
pues eso es porque lo he hecho en calidad bajísima 00:03:33
y aquí en este rellenado de píxeles 00:03:35
por pulgada PPP 00:03:39
no he puesto un valor bueno, he puesto un valor muy bajito 00:03:41
y salen esos dientitos, ¿vale? 00:03:46
Nosotros queremos que salga bien, así que lo dejáis como viene en la máquina 00:03:49
sabe este estándar y lo pone en un mínimo 00:03:54
¿vale? Dejadlo así. Muy importante, luego 00:03:58
¿dónde lo va a guardar y cómo se va a llamar? Aquí es donde yo 00:04:01
más veces meto la pata. En mi este equipo, en escritorio 00:04:05
he hecho una carpeta que se llama animación 00:04:10
y la quiero guardar ahí 00:04:12
y quiero que se llame sala cuadro 001 00:04:15
¿por qué 001? 00:04:21
todas las animaciones tienen que tener un nombre con un número 00:04:24
y el ordenador entiende mal los dígitos 00:04:28
cuando pones 1, 2, 3 y luego cambias al 10 00:04:32
entonces necesita que haya ceros por delante 00:04:34
tantos como vayas a ver 00:04:37
Yo no pienso llegar a 100 00:04:39
No es que haya puesto aquí 001 porque vaya a llegar a 100 00:04:40
Pero, por si acaso 00:04:43
Si quiero luego llegar a 100, puedo 00:04:45
¿Vale? 00:04:47
Entonces, está en el escritorio, en la carpeta de animación 00:04:49
Que he hecho para eso 00:04:52
Y se llama 00:04:53
001 sala 4 00:04:55
Y lo guardo 00:04:56
Y lo compruebo 00:04:58
Está en el 00:05:00
Escritorio de Altamira 00:05:03
En la carpeta de animación 00:05:05
y se llama sala cuadro 001 00:05:08
¿vale? 00:05:10
entonces el primer paso 00:05:11
es este 00:05:13
le voy a añadir aquí un relleno 00:05:15
que como veis 00:05:17
en el ejercicio ese que he hecho antes 00:05:18
le he metido un degradado 00:05:21
y eso he sido haciéndolo aquí 00:05:23
¿veis? el degradado 00:05:27
degradado radial, degradado 00:05:29
y ahora si queréis lo que vamos a meterle 00:05:31
es un patrón, le vamos a meter un patrón 00:05:33
de círculos 00:05:35
que hay por aquí uno que me gusta a mi 00:05:37
círculos densos 00:05:39
de forma que cuando se acabe el cuadrado 00:05:41
va a estar lleno de círculos densos 00:05:43
es una salamandra llena de círculos densos 00:05:45
¿vale? para que podáis 00:05:47
también 00:05:49
usar esta parte 00:05:51
¿vale? listos, estamos 00:05:52
pues exporto la número 1 00:05:55
¿sí? 00:05:56
aparece ahí una cosa que se va a dar enseguida 00:05:59
¿cómo sé yo si lo ha guardado? pues me voy 00:06:01
me voy a verlo, me voy antes de seguir 00:06:03
me voy a comprobar 00:06:06
que esto está haciendo lo que yo quiero 00:06:07
¿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. 00:06:09
Me aparece negra. Altamira, escritorio, animación, sala cuadro, 001. Aquí está. 00:06:29
No me gusta mucho que me aparezca negra, pero voy a seguir adelante, creo que eso no es relevante ahora mismo. 00:06:41
¿Qué hay que hacer para seguir adelante? 00:06:45
Este es el punto número uno 00:06:49
Pues hacer varios saltos 00:06:50
Como moviendo los 00:06:52
Los nodos 00:06:54
Como cuando dibujábamos 00:06:56
Si los cojo de mucho en mucho y tengo marcado este botón de aquí 00:06:57
Los puedo mover todos juntos también 00:07:00
Entonces puedo hacer así 00:07:02
Y hacer que en primer lugar 00:07:04
Crezcan 00:07:09
Por ejemplo 00:07:11
Las manos crezcan todas 00:07:14
como primer paso de mi transformación 00:07:22
que le crezcan las manos 00:07:26
así 00:07:27
¿vale? 00:07:33
lo primero que le va a pasar a mi salamandra 00:07:43
es que le van a crecer las manos 00:07:45
enormemente 00:07:47
esta ha quedado fea 00:07:50
porque aquí tiene, ¿veis? 00:07:51
una curva muy gorda 00:07:53
le voy a mover 00:07:54
¿nos gusta así? 00:07:55
vale, pues a esto le quiero 00:07:59
llamar el paso número 2 00:08:00
Me vengo aquí, compruebo que 00:08:02
Donde ponía uno, borro y pongo dos 00:08:05
Y le vuelvo a dar a exportar 00:08:09
Y ahora sí que me ha aparecido 00:08:12
Mirad, tengo aquí la carpeta donde guarda 00:08:17
Comprobando que guarda 00:08:20
No me gusta nada esto de que el sala cuadro uno haya salido así de feo 00:08:22
Y si hace falta luego vendré y lo repetiré 00:08:26
Pero ahora vamos a seguir adelante 00:08:30
Bueno, el sala cuadro dos ha quedado bien 00:08:32
Y sigo moviéndome 00:08:36
Lo siguiente que voy a hacer es que le va a crecer la cabeza enormemente 00:08:38
Sin salirme del cuadrado 00:08:43
Y mirad, también puedes suprimirlas 00:08:47
Dando aquí o simplemente la coges y le das a suprimir 00:08:51
Y desaparecen 00:08:56
Porque son muchísimas, ¿vale? 00:08:58
Entonces también puedes 00:09:04
Como estrategia de 00:09:06
modificación 00:09:09
suprimir 00:09:12
las que vayas queriendo 00:09:14
suprimir, por ejemplo 00:09:23
esta es mi sala cuadro número 3 00:09:27
y me vengo 00:09:29
aquí, quito el 2 00:09:31
pongo el 3 00:09:33
y le doy a exportar 00:09:34
y compruebo en mi carpeta 00:09:36
que está 00:09:39
haciéndolo, lo veis 00:09:41
vale 00:09:43
pues seguimos así, voy a dar un pausa 00:09:45
el vídeo y ya os retomo cuando estemos en los siete pasos. Mirad, ya estoy en el último 00:09:47
paso, os voy a enseñar cómo hago el último y cómo me ayuda que tengamos ahí las guías 00:09:54
que hemos puesto las... porque se van pegando, las cosas se alinean en esa rejilla que hemos 00:10:00
colocado, alisas las, esta es la esquina, así que lo pongo en la esquina, le digo que 00:10:09
es de esquina y me deja colocar uno perfectamente ahí y el otro perfectamente ahí, puedo ir 00:10:18
colocando absolutamente todo el mundo alineado, alineado, aquí le quiero alinear, quiero 00:10:27
que se quede perfectamente alineado, este de aquí lo suprimo, ya no me hace ninguna 00:10:35
falta y alineo los nodos, los dejo para que estén perfectamente en el borde y tengo el 00:10:44
Con lo cual vengo aquí, cambio este 6 por un 7 y vuelvo a darle a exportar. 00:10:58
Y en mi carpeta aparece esta sucesión de cómo ha ido desapareciendo la salamandra y se convierte en... 00:11:08
Tengo aquí un error, que siempre hay errores y cuando los tengáis no dudéis en ponerme un mensajillo, 00:11:20
en hablar con vuestro profe, que es como se aprende, donde se ha metido la pata, así es como se sabe 00:11:25
Bueno, pues vamos a hacer con esta sucesión lo mismo que he hecho yo antes 00:11:30
¿Y cómo lo he hecho? Pues nada más fácil, no quiero que os tengáis que descargar nada 00:11:34
ni que tengáis que aprender otro software, ni nada de nada 00:11:38
sino que os vais a abrir un navegador y vais a ir a esta página 00:11:43
que hace GIFs animados online, gifmaker.me 00:11:49
y ahí le vais a subir las imágenes 00:11:55
le decís quiero que me subas 00:11:59
la 1 no la voy a subir porque creo que está dañada 00:12:01
estas 00:12:03
las sube 00:12:04
y me hace un previo aquí de que va a pasar 00:12:07
puedo cambiar varias cosas 00:12:09
el tamaño 00:12:11
la velocidad, si la pones muy muy muy cero 00:12:13
va tan rápido que no lo veis 00:12:15
si la pones 00:12:17
ahí a 200 00:12:19
tiene un ritmo 00:12:22
agradable 00:12:24
la pones muy despacio 00:12:25
pues hay que estar mucho rato mirando 00:12:26
para ver que haya un cambio 00:12:28
y cuando el cambio hay como tenemos solo 7 pasos 00:12:30
pues lo hace muy de golpe 00:12:32
¿vale? esta es tu decisión 00:12:34
yo lo voy a poner en 200 00:12:36
también puedo hacer 00:12:39
al revés, que en vez de la salamandra 00:12:41
que se convierta en un cuadrado 00:12:42
que el cuadrado se convierta en una salamandra 00:12:44
entonces puedo coger 00:12:46
la imagen 1 y ponerla 00:12:48
abajo 00:12:51
Y la imagen 7 ponerla arriba 00:12:52
Y la imagen 2 ponerla aquí 00:12:57
Y la... 00:13:01
¿Cómo se mueve? 00:13:04
Ahí, esta aquí y ya estamos 00:13:09
Y entonces en vez de ir hacia afuera va hacia dentro 00:13:13
¿Vale? 00:13:18
Bueno, lo puedes repetir varias veces en un loop 00:13:19
Puedes ponerle música si quieres 00:13:22
de Youtube y cuando le das aquí a crear un GIF animado 00:13:25
lo hace y dice que quieres hacer, verlo, descargarlo 00:13:28
bueno, te lo descargas y puedes 00:13:33
abrirlo en tu ordenador 00:13:36
y ya está listo tu GIF animado 00:13:40
hemos hecho muy pocos pasos y lo hemos hecho 00:13:43
muy rápidamente para poder repasar de comienzo a fin 00:13:48
todo el proceso. Yo os recomiendo que lo hagáis con más pasos y con más tiempo. Contadme 00:13:53
cómo os sale y el próximo día hablamos de más cosas. ¡Chao chicos de la ESO! 00:14:00
Valoración:
  • 1
  • 2
  • 3
  • 4
  • 5
Eres el primero. Inicia sesión para valorar el vídeo.
Idioma/s:
es
Materias:
Educación Plástica y Visual
Niveles educativos:
▼ Mostrar / ocultar niveles
  • Educación Secundaria Obligatoria
    • Ordinaria
      • Primer Ciclo
        • Primer Curso
        • Segundo Curso
      • Segundo Ciclo
        • Tercer Curso
        • Cuarto Curso
        • Diversificacion Curricular 1
        • Diversificacion Curricular 2
    • Compensatoria
Autor/es:
Altamira Sáez Lacave
Subido por:
Altamira S.
Licencia:
Reconocimiento - No comercial - Compartir igual
Visualizaciones:
100
Fecha:
30 de noviembre de 2017 - 12:06
Visibilidad:
Público
Centro:
E ARTE ESCUELA SUPERIOR DE DISEÑO
Duración:
14′ 07″
Relación de aspecto:
1.78:1
Resolución:
1280x720 píxeles
Tamaño:
31.52 MBytes

Del mismo autor…

Ver más del mismo autor

Comentarios

Para publicar comentarios debes entrar con tu nombre de usuario de EducaMadrid.

Comentarios

Este vídeo todavía no tiene comentarios. Sé el primero en comentar.


EducaMadrid, Plataforma Educativa de la Comunidad de Madrid

Plataforma Educativa EducaMadrid