1
00:00:00,000 --> 00:00:10,480
Vamos a ver ahora cómo preparar las imágenes que después vamos a incorporar en nuestra

2
00:00:10,480 --> 00:00:16,620
cabecera, pero en lugar de usar Gimp como herramienta de edición de imágenes, vamos

3
00:00:16,620 --> 00:00:23,899
a usar otra herramienta que se llama Pixel Editor y que puede encontrar en internet porque

4
00:00:23,899 --> 00:00:31,500
Es un editor libre en línea, entonces simplemente tengo que tener Flash activado en el navegador

5
00:00:31,500 --> 00:00:35,380
y acceder a esta dirección pixel.com barra editor.

6
00:00:36,579 --> 00:00:42,380
En primer lugar lo que vamos a hacer va a ser redimensionar la imagen del árbol que hemos descargado de Pixabay.

7
00:00:42,380 --> 00:00:48,140
Para ello abro la imagen del árbol que tengo descargada de Pixabay

8
00:00:48,140 --> 00:00:56,500
y en lugar de ajustarle la altura de tener los 460 píxeles me parece que tenía de alto

9
00:00:56,500 --> 00:00:59,859
pues lo que quiero es ponerle una altura de 200 píxeles

10
00:00:59,859 --> 00:01:06,980
para ello me voy a ir a imagen, tamaño de imagen y veo, bueno eran 436 de altura

11
00:01:06,980 --> 00:01:10,780
pues le quiero poner 200 de altura

12
00:01:10,780 --> 00:01:16,120
como he dicho restringir proporciones pues ya automáticamente me ajusta la anchura

13
00:01:16,120 --> 00:01:22,959
De manera que al redimensionar no se me deforma la imagen, mantiene la relación ancho-alto.

14
00:01:23,739 --> 00:01:35,519
Simplemente tengo que guardar, que lo que voy a hacer va a ser guardar como lo voy a poner un nombre que va a ser árbol, por ejemplo como png.

15
00:01:37,000 --> 00:01:44,980
Dejo la carpeta aquí y ya estaría, ya tengo mi imagen redimensionada para ajustarla a mi cabecera.

16
00:01:46,120 --> 00:02:00,840
Ahora vamos con la imagen de los puntos de colores que tiene un fondo blanco y lo que yo quiero hacer es quitarle ese fondo blanco y dejarla con fondo transparente.

17
00:02:00,840 --> 00:02:21,020
Bueno, pues simplemente aquí tengo mi imagen, puntos de colores, bien, lo primero veo que la capa está bloqueada para no modificarla, le doy aquí doble clic, ya me lo está diciendo, para desbloquear esta capa porque lo que voy a hacer va a ser modificarla, quitarle este fondo blanco.

18
00:02:21,020 --> 00:02:25,240
Bien, vamos a usar esta herramienta que es la varita mágica

19
00:02:25,240 --> 00:02:32,580
La varita, simplemente si yo la pongo encima de mi imagen y selecciono cualquier punto del fondo blanco

20
00:02:32,580 --> 00:02:36,400
Lo que hace la varita es seleccionarme todo ese fondo blanco de golpe

21
00:02:36,400 --> 00:02:43,719
Y ahora ya puedo pulsar la tecla suprimir y veo que me ha eliminado ese fondo blanco

22
00:02:43,719 --> 00:02:46,740
Y me lo ha transformado en un fondo transparente

23
00:02:46,740 --> 00:02:49,400
Veo los cuadraditos de fondo transparente

24
00:02:49,400 --> 00:03:02,939
De nuevo, simplemente tengo que guardar y puedo poner puntos de colores transparentes y asegurarme de que lo guardo como PNG para que conserve la transparencia.

25
00:03:03,620 --> 00:03:09,979
Si mi imagen es un JPG, no, al guardarlo me meterá automáticamente el fondo blanco.

26
00:03:10,639 --> 00:03:15,219
No voy a poder tener transparencia, por eso es importante elegir el formato PNG.

27
00:03:15,219 --> 00:03:35,219
Muy bien, y ahora ya lo que me faltaría sería crear una nueva imagen que va a ser la imagen de cabecera. Voy a decirle que de ancho sean 1300, que es lo que venimos poniendo, de altura 200 píxeles y además que tenga fondo transparente.

28
00:03:35,219 --> 00:04:01,800
Bien, ya tengo aquí el esquema de lo que será la cabecera, ahora tengo que abrir igual que tengo aquí, abrir estas dos imágenes y en este caso lo que voy a hacer es en el menú capa, abrir imagen como capa y lo que voy a hacer va a ser coger los puntos de colores transparentes y veo que me añade una capa 1 aquí,

29
00:04:01,800 --> 00:04:11,180
que yo puedo perfectamente, si tengo aquí mi herramienta mover, pulso encima y puedo desplazarla hacia un lado o hacia otro.

30
00:04:11,360 --> 00:04:20,500
Bien, veo que aquí tengo un 46%, yo puedo ponerme aquí un 100% y estaría viendo esto más grande.

31
00:04:21,420 --> 00:04:28,160
De acuerdo, voy a hacer esta ventana más grande y así mejora la idea de cómo va a quedar.

32
00:04:28,160 --> 00:04:32,000
entonces bueno, muevo la capa como yo quiera

33
00:04:32,000 --> 00:04:34,959
ahora aquí en la zona de la derecha

34
00:04:34,959 --> 00:04:39,040
pues de nuevo capa, abrir imagen como capa

35
00:04:39,040 --> 00:04:41,579
y selecciono la del árbol

36
00:04:41,579 --> 00:04:44,740
que ya he redimensionado a 200 píxeles de altura

37
00:04:44,740 --> 00:04:48,139
bien, la sitúo aquí a la derecha

38
00:04:48,139 --> 00:04:53,199
como más me interese

39
00:04:53,199 --> 00:04:56,660
bien, aquí un poquito más para acá

40
00:04:56,660 --> 00:05:02,560
y ahora voy a ajustar un poquito el tamaño porque el 100% es demasiado grande

41
00:05:02,560 --> 00:05:08,759
vamos a ponerle un 50% para hacerme a la idea más o menos de cómo está quedando mi cabecera

42
00:05:08,759 --> 00:05:13,220
ahora lo siguiente que me faltaría sería incluir este texto

43
00:05:13,220 --> 00:05:15,079
centro público mi colegio

44
00:05:15,079 --> 00:05:19,060
y para eso uso esta herramienta que es la de texto

45
00:05:19,060 --> 00:05:22,459
la selecciono, pincho aquí

46
00:05:22,459 --> 00:05:24,800
y aquí ya elijo

47
00:05:24,800 --> 00:05:26,779
pues por ejemplo el tipo de letra

48
00:05:26,779 --> 00:05:28,420
que quiero

49
00:05:28,420 --> 00:05:29,319
que es por ejemplo

50
00:05:29,319 --> 00:05:31,800
esta, la semi light

51
00:05:31,800 --> 00:05:36,120
y voy a escribir

52
00:05:36,120 --> 00:05:36,819
centro

53
00:05:36,819 --> 00:05:39,060
público

54
00:05:39,060 --> 00:05:42,360
¿vale? puedo ajustar

55
00:05:42,360 --> 00:05:44,399
el color por ejemplo para que no sea

56
00:05:44,399 --> 00:05:46,240
para que no sea

57
00:05:46,240 --> 00:05:48,120
ese negro, puedo coger

58
00:05:48,120 --> 00:05:50,620
un color así más grisáceo

59
00:05:50,620 --> 00:05:53,819
¿vale? y entonces sería

60
00:05:53,819 --> 00:06:01,279
tendría ese color y luego también puedo ajustar el tamaño, esto es demasiado grande, vamos

61
00:06:01,279 --> 00:06:08,149
a ajustarle por ejemplo un tamaño de 70, pues puede quedar bien. Voy a ponerle un color

62
00:06:08,149 --> 00:06:18,860
un poquito más claro de gris, porque así un poquito más clarito, para que quede así

63
00:06:18,860 --> 00:06:28,639
mejor. Bien, ahora lo que tenemos que poner, bueno este texto yo lo puedo mover como quiera

64
00:06:28,639 --> 00:06:31,579
y ahora voy a escribir el texto mi colegio

65
00:06:31,579 --> 00:06:33,879
que es lo que me faltaría

66
00:06:33,879 --> 00:06:38,639
pincho aquí, escribo mi colegio

67
00:06:38,639 --> 00:06:42,439
es el estilo de fuente

68
00:06:42,439 --> 00:06:44,360
le voy a poner negrita

69
00:06:44,360 --> 00:06:45,639
un poquito de negrita

70
00:06:45,639 --> 00:06:51,480
y le voy a poner un poquito más de tamaño

71
00:06:51,480 --> 00:06:54,100
vamos a ponerle 90 por ejemplo

72
00:06:54,100 --> 00:06:57,339
y de nuevo vamos a cambiarle el color

73
00:06:57,339 --> 00:07:16,019
El color nos lo podríamos haber anotado para que fuera exactamente el mismo en los dos textos o bien haberlo seleccionado fuera. Aquí tenemos seis huecos para dejar colores preseleccionados y luego después usarlos en donde queramos.

74
00:07:16,019 --> 00:07:26,720
Bueno, selecciono la capa centro público para desplazarla un poquito, selecciono la capa de mi colegio para desplazarla un poquito y ahora ya lo que me quedaría sería guardar.

75
00:07:26,720 --> 00:07:36,120
Bien, el formato JPG no me vale porque si uso JPG veo que me pone un fondo blanco.

76
00:07:36,120 --> 00:07:42,120
Voy a seleccionar como formato PNG transparente, veo que ya aquí me está representando el

77
00:07:42,120 --> 00:07:52,170
fondo transparente, voy a llamarlo cabecera transparente y nada, lo guardo aquí en esta

78
00:07:52,170 --> 00:07:56,529
carpeta, guardar y ya estaría, ya tengo mi imagen.

79
00:07:56,529 --> 00:08:05,790
Pero ya solamente me quedaría entrar aquí al diseñador web y subir la imagen de cabecera que acabo de diseñar.

80
00:08:06,089 --> 00:08:06,629
Y eso es todo.