1 00:00:00,000 --> 00:00:12,539 muy bien pues vamos a diseñar esta imagen esta imagen si nos fijamos se 2 00:00:12,539 --> 00:00:17,120 compone de tres partes la parte de la izquierda tengo una imagen de puntos que 3 00:00:17,120 --> 00:00:22,160 puede ser perfectamente el logo de de mi centro tiene una zona central donde 4 00:00:22,160 --> 00:00:27,719 tengo un texto donde recoge el nombre de mi centro y una imagen aquí a la 5 00:00:27,719 --> 00:00:33,420 derecha. Entonces para configurar esta imagen de cabecera lo que vamos a ir 6 00:00:33,420 --> 00:00:44,420 consiguiendo son estas dos imágenes que forman parte de ella y para ello voy a usar un banco 7 00:00:44,420 --> 00:01:00,710 de recursos libres que es Pixabay, un banco de imágenes. Voy a buscar esta imagen de 8 00:01:00,710 --> 00:01:08,310 aquí, entonces voy a buscar por ejemplo árbol. Como hemos dicho que me interesa el fondo 9 00:01:08,310 --> 00:01:13,349 transparente para mi cabecera, pues yo aquí en Pixabay tengo opciones como por ejemplo 10 00:01:13,349 --> 00:01:18,670 esta de color, elegir que tenga un fondo transparente y entonces lo que me ofrece ya son imágenes 11 00:01:18,670 --> 00:01:24,829 que puedo incorporar perfectamente en mi cabecera. También puedo incluso elegir categorías, 12 00:01:24,829 --> 00:01:35,549 por ejemplo educación y bueno pues aquí veo la imagen que estoy buscando, esta imagen me gusta, es interesante, me parece que puede quedar bien 13 00:01:35,549 --> 00:01:45,450 y así que me aseguro de la licencia que tiene esta imagen, que ya veo que es una licencia Pixabay, si entro aquí a ver el detalle veo que puedo usarla perfectamente 14 00:01:45,450 --> 00:01:54,709 sin ningún tipo de restricción, entonces bueno pues la voy a descargar, voy a descargar el tamaño más pequeño que me ofrece. 15 00:01:54,829 --> 00:02:03,890 Bien, ya tengo mi imagen descargada, la tengo aquí en descargas, tengo mi imagen descargada 16 00:02:03,890 --> 00:02:09,009 y ahora lo que voy a hacer va a ser ajustarla al tamaño de altura, es una imagen muy grande, 17 00:02:09,009 --> 00:02:18,990 ya hemos visto que tiene un tamaño, pues la que he descargado tiene un tamaño de 640 x 436 píxeles, 18 00:02:19,189 --> 00:02:23,590 pero yo realmente mi cabecera no va a tener más allá de 200 píxeles de altura. 19 00:02:23,590 --> 00:02:28,129 entonces lo que tengo que hacer es redimensionar esta imagen 20 00:02:28,129 --> 00:02:33,889 para ello voy a usar el programa de manipulación de imágenes GIMP 21 00:02:33,889 --> 00:02:37,009 con el que voy a diseñar realmente toda la cabecera 22 00:02:37,009 --> 00:02:45,370 simplemente arrastro aquí la imagen que acabo de descargar de Pixabay 23 00:02:45,370 --> 00:02:50,810 y ya estoy viendo aquí la imagen que he descargado 24 00:02:50,810 --> 00:03:09,810 Entonces hemos dicho que vamos a ajustarla a una altura máxima de 200 píxeles, entonces simplemente me voy a imagen, escalar imagen y de altura le voy a poner 200 píxeles, el ancho ya se me ajusta automáticamente y le voy a decir escalar. 25 00:03:09,810 --> 00:03:14,949 escalar. Como he elegido en Pixabay las imágenes con fondo transparente, pues estos cuadraditos 26 00:03:14,949 --> 00:03:19,330 de aquí lo que me están diciendo es justamente eso, que el fondo es transparente de esta 27 00:03:19,330 --> 00:03:28,330 imagen. Simplemente ahora yo ya tendría que exportar o sobreescribir como yo quiera la 28 00:03:28,330 --> 00:03:37,229 imagen y ya la tendría lista para usar en mi cabecera. Bueno, vamos ahora a por la otra 29 00:03:37,229 --> 00:03:45,110 imagen es un logo que me han pasado del centro y resulta que 30 00:03:45,110 --> 00:03:48,669 me lo han pasado pero resulta que tiene el fondo blanco, que no 31 00:03:48,669 --> 00:03:53,229 tiene fondo transparente y hemos dicho que me interesa que tenga el fondo 32 00:03:53,229 --> 00:03:57,870 transparente. Pues en estas imágenes que tienen así el fondo tan 33 00:03:57,870 --> 00:04:02,750 claramente definido es muy fácil realmente eliminarlo con GIMP. Yo tengo 34 00:04:02,750 --> 00:04:08,509 ya mi imagen abierta con GIMP y puedo usar por ejemplo esta herramienta de aquí que es selección 35 00:04:08,509 --> 00:04:14,169 difusa, seleccionar una región contigua basándose en el color, pues lo que hago es que pulso aquí en 36 00:04:14,169 --> 00:04:20,329 una de las zonas blancas y veo que me ha seleccionado, realmente si yo esto lo hago más 37 00:04:20,329 --> 00:04:28,850 grande se aprecia mejor, veo que me ha seleccionado toda la zona blanca, si simplemente aquí pulso el 38 00:04:28,850 --> 00:04:30,990 botón de suprimir 39 00:04:30,990 --> 00:04:33,430 realmente estaré quitando 40 00:04:33,430 --> 00:04:35,529 todo 41 00:04:35,529 --> 00:04:37,750 voy a seleccionar nada 42 00:04:37,750 --> 00:04:39,389 estaré quitando todo ese fondo 43 00:04:39,389 --> 00:04:41,110 blanco que tiene 44 00:04:41,110 --> 00:04:43,230 mi imagen y por lo tanto ya 45 00:04:43,230 --> 00:04:44,970 pues puedo usarla 46 00:04:44,970 --> 00:04:47,170 lo que hago aquí es de nuevo 47 00:04:47,170 --> 00:04:51,550 sobrescribir por ejemplo 48 00:04:51,550 --> 00:04:53,410 o exportar como 49 00:04:53,410 --> 00:04:54,389 y cambiarle el nombre 50 00:04:54,389 --> 00:04:57,509 y ya tendría mi logo 51 00:04:57,509 --> 00:04:58,629 preparado 52 00:04:58,629 --> 00:04:59,129 ¡Gracias!