1
00:00:01,879 --> 00:00:07,219
Bienvenidos a la tutoría, primera tutorial, digamos, de temario, ¿no?

2
00:00:07,299 --> 00:00:16,160
Tuvimos una inicial la semana pasada, pero, bueno, esta es la primera ya que tenemos una unidad de trabajo, digamos, abierta desde hace algunas semanas.

3
00:00:17,140 --> 00:00:23,359
Y, bueno, justo os estaba preguntando que qué tal iba y, bueno, veo que sí que el tema 1 más o menos lo habéis revisado.

4
00:00:24,039 --> 00:00:29,800
No he encontrado ninguna duda o consulta en los foros, ni en el general ni en el del tema.

5
00:00:29,800 --> 00:00:45,320
Entonces, simplemente para recordaros, esto se dijo en la tutoría inicial, la dinámica de los estudios en virtual es que nosotros vamos subiendo el temario y en las tutorías, sobre todo, lo que buscan es resolver dudas que tengáis y que nos planteéis.

6
00:00:46,380 --> 00:00:57,140
Entonces, lo primero que os pregunto es eso, ¿hay alguna duda que queráis que veamos, algún apartado, algún aspecto del primer tema?

7
00:00:57,140 --> 00:01:20,180
Vale, si no es así, es verdad que el primer tema dentro de lo que cabe es bastante teórico y bueno, pues tampoco representa ninguna dificultad, me refiero a lo mejor como vamos a ver en otros de los softwares, porque no encontráis algo, etc.

8
00:01:20,180 --> 00:01:38,540
Si tenéis alguna duda, hacedmelo saber. La tarea también, en parte de lo que se trata, es que en este punto inicial del curso os enfrentéis a hacer, a que veamos qué sabéis de interpretar cómo se articula una web o cómo es la arquitectura de información de una web.

9
00:01:38,540 --> 00:01:40,659
entonces si no hay dudas sobre eso

10
00:01:40,659 --> 00:01:42,540
yo lo que quería plantear es

11
00:01:42,540 --> 00:01:44,180
empezar a hablar un poco de Figma

12
00:01:44,180 --> 00:01:46,959
que va a ser el software que vamos a usar en la unidad 2

13
00:01:46,959 --> 00:01:48,459
un poco también para

14
00:01:48,459 --> 00:01:50,939
empezar a aterrizar ese tema 2

15
00:01:50,939 --> 00:01:52,680
y bueno, pues porque Figma

16
00:01:52,680 --> 00:01:53,659
probablemente

17
00:01:53,659 --> 00:01:56,719
a nivel de dudas, imagino que os generará

18
00:01:56,719 --> 00:01:58,659
más, es decir, la parte más

19
00:01:58,659 --> 00:02:00,180
peleaguda de este módulo

20
00:02:00,180 --> 00:02:02,359
aparte de que se ven muchas cosas distintas

21
00:02:02,359 --> 00:02:04,260
y es uno de los

22
00:02:04,260 --> 00:02:06,079
de los inconvenientes

23
00:02:06,079 --> 00:02:07,659
de las dificultades

24
00:02:07,659 --> 00:02:09,439
que está repartido en muchos temas

25
00:02:09,439 --> 00:02:10,840
y es un poco picotear

26
00:02:10,840 --> 00:02:13,199
como habéis visto en la unidad 1

27
00:02:13,199 --> 00:02:15,379
lo referente a las distintas fuentes

28
00:02:15,379 --> 00:02:16,060
para luego

29
00:02:16,060 --> 00:02:19,560
usarlas en el producto multimedia

30
00:02:19,560 --> 00:02:20,300
interactivo

31
00:02:20,300 --> 00:02:23,120
pero bueno

32
00:02:23,120 --> 00:02:25,620
eso, la parte de los softwares

33
00:02:25,620 --> 00:02:27,699
y que vamos a ir tocando varios softwares va a ser

34
00:02:27,699 --> 00:02:28,879
probablemente lo que más

35
00:02:28,879 --> 00:02:30,479
intríngula y estanca

36
00:02:30,479 --> 00:02:33,419
entonces, lo dicho, no sé si

37
00:02:33,419 --> 00:02:35,060
alguno tiene alguna duda

38
00:02:35,060 --> 00:02:36,479
por si no pasar a lo siguiente

39
00:02:36,479 --> 00:02:57,919
O si queréis que veamos alguna cosa relativa al tema 1, decidme. Si no, mientras tanto yo estoy abriendo una cosa y vais a compartir también la pantalla. Un segundete. Confirmadme que ahora veis mi escritorio.

40
00:02:57,919 --> 00:03:23,050
A ver aquí, confirmadme, si se ve, ¿me ponéis? Vale, genial. Vale, lo dicho, la unidad 2 la abrí, bueno, paso, ¿no? De la unidad 1 algo que queráis ver, en realidad esta tutoría ya lo ponía en la introducción, como es una unidad autoexplicativa en el sentido de que es muy teórica, no quiero darle más vueltas.

41
00:03:23,050 --> 00:03:37,349
Si alguien quiere ver algo, ¿vale? Y si no, como nadie lo dice, vamos a por esa dos. Se abrió la unidad dos el pasado jueves-viernes, está ya por completo el viernes con su actividad, etc.

42
00:03:37,349 --> 00:03:51,629
Y si ya habéis empezado a ver ese tema, que lo voy a abrir aquí rápidamente, ese tema Versa os intenta ocupar sobre todo de uno de los aspectos que menos se tienen en cuenta cuando se habla de esto de fuentes.

43
00:03:51,629 --> 00:03:58,370
Entonces, enseguida hablamos de fotos, vídeo, música, audio, etc.

44
00:03:58,889 --> 00:04:05,509
Pero no nos centramos en que la información, el medio de información más importante que usamos es la palabra.

45
00:04:05,509 --> 00:04:13,889
Y bueno, en su versión, digamos que se transmite la versión escrita de la palabra, la tipográfica.

46
00:04:14,090 --> 00:04:19,290
Este tema se ocupa de ello, ¿vale? Os lo abro, imagino que lo estáis viendo.

47
00:04:19,290 --> 00:04:26,610
Este tema sobre todo va de cómo se transmiten, o intenta enfocarse y dar pinceladas y andar

48
00:04:26,610 --> 00:04:30,629
En cómo se transmiten mensajes escritos, ¿vale?

49
00:04:30,750 --> 00:04:37,889
Como se verá también en el propio tema, pues bueno, todos hemos aprendido a lo largo de nuestra vida

50
00:04:37,889 --> 00:04:43,009
Desde la escuela, desde pequeñitos, pues a usar las letras o a escribir

51
00:04:43,009 --> 00:04:59,310
Pero aquí vamos además a ver las connotaciones que tiene esa representación gráfica de las palabras. No solo en cuanto a fondo, es decir, a lo que significa la palabra, sino a forma, a cómo se representa.

52
00:04:59,310 --> 00:05:19,370
En la primera parte del tema se habla un poco de esto, que este mismo mensaje, que de fondo es el mismo, siempre será el mío, dependiendo de cómo sea representado gráficamente, puede denotar un mensaje de amor o uno de terror.

53
00:05:19,370 --> 00:05:32,769
Entonces, voy a ir pasando un poco por estos aspectos de manera rápida para ir directamente al software que se plantea usar en este apartado, en este tema.

54
00:05:33,509 --> 00:05:42,009
Se emplea Figma como se podrían emplear muchos otros. Para hablar de esto se puede usar el blog de notas incluso.

55
00:05:42,009 --> 00:05:51,910
Bueno, es muy limitado a nivel de tipografía, pero bueno, ya dentro de cómo se representan las palabras que ahí vamos escribiendo, ya tiene un significado.

56
00:05:52,329 --> 00:05:58,370
Pero bueno, también se podría usar un Word, un LibreOffice, que no sé si conocéis LibreOffice, lo dejo caer.

57
00:05:58,370 --> 00:06:14,889
Aquellos que no tengáis licencia de Microsoft, lo general es lo normal, hay alternativas gratuitas de código abierto o freeware, etcétera, como pueden ser, por ejemplo, LibreOffice.

58
00:06:14,889 --> 00:06:42,230
Lo digo por si en algún... Yo, por ejemplo, es el que normalmente uso, porque hasta hace poquito no tenía yo mi licencia de Windows. Bueno, pues LibreOffice es la suite de Microsoft, ¿no? Pues el Word, el Excel, etc. Bueno, pues una versión que se cuenta, pues, de... Si no me equivoco, es OpenSource. Desde luego es gratuita. Ahora que lo tengo que decir, software libre, sí, y OpenSource, sí, exacto.

59
00:06:42,230 --> 00:07:04,930
Entonces, bueno, se podría ver en esto, se podría ver en aplicaciones de Adobe, por ejemplo, Illustrator, aquí está abierto, lo tengo aquí. Vamos a ir a Porfigma por dos motivos. Primero, porque es un software que en general es gratuito, no es que sea de código abierto ni se esté proporcionando de manera gratuita.

60
00:07:04,930 --> 00:07:14,529
Hay una empresa detrás que busca beneficios, no se busca que el conocimiento humano mejore de una forma altruista o al menos no directamente altruista,

61
00:07:14,529 --> 00:07:27,129
pero sí que es verdad que es un software que en su estrategia de mercado decide dar prácticamente todas sus herramientas, hay algunas que no, pero al menos de las de diseño, gratis.

62
00:07:27,649 --> 00:07:33,149
Sí que vais a encontrar alguna limitación, no en lo que estamos explicando ahora, pero sí que podéis encontrar alguna limitación.

63
00:07:33,149 --> 00:07:50,769
Entonces, para haceros esta cuenta de Figma, Figma para empezar es un software que principalmente lo que busca es cubrir una necesidad que es la del prototipado web. Así es como nació, que es básicamente ir generando distintas pantallas.

64
00:07:50,769 --> 00:08:06,050
Aquí, por ejemplo, hay un ejemplo que me he bajado. Hay muchos en la comunidad de Figma que se pueden bajar. Prototipar aplicaciones, es decir, hacer el diseño inicial de cómo va a ser, tanto a nivel visual como también a nivel de interacciones.

65
00:08:06,050 --> 00:08:18,370
Esto ya lo veremos más adelante, pero es una especie de simulador de cómo va a ser una aplicación una vez se implemente ya con código y en una store de aplicaciones o a través de un navegador web.

66
00:08:18,370 --> 00:08:39,549
Entonces, lo bueno que tiene esta aplicación, además con respecto a este módulo de realización de proyectos multimedia interactivos, es que vamos a aprender a usar estas herramientas ya que nos van a ir sirviendo dentro del mismo ecosistema a ser integradas cuando estemos prototipando un producto web, por ejemplo, o una aplicación informática.

67
00:08:39,549 --> 00:08:49,470
También por lo que no he optado es precisamente porque hay otros paquetes, otras suites de software como las de Adobe, el Creative Cloud

68
00:08:49,470 --> 00:08:56,769
Que el problema que tienen es que no cuentan con versiones ni de estudiantes muy duraderas, tienen algunas para probarlo algunos días

69
00:08:56,769 --> 00:09:06,669
Pero implican un coste que no vamos a asumir y además vamos a ir optando por nuevas soluciones o soluciones que no conlleven este gasto

70
00:09:06,669 --> 00:09:31,970
Y que, por ejemplo, en el caso de Figma son plenamente útiles, plenamente profesionales. Sí que es verdad que ya, como se acabó de indicar, estaba más parcelada al diseño web. Por ejemplo, aquí no se hace diseño gráfico como se haría en un Photoshop. Voy también introduciendo software porque entiendo que alguno de vosotros, en estas alturas iniciales, os sonará lo que es un Photoshop.

71
00:09:31,970 --> 00:09:34,629
Ya lo veremos en el tema 3, que es Photoshop

72
00:09:34,629 --> 00:09:36,629
Igualmente, no vamos a contar con Photoshop

73
00:09:36,629 --> 00:09:37,730
Por el mismo motivo, pero

74
00:09:37,730 --> 00:09:40,110
Buscaremos otras alternativas que también son

75
00:09:40,110 --> 00:09:41,850
Profesionales

76
00:09:41,850 --> 00:09:44,529
De hecho hoy, por ejemplo, yo al menos lo he visto hoy

77
00:09:44,529 --> 00:09:46,669
Pero vamos, me consta que ha sido los últimos días

78
00:09:46,669 --> 00:09:48,690
Si os suena un software

79
00:09:48,690 --> 00:09:49,389
Llamado Canva

80
00:09:49,389 --> 00:09:52,789
Que es muy útil para hacer presentaciones

81
00:09:52,789 --> 00:09:54,490
Etcétera, ha comprado un paquete que se llama

82
00:09:54,490 --> 00:09:54,889
Affinity

83
00:09:54,889 --> 00:09:57,789
Y una de las dudas que yo tenía, que era

84
00:09:57,789 --> 00:10:00,870
¿Cómo daros diseño gráfico? ¿Qué aplicación de diseño gráfico utilizar?

85
00:10:00,870 --> 00:10:24,029
Y vamos a usar una que se llama Gimp o una especie de clon que hay online del Photoshop que se llama Fotopea, pero dado que este paquete de momento, luego en el futuro ya se verá cómo van gestionando este modo gratuito que acaban de implementar, vamos a usar una aplicación que probablemente empieza a ganar mucho terreno, o eso creo yo, en el ámbito del diseño gráfico y vectorial.

86
00:10:24,029 --> 00:10:42,049
Bueno, al final lo que quiero que vayáis viendo es que hay aplicaciones de muchos tipos. Sí que es verdad que hay algunas que son el estándar del sector y muchas veces son el estándar ya simplemente por tradición porque es la que más usa la gente.

87
00:10:42,049 --> 00:11:10,289
Ni porque sean las mejores en ocasiones, ni porque tengan las mejores funcionalidades. En el caso de Adobe, por ejemplo, se puede hablar bien y mal, tiene también su política, pero es cierto que perderá sector si no cambia su política, perderá cuota de mercado en el sentido de que, bueno, están saliendo muchas alternativas que apuestan por modelos gratis o que al menos muchas de sus funcionalidades de partida ya se puede hacer allá de manera gratuita.

88
00:11:10,289 --> 00:11:12,549
Bueno, volviendo a Figma

89
00:11:12,549 --> 00:11:15,970
Figma, del mismo modo que empezó con prototipado web

90
00:11:15,970 --> 00:11:21,070
Al final se está convirtiendo en una herramienta que se usa también para maquetación en general

91
00:11:21,070 --> 00:11:25,970
Tiene limitaciones, sobre todo si se quiere usar para medios impresos

92
00:11:25,970 --> 00:11:31,269
Sobre todo se centra en la parte más de pantallas

93
00:11:31,269 --> 00:11:36,110
Pues eso, web, pero también puede ser para presentaciones en pantalla cualquiera

94
00:11:36,110 --> 00:11:38,909
Sin tener que recurrir a ninguna web ni aplicación

95
00:11:38,909 --> 00:11:59,049
Pero también están metiendo ya un factor más grande, un apartado más grande de diseño vectorial, que hasta hace poco tenía mínimo. Vamos a ir usando distintas herramientas y como veréis también a lo largo de los estudios en este ciclo, las herramientas son contextuales.

96
00:11:59,049 --> 00:12:16,009
Lo que vais a aprender hoy, probablemente dentro de tres años, o no os sirva o lo tengáis que adaptar a otra aplicación. Esto que estamos empezando el curso, y estamos en un módulo además de primer curso, es algo que vais a tener que tener en mente.

97
00:12:16,009 --> 00:12:30,029
Las aplicaciones están cambiando continuamente, ahora con la inteligencia artificial más que nunca, porque salen aplicaciones, pues cada semana hay novedades de una o sale una nueva directamente, etc.

98
00:12:30,029 --> 00:12:38,769
Entonces, simplemente que tengáis abierta la mente de que ya el enfoque creo que no va a ser tanto aprender una aplicación de pe a pa,

99
00:12:38,950 --> 00:12:45,909
sí que evidentemente si es la que vais a usar durante un periodo de tiempo, pues es lo que sí tendréis que saber usarla,

100
00:12:46,090 --> 00:12:55,830
pero sobre todo lo que se va a buscar es contar con los conocimientos base o esenciales que permitan extrapolarlo a cualquier paquete de softwares.

101
00:12:55,830 --> 00:12:57,789
porque ya os digo que va a pasar

102
00:12:57,789 --> 00:13:00,429
de hecho yo, eso, a la hora de decidir

103
00:13:00,429 --> 00:13:02,330
qué software sin parto

104
00:13:02,330 --> 00:13:04,590
dentro de las limitaciones también que tengo

105
00:13:04,590 --> 00:13:08,769
pues ya cada año

106
00:13:08,769 --> 00:13:10,750
tengo que ir eligiendo unas distintas

107
00:13:10,750 --> 00:13:11,889
así que

108
00:13:11,889 --> 00:13:14,070
eso, es un sector cambiante

109
00:13:14,070 --> 00:13:15,409
para bien y para mal

110
00:13:15,409 --> 00:13:17,929
dame un segundo que me voy a quitar el jersey

111
00:13:17,929 --> 00:13:19,809
no sé si tenéis alguna duda

112
00:13:19,809 --> 00:13:22,330
porque hay un compañero que ha dicho, justo he visto la noticia

113
00:13:22,330 --> 00:13:23,470
de Affinity, entiendo

114
00:13:23,470 --> 00:13:25,370
y lo dejé instalado por curiosidad

115
00:13:25,370 --> 00:13:28,090
sí, bueno, ya veremos en la siguiente unidad

116
00:13:28,090 --> 00:13:30,049
lo decido hoy, igual luego al final Affinity no

117
00:13:30,049 --> 00:13:32,190
porque primero me tengo que poner yo también

118
00:13:32,190 --> 00:13:34,090
con ello, que es un software que he abierto

119
00:13:34,090 --> 00:13:35,950
pocas veces, pero bueno

120
00:13:35,950 --> 00:13:38,509
creo que es más útil probablemente

121
00:13:38,509 --> 00:13:40,090
Affinity que aprender otros

122
00:13:40,090 --> 00:13:42,090
de los que sí tenía previsto y que eran

123
00:13:42,090 --> 00:13:42,870
gratuitos

124
00:13:42,870 --> 00:13:45,990
pero sí, yo os digo

125
00:13:45,990 --> 00:13:48,350
es un cambio que he visto hoy

126
00:13:48,350 --> 00:13:50,269
espera que me quito esto, no sé si queréis

127
00:13:50,269 --> 00:13:51,370
comentar algo más de esto

128
00:13:51,370 --> 00:14:05,779
vale, pues nada, vamos a

129
00:14:05,779 --> 00:14:24,679
Por Figma, que es el que ahora nos interesa. Figma, para empezar, si os metéis en la web directamente, y aunque ahora a mí es probable que me salga algo distinto que a vosotros, si os metéis, buscáis en Google Figma, lo voy a poner sin nada, Figma en el Google, pone la interfaz de diseño colaborativo.

130
00:14:24,679 --> 00:14:43,059
Vale, pues nos metemos. A mí me va a llevar a una pantalla que es el gestor de proyectos que tiene propio Figma. Voy a salirme para que todos veamos lo mismo. Aquí, logout. Y os va a salir esta ventana.

131
00:14:43,059 --> 00:14:45,120
normalmente no voy a ir en todos los

132
00:14:45,120 --> 00:14:46,899
softwares explicando como se instalan porque

133
00:14:46,899 --> 00:14:49,159
no suelen tener más complicación

134
00:14:49,159 --> 00:14:51,139
o el propio tema ya se indica

135
00:14:51,139 --> 00:14:53,139
pero si me interesa que en este

136
00:14:53,139 --> 00:14:55,080
caso entendáis también una aplicación

137
00:14:55,080 --> 00:14:56,240
que

138
00:14:56,240 --> 00:14:59,379
la tendencia también que está habiendo últimamente

139
00:14:59,379 --> 00:15:01,139
es una aplicación que se controla

140
00:15:01,139 --> 00:15:02,419
mediante

141
00:15:02,419 --> 00:15:04,879
puede tener una versión digamos web

142
00:15:04,879 --> 00:15:06,200
y una versión también que es

143
00:15:06,200 --> 00:15:08,759
de escritorio

144
00:15:08,759 --> 00:15:10,879
que se instala en el escritorio y se puede

145
00:15:10,879 --> 00:15:12,700
usar en ambas y además son

146
00:15:12,700 --> 00:15:18,139
compatibles entre ambas cuando queráis instalar un software así vale lo primero

147
00:15:18,139 --> 00:15:21,019
que va a pedir pues por ejemplo camba que es esta que os digo que ahora ha

148
00:15:21,019 --> 00:15:24,759
comprado affinity sé que digo muchos nombres iguales los estoy aquí

149
00:15:24,759 --> 00:15:28,600
aturullando y los apuntando porque vais a tener que ir conociendo todas estas

150
00:15:28,600 --> 00:15:34,480
herramientas y lo primero que va a pedir va a ser que inicie una sesión vale

151
00:15:34,480 --> 00:15:39,700
normalmente yo os voy a decir que mientras estéis en este curso vale menos

152
00:15:39,700 --> 00:15:47,299
en algunas excepciones de otros módulos, os voy a decir que uséis el código del instituto,

153
00:15:47,539 --> 00:15:52,899
es decir, el de educa.madrid.org, con el que os metéis en el correo electrónico.

154
00:15:53,600 --> 00:15:56,919
Sobre todo porque en ocasiones, en Figma no sé si lo haremos y merece la pena,

155
00:15:57,100 --> 00:15:59,679
pero en ocasiones vamos a pedir la licencia de estudiantes.

156
00:16:00,000 --> 00:16:04,500
Por ejemplo, si ya estáis en algún módulo del Ordemaya, pues ya os estarán dando las instrucciones

157
00:16:04,500 --> 00:16:07,399
y os dirán el mail que tenéis que usar ahí para pedir la licencia educativa.

158
00:16:07,399 --> 00:16:09,980
en otros lo mismo, en este

159
00:16:09,980 --> 00:16:12,059
es de los casos, os lo pongo en el tema

160
00:16:12,059 --> 00:16:14,139
que os aconsejo, no pasa nada

161
00:16:14,139 --> 00:16:15,460
si no lo hacéis tampoco, pero bueno

162
00:16:15,460 --> 00:16:18,360
sí que a lo mejor en siguientes temas

163
00:16:18,360 --> 00:16:19,200
si

164
00:16:19,200 --> 00:16:22,019
intentamos usar alguna de las

165
00:16:22,019 --> 00:16:23,720
funcionalidades que tiene

166
00:16:23,720 --> 00:16:25,879
pero va a pedir en cualquier caso

167
00:16:25,879 --> 00:16:27,379
que os hagáis una

168
00:16:27,379 --> 00:16:29,799
que os creéis una cuenta

169
00:16:29,799 --> 00:16:32,240
ahí os va a pedir que correo electrónico

170
00:16:32,240 --> 00:16:33,460
que rellenéis algunos datos

171
00:16:33,460 --> 00:16:35,519
rellenarlo sin problema

172
00:16:35,519 --> 00:17:04,519
Una vez os registréis, os va a llegar, no me quiero entretener mucho en esto, probadlo a la que leéis el tema, que se habla algo de esto y ya lo probaréis. Pero si queréis ya optar porque queráis probar alguna funcionalidad más e ir allanando el terreno, si le dais a Figma Education, vais a ver que hay licencias que podéis pedir con vuestro carné de estudiantes.

173
00:17:05,519 --> 00:17:22,660
Si lo enviáis. Es verdad que a mí me tardó, pone que son 24 horas, pero me tardó como una semana en llegar. Ya os digo que no es especialmente relevante que cuando tengáis la cuenta de Figma os registréis en este Figma para educación.

174
00:17:22,660 --> 00:17:26,180
Únete a un taller, ¿no? Es consigue la verificación

175
00:17:26,180 --> 00:17:27,960
Vale, os tenéis que loguear con esa cuenta

176
00:17:27,960 --> 00:17:29,819
Que habéis creado e ir rellenando

177
00:17:29,819 --> 00:17:31,740
¿Vale? Cuando os pidan

178
00:17:31,740 --> 00:17:33,440
El único dato

179
00:17:33,440 --> 00:17:35,740
Que puede que sea un poco farragoso

180
00:17:35,740 --> 00:17:38,099
Es cuando os pidan el nivel educativo

181
00:17:38,099 --> 00:17:39,200
No pongáis

182
00:17:39,200 --> 00:17:42,279
Otro que el de educación superior, higher education

183
00:17:42,279 --> 00:17:43,819
¿Vale? Porque a veces

184
00:17:43,819 --> 00:17:45,740
Pensamos que estamos en un instituto

185
00:17:45,740 --> 00:17:46,900
Que sería el nivel K-12

186
00:17:46,900 --> 00:17:49,400
En realidad nosotros estamos en niveles

187
00:17:49,400 --> 00:17:51,720
Para Estados Unidos

188
00:17:51,720 --> 00:17:57,180
que son los que desarrollan estos niveles educativos, somos Higher Education, ¿vale?

189
00:17:57,619 --> 00:18:05,799
Entonces os metéis ahí y el centro, el instituto, el IES, CIP, Ignacio y Acuría, si lo buscáis,

190
00:18:06,200 --> 00:18:11,980
bueno, pues si lo ponéis tal y como sale aquí o empezáis a escribirlo, ¿vale?

191
00:18:12,059 --> 00:18:16,500
Centro Integral de Formación Profesional de Distancia, como aparece aquí, ¿vale?

192
00:18:16,500 --> 00:18:44,500
Va a aparecer este instituto, ¿vale? Pues si os registráis y dais la credencial de vuestro carnet de estudiante, que si no os ha llegado, os llegará, ¿vale? Pues lo podéis pedir. Pero eso a más largo plazo. Os lo voy diciendo también para que sepáis que normalmente los softwares, por ejemplo, en Affinity pasaba antes hasta que lo ha comprado Canva, esto que os digo, suelen tener licencias de estudiante que amplían o dan acceso a las funcionalidades extra que tienen los softwares.

193
00:18:44,500 --> 00:18:49,740
Pregunta, ¿usted sabe cuándo llegarán los carnes de estudiante por el tema de licencia de estudiante?

194
00:18:50,240 --> 00:18:59,839
Pues no lo tengo claro, pensaba que ya los estaban proporcionando, pero lo pregunto, me lo apunto y luego me lo pregunto para que lo diga el tutor, ¿vale?

195
00:19:00,700 --> 00:19:11,640
Si ya hay previsión, entiendo que sí que la va a haber. ¿A alguien le ha llegado por casualidad ese carnet de estudiante o la credencial de carnet de estudiante?

196
00:19:11,640 --> 00:19:36,859
A nadie, vale. Pues lo preguntaré porque yo pensaba que ya lo estaban enviando, por ejemplo, para Maya y me costaba, pero igual, vale. Pues lo dicho, debe llegar por físico o digital. Normalmente os lo hacen llegar físico, es decir, suele haber carnes físicos, pero si no me equivoco también nos envía la versión digital.

197
00:19:36,859 --> 00:19:51,559
Lo tengo que confirmar y os lo dice el tutor. Lo dicho, para Maya, etc., también vais a necesitar la credencial. No sé si alguno ya en los otros módulos de Maya habéis tenido que solicitar el software.

198
00:19:51,700 --> 00:20:01,700
Imagino que habrán empezado con parte del temario que no lo requiere, pero bueno, sí que llegará el momento si estáis, por ejemplo, en el módulo de modelado, en el de lo intentado, pero no puedo.

199
00:20:01,700 --> 00:20:04,559
pero cuando me dices que lo has intentado

200
00:20:04,559 --> 00:20:06,660
es que ya cuentas con algo para demostrar

201
00:20:06,660 --> 00:20:07,460
que estás en el centro

202
00:20:07,460 --> 00:20:17,240
en cualquier caso, vale, por eso no puede

203
00:20:17,240 --> 00:20:18,759
eso es que todavía no lo han enviado

204
00:20:18,759 --> 00:20:21,539
os llegará, lo voy a consultar

205
00:20:21,539 --> 00:20:23,779
para que el coordinador os lo

206
00:20:23,779 --> 00:20:25,700
transmita, que yo ahora mismo

207
00:20:25,700 --> 00:20:27,019
sinceramente no lo sé

208
00:20:27,019 --> 00:20:29,839
y sé que

209
00:20:29,839 --> 00:20:31,079
próximamente os va a llegar

210
00:20:31,079 --> 00:20:33,819
lo dicho, para Figma

211
00:20:33,819 --> 00:20:35,200
para el caso de esta unidad 2

212
00:20:35,200 --> 00:20:37,299
del módulo

213
00:20:37,299 --> 00:20:53,720
Pero con que hagáis la cuenta estándar podéis de momento ir haciendo todas las funcionalidades y de hecho probablemente no pasemos a la educativa, que lo que amplía, por ejemplo, son opciones de compartir proyectos entre nosotros, pero como vais a ver en la tarea 2 os la pide con otras formas de compartir.

214
00:20:53,720 --> 00:21:00,039
Entonces, bueno, simplemente que sepáis que hay esa versión educativa.

215
00:21:00,539 --> 00:21:15,839
Luego también, como vais a ver aquí, para instalar la versión de escritorio, voy a apartarme un segundo mi ventana para iniciar sesión con mi correo.

216
00:21:15,839 --> 00:21:32,900
Dame un segundo. A ver si me acuerdo la contraseña. Vale. Cuando iniciáis sesión, ¿vale? De pronto, bueno, aquí ha salido algo que no nos interesa. La página de firma cuando os metáis va a ser este gestor de proyectos.

217
00:21:32,900 --> 00:21:52,769
Un gestor de proyectos, como por ejemplo también podéis ver en otros softwares, en Canva vais a ver uno si también alguna vez usáis Canva. A ver, me ha dejado usar la matrícula supuestamente, pero a mí al menos me la rechazaron porque Secretaría Virtual me dio un archivo en mal estado.

218
00:21:52,769 --> 00:22:13,029
Vale, pues lo consulto y os lo digo, ¿vale? Esto os lo he comentado para que sepáis esto de las licencias, pero de momento en este módulo no tenéis que pedir ninguna en concreto de estudiante. Pero bueno, se lo comunico al coordinador para que lo vaya preguntando en caso de que no lo hayan dado ya, que por lo visto no es el caso, ¿no?

219
00:22:13,029 --> 00:22:31,789
Vale, cuando metéis aquí vais a ver, bueno, pues un montón de ventanas, etcétera, ¿vale? Y va a estar asociado a esta cuenta de correo electrónico. Bueno, yo aparte cuando generéis vuestra cuenta os va a pedir un nombre de la comunidad, ¿vale? Ahora veremos qué es eso.

220
00:22:31,789 --> 00:22:39,170
Pero vais a poder ir gestionando distintos proyectos directamente desde una web

221
00:22:39,170 --> 00:22:42,309
A diferencia, por ejemplo, de esto entre comillas

222
00:22:42,309 --> 00:22:44,710
Porque a veces sí sacan aplicaciones que se controlan desde la web

223
00:22:44,710 --> 00:22:47,910
A diferencia de si te instalas un Photoshop o un Illustrator

224
00:22:47,910 --> 00:22:52,589
Fijaos que aquí Illustrator es una aplicación como el LibreOffice que tengo aquí abierto

225
00:22:52,589 --> 00:22:58,390
Cuando nos metemos, la web de Figma de pronto

226
00:22:58,390 --> 00:23:19,650
Mientras estamos logueados, mientras estamos con el inicio de sesión activo, tiene este aspecto para trabajar directamente en web. No hace falta instalar nada. Aunque aquí ahora mismo aparezca esto, que estaba por ahí el logo de Figma, aquí tenemos ahora mismo un gestor de proyectos basado en web.

227
00:23:19,650 --> 00:23:32,890
Esto hasta hace no mucho era algo muy extraño porque los navegadores web no tenían capacidad de tener softwares tan avanzados, pero poco a poco cada vez es más la tendencia a trabajar en entornos que son webs.

228
00:23:32,890 --> 00:23:34,549
y no hay que instalarse nada

229
00:23:34,549 --> 00:23:36,430
y todo se guarda en la nube directamente

230
00:23:36,430 --> 00:23:38,309
se puede compartir desde la nube

231
00:23:38,309 --> 00:23:39,789
y no se basa en proyectos

232
00:23:39,789 --> 00:23:41,769
como vamos a ver que si sucede en otros softwares

233
00:23:41,769 --> 00:23:43,869
o en el propio Figma si se usa

234
00:23:43,869 --> 00:23:45,650
procedimientos más

235
00:23:45,650 --> 00:23:48,650
vamos a decir tradicionales

236
00:23:48,650 --> 00:23:49,630
que se siguen usando

237
00:23:49,630 --> 00:23:51,710
y se seguirán usando en local

238
00:23:51,710 --> 00:23:54,309
pero son comportamientos que cada vez van

239
00:23:54,309 --> 00:23:56,309
dejando más espacio a la nube

240
00:23:56,309 --> 00:23:59,009
si tenéis duda de lo que voy hablando

241
00:23:59,009 --> 00:23:59,630
me vais parando

242
00:23:59,630 --> 00:24:01,630
entiendo que todo lo que voy diciendo

243
00:24:01,630 --> 00:24:06,049
bastante asumible y básico, pero oye, que igual queréis que veamos

244
00:24:06,049 --> 00:24:12,170
algo primero. Entonces, desde este navegador web, como he hecho

245
00:24:12,170 --> 00:24:15,529
al meterme en este proyecto, esto es un proyecto por ahí, yo puedo

246
00:24:15,529 --> 00:24:19,650
meterme y veis que es una web y yo de pronto digo, este diseño en vez

247
00:24:19,650 --> 00:24:23,289
de un 9 quiero que sea un 8 y en vez de título quiero que lo ponga

248
00:24:23,289 --> 00:24:27,309
en español, título. Veis que no he tenido que abrir ninguna aplicación

249
00:24:27,309 --> 00:24:38,970
más que el navegador web, eso es importante. Sin embargo, a menos que lo hagamos por algo en concreto o se me ocurren pocas opciones,

250
00:24:39,130 --> 00:24:46,569
pues bueno, que a lo mejor estáis en un ordenador que no es el vuestro y no queréis instalar nada, o por facilidad o porque queréis hacer algunos cambios rápidos.

251
00:24:46,970 --> 00:24:56,470
Lo normal sería emplear la versión de escritorio que optimiza o tiene más recursos porque digamos que tira desde los recursos del propio ordenador

252
00:24:56,470 --> 00:25:04,210
y no de la propia web vale entonces os dejo aquí en el tema pero voy a ir cerrando pestañas que

253
00:25:04,210 --> 00:25:10,089
ya se van acumulando os dejo aquí en el tema el enlace del de desde el que se puede descargar

254
00:25:10,089 --> 00:25:16,210
la versión de escritorio de firma vale otra pregunta que a veces cuando instala y software

255
00:25:16,210 --> 00:25:22,809
surge y ya es normal vale bueno veis que firma también hay una aplicación móvil para ios android

256
00:25:22,809 --> 00:25:25,410
Estas aplicaciones están muy limitadas

257
00:25:25,410 --> 00:25:26,809
Esta versión sí que no es

258
00:25:26,809 --> 00:25:28,309
La que deberíais usar

259
00:25:28,309 --> 00:25:31,549
Es sobre todo para hacer revisiones

260
00:25:31,549 --> 00:25:33,470
Trabajo colaborativo, pero no tanto para diseño

261
00:25:33,470 --> 00:25:35,150
Simplemente porque igual decís

262
00:25:35,150 --> 00:25:36,470
Anda, si me puedo instalar

263
00:25:36,470 --> 00:25:38,930
Figma en mi móvil, bueno, podéis

264
00:25:38,930 --> 00:25:40,750
Pero no para dejar hacer

265
00:25:40,750 --> 00:25:41,930
Ni la mitad de las cosas

266
00:25:41,930 --> 00:25:45,509
La aplicación de escritorio aquí, bueno, lo primero que vais a ver

267
00:25:45,509 --> 00:25:47,349
Es, dependiendo del sistema

268
00:25:47,349 --> 00:25:48,690
Operativo en el que estéis trabajando

269
00:25:48,690 --> 00:25:51,069
Entiendo que ya sabréis

270
00:25:51,069 --> 00:25:56,710
que existen los de Microsoft, que son los Windows, y los de Apple, que son los Mac, los Macintosh, los Mac, ¿vale?

271
00:25:57,009 --> 00:26:02,309
Pues tendréis que instalar, y esto va a pasar en todos los softwares, un software u otro.

272
00:26:02,410 --> 00:26:07,990
Y además el instalador, el archivo que os bajáis para instalar, pues en un caso puede ser un .mg, en el caso de Mac,

273
00:26:08,309 --> 00:26:12,309
en el caso de Windows puede ser un .exe, bueno, de distintos tipos.

274
00:26:12,750 --> 00:26:20,809
Pero ahí creo que eso está claro, pero muchas veces vais a ver también que hay un tipo de aplicación de descargable

275
00:26:21,069 --> 00:26:24,390
que también pone que es Windows y pone para ARM, ¿vale?

276
00:26:24,549 --> 00:26:27,069
En general estas versiones no son las que tenéis que usar.

277
00:26:27,190 --> 00:26:29,609
Estas versiones están más pensadas para dispositivos

278
00:26:29,609 --> 00:26:33,930
con configuraciones más dirigidas a dispositivos móviles.

279
00:26:34,150 --> 00:26:36,089
Esto todo tiene asterisquillos,

280
00:26:36,589 --> 00:26:39,029
pero si estáis trabajando en vuestro ordenador, ¿vale?

281
00:26:39,190 --> 00:26:41,829
Ceñíos siempre a la que pone Windows a secas, ¿vale?

282
00:26:42,329 --> 00:26:44,509
Lo digo porque en otro software os va a pasar lo mismo

283
00:26:44,509 --> 00:26:46,849
y decir, joder, ¿cuál de las dos tengo que instalar?

284
00:26:47,390 --> 00:26:49,210
Normalmente la que es ARM, no.

285
00:26:49,210 --> 00:27:07,130
Y si aparece más información, habrá que ir viendo también que a veces hay distintos tipos de instaladores. Pero por lo general, cuando deis a Windows, os va a bajar un archivo que cuando lo activéis, cuando entréis en él, empezará el instalador del software.

286
00:27:07,130 --> 00:27:23,670
Una vez lo instaléis, os va a aparecer en el propio escritorio o en el buscador, en el explorador de Windows o de Mac, la aplicación de Figma, que cuando se abre, me lo va a abrir ya con un proyecto abierto, que ya estoy viendo que está ahí, con el mismo que tenía.

287
00:27:23,670 --> 00:27:40,069
¿Vale? Vais a ver que si vais a esta casita que hay aquí, es, y me pongo en el punto donde estaba, es básicamente la traslación. Fijaos aquí, la versión aplicación y la versión, espera que me he salido justo, pero la versión web.

288
00:27:40,069 --> 00:28:00,970
Vais a ver que, hombre, idéntica no es, pero son casi primas hermanas, ¿vale? Y veis que lo que hagáis en un sitio se va a reflejar en otro. Por ejemplo, yo digo, este proyecto le voy a llamar, le voy a renombrar como, pues yo qué sé, no me caliento la cabeza, proyecto, probar.

289
00:28:00,970 --> 00:28:18,990
Lo guardo y fijaos que en la versión web, aunque lo haya hecho el escritorio, de pronto se ha cambiado. Es decir, todo cambio que hagamos en una se va a ver en otra. Por tanto, si no tenéis instalada una versión, en la versión de web, en vez de llamarla así, le voy a cambiar el tamaño.

290
00:28:18,990 --> 00:28:45,210
La voy a poner un poquito más grande, 40. Sin hacer nada, no he hecho nada porque tiene autoguardado en la nube. Cuando me meta en este proyecto en la web, fijaos que ya se ve igual de grande. Esto quiero que lo que veáis, fijaos también que como tengo una versión abierta de la desktop y la web, fijaos que está apareciendo por ahí un cursor que pone Daniel Profesor.

291
00:28:45,210 --> 00:28:56,269
Esa es una de las funcionalidades que se capa, que no deja usar en profundidad cuando estamos usando las versiones que no son premium o de pago o la educativa.

292
00:28:56,269 --> 00:29:08,650
Ya os he dicho que una de las opciones buenas es que a lo mejor podemos estar trabajando 10 personas en paralelo o en un mismo proyecto y las 10 podemos estar seleccionando elementos e ir cambiando elementos en línea.

293
00:29:08,650 --> 00:29:12,269
Eso está muy bien cuando se trabaja profesionalmente en equipos

294
00:29:12,269 --> 00:29:15,549
Aquí, bueno, en principio tampoco preveo que vayamos a hacer eso

295
00:29:15,549 --> 00:29:18,869
Por eso os digo que tampoco es necesario esto de la licencia de estudiante

296
00:29:18,869 --> 00:29:20,750
Aunque está muy bien que podáis usarla

297
00:29:20,750 --> 00:29:22,529
Pues para ver otras funcionalidades

298
00:29:22,529 --> 00:29:28,890
Como, por ejemplo, esta funcionalidad de desarrollo

299
00:29:28,890 --> 00:29:29,829
Que bueno, ya veremos

300
00:29:29,829 --> 00:29:33,009
Que a mí no me la capa porque yo ya estoy validado como educación

301
00:29:33,009 --> 00:29:35,130
Pero a vosotros sí os pasará

302
00:29:35,130 --> 00:29:37,849
¿Vale? Entonces, simplemente eso

303
00:29:37,849 --> 00:29:54,109
Que os sugiero o deberíais trabajar con la versión de escritorio. Y normalmente siempre que haya un software que pueda trabajar en web o en escritorio, os recomiendo que trabajéis en escritorio, ¿vale? Porque va a funcionar de una forma más óptima respecto al equipo que tengáis.

304
00:29:54,109 --> 00:30:14,670
Ojo, esto también, entre comillas, depende mucho de los sistemas, puede ser al revés, porque si tenéis un ordenador bastante limitado, pero con el navegador lo podéis correr sin depender de esas capacidades que están un poco limitadas, en ocasiones justamente es lo contrario a lo que os estoy diciendo.

305
00:30:14,670 --> 00:30:37,809
Es mejor, bueno, pues usarlo en la versión web. Vale, pero en general no va a ser el caso. Vale, no sé si de hasta aquí alguna duda. Estoy siendo muy general. De momento bien, ¿no? Vale. Así que yo ya, como no me interesa la versión de web, la cierro y me voy a la de esta aplicación.

306
00:30:37,809 --> 00:30:54,109
Voy a ir hablando de cosas que son comunes a los softwares en general. Los softwares de diseño, pero las interfaces de softwares. De hecho, la tarea de la unidad 1 es analizar interfaces o funcionalidades o la usabilidad web.

307
00:30:54,109 --> 00:31:18,750
Al final, también lo que tenemos que ir haciendo, y por eso este módulo lo recomendamos de primer curso, sabéis que aquí podéis escogerlo un poco en otros órdenes, es porque hacer la cabeza, cómo se van estructurando las distintas aplicaciones o softwares, ayuda a que en realidad siempre cuando se está diseñando una aplicación, pues se busca que tenga una cierta lógica.

308
00:31:18,750 --> 00:31:23,849
y vais a ver que cuando se va aprendiendo una herramienta, pues en las otras, aunque cambien las cosas,

309
00:31:23,970 --> 00:31:29,029
pues suele tener cierta coherencia o cierta consistencia entre ellas.

310
00:31:29,029 --> 00:31:33,769
Entonces, bueno, se hace bastante más fácil cambiar de Photoshop a Affinity, como os acabo de indicar,

311
00:31:33,829 --> 00:31:38,109
si ya se ha usado alguna de ellas, porque ya dice, bueno, tengo que buscar las capas.

312
00:31:38,269 --> 00:31:43,890
Pues si no está aquí, estará en otro lado, en la interfaz, pero bueno, sobre todo es ir conociendo las funcionalidades.

313
00:31:43,890 --> 00:31:46,049
vale, si no

314
00:31:46,049 --> 00:31:48,029
si arrancamos Figma y no tenemos abierto

315
00:31:48,029 --> 00:31:50,150
ningún proyecto, vale, lo que vais

316
00:31:50,150 --> 00:31:51,769
a estar es en la sección esta de la casita

317
00:31:51,769 --> 00:31:53,910
que es el gestor de proyectos, aquí hay

318
00:31:53,910 --> 00:31:56,130
distintas pestañas, vale, de las cuales

319
00:31:56,130 --> 00:31:57,289
las útiles, bueno

320
00:31:57,289 --> 00:32:00,170
todo es útil pero son demasiadas

321
00:32:00,170 --> 00:32:02,210
cosas y no se pueden abarcar, poco a poco se van

322
00:32:02,210 --> 00:32:03,369
se van

323
00:32:03,369 --> 00:32:06,250
se puede ir desbloqueando, en el tema

324
00:32:06,250 --> 00:32:07,509
os pongo muchos apartados

325
00:32:07,509 --> 00:32:10,410
para que vayáis trasteando y tocando, que es lo interesante

326
00:32:10,410 --> 00:32:12,009
y luego ya en la tarea pues vais

327
00:32:12,009 --> 00:32:15,710
cristalizando

328
00:32:15,710 --> 00:32:17,309
dándole forma a un proyecto más

329
00:32:17,309 --> 00:32:18,049
concreto

330
00:32:18,049 --> 00:32:21,089
todo lo relacionado a

331
00:32:21,089 --> 00:32:23,710
el gestor

332
00:32:23,710 --> 00:32:25,690
de vuestra

333
00:32:25,690 --> 00:32:27,509
cuenta, etcétera, pues para añadir otra

334
00:32:27,509 --> 00:32:28,109
cuenta, para

335
00:32:28,109 --> 00:32:31,210
las propiedades de la cuenta

336
00:32:31,210 --> 00:32:32,750
si os metéis veréis más

337
00:32:32,750 --> 00:32:35,309
suele estar representado siempre con este

338
00:32:35,309 --> 00:32:37,490
circulito y una letra y vais a

339
00:32:37,490 --> 00:32:39,450
ver que si os metéis por ejemplo en Creative Cloud

340
00:32:39,450 --> 00:32:41,269
que yo si lo tengo activo aunque

341
00:32:41,269 --> 00:32:46,369
vosotros no vale cuando os metéis aquí son las aplicaciones de adobe vale de

342
00:32:46,369 --> 00:32:50,210
aquí podríamos bajar las aplicaciones de adobe vais a ver otro círculo que es el

343
00:32:50,210 --> 00:32:54,589
administrador de esta cuenta vale si os fijáis en una está en la esquina en otra

344
00:32:54,589 --> 00:32:59,190
está en la otra pero al final se parece mucho en este sentido de que los

345
00:32:59,190 --> 00:33:05,890
usuarios suelen ser este círculo siempre todos los software suelen tener este

346
00:33:05,890 --> 00:33:23,650
Este circulito ya cuando os estáis logueando. Luego a medida que vayáis trabajando, la sección de reciente va a ir mostrando los últimos proyectos en los que habéis trabajado. Community, si estáis ahora empezando a trastear, es una sección muy interesante porque podéis ir abriendo proyectos, ir viendo cómo están hechos.

347
00:33:23,650 --> 00:33:39,049
Aquí es donde la gente va subiendo plantillas, proyectos, etc. Y si le dais doble clic, se os añade a vuestros drafts, a vuestros bocetos, a vuestros trabajos y podéis trastearlos y tocarlos o usarlos a veces de plantilla.

348
00:33:39,049 --> 00:33:53,650
Pero bueno, esto os dejo explorarlo de momento, pero lo que me importa es hablar de estos drafts que tenemos aquí, borradores, estos borradores de trabajo en los que podemos ir haciendo nuestros diseños.

349
00:33:53,650 --> 00:33:57,190
lo primero que hay que distinguir en Figma

350
00:33:57,190 --> 00:33:58,869
es que existen estos borradores

351
00:33:58,869 --> 00:34:00,829
y en la versión gratuita podéis hacer

352
00:34:00,829 --> 00:34:03,170
todos los borradores que necesitéis

353
00:34:03,170 --> 00:34:05,009
y luego está lo que se llaman los proyectos

354
00:34:05,009 --> 00:34:06,289
que simplemente los proyectos

355
00:34:06,289 --> 00:34:09,110
lo que pasa es que se incluyen un equipo de trabajo

356
00:34:09,110 --> 00:34:11,170
como os he dicho antes para compartir

357
00:34:11,170 --> 00:34:12,949
el diseño entre varios equipos

358
00:34:12,949 --> 00:34:15,309
o compartirlo con privilegios

359
00:34:15,309 --> 00:34:16,989
de edición para los terceros

360
00:34:16,989 --> 00:34:18,050
a los que se comparta, etc.

361
00:34:18,269 --> 00:34:21,110
pero siempre que estéis trabajando podéis generar

362
00:34:21,110 --> 00:34:23,269
un nuevo draft, si vais a este más

363
00:34:23,269 --> 00:34:30,369
o directamente dais también a Design, pues se va a generar un nuevo borrador.

364
00:34:31,030 --> 00:34:37,989
Si abro este borrador, vais a ver que la interfaz de Figma está preparada para ir trabajando.

365
00:34:38,829 --> 00:34:46,210
Esto, igual que en Windows o en los navegadores, vais a ver aquí que se pueden ir generando nuevos archivos

366
00:34:46,210 --> 00:34:49,070
y se irán abriendo aquí para ir trabajando en ello.

367
00:34:49,269 --> 00:34:51,030
Puede haber varias pestañas en paralelo.

368
00:34:51,030 --> 00:35:09,349
Si queremos cambiar el nombre, pues lo que he hecho antes, esto es prueba o tutoría, RPMI, Figma, nombre cualquiera. Y este proyecto ahora será el draft que se llama así y que al dar doble clic se abre. Bastante parecido a un explorador de Windows.

369
00:35:09,349 --> 00:35:17,670
Luego, estos proyectos, como os he dicho, se irán también traduciendo en la web

370
00:35:17,670 --> 00:35:21,969
y llegará un punto en el que en ocasiones digáis

371
00:35:21,969 --> 00:35:26,489
y si yo esto me lo quiero guardar en el ordenador, veréis a lo largo del tema

372
00:35:26,489 --> 00:35:30,750
que se explica lo que es un punto FIG, Figma, la extensión de archivo

373
00:35:30,750 --> 00:35:36,750
digamos local en el que se guardan los archivos locales en vuestro ordenador

374
00:35:36,750 --> 00:35:43,510
Pero Figma, como os he indicado antes, es un software que sobre todo se basa en trabajo en la nube

375
00:35:43,510 --> 00:35:48,170
Todo lo que vayáis haciendo, y esto es lo bueno y lo malo, es que a medida que vayáis trabajando

376
00:35:48,170 --> 00:35:52,070
Pues lo que ha pasado antes, que yo he puesto hola o he cambiado el tamaño de algo

377
00:35:52,070 --> 00:35:56,230
Y sin dar a ninguna tecla, como por ejemplo tenemos que hacer en Word, que tenemos que guardar

378
00:35:56,230 --> 00:35:58,130
Pues ya se está guardando automáticamente

379
00:35:58,130 --> 00:36:03,949
Esto tiene el peligro de que en ocasiones podéis decir, yo quiero volver a una versión anterior

380
00:36:03,949 --> 00:36:17,630
El control Z, que no voy a explicar qué es porque imagino que todos sabéis lo que es, que es deshacer una acción, ir para atrás. Funciona, pero bueno, en cierto momento a lo mejor queréis ir a una versión de hace dos días de este proyecto.

381
00:36:18,510 --> 00:36:28,309
Otra de las opciones que tenéis aquí en esta cabecera es ver la versión de cambios que vayáis haciendo.

382
00:36:28,869 --> 00:36:32,730
Aquí es donde podéis ir guardando, y aquí pone el atajo con Control-Alt-S.

383
00:36:33,389 --> 00:36:38,170
Imaginaos que yo, en este momento, aunque poco trabajo he hecho, la verdad, doy Control-Alt-S y digo,

384
00:36:38,170 --> 00:36:58,010
Esta es arranque proyecto. Y aquí donde dije hola. Bueno, yo qué sé, cualquier cosa. Se va a añadir una versión que cuando se vayan acumulando versiones, que a lo largo del tiempo se van haciendo automáticamente también, pues podréis volver a este punto.

385
00:36:58,010 --> 00:37:13,670
Aunque yo ahora ponga, habría que restaurarla, habría que decir restaura esta versión y volvería a ponernos esa versión para que trabajemos. Este es el sistema de guardado en las aplicaciones en la nube.

386
00:37:13,670 --> 00:37:32,769
Sí que es verdad. A ver, que ahora mismo no me está dejando las aplicaciones porque estoy en... Vale, hay que cerrar este menú de ver el historial de versiones.

387
00:37:32,769 --> 00:37:36,670
cuidado porque en ocasiones como cuando metéis aquí los historiales de

388
00:37:36,670 --> 00:37:40,909
versiones por decir en otro caso vais a ver que la barra de herramientas va a

389
00:37:40,909 --> 00:37:44,550
tener más o menos herramientas es contextual según donde estéis puede

390
00:37:44,550 --> 00:37:48,909
tener más o menos opciones a esto está pensado también para ir poniendo pues si

391
00:37:48,909 --> 00:37:52,650
hay distintos usuarios trabajando en un mismo proyecto pues para ir poniendo

392
00:37:52,650 --> 00:37:57,489
para ir viendo esas versiones pero lo que os acabo de decir si yo salgo de

393
00:37:57,489 --> 00:37:59,690
esta versión y empiezo a poner

394
00:37:59,690 --> 00:38:01,829
pues yo que sé, como estáis

395
00:38:01,829 --> 00:38:03,789
vale, y esto

396
00:38:03,789 --> 00:38:05,650
se guarda automáticamente, ¿cómo

397
00:38:05,650 --> 00:38:07,610
vuelvo ya a una versión que he guardado? pues

398
00:38:07,610 --> 00:38:09,530
a diferencia de lo que se haría en

399
00:38:09,530 --> 00:38:10,889
otros softwares que puedes ir guardando

400
00:38:10,889 --> 00:38:13,730
distintos archivos locales

401
00:38:13,730 --> 00:38:15,610
aquí tendrías que ir a la versión de

402
00:38:15,610 --> 00:38:17,690
de... al historial

403
00:38:17,690 --> 00:38:19,630
de versiones y restaurar pues esta que

404
00:38:19,630 --> 00:38:21,530
teníamos de arranque de proyecto, ver que

405
00:38:21,530 --> 00:38:23,409
se van añadiendo más a lo largo del tiempo

406
00:38:23,409 --> 00:38:25,469
y en la versión de pago lo que

407
00:38:25,469 --> 00:38:29,670
proporcionan es que este historial sea mucho más largo que en el normal vale

408
00:38:29,670 --> 00:38:33,989
pues si yo esta versión digo quiero restaurarla vale pues veis que he vuelto

409
00:38:33,989 --> 00:38:38,429
a esa versión en el que estaba con el hola y ya no pondrá el cómo estás vale

410
00:38:38,429 --> 00:38:44,750
pues cierro y ya sigo trabajando de esa versión vale bueno

411
00:38:45,349 --> 00:38:49,489
aquí hay un montón de funcionalidades hay un montón de

412
00:38:49,489 --> 00:38:53,750
de parámetros vale no me quiero meter hoy tampoco en detalle porque en el tema

413
00:38:53,750 --> 00:39:14,789
Me gustaría que lo leyerais y lo estudiarais por ahí. Pero lo que os he indicado es que este tema 2 se basa sobre todo en la tipografía. Y la herramienta esencial para escribir es esta que tenemos aquí, que es la herramienta de texto, en la que podemos ir incluyendo textos.

414
00:39:14,789 --> 00:39:38,449
En muchas ocasiones os lo pongo en recursos de saber más, en estos que os indiqué que eran de ampliación. En realidad no es un saber más, es algo que tenéis que tener. En otras aplicaciones, cuando escribes una caja de texto, esto es Illustrator, cuando escribes una caja de texto hay una opción que es esta de rellenar con texto falso, que os la rellena con un texto de prueba para que veáis cómo queda o ir probando y luego metéis el vuestro.

415
00:39:38,449 --> 00:40:06,449
Se puede activar. Entonces ya podéis ir cambiándolo. Con este tamaño ya sé que lo que quiero poner es esta práctica, lo que sea. Cuando estáis en Figma, esta funcionalidad se consigue a través de widgets o plugins, que son como ampliaciones que tienen los softwares con paquetitos o con mini programas que hacen otras funcionalidades.

416
00:40:07,309 --> 00:40:15,449
Vais a ver en el tema que cuando queráis poner textos de prueba hay una convención, un estándar, que es lo que se llama el Loren Ibsen.

417
00:40:16,469 --> 00:40:28,510
Esto no es muy... es decir, podéis usar ya textos de prueba, vamos, en plan copiarlo de un periódico o escribir vosotros un párrafo, ¿vale?

418
00:40:28,510 --> 00:40:44,710
Pero si queréis usar, dado que en este tema vais a tener que emplear mucho texto y lo que he dicho, una de las partes importantes es cómo la maquetáis y cómo componéis, ¿vale? Pues pensad que podéis usar estos textos de prueba, ¿vale? Sobre todo para hacer esos diseños iniciales.

419
00:40:44,710 --> 00:41:05,889
Y aquí podéis ir definiendo cuántos párrafos queréis en ese texto que luego vais a copiar y transmitir o cuántas palabras, pues poner 3.000 o 10 párrafos. Se pueden hacer listas que tienen como indexes. Esto que se va poniendo, lo que vais viendo aquí, que tienen números y van ordenando, pues un índice.

420
00:41:05,889 --> 00:41:23,809
Si dais esta generación, por ejemplo, aquí tenéis 10 párrafos con este texto de Loren Ipsum que podéis copiar. Aquí os pone los datos de cuántas palabras y lo podéis pegar. Ahí tenemos un párrafo que hemos pegado muy largo.

421
00:41:23,809 --> 00:41:43,809
Y de hecho vais a ver que aquí tiene 10 líneas porque los saltos de línea coinciden con los párrafos. Esa es una de las cuestiones que vais a ver en el tema. Ya me contaréis, si queréis, en la próxima tutoría, si erais conscientes de la cantidad de parámetros que tiene el trabajo tipográfico.

422
00:41:43,809 --> 00:41:56,309
Porque vais a ver que el trabajo tipográfico no solo consiste en elegir una tipografía y ya está, sino que hay opciones, por ejemplo, como qué espacio hay entre estas líneas.

423
00:41:56,369 --> 00:42:05,389
Yo imagino que ya cuando habéis hecho vuestros trabajos de cualquier estudio o vuestro currículum o lo que sea, habéis usado estos parámetros.

424
00:42:05,389 --> 00:42:20,570
Pero, por ejemplo, una de las cuestiones que se pueden definir es qué espacio hay entre las distintas líneas, lo que se llama el line height o el interlineado. Por ejemplo, aquí cuando tenemos este texto, es el espacio que hay entre líneas.

425
00:42:20,570 --> 00:42:37,610
Voy a poner un lore en Ipsum para que tenga sentido de frase. Voy a poner dos párrafos y lo pego ahí. Cuando yo pego dos párrafos vais a ver que se puede controlar el espacio que hay entre líneas.

426
00:42:37,610 --> 00:42:53,929
Y si aquí hubiera más líneas, ahora os digo por qué esto se pone tan largo, que no suele tener sentido que sea tan largo, y de hecho en el tema vais a ver que se indica que cada cierto número de caracteres, según el medio, si es impreso, si es digital, debería tener un salto.

427
00:42:54,809 --> 00:43:03,989
Pero hay distintos parámetros que, según lo que queráis expresar, ya mismamente se van a tratar de una forma u otra.

428
00:43:07,610 --> 00:43:20,809
Y a medida que vais trabajando también vais a ver que aquí en el margen de la derecha va a aparecer lo que se llama el inspector. Creo que en Figma no lo llaman inspector, lo llaman propiedades, dependiendo de los software lo llaman de una forma.

429
00:43:20,809 --> 00:43:39,150
Es cierto que en todos los softwares siempre va a haber una parte de la interfaz que cuando seleccionáis un elemento os va a mostrar las características, las propiedades de ese elemento. En otros softwares, yo por ejemplo en Unity se llama el inspector, en DaVinci Resolve para hacer vídeos se llama el inspector, en otros se llama propiedades.

430
00:43:39,150 --> 00:43:55,590
Vale, que sepáis ya a nivel de interfaz que siempre va a haber un punto en el que cuando cliquéis de manera contextual, según lo que cliquéis, veis que si yo clico fuera en lo que se llama la página, salen unas propiedades, ¿no? Y si clico en este texto aparecen otras, ¿vale?

431
00:43:55,590 --> 00:44:11,130
Si de pronto en algún punto veis que, porque veis una captura de pantalla o porque estoy explicando, porque me estáis trasteando, pensad que todos los softwares tienen ya comportamientos basados en, pues eso, en comportamientos contextuales, ¿vale?

432
00:44:11,130 --> 00:44:21,269
Que a veces, dependiendo de la herramienta que escojáis, veis que yo a medida que voy cogiendo una u otra herramienta, ¿vale? En algunos casos, pues van cambiando estas opciones, ¿vale?

433
00:44:21,269 --> 00:44:23,510
Es el mismo panel que comparte distintos usos.

434
00:44:24,730 --> 00:44:28,630
En el caso del texto, vais a ver que hay un apartado que se llama typography,

435
00:44:28,789 --> 00:44:30,849
que es este que nos interesa en este tema, sobre todo.

436
00:44:31,329 --> 00:44:34,449
Bueno, la posición, el alineamiento, todo esto nos interesa,

437
00:44:34,449 --> 00:44:38,789
pero el que más nos ocupa aquí es el que tenemos aquí de typography,

438
00:44:38,909 --> 00:44:44,750
que además, para aprovechar el espacio, tiene más opciones ocultas

439
00:44:44,750 --> 00:44:48,070
con otros menús que son más avanzados, como este que tenemos aquí.

440
00:44:48,070 --> 00:45:07,789
Si me pongo encima, va a poner Type Settings. Y cuando doy aquí, veis que hay más pestañas, etc. Importante, también común a todo software de diseño o de audiovisual, vais a ver a veces que hay opciones con flechas, una flecha pequeñita.

441
00:45:07,789 --> 00:45:34,949
Eso significa que dentro de una herramienta va a haber subherramientas o va a haber un espacio, un slot, un hueco de esa interfaz que, nuevamente, para economizar, va agrupando herramientas que tienen un comportamiento común o una funcionalidad común, que a veces no están en la barra de herramientas a menos que despleguéis esta flechita que suele indicar que tiene otras herramientas dentro.

442
00:45:34,949 --> 00:45:56,110
Si os fijáis, por ejemplo, la de texto, esta T, no tiene subherramientas, es texto y ya está. En este caso, en este software no va a tener otras. Pero veis que, por ejemplo, esta que es la de frame, si extendemos podemos escoger, por ejemplo, la herramienta de section y cambiará aquí el icono que representa esa herramienta, pero podemos ir escogiendo una u otra.

443
00:45:56,989 --> 00:46:00,710
Si veo una duda, ahora la contesto, pero si vamos a otro software,

444
00:46:00,949 --> 00:46:05,329
abro Illustrator, como podría ser casi cualquier otro software que empleemos.

445
00:46:05,730 --> 00:46:09,889
¿Veis que en este panel de herramientas, lo voy a hacer flotante para que lo veamos mejor,

446
00:46:10,389 --> 00:46:14,590
en este panel de herramientas, que hay muchas herramientas, vais a ver que hay herramientas,

447
00:46:14,590 --> 00:46:18,090
que es el icono y ya está, y otras que tienen esta flechita aquí pequeña,

448
00:46:18,289 --> 00:46:22,610
que si clicamos y dejamos clicado, de pronto despliega a otras subherramientas.

449
00:46:22,610 --> 00:46:24,030
¿vale? importante

450
00:46:24,030 --> 00:46:26,369
que aunque en una barra de herramientas

451
00:46:26,369 --> 00:46:28,269
lo digo porque a lo mejor, claro, veis

452
00:46:28,269 --> 00:46:29,889
la barra de herramientas de los apuntes

453
00:46:29,889 --> 00:46:32,409
y decís, pero si los iconos de esta

454
00:46:32,409 --> 00:46:33,909
barra de herramientas no se parecen en nada

455
00:46:33,909 --> 00:46:34,969
a las de

456
00:46:34,969 --> 00:46:37,869
mi interfaz

457
00:46:37,869 --> 00:46:40,369
ojo, claro, esas herramientas irán mostrando

458
00:46:40,369 --> 00:46:42,110
en cada apartado

459
00:46:42,110 --> 00:46:44,010
la que corresponda, que esté seleccionada

460
00:46:44,010 --> 00:46:45,889
o escogida, ¿vale? y tienen memoria

461
00:46:45,889 --> 00:46:48,349
en este caso, en otro lado no tienen esta memoria

462
00:46:48,349 --> 00:46:50,250
según deselecciones esa herramienta

463
00:46:50,250 --> 00:46:52,210
vuelves a la principal, pero aquí sí tienen

464
00:46:52,210 --> 00:46:56,469
memoria si yo dejo aquí la estrella y luego me pongo a seleccionar con este puntero con este

465
00:46:56,469 --> 00:47:02,710
cursor veis que aquí se queda la estrella vale ir haciendo la cabeza eso las interfaces son

466
00:47:02,710 --> 00:47:07,869
contextuales intentan agrupar estos software es tantas usos tantas herramientas tantas

467
00:47:07,869 --> 00:47:13,190
funcionalidades que para que no ocupe claro porque si cada herramienta ocupará un espacio

468
00:47:13,190 --> 00:47:17,349
la barra de herramientas sería inmensa pues hacen este tipo de atajos de trucos vale que

469
00:47:17,349 --> 00:47:23,969
hay que ir haciendo pues eso ir acostumbrándose e incluso esta barra de herramientas illustrator

470
00:47:23,969 --> 00:47:28,570
que tiene muchas herramientas tiene luego aquí una opción vale como puede ocurrir también otro

471
00:47:28,570 --> 00:47:33,070
software que es editar barra de herramientas y te metes aquí y hay muchas más herramientas que

472
00:47:33,070 --> 00:47:38,369
puedes arrastrar e incorporar vale que en ocasiones también hay otras herramientas que igual no son de

473
00:47:38,369 --> 00:47:43,210
uso tan general o son para comportamientos más específicos que hay que buscarlas en otras

474
00:47:43,210 --> 00:47:45,210
barras de herramientas que están por ahí escondidas

475
00:47:45,210 --> 00:47:46,769
¿vale? entonces

476
00:47:46,769 --> 00:47:49,389
también hago una incisa antes de la duda

477
00:47:49,389 --> 00:47:51,449
no os agobiéis

478
00:47:51,449 --> 00:47:52,869
estos subers

479
00:47:52,869 --> 00:47:55,150
estos y los que os darán en otros módulos

480
00:47:55,150 --> 00:47:57,489
¿vale? tienen muchas opciones

481
00:47:57,489 --> 00:47:57,949
y

482
00:47:57,949 --> 00:48:01,230
usar todas o conocer todas

483
00:48:01,230 --> 00:48:03,250
pues a veces no es sólo que

484
00:48:03,250 --> 00:48:05,309
sea abrumador sino que tampoco tiene sentido

485
00:48:05,309 --> 00:48:07,030
si no las vais a usar ¿vale? que a veces

486
00:48:07,030 --> 00:48:09,070
incluso van dejando herramientas ya

487
00:48:09,070 --> 00:48:11,010
por traición

488
00:48:11,010 --> 00:48:13,170
pues porque alguien las usará pero que ya ni se usan

489
00:48:13,170 --> 00:48:26,769
Entonces, no hay que ir una a una conociendo las herramientas. Siempre los softwares además tienen sus manuales de uso, que está muy bien consultarlos, pero suelen ser también un poco inabarcables, de 500 páginas que te van describiendo cada herramienta.

490
00:48:26,769 --> 00:48:29,110
pues bueno, lo suyo es usarlos a modo de

491
00:48:29,110 --> 00:48:30,929
a ver esta herramienta y la buscáis en la página

492
00:48:30,929 --> 00:48:33,309
320 que pone en el índice

493
00:48:33,309 --> 00:48:35,250
¿vale? leerse lo de PAPA pues

494
00:48:35,250 --> 00:48:36,730
bueno, puede estar bien, claro, pero

495
00:48:36,730 --> 00:48:38,670
lleva demasiado tiempo como para

496
00:48:38,670 --> 00:48:41,010
aprender un software de PAPA

497
00:48:41,010 --> 00:48:43,230
y también, y esto lo digo

498
00:48:43,230 --> 00:48:44,849
por la medida que trabajéis

499
00:48:44,849 --> 00:48:47,130
lo que se indica antes de que

500
00:48:47,130 --> 00:48:49,230
es que ese software igual en dos años ya ha dejado

501
00:48:49,230 --> 00:48:50,969
de existir, entonces, sed

502
00:48:50,969 --> 00:48:52,369
funcionales también vosotros

503
00:48:52,369 --> 00:48:55,250
igual que intentan ser las propias interfaces a la hora

504
00:48:55,250 --> 00:48:57,909
de ir aprendiendo estas herramientas.

505
00:48:58,510 --> 00:49:00,809
Sí, me preguntan, ¿el inspector es ese panel de propiedades?

506
00:49:00,909 --> 00:49:03,449
Sí, en Figma, por ejemplo, mira, ya que estoy en Illustrator,

507
00:49:03,590 --> 00:49:06,269
yo, si os fijáis, a medida que voy seleccionando partes

508
00:49:06,269 --> 00:49:09,150
en este panel que se llama propiedades en este software,

509
00:49:09,630 --> 00:49:10,309
van cambiando.

510
00:49:10,610 --> 00:49:15,110
Y mirad, esta parte de carácter, o typography sería en inglés,

511
00:49:15,210 --> 00:49:16,769
creo que es, o type, ¿vale?

512
00:49:16,769 --> 00:49:18,710
Aquí está el análogo, ¿vale?

513
00:49:18,710 --> 00:49:21,630
La tipografía, el tamaño, el interliñado que os decía.

514
00:49:21,630 --> 00:49:36,369
Fijaos que ahora si muevo esto empieza a cambiar este interlineado. Al final son las mismas herramientas dispuestas en otro sitio. En Figma, a ver si se abre, el inspector o el panel de propiedades está aquí.

515
00:49:36,369 --> 00:49:54,570
Y ojo, nuevamente, para darle más vueltas, se verán las propiedades de diseño que son las que estamos ahora mismo si estamos en la pestaña de diseño. Si estamos en la de prototipo, que en este caso está más pensada para hacer los comportamientos que ocurren cuando interactuamos con esta aplicación.

516
00:49:54,570 --> 00:50:08,929
Por ejemplo, ¿qué debe pasar cuando demos a un botón o cliquemos en un botón? Todos estos comportamientos que veremos bastante más adelante en el módulo ocupan el mismo espacio en la pestaña prototipo. Por tanto, de momento nos quedamos aquí en diseño.

517
00:50:08,929 --> 00:50:29,389
¿Vale? Y sí, es contextual. Si yo, por ejemplo, hago una estrella, ¿vale? Pues las propiedades de la estrella aparecerán cuando cliquemos en la estrella. Si clicamos en el texto, por ejemplo, aparece la de tipografía, pero cuando damos a la estrella, pues no aparece nada de tipografía porque no se ocupa de eso. ¿Vale? Nuevamente, opciones que son contextuales.

518
00:50:29,389 --> 00:50:33,789
Vale, veis millones de opciones aquí

519
00:50:33,789 --> 00:50:36,190
Iremos desgranándolas, en el tema se ven

520
00:50:36,190 --> 00:50:38,409
Vuelvo al margen izquierdo

521
00:50:38,409 --> 00:50:40,369
La duda la he respondido, ¿verdad?

522
00:50:40,849 --> 00:50:45,289
Sé que voy rápido porque intento introduciros cosas que en realidad se ven en el tema

523
00:50:45,289 --> 00:50:48,230
No es que esto sea el contenido como tal

524
00:50:48,230 --> 00:50:49,809
El contenido lo tenéis en el tema

525
00:50:49,809 --> 00:50:55,510
Vale, en este panel de la izquierda, aparte de las opciones de cómo se llama este draft

526
00:50:55,510 --> 00:50:57,150
Aquí pone esto, es un draft

527
00:50:57,150 --> 00:51:09,349
Os he dicho que esto es donde podéis trabajar sin problemas y podéis hacer tantos drafts barra diseños como queráis porque es la funcionalidad gratuita de trabajo que dan en firma.

528
00:51:09,349 --> 00:51:20,590
Cuando lo paséis a proyecto, porque aquí de pronto si os metéis y le decís quiero mover esto, quiero mover este archivo, lo quiero mover a qué proyecto.

529
00:51:22,349 --> 00:51:33,789
Digamos que este draft una vez a nivel propio quisierais que se validara por otro equipo, lo que pasaría es a pertenecer, a ocupar un espacio en este proyecto de equipo.

530
00:51:33,789 --> 00:51:52,250
Se pueden ir generando distintos, pero estarán en este proyecto. En la versión gratuita, el máximo de proyectos que se pueden tener son tres. En la versión educativa, barra, porque la hacen equivalente, la de premio, la de pago, también amplía el número de proyectos que se pueden tener.

531
00:51:52,250 --> 00:52:02,030
Lo dicho, esto de los proyectos, si acaso más adelante, es para trabajos colaborativos que ahora mismo no nos ocupan. Nos vamos a centrar siempre en estos drafts, en este tema, ¿vale?

532
00:52:02,730 --> 00:52:14,010
Vuelvo al tema. Aquí, donde pone el nombre que se puede cambiar de este draft, es donde también tendríais que buscar lo relacionado a cambiar lo relativo a este proyecto a nivel general.

533
00:52:14,010 --> 00:52:30,369
Aquí es donde podemos cambiar el nombre, donde lo podemos enviar a la basura. No os lo he dicho, pero igual que en Windows, por ejemplo, en el explorador podéis mover. Voy a coger otro porque este de Figma Basics. Esto es una plantilla de community que enseñaba cosas sobre el funcionamiento de Figma.

534
00:52:30,369 --> 00:52:49,789
Mira, yo lo puedo abrir, se me abre otra pestaña y aquí te dice conoce Figma en tres minutos. Y mira, han generado un espacio y te va explicando con los propios diseños ciertas cosas. Hay bastantes. Bueno, luego aparte de aquí te ponen un tour. Hay muchas formas de aprender los softwares y una de ellas es bajar los proyectos y trastearlos.

535
00:52:49,789 --> 00:53:10,590
Y algunos de los proyectos incluso son educativos, ¿vale? Su propio contenido sirve para que pruebes o que te diga, prueba, mira, mueve tu propia tarjeta aquí y es para que probéis, por ejemplo, a moverla aquí el diseño, yo que sé, ¿vale? Veis que a medida que voy abriendo proyectos, pues igual que en el explorador, puedo ir trabajando en uno u en otro.

536
00:53:10,590 --> 00:53:35,449
Lo dicho, podéis decir, oye, este, aunque los drafts ya os he dicho que podéis tener muchos, puede haber un momento que queráis deshacerlo o borrarlo, ¿vale? Pues con clic derecho, clic derecho, nuevamente voy a algo básico, pero que es importante hablar, es que el clic derecho, normalmente los software, lo que hace es abrir un menú contextual del elemento en el que estemos clicando, ¿vale?

537
00:53:35,449 --> 00:53:53,110
De acciones que podéis hacer con ese elemento. No son tanto las propiedades del elemento como acciones directas sobre el elemento, como por ejemplo abrir, en este caso, este draft o moverlo, renombrarlo, moverlo a que sea un proyecto, duplicarlo, compartirlo, bueno, distintas opciones.

538
00:53:53,110 --> 00:54:06,090
Una de ellas es moverlo a la basura, al trash. Si lo movéis al trash, igual que ocurre en... bueno, pone, vais a mover el archivo a la basura, siempre lo puede restaurar más tarde desde la sección detrás.

539
00:54:06,550 --> 00:54:11,969
Si lo movéis al trash, deja de estar aquí, pero aquí tenéis una sección que es esta detrás y aquí está.

540
00:54:11,969 --> 00:54:34,110
No tengo claro, bueno, en la versión gratuita sé que hay un límite, no tengo claro de cuánto tiempo, pero cuando metéis algo, tened en cuenta que todo este material que estamos generando en la nube, a los servidores de Figma les van ocupando espacio y tampoco ellos considerarán que se lo llenemos de bytes y bytes y bytes de información y de vez en cuando querrán que borremos cosas, por eso también lo limitan.

541
00:54:34,110 --> 00:54:48,030
Si lo metéis en el trash, el problema, aunque siempre podéis dar con clic derecho nuevamente y aquí las opciones contextuales son las de un archivo dentro del trash, es que lo podéis restaurar y volverá a estar en el draft. Aquí está.

542
00:54:48,869 --> 00:55:03,929
¿Qué ocurre? Que estas cosas que enviamos al trash, pasado un cierto tiempo, que ahora mismo no sabría decir, seguramente serán 30 días, suelen ser así, pero bueno, hablo un poco por hablar, desaparecerían permanentemente, ya no lo podría recuperar.

543
00:55:03,929 --> 00:55:21,849
Entonces, lo que borréis y enviéis al trash, que de verdad sea lo que necesitéis que se envíe al trash, ¿vale? Vale, lo he dicho. Entonces, clic derecho según donde vayáis clicando, por ejemplo, me meto en este archivo y doy clic derecho sobre el texto que he hecho.

544
00:55:21,849 --> 00:55:26,550
Fijaos la cantidad de opciones directas que se pueden hacer sobre un texto

545
00:55:26,550 --> 00:55:30,030
Si lo hiciera sobre la estrella que antes he dibujado

546
00:55:30,030 --> 00:55:35,989
Pues en este caso son parecidas porque son las opciones directas de un elemento

547
00:55:35,989 --> 00:55:39,530
Pero cambian, no son exactamente las mismas

548
00:55:39,530 --> 00:55:41,849
Por ejemplo, esto de...

549
00:55:41,849 --> 00:55:44,610
Justo esto igual no es el mejor ejemplo

550
00:55:44,610 --> 00:55:47,309
Pero si hago un frame, luego iremos viendo que es un frame

551
00:55:47,309 --> 00:55:51,610
Si hago un frame, por ejemplo aquí pone enviar a Figma BAS

552
00:55:51,610 --> 00:56:05,550
Sea lo que sea eso. Si le doy aquí al texto, el contextual, lo de FigmaBuzz no sale. Entonces, nuevamente, las opciones irán variando según donde estemos. No sé por qué borro todo, solo quiero borrar esto.

553
00:56:05,550 --> 00:56:21,889
Cuando vamos haciendo elementos o dibujando elementos, por ejemplo hago esta estrella, fijaos que aquí se van acumulando ítems. Va apareciendo la elipse, la capa. Esto es otro compartimiento común en los softwares de diseño, las capas.

554
00:56:21,889 --> 00:56:38,769
Entonces, al final de cuentas, todos los softwares suelen consistir en un lienzo, que es como se llama el espacio de trabajo, en el que vamos a ir desplegando nuestros elementos y vamos a ir disponiendo, en este caso, nuestras fotos, formas, textos, etc.

555
00:56:38,769 --> 00:56:55,690
Y todo se irá acumulando o disponiendo, mejor dicho sería la palabra, en forma de capa. Y capas, nuevamente habrá software que quizá limiten las capas. Aquí en Figma podemos tener infinidad de capas que necesitemos.

556
00:56:55,690 --> 00:57:13,030
Las capas además se encuentran incluidas dentro de una página. Nuevamente intento seguir la lógica que tienen las interfaces. Nuevamente aquí también estoy hablando de Figma a nivel de una interfaz extrapolable a otra.

557
00:57:13,030 --> 00:57:32,170
No es casualidad que cuando nos metemos en este margen, lo primero que tengamos sean las opciones generales del proyecto, vayamos bajando, tengamos aquí dos pestañas, que una es de archivo en el que estamos trabajando, nuevamente otra pestaña que son los assets, que es un poco lo que hablábamos de la community antes que podíamos bajar plantillas, etc.

558
00:57:32,170 --> 00:58:00,909
Si estamos trabajando con assets de terceros, lo gestionamos desde aquí, veis que también contextualmente esta pestaña es una que si trabajamos en nuestro file, en nuestro archivo. Si bajamos al file, lo primero que encontramos son las páginas. Cuidado a veces también cuando veáis flechicas así porque se pueden desplegar o colapsar, se llamaría, o hacer más pequeñas o ocultar las opciones para que ocupen menos espacio de la interfaz.

559
00:58:00,909 --> 00:58:18,110
¿Vale? Nuevamente, si veis una flecha es que se puede desplegar. Entonces, a veces no es que no esté la opción, sino que simplemente está oculta. Vais a ver que podéis trabajar dentro de un propio draft, ¿vale? De un proyecto de diseño, podéis generar distintas páginas, ¿vale?

560
00:58:18,110 --> 00:58:33,389
Pues, por ejemplo, la página que se ocupa de, yo qué sé, esto ya dependerá de la tipología de proyecto que hagamos, pero la página que puede ser la versión móvil de nuestro diseño, ¿vale?

561
00:58:33,389 --> 00:58:42,369
Y luego tenemos otra página que es la versión web, yo qué sé, ¿vale? Y podemos ir haciendo más páginas.

562
00:58:42,369 --> 00:58:44,570
Podemos tener muchas páginas

563
00:58:44,570 --> 00:58:46,949
Cada página, cuando nos vayamos metiendo en ellas

564
00:58:46,949 --> 00:58:48,969
Pues nuevamente irá desplegando

565
00:58:48,969 --> 00:58:50,309
Lo que está en esa página

566
00:58:50,309 --> 00:58:52,769
¿Vale? Nuevamente os podéis meter en un proyecto

567
00:58:52,769 --> 00:58:55,010
No ver lo que hay porque no estáis en la página adecuada

568
00:58:55,010 --> 00:58:55,730
¿Vale?

569
00:58:56,489 --> 00:58:59,030
Si damos clic derecho

570
00:58:59,030 --> 00:58:59,969
A alguna de las opciones

571
00:58:59,969 --> 00:59:02,909
Pues saldrá su menú contextual

572
00:59:02,909 --> 00:59:05,130
Como por ejemplo borrar esta página porque no la quiero

573
00:59:05,130 --> 00:59:05,989
O esta

574
00:59:05,989 --> 00:59:07,570
Borrar la página

575
00:59:07,570 --> 00:59:11,429
Algo nuevamente básico pero por si no lo conocéis

576
00:59:11,429 --> 00:59:18,530
Podéis ir seleccionando distintos elementos o ítems usando atajos de teclado.

577
00:59:18,710 --> 00:59:24,030
Los atajos de teclado es algo también, igual que los menús contextuales o estos paneles de propiedades,

578
00:59:24,570 --> 00:59:28,389
algo que tenéis que ir incorporando en vuestro día a día, sí o sí.

579
00:59:29,130 --> 00:59:36,130
Ya no solo porque ahorre mucho tiempo de trabajo, sino porque a veces hay opciones que para encontrarlas,

580
00:59:36,710 --> 00:59:38,329
si no sabéis el atajo, cuesta.

581
00:59:38,329 --> 01:00:02,489
Bueno, entonces, imagino que vosotros ya en vuestro propio uso del ordenador, aunque nunca hayáis abierto una aplicación de este tipo, usáis atajos, por ejemplo, y si no me decís, digo, para no perder tiempo, si no sabéis lo que es, lo explico, pero imagino que aquí todos sabemos lo que es el control C y el control V, ¿vale? Los dos atajos de copiar y pegar.

582
01:00:02,489 --> 01:00:23,570
¿Hay alguien que no sepa de qué le hablo? Bueno, sí, pone alguien, sí, claro, bueno, yo que sé, a lo mejor hay alguien que no sabe a este nivel. Vale, atajo de teclado. Pues en vez de ir en nuestro explorador y dar menú contextual con clic derecho, copiar o pegar, ¿vale?

583
01:00:23,570 --> 01:00:40,090
Veis que siempre va a aparecer aquí el atajo que se usa. Si dais a Control-C, copiáis y si me voy a otro punto y hago el otro atajo que era Control-V, se pegará. Lo mismo ocurre con este software.

584
01:00:40,090 --> 01:00:45,730
fijaos que al lado de muchas de las opciones pone el atajo de teclado vale

585
01:00:45,730 --> 01:00:50,469
pues estos atajos hay que irlos aprendiendo poco a poco y por lo que os

586
01:00:50,469 --> 01:00:54,789
decía esto es porque para seleccionar diversas páginas esto también nos ayuda

587
01:00:54,789 --> 01:00:59,690
en windows podéis ir clicando una a una vale y seguirá seleccionando esa pero si

588
01:00:59,690 --> 01:01:04,389
queréis coger varias si mientras pulsáis control vais clicando podéis ir escogiendo

589
01:01:04,389 --> 01:01:09,070
varias entonces ya cuando veis con clic derecho en alguno de ellos veis que el

590
01:01:09,070 --> 01:01:22,570
Menú contextual se ciñe a ese número de elementos. ¿Que queremos borrar esas cinco páginas? Pues, ale, fuera, ¿vale? Si además, otro atajo, eso era con la tecla control, mientras la tenemos pulsada vamos añadiendo o restando, ¿vale?

591
01:01:22,570 --> 01:01:42,969
Si lo hacemos con la tecla Shift, ¿vale? Y tecla Shift es como yo llamo a la de mayúsculas. Y ojo, la tecla de mayúsculas no es la que pone Block Mayus, la tecla de mayúsculas es la que en la esquina izquierda de nuestro teclado, voy a abrir aquí un teclado de imagen, a ver, ¿vale?

592
01:01:42,969 --> 01:02:09,690
Cuando yo hablo de shift es esta tecla que tenemos aquí para hacer mayúsculas de manera temporal, no la de bloquear la mayúscula, sino la temporal. Ese es el shift, ¿vale? Y luego el alt, esas tres son las teclas, shift, control y alt, modificadoras de atajos más habituales, ¿vale? Entonces, si tenéis que seleccionar distintos elementos consecutivos con la tecla shift, se selecciona sin dejar hueco entre ellos, ¿vale? Y nuevamente, pues podríamos hacer la opción que corresponda. En este caso, borrar.

593
01:02:10,670 --> 01:02:26,530
Vista ya que podemos ir creando distintas páginas, normalmente, bueno, en la tarea os pido que hagáis páginas, ¿vale? Así que trastaréis con ello, pero luego cada página irá teniendo sus propias layers, sus propias capas, lo que os decía antes.

594
01:02:26,530 --> 01:02:44,889
En esencia, los distintos elementos que tenemos en nuestro proyecto. Estas capas, igual que casi todo, se pueden ir renombrando. Se pueden ir haciendo estos elementos. Nuevamente, un montón de opciones que son contextuales.

595
01:02:44,889 --> 01:02:55,190
cada capa vais a ver que tiene además indicadores para bloquear que no se pueda mover la posición, que no se visualice sin borrar la capa, no es que estamos borrando la capa, que no se visualice

596
01:02:55,190 --> 01:03:04,369
este tipo de comportamientos nuevamente son muy comunes o muy parecidos a por ejemplo el sistema de capas en Illustrator

597
01:03:04,369 --> 01:03:13,510
aquí si vamos duplicando elementos vais viendo que se van haciendo más capas y puedo ocultarlas con el ojo, es un icono muy habitual

598
01:03:13,510 --> 01:03:21,510
o irla bloqueando con un candado. Esto nuevamente en casi todos los softwares que uséis, de diseño, de audiovisual, etc.

599
01:03:22,230 --> 01:03:30,929
Los distintos elementos de capa, las pistas de video audio, por ejemplo, en softwares de edición de video, tienen un comportamiento similar.

600
01:03:31,150 --> 01:03:37,909
Ocultar la capa sin borrarla, mostrarla o bloquearla para que no se pueda cambiar su contenido o algunos parámetros.

601
01:03:37,909 --> 01:03:51,710
¿Vale? Entonces, básicamente aquí estamos introduciendo que vamos a ir teniendo por cada elemento un ítem, una capa, ¿vale? Luego veremos que va a haber de otros tipos, como por ejemplo, que se pueden agrupar, ¿vale?

602
01:03:51,750 --> 01:04:02,829
Si doy aquí al menú contextual y le digo agrupar, vais a ver que de pronto hay un grupo, un elemento que es un grupo que no existe en sí, más allá de agrupar distintos elementos que tiene en su interior.

603
01:04:02,829 --> 01:04:23,989
Y fijaos que cuando hacemos eso, nuevamente aquí aparece una flechita. Si doy a la flechita y aquí están los elementos. Se han agrupado y los puedo mover ahora en bloque, pero realmente este grupo lo que hace es un objeto vacío que cuando lo rellenamos agrupa distintos elementos para hacer comportamientos en bloque.

604
01:04:23,989 --> 01:04:25,190
vale

605
01:04:25,190 --> 01:04:27,570
hasta aquí alguna duda

606
01:04:27,570 --> 01:04:28,829
algo que queramos

607
01:04:28,829 --> 01:04:33,360
voy a explicar un par de cosas más

608
01:04:33,360 --> 01:04:34,420
así de introductorias

609
01:04:34,420 --> 01:04:36,860
y a menos que queráis que veamos algo concreto

610
01:04:36,860 --> 01:04:37,800
pues ya

611
01:04:37,800 --> 01:04:40,920
lo vais leyendo en el tema

612
01:04:40,920 --> 01:04:42,199
y habrá más tutorías

613
01:04:42,199 --> 01:04:44,000
si alguien ha levantado la mano para hablar

614
01:04:44,000 --> 01:04:48,909
si es así pues desbloqueate el micrófono

615
01:04:48,909 --> 01:04:50,309
si lo vas a hacer por micrófono

616
01:04:50,309 --> 01:04:52,050
y adelante

617
01:04:52,050 --> 01:04:56,280
o no sé si lo has levantado por error

618
01:04:56,280 --> 01:05:00,400
vale

619
01:05:00,400 --> 01:05:04,300
Si es por escrito, pues ahora cuando la pongas la leo

620
01:05:04,300 --> 01:05:06,019
Vamos a seguir

621
01:05:06,019 --> 01:05:09,719
Dentro de este lienzo casi infinito

622
01:05:09,719 --> 01:05:12,159
No es infinito, pero es muy amplio

623
01:05:12,159 --> 01:05:16,599
Claro, aquí lo que vayamos diseñando en realidad está en la nada

624
01:05:16,599 --> 01:05:21,460
Luego de esto, ¿dónde está la página en la que se imprimiría?

625
01:05:21,519 --> 01:05:22,860
¿Dónde está la pantalla en la que se vería?

626
01:05:23,139 --> 01:05:24,579
Necesitamos un marco de referencia

627
01:05:24,579 --> 01:05:27,739
En el caso de Figma, ahí es donde entran en juego

628
01:05:27,739 --> 01:05:32,480
esta herramienta y este concepto que es el del frame vale nuevamente el atajo aparece ahí la

629
01:05:32,480 --> 01:05:39,679
letra efe vale y se selecciona con esta herramienta podemos arrastrar y generar un área que vamos a

630
01:05:39,679 --> 01:05:47,239
entender pues eso como la página o como la o como como el área de una pantalla etcétera y si os

631
01:05:47,239 --> 01:05:53,420
fijáis cuando seleccionamos esta página vale esta herramienta aquí a la derecha aparecen distintos

632
01:05:53,420 --> 01:05:56,480
presets, distintos ajustes preestablecidos

633
01:05:56,480 --> 01:05:59,219
con dimensiones, pues por ejemplo para un A4

634
01:05:59,219 --> 01:06:01,800
o para un teléfono

635
01:06:01,800 --> 01:06:05,519
iPhone 14 Pro. Vale, pues le doy

636
01:06:05,519 --> 01:06:08,159
y esto nos da ya las medidas

637
01:06:08,159 --> 01:06:11,199
en píxeles, ¿vale? Vuelvo a

638
01:06:11,199 --> 01:06:14,199
indicar y enfatizo que Figma está

639
01:06:14,199 --> 01:06:17,239
centrada principalmente en diseño

640
01:06:17,239 --> 01:06:19,820
para pantallas, no tanto para impresión, aunque se puede hacer

641
01:06:19,820 --> 01:06:21,679
pero no es el punto fuerte, vaya.

642
01:06:23,420 --> 01:06:32,440
Ya tendríamos aquí el marco en el que ya tendríamos la disposición de este trabajo.

643
01:06:32,579 --> 01:06:38,519
Entonces ya si tuviéramos que hacer la maquetación, la composición de elementos para un iPhone 14 Pro,

644
01:06:38,780 --> 01:06:42,119
pues ya empezaríamos a hacerlo en relación a este espacio que tenemos aquí.

645
01:06:44,820 --> 01:06:50,820
Cuando estamos trabajando en un frame, vais a ver que aquí aparece otro elemento,

646
01:06:50,820 --> 01:06:53,199
que igual que antes os he dicho lo de los grupos

647
01:06:53,199 --> 01:06:55,199
a medida que vayamos incluyendo elementos

648
01:06:55,199 --> 01:06:56,780
en su interior, por ejemplo este ola

649
01:06:56,780 --> 01:06:59,300
pues va a aparecer el icono

650
01:06:59,300 --> 01:07:00,820
de frame, que es el mismo

651
01:07:00,820 --> 01:07:03,340
y irá incorporando aquí

652
01:07:03,340 --> 01:07:04,960
todo lo que arrastremos, es decir

653
01:07:04,960 --> 01:07:07,460
vais a ver que a medida que voy

654
01:07:07,460 --> 01:07:09,579
arrastrando cosas

655
01:07:09,579 --> 01:07:11,019
elementos, capas

656
01:07:11,019 --> 01:07:12,800
en ese frame, al meterlo

657
01:07:12,800 --> 01:07:14,219
pasa a pertenecer

658
01:07:14,219 --> 01:07:16,940
a ese frame, entonces

659
01:07:16,940 --> 01:07:19,480
tened en cuenta que todo lo que queráis

660
01:07:19,480 --> 01:07:20,679
que pertenezca a una pantalla

661
01:07:20,679 --> 01:07:25,659
podéis estar haciendo distintas pantallas, por la del home, la de logueo, la que sea,

662
01:07:26,260 --> 01:07:29,519
pues se van a ir agrupando dentro de lo que se llama frames.

663
01:07:30,179 --> 01:07:36,900
Y estos frames son esenciales, lo veréis, a la hora de ir agrupando,

664
01:07:37,039 --> 01:07:42,199
de ir haciendo las distintas pantallas o páginas de vuestro proyecto final.

665
01:07:44,980 --> 01:07:50,079
Dentro de estos frames, como os he dicho, también podéis arrastrar y hacerlos del tamaño que queráis.

666
01:07:50,679 --> 01:08:10,760
Si, por ejemplo, imaginaos, digo yo quiero tener este iPhone 14 Pro, pero no en su versión en vertical, lo que se llamaría el portrait, lo quiero en el landscape, que es la versión horizontal. Por defecto, si os metéis en los presets, aquí no os va a decir las versiones en horizontal, os las va a poner siempre en vertical, al menos las de móvil.

667
01:08:11,579 --> 01:08:21,420
Si queréis, por ejemplo, cambiar esa orientación, como os he dicho antes, si seleccionáis, y la herramienta, no lo he dicho, pero bueno, es como la básica.

668
01:08:21,739 --> 01:08:27,260
La herramienta de seleccionar básica es esta que tenemos aquí, la herramienta de mover, cuyo atajo es la V.

669
01:08:27,819 --> 01:08:35,100
Si clicáis en el nombre, que también se puede cambiar, en el nombre de un frame, veis que selecciona todo lo que hay en ese frame.

670
01:08:35,100 --> 01:08:37,899
pero sobre todo me interesa también que veáis

671
01:08:37,899 --> 01:08:39,640
que aquí aparecerán las opciones

672
01:08:39,640 --> 01:08:40,680
relativas al frame

673
01:08:40,680 --> 01:08:42,140
y

674
01:08:42,140 --> 01:08:45,760
si por ejemplo

675
01:08:45,760 --> 01:08:46,659
quisierais rotar

676
01:08:46,659 --> 01:08:49,619
este frame

677
01:08:49,619 --> 01:08:51,460
para que sea horizontal, pues aquí tenéis una opción

678
01:08:51,460 --> 01:08:53,600
de rotación y así

679
01:08:53,600 --> 01:08:55,180
lo haríamos, ¿vale? es verdad

680
01:08:55,180 --> 01:08:57,340
esto tiene una desventaja

681
01:08:57,340 --> 01:08:59,359
rotarlo así, pero es bastante

682
01:08:59,359 --> 01:09:01,060
más avanzada, os lo pongo en el tema

683
01:09:01,060 --> 01:09:02,760
de hecho, lo suyo sería

684
01:09:02,760 --> 01:09:04,699
decir, vale, está con esta

685
01:09:04,699 --> 01:09:12,020
posición y qué dimensiones tiene 393 por 852 vale pues lo que voy a hacer es invertir esto

686
01:09:12,020 --> 01:09:20,460
852 por 393 y ahí lo tenemos vale y la rotación se queda en cero bueno esto como detalle que

687
01:09:20,460 --> 01:09:24,979
sepáis vais a ver luego en el tema porque os digo esto pero lo que me importa es que dentro de este

688
01:09:24,979 --> 01:09:30,859
frame todo lo que esté en su interior forma parte de ese frame a nivel de grupo no a nivel

689
01:09:30,859 --> 01:09:37,159
de agrupamiento luego existen los grupos como os he indicado antes si yo cojo este texto y fijaos

690
01:09:37,159 --> 01:09:43,020
en la capa vale si lo saco del frame y lo pongo fuera fijaos que ha salido de ese frame vale lo

691
01:09:43,020 --> 01:09:48,800
digo esto porque en ocasiones cuando vayamos a exportar lo que hay dentro de una pantalla de

692
01:09:48,800 --> 01:09:54,100
una página es es importante que esté dentro del frame y que lo perciba así vale porque si yo luego

693
01:09:54,100 --> 01:10:01,420
quiero exportarlo si yo luego quiero ir al archivo y exportar vale pues en ocasiones se puede exportar

694
01:10:01,420 --> 01:10:07,539
de diversas formas también se puede también desde las propiedades bueno pues al final lo que va a

695
01:10:07,539 --> 01:10:11,979
necesitar es que esté dentro de esa página de manera efectiva vale en ocasiones podemos estar

696
01:10:11,979 --> 01:10:17,619
ahí como a medio gas y que se vea así pero fijaos que ahora mismo aunque se ve como que está dentro

697
01:10:17,619 --> 01:10:24,039
no está dentro del frame vale cuidado de hecho hay una opción importante interesante cuando

698
01:10:24,039 --> 01:10:29,380
seleccionamos un frame que es esta que se llama aquí de clip contento recortar el contenido vamos

699
01:10:29,380 --> 01:10:35,979
a decir esto lo que hace es para que no sucedan estos problemas es de que algo esté dentro o

700
01:10:35,979 --> 01:10:44,460
fuera de la página es que bueno claro esto lo hace lo voy a desagrupar un segundo dicho

701
01:10:44,460 --> 01:10:49,220
Ungroup, ¿vale? Esto lo pone

702
01:10:49,220 --> 01:10:51,340
El tema también, ¿vale? Si yo me pongo

703
01:10:51,340 --> 01:10:51,619
Aquí

704
01:10:51,619 --> 01:10:55,060
Y selecciono este clip

705
01:10:55,060 --> 01:10:56,939
Si lo clipeo

706
01:10:56,939 --> 01:10:59,159
Bueno, no me lo está haciendo porque es una forma vectorial

707
01:10:59,159 --> 01:11:01,279
Pero si metiéramos una imagen

708
01:11:01,279 --> 01:11:03,119
A ver, voy a meter

709
01:11:03,119 --> 01:11:04,180
Una foto en un segundo

710
01:11:04,180 --> 01:11:07,000
Vale, esto también lo veremos, lo voy a hacer rápido

711
01:11:07,000 --> 01:11:09,220
Porque ahora no es lo que importa, pero yo puedo arrastrar

712
01:11:09,220 --> 01:11:10,640
Una foto y echarla aquí

713
01:11:10,640 --> 01:11:13,199
Si yo la meto dentro de este frame

714
01:11:13,199 --> 01:11:22,880
vais a ver que cuando lo saco a los extremos, aunque sigue existiendo, me lo recorta para que tenga siempre conciencia de qué es lo que se va a imprimir

715
01:11:22,880 --> 01:11:30,920
si imprimo esta página. Con las formas vectoriales, ya veremos un concepto de vectorial también más adelante, para aquellos que no lo sepáis,

716
01:11:31,359 --> 01:11:37,319
no lo hace porque está rasterizándolo continuamente. Está haciendo un proceso intermedio todo el rato.

717
01:11:37,319 --> 01:11:53,960
Pero bueno, que sepáis que al final, dependiendo de cuánto de dentro y de fuera lo pongamos, pertenecerá a un frame o no. Se puede también cambiar el orden de las capas arrastrando. Se puede ir diciendo que vaya algo delante de otro.

718
01:11:53,960 --> 01:12:07,399
Esto es importante porque si, por ejemplo, tenemos esta figura y la ponemos así, lo que decide que visualmente se vea por encima el círculo a la estrella es la posición en las capas.

719
01:12:07,659 --> 01:12:17,880
Lo que esté por encima en el sistema de capas es lo que se va a ver. Por ejemplo, que yo quiero ver esta estrella por encima del círculo, pues lo tendré que arrastrar para que esté encima.

720
01:12:17,880 --> 01:12:33,939
¿Vale? Esto os lo podría también enseñar en otros softwares y suele ser el comportamiento como lo que esté encima en la estructura de capas se verá también visualmente por encima, a menos que hagamos ciertos requiebros que hagamos conscientemente y porque no queramos que sea así.

721
01:12:33,939 --> 01:12:49,579
¿Vale? Entonces ya podríamos ir generando distintos frames, ¿vale? Para ir trabajando en nuestros diseños, que es básicamente lo que se os pedirá en la tarea de esta unidad.

722
01:12:49,579 --> 01:13:06,550
Hasta aquí, ¿qué tal? ¿Algo que queráis que veamos? ¿Alguna curiosidad? ¿Algo que os haya surgido leyendo el tema? Porque no me quiero extender mucho más en el sentido de que, bueno, voy a dar una pincelada más de un par de cosas, pero que quiero que leáis el tema.

723
01:13:06,550 --> 01:13:13,210
vaya vale todo bien vale algo importante que también es común a toda la interfaz por supuesto

724
01:13:13,210 --> 01:13:18,250
es la navegación por esa interfaz es decir cómo movernos o cómo ampliar habréis visto que yo me

725
01:13:18,250 --> 01:13:23,109
voy moviendo y me voy acercando me voy alejando digo quiero ver ahora este frame ahora este otro

726
01:13:23,109 --> 01:13:31,210
vale esto se puede hacer de diversas formas y cada software también tiene sus sus fórmulas no

727
01:13:31,210 --> 01:13:46,029
No todos son iguales, aunque también, como os he dicho antes, normalmente todos suelen ser parecidos, ¿vale? Entonces, hay un menú aquí en el panel de inspector, en la parte de arriba, junto a otras opciones que ya se irán viendo, que es este porcentaje que tenemos ahí.

728
01:13:46,029 --> 01:14:03,750
Si nos ponemos, bueno, otra cosa también que es como obvia, pero si nos ponemos encima de una opción, de un parámetro y dejamos quieto el ratón, normalmente nos enseña lo que se llama la tooltip. En español no sabría decirlo, pero bueno, la indicación de qué es esa herramienta. En inglés es tooltip.

729
01:14:03,750 --> 01:14:11,289
Aquí, si nos ponemos, va a decir, esto es las opciones de zoom y visionado, ¿no? Y visión.

730
01:14:11,850 --> 01:14:14,869
Si desplegamos, hay distintas opciones para hacer zoom in.

731
01:14:15,109 --> 01:14:18,250
Si damos aquí, pues vamos a ir viendo que vamos haciendo zoom, ¿vale?

732
01:14:18,270 --> 01:14:23,390
Por porcentaje normalmente del 100, si le doy hacia atrás del 50, ¿vale?

733
01:14:23,750 --> 01:14:30,250
Podemos escribir directamente el nivel de zoom, 75%, distintos niveles de zoom y otras opciones, ¿vale?

734
01:14:30,250 --> 01:14:45,630
Esta forma de ir escribiendo el número, dando a zoom in o zoom out, no es la mejor, o al menos no es la más ágil. Hay otros atajos y aquí entran ya también las teclas modificadoras que he dicho antes, control, shift y alt.

735
01:14:45,630 --> 01:15:05,449
Y lo que hagamos con el ratón, que si tenemos un ratón, esto lo ponía en la requisito de entrada al módulo, de cuando os matriculabais, es muy importante o es casi esencial si vais a usar ratón, que sea un ratón de tres botones con ruleta.

736
01:15:05,449 --> 01:15:17,010
¿Vale? Normalmente ya son los que se venden, pero bueno, en ocasiones puede que tengáis uno de solo dos, porque la ruleta del ratón y el botón central suelen ayudar en todos los softwares a esta navegación, ¿vale?

737
01:15:17,350 --> 01:15:29,310
Si lo tenéis aquí delante y lo podéis probar, si no, hacedlo después, si clicáis en la propia ruleta, si apretáis en la ruleta, veis que el cursor se convierte en una mano y al arrastrar nos vamos moviendo.

738
01:15:29,310 --> 01:15:35,350
Aquí no estamos moviendo ningún elemento, nos estamos moviendo nosotros por la interfaz, ¿vale? Para ir viendo.

739
01:15:36,229 --> 01:15:43,829
Nuevamente, si no tuvierais este ratón, hay una herramienta secundaria aquí, que es la mano, que ya se queda, no hay que tocar nada con esta mano,

740
01:15:43,930 --> 01:15:49,930
y arrastrando nunca seleccionamos elementos, sino que nos vamos desplazando por la interfaz.

741
01:15:51,550 --> 01:15:57,810
Pero normalmente lo que queremos tener es esta herramienta de selección, que vamos clicando y seleccionando y moviendo y haciendo lo que queramos,

742
01:15:57,810 --> 01:16:18,430
Y si queremos temporalmente, de manera temporal, activar la mano para movernos, clicamos en esa ruleta y nos movemos. En Illustrator, por ejemplo, exactamente el mismo comportamiento. Es el cursor de selección, si os fijáis. Y cuando clico la ruleta, muevo la visualización. No estoy moviendo la página, me muevo yo.

743
01:16:18,430 --> 01:16:21,810
que quiero hacer zoom

744
01:16:21,810 --> 01:16:24,430
pues digo, quiero hacer zoom a la letra F12

745
01:16:24,430 --> 01:16:27,449
si dais a control y mientras

746
01:16:27,449 --> 01:16:30,850
mantengáis pulsado giráis la ruleta, os vais acercando

747
01:16:30,850 --> 01:16:33,569
que giráis con el control hacia atrás

748
01:16:33,569 --> 01:16:36,989
pues os vais alejando, si no estáis

749
01:16:36,989 --> 01:16:39,529
pulsando el control veréis que sube y baja la visualización

750
01:16:39,529 --> 01:16:42,470
lo mismo que si arrastramos hacia arriba y abajo con la mano

751
01:16:42,470 --> 01:16:45,989
pero el zoom es mucho más rápido para ir a la parte

752
01:16:45,989 --> 01:16:53,270
que nos interesa con esta ruleta y decir, yo ahora quiero ir a Lola y ponernos ahí, que usar estas opciones que además no nos dice exactamente

753
01:16:53,270 --> 01:17:05,029
en qué va a hacer zoom, ¿vale? Entonces, bueno, pues es una opción que hay que conocer, ¿vale? Entonces, si pulsamos este botón central,

754
01:17:05,029 --> 01:17:15,729
nos desplazamos, si pulsamos con control y damos también a la ruleta, la giramos, hacemos zoom sobre la parte en la que estamos situando el cursor, ¿vale?

755
01:17:15,989 --> 01:17:24,810
comportamiento comportamiento básico luego vais a ver también común bueno digo una cosa que es

756
01:17:24,810 --> 01:17:30,569
importante aunque nosotros podamos estar trabajando al nivel de zoom que queramos sí que es verdad que

757
01:17:30,569 --> 01:17:36,029
esto que estamos diseñando en este caso luego va a estar representado en una pantalla en una página

758
01:17:36,029 --> 01:17:42,090
etcétera cuando queramos comprobar cómo se ve de verdad y que no se ve algo pixelado o no vale el

759
01:17:42,090 --> 01:17:44,689
el nivel de zoom que hay que poner es el del 100%.

760
01:17:44,689 --> 01:17:46,949
Este sí es importante de vez en cuando tenerlo en cuenta,

761
01:17:47,689 --> 01:17:49,949
porque si no, de pronto podéis ver elementos pixelados

762
01:17:49,949 --> 01:17:51,970
porque os estáis acercando mucho.

763
01:17:52,750 --> 01:17:54,789
Y esto realmente es un zoom que estamos haciendo nosotros,

764
01:17:54,909 --> 01:17:56,229
estamos casi a un 1000%.

765
01:17:56,229 --> 01:17:59,789
No es que esté pixelado, es que nos estamos acercando demasiado.

766
01:18:00,329 --> 01:18:02,949
Para ver si algo está pixelado o no, vamos al 100% y decimos,

767
01:18:02,949 --> 01:18:05,350
bueno, si nos acercáramos sí.

768
01:18:05,770 --> 01:18:08,189
O podría estar más nítido, pero es verdad que al nivel de zoom

769
01:18:08,189 --> 01:18:10,069
para el que está diseñándose esta interfaz,

770
01:18:10,069 --> 01:18:40,050
Pues se ve bien, ¿vale? Entonces también contad con esas opciones. Este 100% a la que os estoy diciendo es fiable y no fiable porque cuando os digo, por ejemplo, que se puede hacer para páginas, aunque tú pongas un número de píxeles concreto de ese frame, ¿no?

771
01:18:40,050 --> 01:18:45,789
Sirve para no ver artefactos o elementos pixelados, pero tampoco fíjese en la medida final.

772
01:18:46,449 --> 01:18:48,890
Cuando es una pantalla digital sí tiene más sentido.

773
01:18:49,010 --> 01:18:53,750
Cuando es algo impreso, por ejemplo, no, porque depende mucho de las medidas del monitor.

774
01:18:54,229 --> 01:18:58,949
El zoom del 100%, si estuviera una pantalla más pequeña, el papel se vería más pequeño

775
01:18:58,949 --> 01:19:03,550
y la hoja de papel es la que es, debería tener unas medidas concretas.

776
01:19:03,550 --> 01:19:21,590
También viene de que en digital se usan píxeles y en impreso se usan otras medidas, como los puntos, etcétera, que sí que son basados en medidas físicas. Los píxeles suelen ser relativos al número de píxeles, de cuadraditos, vamos a decir, que emiten luz, que tenga una pantalla.

777
01:19:21,590 --> 01:19:44,750
Entonces, bueno, es otra forma de distribuir de lo que también se habla más adelante. Cuando con la herramienta de selección, con esta herramienta de mover, la V, ¿vale? Seleccionáis un elemento, vais a ver que por defecto aparecen este recuadro azul, ¿vale? Me acerco un poco. Este recuadro azul con distintos, lo que se llaman tiradores o manejadores, ¿vale?

778
01:19:44,750 --> 01:19:55,989
Entonces, esto también es común normalmente a los distintos softwares que permiten mover y escalar objetos o elementos de nuestro diseño.

779
01:19:58,369 --> 01:20:08,770
Van a aparecer aquí medidas o indicadores, marcas, pues por ejemplo, que si os ponéis en un extremo va a permitir que escaléis y hagáis más grande o más pequeño el elemento.

780
01:20:08,770 --> 01:20:21,310
¿Vale? Y si os ponéis en una esquina, fijaos en los cursores, que aparece esa curvatura, para si arrastráis podéis rotarlo, ¿vale? No es solo moverlo, podéis también escalar y rotar.

781
01:20:21,310 --> 01:20:25,069
¿Vale? Esto, si vamos a

782
01:20:25,069 --> 01:20:28,550
Photoshop, a Illustrator, a cualquier otro software, vais a ver que yo cuando

783
01:20:28,550 --> 01:20:32,510
coja cualquier capa, mira, he bloqueado todas y no podía

784
01:20:32,510 --> 01:20:36,289
vais a ver que hay algo parecido, puedo, si me pongo en la esquina, rotar

785
01:20:36,289 --> 01:20:39,630
¿Vale? Esto no rota, bueno, voy a poner un cubo aquí

786
01:20:39,630 --> 01:20:44,810
¿Vale? Si me pongo aquí, lo roto, ¿vale? En la esquina

787
01:20:44,810 --> 01:20:48,170
lo puedo hacer más, un grande más pequeño, lo puedo mover

788
01:20:48,170 --> 01:20:50,729
con la herramienta de selección básica

789
01:20:50,729 --> 01:20:53,109
y luego vais a ver, mirad por ejemplo aquí

790
01:20:53,109 --> 01:20:55,369
si me voy a estos extremos, herramientas que pueda ver

791
01:20:55,369 --> 01:20:57,010
esto depende del software, pues para curvar

792
01:20:57,010 --> 01:20:59,850
los picos

793
01:20:59,850 --> 01:21:01,569
los bordes, aquí por ejemplo

794
01:21:01,569 --> 01:21:03,390
ocurre también, si yo tiro de aquí puedo

795
01:21:03,390 --> 01:21:05,390
hacer más redondo el diseño

796
01:21:05,390 --> 01:21:07,689
o no, bueno, esto ya son otras herramientas

797
01:21:07,689 --> 01:21:09,310
más avanzadas, pero que sepáis

798
01:21:09,310 --> 01:21:11,329
que algo básico también son los manejadores

799
01:21:11,329 --> 01:21:12,729
de transformación que son estos

800
01:21:12,729 --> 01:21:15,310
que se basan en tres, mover o cambiar

801
01:21:15,310 --> 01:21:17,369
la posición y fijaos que en las propiedades

802
01:21:17,369 --> 01:21:34,890
A medida que voy moviendo el elemento, se puede ir también ajustando con las propiedades. Tiene una posición dentro de los lienzos. O la rotación también se puede ajustar desde aquí o desde aquí. O la escala, que básicamente en este caso son las dimensiones.

803
01:21:34,890 --> 01:22:03,069
Todas estas dimensiones, si supiéramos que son de 500, se puede meter a mano, pero se puede hacer también, por ejemplo, arrastrando desde el propio parámetro, si os ponéis, donde pone la magnitud o el indicador de qué es esa dimensión o ese parámetro, mejor dicho, esa propiedad, podéis arrastrar a izquierda o derecha para ir también haciendo las variaciones de modos más o menos precisos.

804
01:22:03,069 --> 01:22:10,729
Y luego hay atajos, por ejemplo, si rotamos con el shift, esto también nos pone indicaciones, veis que lo va haciendo en incrementos de unos grados concretos, ¿vale?

805
01:22:11,149 --> 01:22:18,550
Pues bueno, esto ya es ir probando y probando según el software y las opciones, pero en general, esto que os he contado con este software,

806
01:22:19,010 --> 01:22:22,869
si vais a cualquier otro, va a tener comportamientos muy parecidos, como podéis ver, ¿vale?

807
01:22:23,489 --> 01:22:31,750
Entonces, bueno, el objetivo de hoy era un poco servir de modo de introducción a una interfaz de diseño, ¿vale?

808
01:22:31,750 --> 01:22:43,649
En el tema, eso, se va detallando más que son distintas herramientas, distintas propiedades que usaréis, todo lo relativo a tipografía, por supuesto, también en FIMA, a veces os pongo ejemplos de Microsoft Word, bueno, pues la que sea, ¿vale?

809
01:22:44,510 --> 01:22:51,989
No sé si alguna duda o algo que queráis que tratemos, porque por mi parte era un poco lo que quería que viéramos hoy, para no ir más allá.

810
01:22:54,869 --> 01:23:00,069
Mientras alguien me dice algo o no, eso, me apunto lo relativo al carnet de estudiantes, ¿vale?

811
01:23:00,489 --> 01:23:08,050
Para que lo tengáis. Eso no sé si va a ser algo inmediato, pero bueno, al menos que contéis con un plazo.

812
01:23:08,050 --> 01:23:12,890
Y eso, no sé si algo más que queráis que veamos.

813
01:23:15,729 --> 01:23:34,050
O alguna duda, ¿eh? Algo incluso que no hayamos tratado, alguna inquietud que os surja lo podemos ver. Que de momento no me sacan del aula, así que vale. Pues todo claro. Bueno, quedan muchos temas, queda mucho por ver, así que id practicando y en la siguiente vamos viendo dudas, ¿vale?

814
01:23:34,050 --> 01:23:36,210
genial, pues bueno

815
01:23:36,210 --> 01:23:38,550
no sé, simplemente por hacerme un poco

816
01:23:38,550 --> 01:23:40,449
la idea, aquí cada uno tendréis un nivel

817
01:23:40,449 --> 01:23:40,930
y una

818
01:23:40,930 --> 01:23:43,770
procedencia, ¿no? a nivel de

819
01:23:43,770 --> 01:23:46,270
esto es muy básico

820
01:23:46,270 --> 01:23:48,350
o ya más o menos todos conocíais

821
01:23:48,350 --> 01:23:50,609
lo que he ido contando, entiendo que a lo mejor no en este

822
01:23:50,609 --> 01:23:51,250
software, pero

823
01:23:51,250 --> 01:23:54,569
digo, hay alguien, sobre todo me importa, hay alguien

824
01:23:54,569 --> 01:23:56,189
que le suponga algo

825
01:23:56,189 --> 01:23:58,590
que le suponga un mundo esto

826
01:23:58,590 --> 01:23:59,770
que le sea muy complicado

827
01:23:59,770 --> 01:24:02,829
o no se parezca en nada a lo que ha hecho antes

828
01:24:02,829 --> 01:24:08,659
por si acaso tenerlo yo también presente

829
01:24:08,659 --> 01:24:12,529
vale, pero en general

830
01:24:12,529 --> 01:24:14,649
no os asusta esto que os estoy contando

831
01:24:14,649 --> 01:24:15,970
digo que

832
01:24:15,970 --> 01:24:22,229
venga pues

833
01:24:22,229 --> 01:24:27,550
si no hay nada más, pues muchas gracias

834
01:24:27,550 --> 01:24:29,569
y lo dicho

835
01:24:29,569 --> 01:24:31,590
lo acaba de poner una compañera

836
01:24:31,590 --> 01:24:32,789
hasta que no me ponga con el programa

837
01:24:32,789 --> 01:24:35,489
efectivamente, esto por mucho

838
01:24:35,489 --> 01:24:37,390
que os explique, por mucho que leáis, hasta que no os pongáis

839
01:24:37,390 --> 01:24:39,029
a trastear y a probar y

840
01:24:39,029 --> 01:24:41,350
como siempre os diré, intentar

841
01:24:41,350 --> 01:24:46,850
resolver las tareas, pues no hacéis práctica, claro.

842
01:24:47,229 --> 01:24:49,630
Entonces, bueno, os animo a que las hagáis.

843
01:24:50,550 --> 01:24:53,170
Pues nada, muchas gracias por asistir y si no hay nada más,

844
01:24:53,329 --> 01:24:55,550
pues hasta la próxima. Muchas gracias.