1
00:00:00,560 --> 00:00:09,220
Os voy a preparar un tutorial para ver cómo diseñar una imagen para colocarla en la cabecera de una página de Ducamadrid.

2
00:00:10,820 --> 00:00:14,500
Vamos a usar un programa que se llama Inkscape, que ya viene instalado en Max.

3
00:00:14,859 --> 00:00:17,719
Viene en Inicio, Gráficos, Inkscape.

4
00:00:18,460 --> 00:00:26,679
Este programa, por defecto, incluye aquí una plantilla que es tamaño DIN A4.

5
00:00:27,199 --> 00:00:28,420
Vamos a cambiar ese tamaño.

6
00:00:28,420 --> 00:00:38,479
Para eso vamos a ir a archivo, propiedades del documento y vemos que podemos darle un tamaño personalizado.

7
00:00:39,399 --> 00:00:50,479
Viene en milímetros. Nosotros, como os comenté, hemos decidido que nuestra cabecera tenga 1000 píxeles de ancho y 200 de alto.

8
00:00:50,479 --> 00:00:56,060
así que lo que vamos a hacer va a ser poner las unidades en píxeles

9
00:00:56,060 --> 00:01:04,480
y decidir que de ancho tenga 1000 y de alto tenga 200

10
00:01:04,480 --> 00:01:12,799
y ya está, veis ahí como ahora tiene otras dimensiones

11
00:01:12,799 --> 00:01:16,879
vamos a quitarlo de mostrar sombra y que quede así solo el borde

12
00:01:16,879 --> 00:01:21,340
color de fondo lo tenemos ahora en transparencia

13
00:01:21,340 --> 00:01:24,980
Vamos a ponerlo completamente blanco

14
00:01:24,980 --> 00:01:25,799
El color de fondo

15
00:01:25,799 --> 00:01:30,370
Vemos que ya está completamente blanco

16
00:01:30,370 --> 00:01:32,290
Si quisiéramos que fuera transparente

17
00:01:32,290 --> 00:01:32,989
Lo ponemos aquí

18
00:01:32,989 --> 00:01:35,109
Y ahora sería transparente

19
00:01:35,109 --> 00:01:37,969
Pero depende para lo que nos interese

20
00:01:37,969 --> 00:01:39,569
Vamos a ponerlo blanco en nuestro caso

21
00:01:39,569 --> 00:01:42,430
Ahí, perfecto

22
00:01:42,430 --> 00:01:45,480
Cerramos y cerramos

23
00:01:45,480 --> 00:01:47,659
Pues ya tenemos aquí

24
00:01:47,659 --> 00:01:52,379
La plantilla sobre la que trabajar

25
00:01:52,379 --> 00:01:53,840
Que tiene ese tamaño

26
00:01:53,840 --> 00:01:56,079
1000 píxeles por 200 píxeles

27
00:01:56,079 --> 00:01:59,599
de esta manera luego cuando lo subamos a nuestra página

28
00:01:59,599 --> 00:02:01,739
pues va a ajustarse completamente

29
00:02:01,739 --> 00:02:04,819
por ejemplo, vamos a poner letras

30
00:02:04,819 --> 00:02:08,759
con esta herramienta podemos aquí poner letras

31
00:02:08,759 --> 00:02:15,990
por ejemplo, somos tecnorrurales

32
00:02:15,990 --> 00:02:21,909
en mi caso, la C quiero que sea roja

33
00:02:21,909 --> 00:02:24,409
la R quiero que sea roja

34
00:02:24,409 --> 00:02:27,090
y la A quiero que sea roja

35
00:02:27,090 --> 00:02:29,009
en tipos de letra

36
00:02:29,009 --> 00:02:30,370
podemos ver

37
00:02:30,370 --> 00:02:35,439
ese tipo de letra, fea, pero bueno, ese tipo de letra

38
00:02:35,439 --> 00:02:36,360
vale

39
00:02:36,360 --> 00:02:39,199
ahora lo que puedo hacer es

40
00:02:39,199 --> 00:02:41,060
mover ese tipo de letra, voy a ponerla

41
00:02:41,060 --> 00:02:43,400
más o menos por el centro y puedo jugar con ella

42
00:02:43,400 --> 00:02:45,199
con estas flechas, vale

43
00:02:45,199 --> 00:02:47,319
vamos a ponerlo ahí

44
00:02:47,319 --> 00:02:49,379
ahora quiero

45
00:02:49,379 --> 00:02:51,439
poner aquí una imagen y aquí otra imagen

46
00:02:51,439 --> 00:02:53,180
pues voy a

47
00:02:53,180 --> 00:02:55,219
importarlas de alguna manera

48
00:02:55,219 --> 00:02:57,439
objeto

49
00:02:57,439 --> 00:03:01,060
bueno, más fácil, puedo arrastrarlas

50
00:03:01,060 --> 00:03:04,400
ir a donde las tengo y arrastrarlas

51
00:03:04,400 --> 00:03:08,419
cojo una de ellas, la arrastro

52
00:03:08,419 --> 00:03:09,800
y la pongo por aquí

53
00:03:09,800 --> 00:03:13,860
le doy a aceptar, la voy a incrustar

54
00:03:13,860 --> 00:03:16,659
le doy a aceptar y aquí tengo la foto

55
00:03:16,659 --> 00:03:19,580
bueno, pues me la traigo por aquí, la coloco ahí

56
00:03:19,580 --> 00:03:21,719
y ahora empiezo a ajustarla

57
00:03:21,719 --> 00:03:25,020
le ajusto ahí y ahí, por ejemplo

58
00:03:25,020 --> 00:03:26,539
y en este otro lado

59
00:03:26,539 --> 00:03:30,460
me traigo otra imagen, la suelto

60
00:03:30,460 --> 00:03:32,259
le doy a aceptar

61
00:03:32,259 --> 00:03:33,900
y ahora la voy ajustando

62
00:03:33,900 --> 00:03:34,960
ahí

63
00:03:34,960 --> 00:03:37,280
ahí

64
00:03:37,280 --> 00:03:39,639
y ahí más o menos

65
00:03:39,639 --> 00:03:43,419
esto lo pongo un poquito más así

66
00:03:43,419 --> 00:03:48,400
vale, pues imaginaros

67
00:03:48,400 --> 00:03:50,060
que esta puede ser la cabecera que yo quiero

68
00:03:50,060 --> 00:03:51,960
voy a ajustar esto un poquito más para allá

69
00:03:51,960 --> 00:03:52,479
ahí

70
00:03:52,479 --> 00:03:56,060
pues ahora solo tengo que exportar

71
00:03:56,860 --> 00:03:58,259
esta imagen

72
00:03:58,259 --> 00:03:59,900
le doy a archivo

73
00:03:59,900 --> 00:04:02,060
exportar imagen PNG

74
00:04:02,060 --> 00:04:06,020
y aquí distintas opciones de exportación

75
00:04:06,020 --> 00:04:09,240
la página, el dibujo, la selección o personalizado

76
00:04:09,240 --> 00:04:10,580
en este caso la página

77
00:04:10,580 --> 00:04:15,740
si veis pone ancho 1000 píxeles, alto 200 píxeles

78
00:04:15,740 --> 00:04:18,819
voy a decidir exportar como

79
00:04:18,819 --> 00:04:21,959
bueno, se va a guardar en Madrid, imagen 3369 PNG

80
00:04:21,959 --> 00:04:25,240
vale, podría decidir

81
00:04:25,240 --> 00:04:27,360
exportarlo en imágenes

82
00:04:27,360 --> 00:04:31,019
y poner cabecera CRA

83
00:04:31,019 --> 00:04:32,579
por ejemplo

84
00:04:32,579 --> 00:04:34,000
guardar

85
00:04:34,000 --> 00:04:35,740
imágenes, cabecera CRA

86
00:04:35,740 --> 00:04:37,860
y ahora le doy a exportar

87
00:04:37,860 --> 00:04:41,259
ya está, se ha guardado

88
00:04:41,259 --> 00:04:42,939
vamos a buscarlo

89
00:04:42,939 --> 00:04:44,399
y ahora os lo enseño

90
00:04:44,399 --> 00:04:49,850
aquí tenemos cabecera CRA

91
00:04:49,850 --> 00:04:52,110
que si lo abrimos es esta imagen

92
00:04:52,110 --> 00:04:55,889
si vamos a ver sus propiedades

93
00:04:55,889 --> 00:04:57,029
veremos que

94
00:04:57,029 --> 00:04:59,290
su anchura es de 1000 píxeles

95
00:04:59,290 --> 00:05:01,029
y su altura de 200 píxeles

96
00:05:01,029 --> 00:05:02,589
de esta manera

97
00:05:02,589 --> 00:05:05,949
si yo la subo a mi cabecera

98
00:05:05,949 --> 00:05:07,550
de mi página web

99
00:05:07,550 --> 00:05:09,689
como he puesto esos tamaños

100
00:05:09,689 --> 00:05:11,829
pues va a encajar perfectamente

101
00:05:11,829 --> 00:05:13,850
bueno, espero que con eso

102
00:05:13,850 --> 00:05:15,610
os sirva para hacer

103
00:05:15,610 --> 00:05:17,550
la cabecera de vuestras páginas