Tutoría 02 RPMI - Texto y Figma | Mediateca de EducaMadrid

Bienvenidos a este segundo tutorial de este módulo. 00:00:00

Vimos en la primera, pues lo que era, pues toda la primera unidad, 00:00:03

que veis que, bueno, era un poco introductoria, muy sencilla. 00:00:06

Tenéis lo que es la tarea todavía, creo que es hasta el día 29, ¿verdad? 00:00:09

Si no recuerdo, sí, hasta el día 29. 00:00:13

Entonces, bueno, pues quedan nueve días todavía. 00:00:15

O sea, si alguno no lo ha terminado, pues que la entregue. 00:00:19

Y de momento, bueno, es que estoy en como modo tal, no me parece, 00:00:21

con todos lo habéis entregado, pero vamos, hasta dimos un poco más de tiempo. 00:00:25

Las siguientes ya van a ser como la segunda que la he puesto ya para un poco más, o sea, menos tiempo, que es decir, que se haga un plazo de tiempo más breve. 00:00:28

Bien, aparte de eso, colgué que en esta no lo había colgado, la verdad es que se me había pasado lo que es la programación. 00:00:37

La tenéis también aquí arriba, de acuerdo, arriba del aula, que básicamente el sistema de evaluación es el mismo que en color, por ejemplo, que si estáis conmigo o en cualquier otro, 00:00:43

Porque lo hemos decidido a, digamos, a todo el departamento de imagen y sonido. 00:00:52

Entonces, pues, en cuanto a redondía de notas, todo esto, todo es lo mismo, ¿no? 00:00:57

Lo que pasa es que, bueno, ya sabéis que en la promoción de cada módulo, pues, tenéis el contenido que se va a ver, 00:01:01

cómo están distribuidas las unidades y, bueno, pues, siempre es una información que conviene echarle un vistazo y demás, ¿no? 00:01:05

Bueno, que sepáis que la tenéis ahí. 00:01:11

Entonces, la primera ya hemos pasado y, nada, he estado a abrir los contenidos y, nada, pues, eso es lo que vamos a revisar hoy. 00:01:13

Y luego faltaba la tarea, que la tarea también la he puesto. 00:01:20

Y aquí me faltaba determinar a ver qué programa íbamos a utilizar. 00:01:22

Entonces, mirad, en este módulo vamos a empezar a hacer 00:01:26

como, digamos, pequeñas simulaciones de programas interactivos y todo esto. 00:01:29

Entonces, en esta parte que se trabaja el texto, 00:01:35

se trabajaba, bueno, está orientada, o la unidad se había hecho 00:01:38

hablando de InDesign, ¿verdad?, de Adobe. 00:01:41

Entonces, si alguno lo tenéis, yo he dejado este apartado 00:01:44

dentro del contenido, que ahora lo veremos, 00:01:46

por si alguno lo tiene 00:01:49

o incluso aunque no lo tengáis 00:01:51

siempre está bien echarle un vistazo porque más o menos 00:01:52

la manera de trabajar el texto en todos los programas 00:01:55

se hace de la misma forma al final 00:01:57

entonces 00:01:58

yo creo que 00:01:59

sí que conviene que le echéis un vistazo 00:02:03

pero no podemos trabajarlo así porque evidentemente 00:02:04

no podemos usar el programa 00:02:06

a los que no lo tenéis, a lo mejor algunos sí que lo tenéis 00:02:08

porque lo estáis pagando, pero los que 00:02:11

por cierto, ahora si os queréis suscribir como estudiantes 00:02:12

también os digo que ahora hay una oferta de 00:02:14

Black Friday que 00:02:16

se quedan 16 euros, me parece, con IVA 00:02:18

al mes para estudiantes durante un año 00:02:20

durante el primer año eso sí, pero 00:02:22

Adobe te permite que luego te das de baja y luego 00:02:24

te vuelvas a dar de alta, o sea que si 00:02:26

hacéis vuestras fechas y termina el año que viene 00:02:28

os podéis dar de baja y os volvéis a dar 00:02:30

de alta con el mismo precio, es decir que 00:02:32

es una buena oferta y una buena manera de tenerlo 00:02:34

a un precio relativamente económico, sobre todo 00:02:36

si quieres aprenderlos y demás 00:02:38

pero bueno, evidentemente es una cosa que es 00:02:40

voluntaria y yo no puedo plantear 00:02:42

una práctica con ese programa y obligarlos 00:02:44

a comprarlo porque no 00:02:46

no podemos, ¿vale? Entonces 00:02:47

bueno, pues entonces Evaluél puede ir a hacerlo 00:02:50

con Affinity, ¿verdad? 00:02:52

Que bueno, recordad que esta de 00:02:54

Affinity es de 00:02:56

una empresa que se llama Serif que 00:02:58

hace nada la compró 00:03:00

Canva, bueno, hace nada, ya hace 00:03:02

que también están ahora con el 00:03:03

Braille Friday. Esto es una suite que imita mucho 00:03:05

o bueno, que se basa un poco en la de Adobe 00:03:08

que digamos que tiene, serían 00:03:09

tres programas principales, que es el foto 00:03:11

que vendría a ser como el de Photoshop, luego 00:03:14

pues el designer, que vendría a ser como el illustrator, 00:03:16

y el publisher, que sería como el in-design, ¿no? 00:03:18

Y entonces te cubre un poco a nivel de diseñador gráfico, 00:03:20

pues como toda la suite. 00:03:23

Y es bastante barata, ¿vale? 00:03:24

Porque, bueno, ahora no sé en cuánto se queda ahora, 00:03:25

pues será 50 euros. 00:03:26

Ah, pues sí, porque, bueno, la licencia completa son 180, 00:03:28

que te regalan también una serie de packs de tal, 00:03:31

y ahora se quedan en 90, que, bueno, a ver, 00:03:35

es un precio, lo único que esto es un precio definitivo, 00:03:36

es decir, no es por suscripción. 00:03:38

Entonces se puede comprar también y demás. 00:03:41

Lo que pasa es que esto ahora lo regalan gratis 00:03:44

si te das de como estudiante o como profesor en Canva. 00:03:45

Yo me di de alta en Canva, digamos, a la versión de profesor 00:03:50

y pensé que vosotros también le tenéis de estudiante, 00:03:53

pero según parece, por lo que probasteis alguno, 00:03:56

como comentasteis, y luego yo también lo comprobé, 00:03:58

pues resulta que es que no, o sea, que yo como profesor 00:04:00

os puedo dar como acceso a un aula, pero como para dar una clase y tal, 00:04:02

pero no lo vais a tener vosotros luego como gratuito entero. 00:04:06

Entonces, pues claro, pues será todo muy complejo y tal, 00:04:11

pero bueno, esta suite que os la recomiendo, 00:04:13

porque está bastante bien y si queréis 00:04:14

invertir en algo que no sea un costo mensual 00:04:16

y que tal, pues bueno, pues es eso 00:04:18

el precio solo cambia cuando cambian de versión 00:04:20

o sea, originalmente era la normal, luego sacaron 00:04:22

la versión 2, entonces había que pagar, que la gente 00:04:24

que ya había pagado la primera, pues le hacían 00:04:26

un precio especial para la segunda 00:04:28

pero hay que decir que mientras no cambian la versión 00:04:30

pues las actualizaciones son gratuitas 00:04:32

y no te cobran nada, y de momento 00:04:34

con este sistema, cuando lo compró 00:04:36

Canva, yo empecé a sospechar 00:04:38

o a pensar que igual pues cambiaban el 00:04:40

sistema y lo pasaban a suscripción y no quiere decir que no lo hagan de aquí a no se sabe no 00:04:42

pero bueno de momento está así de todo más y que en el sistema que ya lo han hecho porque por 00:04:47

ejemplo el gratuito sé que lo dan a los estudios a los profesores a través de la licencia del 00:04:53

profesor pero está de montones de mantener igual pues bueno yo creo que bueno aunque él haya 00:04:59

comprado no creo que a veces temerá que también está un tiempo así porque pasó con un cierto 00:05:04

brass que también lo compró maxon y entonces pues al principio como que estaban los dos por 00:05:09

separado pero al final lo metieron todo en un pack y ahora pues le tienes que suscribir como 00:05:15

a su pack y todo esto bueno no sé pero bueno en caso es eso y también es lo interesante de 00:05:19

esta suite es que te da las versiones para tanto para el escritorio para windows o para mac como 00:05:23

para la versión del ipad vale entonces tienes un ipad pues podéis usar estos programas prácticamente 00:05:28

con las mismas funciones es decir están bastante muy bien adaptados y entonces puedes trabajar en 00:05:33

un sitio como en otro y además los archivos se actualizan de un tanto de uno para otro y bueno 00:05:37

pues está bastante bien. Yo os la recomiendo si probarlo pero tampoco lo vamos a usar por lo 00:05:42

mismo porque no os puedo dar acceso gratuito a todos entonces pues no pues no vamos a hacerlo 00:05:47

entonces qué vamos a hacer pues lo vamos a hacer todo con Figma porque Figma es el programa que ya 00:05:53

de por sí vamos a usar para hacer prototipos de diseño de aplicaciones todo esto pues hay que 00:05:58

manejar texto, pues bueno, pues ya empezamos con él. 00:06:03

Le iba a posponer un poco más, pero en vez 00:06:05

de buscar otro alternativo y demás, y ya digo, 00:06:07

las formas de manejar el texto, pues es 00:06:09

muy parecido. De hecho, este programa se basa 00:06:11

como en varios programas que se juntaron, 00:06:13

¿no? Como de sketch, 00:06:15

no sé qué, y entonces 00:06:17

pues es que viven mucho todos 00:06:18

al final de lo mismo, ¿no? Entonces que 00:06:21

implementan funciones que, a ver, en alguno se puede 00:06:23

hacer de forma diferente o pueden añadir opciones 00:06:25

diferentes, pero en principio 00:06:27

pues funciona igual. Entonces, este es 00:06:29

gratuito de por sí, entonces lo que tienes que hacer 00:06:31

es cuando vais a, tenéis que ir 00:06:33

a la zona aquí de abajo, porque si vais por aquí 00:06:35

parece como que no, como que hay que 00:06:37

darse de alta, bueno, realmente hay que darse de alta 00:06:39

pero bueno, ahora os digo, pero si vais aquí 00:06:41

ponen descargas, entonces si vais a descargas 00:06:43

entonces vais a esa página que estábamos 00:06:45

aquí y tenéis la aplicación de escritorio 00:06:47

está para Windows y para Mac 00:06:49

tenéis la versión de Windows de ARM 00:06:51

o sea, la de, pues eso 00:06:53

estos nuevos chips que si tenéis una versión 00:06:54

de Windows, no sé que es esta versión 00:06:57

salvo que tengáis un Mac y lo estéis virtualizando 00:06:59

o tal, pero vamos, si no nada 00:07:01

Y bueno, pues la de Windows normal y la de MacOS 00:07:03

Y también luego tienen para iOS y Android 00:07:05

Entonces bueno, pues también para el iPad y tal 00:07:07

Y esta es gratuita, lo único que cuando lo instaléis 00:07:09

Si descargáis, pues os va a pedir que os creéis una cuenta 00:07:11

Que podéis utilizar una cuenta de Google 00:07:13

O si no 00:07:15

Creáis una nueva, lo que sea 00:07:17

Y entonces sí que os tienes que loguear, ¿veis? 00:07:18

Yo ya estoy aquí logueado porque me he tenido que crear la sesión 00:07:20

Y entonces, y luego ya pues 00:07:23

Entréis aquí, que ahora lo veremos 00:07:25

Aquí aparece mi nombre y entonces pues nada 00:07:26

Pues tenéis que estar con una cuenta 00:07:28

Yo me he dado de alta con la cuenta de EducaMadrid 00:07:29

o sea que con esa misma y tal 00:07:32

pero yo ahora mismo no tengo ningún privilegio 00:07:34

de profesor ni nada, luego sí que hay 00:07:35

opciones, para lo que vamos a trabajar nosotros 00:07:37

en principio nos deja 00:07:40

hacer prácticamente todo lo que vamos a hacer 00:07:41

es verdad que luego para temas de 00:07:43

porque esta aplicación está muy orientada 00:07:45

también para trabajar en equipo, entonces de modo 00:07:47

colaborativo, entonces 00:07:49

pues ahí hay opciones que son más de pago 00:07:51

entonces que bueno, aquí tienen los precios 00:07:53

pero entonces sí que aquí hay opciones como 00:07:55

para estudiantes, que si no recuerdo 00:07:57

me han estado por aquí, pero a ver si me acuerdo porque 00:07:59

veis profesional, empresa, precios 00:08:01

pero había una de educación 00:08:04

que no me acuerdo dónde estaba 00:08:06

desarrolladores 00:08:07

bueno pues estaba por aquí, no sé, yo me metí el otro día 00:08:09

lo que pasa es que incluso a mí me pedían bastantes cosas 00:08:14

vamos a meter un montón en profesional 00:08:16

pero en profesional no creo 00:08:17

bueno, inicial profesional 00:08:19

no, pero tiene que haber una opción de estudiantes 00:08:21

si lo doy por aquí, a ver un momento 00:08:24

bueno 00:08:25

afiliados 00:08:28

pues ahora no lo veo 00:08:32

pero 00:08:35

me escucháis bien 00:08:36

me ha salido un mensaje de que se escucha ruido en el 00:08:41

me escucháis bien 00:08:43

me ha salido un mensaje de que 00:08:44

mi micrófono está ruidoso, no sé 00:08:48

y decirme si 00:08:50

vale, vale, perfecto, no digo, es que a lo mejor os estoy muy cerca 00:08:53

o es que no me han traído a más 00:08:56

el antipop este que han sacado ahora 00:08:57

y perfecto, vale, pues 00:08:59

nada, gracias. Pues bueno, pues 00:09:01

estaba por aquí, no sé ahora mismo, a ver un momento, que a lo mejor 00:09:03

estaba por aquí, en soluciones, a ver 00:09:05

Instituciones Educativas 00:09:07

aquí, mirad, dentro de soluciones 00:09:12

Instituciones Educativas, entonces teníais 00:09:13

aquí, tanto como para 00:09:15

para profesor, como para 00:09:17

para aquí, por aquí está 00:09:19

lo que tienes que hacer es crear una cuenta, que esta cuenta ya digo 00:09:21

que se la van a hacer crear igualmente y luego 00:09:23

tienes que demostrar que, bueno, verificar tu 00:09:25

condición de estudiante o de profesor 00:09:27

yo empecé con lo de profesor 00:09:29

y la verdad es que me pedían un montón de cosas, incluso me pedían 00:09:31

como el programa del módulo que me impartí 00:09:33

cosa que normalmente no suelen preguntarlo 00:09:35

pero bueno, y la verdad es que me quedé ahí 00:09:37

entonces dije, bueno, me voy a probar a ver primero con lo básico 00:09:39

pues si acaso luego nos da problemas 00:09:41

que bueno, que ya tenemos experiencia, verdad 00:09:43

con otros de Adobe y todo esto 00:09:44

y no quería meterlos en más líos 00:09:47

y todo esto, y la verdad es que en principio va bien 00:09:49

o sea, que siempre tengo que crear una cuenta, eso sí que os va a obligar 00:09:51

crear una cuenta 00:09:53

pero que es gratuita, ya digo 00:09:53

que con esto no hay problema 00:09:57

y ya está, lo hacéis con la cuenta que queráis 00:09:58

yo lo he hecho con la de Educomadrid 00:10:00

si queréis vincularla con vuestra cuenta de Google 00:10:01

o algo así, pues también podéis hacerlo 00:10:05

eso como veáis 00:10:06

yo no voy a pedir que me 00:10:07

no hay ninguna 00:10:09

ventaja de que lo hagas con una o con otra 00:10:10

porque luego yo os voy a pedir que exportéis las cosas 00:10:14

o sea que tampoco da igual 00:10:16

entonces bueno, pues esto lo hacéis 00:10:17

luego lo veremos porque ya digo, la práctica 00:10:19

la vamos a hacer con Figma, está planteada con Figma 00:10:22

y veréis que es muy sencillo 00:10:24

es muy intuitivo, se basa mucho en 00:10:26

en los programas que, vamos, que si sabéis 00:10:27

manejar esto, luego el 00:10:30

Illustrator, el InDesign, os va a resultar 00:10:32

también muy, o sea, va a ser 00:10:34

prácticamente igual, o sea, 00:10:36

todos al final se retornimentan, 00:10:38

¿no? E intentan un poco parecerse 00:10:40

entre comillas, ¿no? Hay cosas que, pues, por temas 00:10:42

de patentes y todo esto, pues a lo mejor 00:10:44

no pueden imitar, pero, o intentan 00:10:46

diferenciarse, pero, bueno, que es 00:10:48

bastante, es muy potente, ¿no? Y además 00:10:50

que es muy intuitivo, es como un poco, también 00:10:52

funciona un poco como Canvas, se dedican todos tus archivos 00:10:54

ahí grabados, entonces 00:10:56

los siempre los tienes a mano, los puedes modificar 00:10:57

y bueno, pues la verdad es que está bastante 00:11:00

bien, incluso, y es para todo, desde maquetar 00:11:02

textos hasta hacer aplicaciones, hasta hacer 00:11:04

tal, y ya iremos viéndolo poco a poco 00:11:06

¿vale? Hoy haré una pequeña introducción, lo que 00:11:08

nos dé tiempo, si no el próximo día tal 00:11:10

pero vamos a ir orientado a hacer lo que es la práctica 00:11:12

esta, ¿de acuerdo? No vamos a verlo todo el programa 00:11:14

hoy, evidentemente, porque ni el próximo, ni 00:11:16

aunque haríamos otra, una segunda clase, porque 00:11:18

es algo que vamos a ver los próximos meses 00:11:19

pero sí que me parece interesante empezar con 00:11:22

él, porque ya digo, es uno que se utiliza hoy 00:11:24

en día bastante y sobre todo por las 00:11:26

prestaciones que da 00:11:28

el ser gratuito, etcétera 00:11:29

pues todo esto 00:11:31

es como todo, luego no sabemos si a lo mejor 00:11:32

lo dará, lo pondrá 00:11:35

un poco más de pago, no creo, porque 00:11:38

normalmente estos programas que empiezan así 00:11:39

pues siempre lo dan gratuito y luego lo pasas 00:11:41

así que si ya quieres más opciones o que 00:11:44

tienes más espacio o que puedes hacer más 00:11:46

proyectos a la vez o añadir nuevas páginas 00:11:48

y todo esto, pues entonces ya tienes que pagar 00:11:50

los precios tampoco es que sean muy elevados 00:11:51

porque empiezan desde 15 euros 00:11:54

pues está ya para un equipo profesional, o sea, para un equipo. 00:11:56

Y luego ya si es una organización, claro, una empresa, 00:11:59

pues ya lógicamente van pidiendo más porque da muchas más opciones 00:12:02

también de administrador y de todo esto, ¿no? 00:12:05

Que en nuestro caso pues no necesitamos, ¿de acuerdo? 00:12:07

Está Figma, luego Figma Jam. 00:12:11

Bueno, Figma Jam es como un tablero, como unas pizarras, ¿no? 00:12:12

Que es otro sistema. 00:12:17

Pero bueno, sobre todo pues eso, está pensado para proyectos en equipo 00:12:18

donde pues se van poniendo las ideas en común y todo esto. 00:12:21

Con Figma también se puede hacer, es decir, que se puede trabajar 00:12:24

varias personas en un proyecto. Esto si habéis 00:12:25

trabajado con OpenOffice 00:12:28

pues es igual, que tú ves 00:12:30

en tiempo real quién está escribiendo y tal 00:12:32

y cada uno puede tener un color para saber lo que ha escrito uno 00:12:33

lo que ha hecho el otro y bueno, pues varias personas 00:12:36

pueden estar haciendo diferentes cosas porque a lo mejor 00:12:37

uno se dedica a manipular las imágenes 00:12:40

el otro está haciendo el texto, el otro no, pues cosas así 00:12:42

hoy en día es lo que más 00:12:44

productividad 00:12:46

da al fin y al cabo 00:12:48

porque bueno, son sobre todo proyectos complejos 00:12:49

y proyectos ambiciosos 00:12:52

bien, bueno, pues esto ahora lo veremos 00:12:54

simplemente eso, que lo sepáis 00:12:56

y no os lo avise antes porque realmente 00:12:57

es que he estado mirando opciones y probando 00:12:59

y digo, no sabía muy bien, digo, pero bueno 00:13:02

al final creo que he tirado por ahí 00:13:04

y la verdad es que creo que es la opción más acertada 00:13:05

aparte que ya veis que es muy intuitivo 00:13:08

y que se puede hacer tanto lo que plantea aquí 00:13:09

como lo que vendrá después 00:13:12

¿de acuerdo? bien, pues entonces 00:13:14

bueno, vamos a empezar ya porque yo creo que la primera unidad 00:13:16

será bastante sencilla, no me habéis 00:13:18

planteado tampoco así ningún problema y tal 00:13:20

y aquí empezamos ya un poco con el texto, ¿de acuerdo? 00:13:21

A partir de ahora las unidades de este módulo, yo creo que son bastante accesibles, están muy bien explicadas, porque ya os comenté el otro día que la primera clase, que estos contenidos los ha hecho un profesor, que además ha publicado un libro, os lo digo por si os interesa ahondar el tema y tal, que dentro de la editorial de Altaria, pues Altaria tiene un montón de libros de imagen y sonido. 00:13:23

es verdad que están orientados un poco más 00:13:49

a nosotros, a los profesores 00:13:52

pero bueno, también a los estudiantes 00:13:53

porque al fin y al cabo de nuestras especialidades 00:13:56

que luego no hay libros de prácticamente nada 00:13:58

y ha sacado este que es de Realización de Proyectos Multimedia Interactivos 00:14:00

que es del profesor que ha hecho 00:14:03

los materiales que estáis utilizando vosotros 00:14:04

entonces se llama Álvaro Holguera 00:14:06

y bueno pues 00:14:09

yo lo conozco personalmente 00:14:09

y bueno, si os interesa 00:14:11

o vais a tirar esta rama y tal 00:14:13

pues bueno, aparte de los contenidos que están aquí 00:14:16

y que muchos se basen en ellos, porque él ha escrito el libro posteriori, pero bueno, quizá apartado de alguno. 00:14:17

Pero como no, aquí puedo profundizar un poco más. Bueno, pues aquí lo tenéis, ¿vale? 00:14:24

Entonces, bueno, pues que sepáis en qué está eso, en la editorial de Altaria. 00:14:27

Bien, pues entonces, nada, entonces empecemos con el texto. 00:14:31

Lo que os quería decir es que a partir de ahora, pues los contenidos, pues a veces incluso hay un tema que puede parecer un poco largo, 00:14:34

pero porque, bueno, el contenido, bueno, es muy relevante, es muy interesante, pero creo que está muy bien explicado, muy bien llevado. 00:14:39

Entonces, bueno, pues aparte de las tutorías que tenemos nosotros, que tenemos en Intel y todo lo que podéis preguntar, por supuesto, entonces yo creo que no hay ningún problema y es que este módulo es bastante accesible, ¿no? 00:14:45

Pero bueno, sí que no lo vayáis dejando a partir de ahora porque la primera unidad será muy cortita y a lo mejor os pensáis que tal, pero ya he visto que esta ya es un poco más larga y todavía la sé más larga, ¿vale? 00:14:55

Entonces, pues, lo vamos viendo. 00:15:04

Bueno, aquí vamos a hablar de tipografía. 00:15:07

La tipografía es un tema muy importante porque, bueno, 00:15:08

es verdad que estáis teniendo un ciclo de imagen, bueno, 00:15:11

de la rama de imagen y sonido y trabajamos mucho con las 00:15:14

imágenes, ¿verdad? 00:15:19

Y estáis ahora también con diseño y dibujo modelado y 00:15:20

dibujando y todo esto. 00:15:22

Y, por supuesto, es súper importante. 00:15:23

Pero el texto también lo es. 00:15:26

Es decir, aunque vivimos en una era donde la imagen tiene mucha 00:15:27

importancia y donde todos los medios de comunicación y de 00:15:29

transmisión de mensajes, pues se utiliza 00:15:32

la imagen como soporte o como 00:15:34

tal, pero también 00:15:36

nos apoyamos mucho en el texto, ¿no? 00:15:37

Y se sigue leyendo y demás, a lo mejor 00:15:40

pues la venta de periódicos o revistas 00:15:42

impresas ha bajado, pero 00:15:44

seguimos leyendo en digital, ¿verdad? 00:15:46

En e-books, en libros, los libros 00:15:48

siguen teniendo su presencia, ¿verdad? 00:15:50

No van a desaparecer y 00:15:52

luego todos en cualquier mensaje y tal, 00:15:54

incluso también en cualquier producto 00:15:56

tipo videojuegos y todo esto, pues la 00:15:58

tipografía también existe porque tiene que haber subtítulos, 00:16:00

también como tema de accesibilidad 00:16:02

para personas por ejemplo que tienen problemas de audición 00:16:04

y aunque no tengas problemas de audición 00:16:06

si está en otro idioma porque te lo traduce 00:16:08

y si no pues también a veces porque 00:16:10

estás a lo mejor a mil cosas 00:16:12

o estás jugando en un ambiente donde no puedes escuchar muy bien 00:16:14

pues tiene que aparecer el texto 00:16:16

y todo esto suele ser configurable 00:16:18

igual que nosotros os damos la barra esta para configurar vuestro texto 00:16:19

cambiando el tipo de letra y todo esto 00:16:22

pero bueno, todo esto afecta 00:16:24

bien, entonces, ¿qué hay que tener en cuenta 00:16:25

a la hora de... bueno, os pongo estos ejemplos 00:16:28

que son bastante interesantes 00:16:30

de cómo un mismo mensaje puede 00:16:32

variar totalmente dependiendo de lo que 00:16:34

se, de cómo se escriba 00:16:36

entonces por ejemplo en este 00:16:39

mensaje de aquí, no se me abre, no está 00:16:40

puesto el, bueno, dependiendo 00:16:42

de cómo se jerarquice, verdad, este 00:16:44

primer mensaje está puesto así un poco desordenado 00:16:46

todo casi con el mismo tipo de letra 00:16:49

con el mismo tamaño, los Oscars 00:16:50

aquí dándole una importancia tremenda que realmente no la tiene 00:16:52

porque tú ya sabes que estás en los Oscars y tal 00:16:54

y aquí sin embargo la categoría aquí como 00:16:56

abajo del todo que no se sabe muy bien 00:16:58

entonces no sabes si estás dándole el Oscar en Mastón, ¿verdad?, o a la película La La La, no todo esto. 00:17:00

Esto está mucho mejor estructurado, es mucho más elegante, mucho más bonito, ¿verdad? 00:17:05

No hace falta poner Oscars así con letra, porque con poner la figura, como es muy icónica, la reconocemos enseguida. 00:17:08

Sabemos que están los Oscars, aparte, bueno, la persona que abre este sobre está los Oscars en nuestra ceremonia, 00:17:13

pero bueno, luego lo de Bessatres aquí también arriba, encabezado, con lo cual sabes perfectamente dónde estamos, 00:17:17

el nombre de la actriz aquí viene en grande para tal, y luego la película en la que ha participado, 00:17:23

Entonces, bueno, pues todo queda mucho más claro, incluso aunque no hayas visto nunca la gala, aunque nunca tal, pues cualquier persona puede interpretar muy bien este mensaje, ¿no? 00:17:27

O esta que también es muy ilustrativo, ¿no? De tú siempre serás mía y no es lo mismo ponerla con una letra manuscrita y un corazoncito, ¿verdad? 00:17:34

Que puede ser un mensaje perfectamente de San Valentín, que con una tipografía más creepy, ¿no? Y con una mecha de sangre y todo esto, pues que ya estamos en otros temas, ¿no? 00:17:41

nosotros llamamos de un acoso 00:17:50

o de una amenaza o lo que sea 00:17:51

entonces, bueno, pues eso 00:17:54

todo varía, ¿vale? 00:17:56

al igual que varía mucho la puntuación 00:17:57

y dónde se pone el punto, dónde se pone la coma 00:17:59

el tipo de letra que se usa 00:18:02

el escribir bien, o sea 00:18:04

muy importante 00:18:06

y lo voy a recordar siempre porque 00:18:06

nos sorprendemos mucho 00:18:10

porque cuando, a ver que 00:18:12

todos podemos cometer una falta de ortografía 00:18:13

en un momento dado, es verdad 00:18:16

Pero no sé si porque hoy en día estamos menos acostumbrados a escribir, ¿verdad? Porque pues nadie escribe cartas, escribimos correos a lo mejor muy rápido, escribimos mensajes de texto con abreviaturas, con emoticonos y tal, todo esto. Pues se comete mucha falta de ortografía y nos pedimos a lo mejor el currículum o que nos escribáis o incluso a veces cuando nos escribís vosotros los correos y tal, o sea, no voy a decir nombres ni voy a apuntar a nadie, ¿no? 00:18:18

Pero es que a veces no sabemos muy bien lo que nos queréis decir. 00:18:41

Es decir, pues eso, se formula una pregunta, pero a lo mejor si no hay signos ni de interrogación y todo esto. 00:18:44

Claro, cuando nosotros lo estamos pensando o reproduciendo en nuestra cabeza, a lo mejor lo tenemos muy claro. 00:18:52

Pero si tú no lo transcribes con una buena ortografía y una buena composición y todo esto, pues es importante. 00:18:56

Igual que dejar espacio, organizar la información en párrafos pequeños. 00:19:04

A veces en vez de poner un párrafo muy largo de 6 o 7 líneas, es más interesante hacer un par de 2 o 3 y vas organizando la información, que para eso están los párrafos, todo esto, vas añadiendo en cada párrafo nuevas ideas, en fin, todo esto es importante. 00:19:08

Por eso es tan importante que dediquemos esta unidad a este tema. 00:19:24

Aquí os hablo un poco de la historia de la tipografía y de cómo surge, porque ya sabéis que al principio todos los libros se escribían a mano. 00:19:30

Es decir, había los escribas, que eran los que escribían los libros. 00:19:37

Si habéis visto la película de El nombre de la rosa, que basa en la novela de Humberto Eco, 00:19:41

pues ahí están los monjes en el monasterio escribiendo y haciendo las copias de los libros. 00:19:46

porque una copia de un libro había que hacerla a mano 00:19:52

efectivamente porque no había imprenta 00:19:54

entonces pues era complicado 00:19:55

entonces bueno, una película así muy interesante 00:19:58

que os recomiendo si no habéis visto verla 00:20:00

con Sean Connery 00:20:02

y quién era el otro 00:20:03

no, Ethan Hawke, no, el otro 00:20:06

ahí se me ha ido 00:20:08

el chico este 00:20:09

el Christian Slater, que se me olvidaba 00:20:11

Christian Slater es el joven 00:20:13

en esa época era el joven 00:20:16

bueno pues entonces claro 00:20:17

esto está la imprenta era así 00:20:20

Y entonces luego cuando se creó la imprenta, creó Gutenberg, entonces ya los tipos se hacían como planchas, como plantillas. 00:20:21

Entonces a principios se hacían las planchas enteras, luego ya se creó el tipo móvil donde se iban creando, pero luego las letras se reutilizaban y entonces se hacían impresiones y demás. 00:20:30

Bueno, pues esto evidentemente ya democratizó mucho la distribución de la literatura y bueno, pues también coincidió con la revolución industrial, el consumo de masas y todo esto, tanto para la prensa como para los libros y demás, pues evidentemente eso puso un boom. 00:20:40

Entonces esto. También luego llegó el tema digital, que también tiene sus propias características de tipografías. Las primeras tipografías digitales a veces eran muy pixeladas y todo esto. 00:20:57

hoy en día esto ya está superado 00:21:15

y dada la definición de las pantallas 00:21:17

y de los sistemas 00:21:19

de proyección y todo esto 00:21:21

pues realmente ya 00:21:23

tiene la misma calidad que puede ser una empresa 00:21:24

pero antiguamente no era así y los monitores 00:21:27

antiguos, estos de tubo 00:21:28

que si recordáis o tenéis alguno en casa 00:21:31

pues tenían mucho menos definición 00:21:32

lógicamente y se veían las líneas 00:21:35

de definición, si te acercabas lo suficiente 00:21:37

y a veces 00:21:39

no había que alejarse mucho 00:21:40

veías realmente como líneas 00:21:42

Y cada información se tenía que meter como en una línea, en un píxel, entonces todo era más complejo. 00:21:44

Aparte que había parpadeo y tal, entonces era más dificultoso leer texto o lo que sea en una pantalla. 00:21:51

Pero hoy en día esto ya ha evolucionado y demás. Ahora hablaremos también de eso. 00:21:59

Y luego también la tipografía es un arte en sí, ¿verdad? 00:22:05

porque a lo largo de la época, sobre todo cuando se surja un gran consumo de masas 00:22:07

y cuando surjan un montón de productos y de compañías que se tienen que primero mandar un mensaje 00:22:13

y luego diferenciarse unas de otras y luego también mostrar un poco el ritmo de esa época 00:22:20

porque la tipografía es como todo, también tiene sus modas y tal, que a veces se abusa de ello, 00:22:25

se utilizan tipografías demasiado para todo, entonces aparece la misma de siempre 00:22:32

pero cuando quieres hacer un mensaje. 00:22:35

Estos suelen ser, al final, clichés que se utilizan mucho, 00:22:37

que a veces funcionan, pero sobre todo si quieres dar un aire 00:22:39

como muy vintage, ¿verdad? 00:22:41

Y que quieres que remita a una época pasada, ¿no? 00:22:43

Si veis estos, como os recomienda el texto, 00:22:45

si quieres ver, viendo estos textos, 00:22:47

nos retrotrae a una época determinada, ¿no? 00:22:50

Y todo esto, ¿no? 00:22:53

O a un tipo de producto. 00:22:54

Entonces, pues a veces se puede utilizar con ese fin, ¿no? 00:22:56

Como para abocar esa época y demás, ¿no? 00:22:59

Pero a veces tampoco hay que abusar de eso, ¿no? 00:23:01

Porque, bueno, pues si siempre pasa lo mismo, 00:23:03

al final siempre se convierte en un cliché 00:23:05

y efectivamente puede haber cosas así 00:23:07

pero bueno, a veces se recurre a esos modelos 00:23:09

para luego actualizarlos y modernizarlos 00:23:13

pero bueno, que todo esto 00:23:16

bueno, esto lo he leído un poco y demás 00:23:17

aquí otro ejemplo de cómo el tipo de letra 00:23:20

cambia totalmente el mensaje, ¿verdad? 00:23:22

el te quiero, al te quiero, pues eso 00:23:24

con una característica diferente 00:23:26

y bueno, luego aquí pues eso 00:23:27

os hablo un poco también de eso 00:23:29

Por ejemplo, estas tipografías de estos tres grupos, que si os fijáis, si lo pensáis, pues que cada uno remite un poco también al estilo que tenían, ¿no? Pues digamos que los Beatles, bueno, no iba a decir que son pijos, pero no son pijos realmente, pero bueno, tienen un estilo un poco, bueno, que tuvieron muchas épocas, ¿no? Pero bueno, que pues un poco más elegante, ¿no? Un poco más tal, sobre todo al principio, que iban con traje, que iban con tal. 00:23:33

los rollos están un poco más salvajes 00:23:56

un poco más tal 00:23:59

y los he estropeado totalmente 00:24:00

en un tipo de norma 00:24:02

que al final es de lo que trataba 00:24:05

el momento punk 00:24:06

el momento rupturista 00:24:08

y de cuestionar un poco 00:24:10

los modelos existentes 00:24:12

la tipografía ya remete un poco 00:24:14

a lo que va a ser al final 00:24:16

el producto que vas a consumir 00:24:19

en este caso son grupos musicales 00:24:20

pero puede ser un libro 00:24:22

hoy en día se juega mucho con las portadas de los libros 00:24:23

y la presentación de los libros 00:24:26

como se presentan los libros 00:24:28

ya no solo a nivel de tipografía 00:24:30

sino de cómo están las portadas 00:24:32

y los lomos con todos los dibujos 00:24:35

todo eso es importante 00:24:37

y al final todo remite a un mensaje 00:24:38

que quieres transmitir 00:24:40

y también a una experiencia estética 00:24:41

que también 00:24:45

como es un libro 00:24:46

te tiene que interesar el contenido 00:24:47

y tienes que hablar del contenido 00:24:50

pero también el contenido te cuenta 00:24:51

Porque también, si eres aficionado, también te gusta ver cómo queda tu estantería o tus vinilos, cómo quedan expuestos, que a veces también dejas alguno así a la vista o ves los lomos. 00:24:55

Bueno, pues es importante. Entonces, nunca hay que desniñarlo y sigue vigente hoy en día sin ningún problema. 00:25:06

Entonces, eso. 00:25:12

Bueno, aquí empezamos a tratar, bueno, esto es un poco como reflexiones que a veces a lo mejor no pensamos. 00:25:14

porque aparte, si os fijáis, uno de los indicios que indican más si estamos entre una persona que ha estudiado diseño 00:25:19

es cómo utiliza la tipografía. También cómo se usa el uso de imágenes y un poco todo, la composición en general. 00:25:27

Pero la tipografía es casi eso, es como si presentas una carta de un currículum o una carta de presentación 00:25:34

que estás buscando un trabajo y está repleta de faltas de ortografía, pues ya la sensación que das es muy buena, 00:25:40

verdad, porque sí que todo el mundo puede tener un error, pero si estás buscando un trabajo y has 00:25:46

hecho esas cartas precisamente para buscarlo, pues el hecho de que de repente haya una falta de 00:25:50

ortografía y a lo mejor alguna como muy evidente o muy gorda, pues puede indicar pues también una 00:25:55

falta de interés o que sí que no lo has puesto mucho cuidado y claro eso también puede redundar 00:25:59

en bueno pues si luego me voy a trabajar igual pues a lo mejor esta persona no me interesa, 00:26:04

entonces de ahí un poco también la importancia. Y en cuestión de diseño pasa lo mismo, si utilizamos 00:26:07

una tipografía, la siempre denostada Comic Sans, que es esta que es tipo cómic, que tiene su utilidad porque es una tipografía muy infantil, que está orientada para temas infantiles, pero claro, si lo utilizas, hay ejemplos por ahí, que si ves que es por la red de utilizar la Comic Sans para anunciar a lo mejor una funeraria o algo así, pues claro, ahí no tiene sentido, porque entonces es como un mensaje contradictorio. 00:26:11

Entonces estás utilizando un elemento que remite a la infancia o algo inocente y de repente con un mensaje más serio. Esa contraposición y sobre todo se ve que ahí falla algo y que no se ha puesto mucho cuidado. Por eso es importante dedicarle y estudiarlo. 00:26:38

bueno, de tipografía hay infinidad de libros 00:26:56

infinidad de tal 00:26:58

os recomiendo que si vais a una librería ojéis algunos 00:26:59

que si os gusta el tema 00:27:02

pues que tengáis uno en casa 00:27:04

por complementar y tal 00:27:06

porque siempre está bien 00:27:08

a la hora de cualquier cosa 00:27:09

tanto si vais a dedicaros al diseño en sí gráfico 00:27:12

como si simplemente 00:27:14

tenéis que escribir una carta o hacer de repente 00:27:16

un cartel porque tal 00:27:18

no solo es un texto de texto de libro 00:27:19

sino que el texto está en eso 00:27:22

en mensajes publicitarios, en carteles, etc. 00:27:24

entonces bueno, pues vamos aquí 00:27:26

lo principal es saber un poco lo que estamos trabajando 00:27:28

porque si la fuente, nuestra materia prima 00:27:31

es la tipografía 00:27:33

pues vamos a ver en algunos términos 00:27:35

algunas cosas que estas sí que ya son más técnicas 00:27:37

y que conviene que sepáis 00:27:39

porque muchos programas lo utilizan 00:27:41

esta es la terminología 00:27:43

y también si leís algunos libros, tal vez lo podréis encontrar por supuesto 00:27:44

en todos y demás 00:27:47

como puede ser la familia tipográfica o la fuente 00:27:49

el cuerpo y unes de medida, el espaciado 00:27:51

que es el tracking y el kerning o el interlineado 00:27:53

que son cosas que todos hemos manejado pero que conviene reflexionar 00:27:55

lo primero que hay que determinar es la diferencia 00:27:58

que yo creo que aquí es como se ve, bueno aquí os lo explica todo muy bien pero bueno yo creo que 00:28:03

con el gráfico se ve perfectamente, lo que es una familia tipográfica 00:28:07

que una familia tipográfica evidentemente incluye varios tipos de 00:28:11

varios tipos de letra, varios tipos de fuente 00:28:14

digamos que se pueden agrupar todos en esa familia porque digamos que tienen unas características comunes 00:28:19

que comparten cada una de ellas, aunque luego se diferencian. 00:28:23

Por ejemplo, aquí tenemos la albética, pero la femenina albética tiene una que es más condensada, 00:28:27

la he llamado New Condenser, que es un poco más gruesa, es más negrita. 00:28:32

Luego esta tiene las letras un poco más separadas y es más finita, es ultra light. 00:28:41

Luego tienes una que es menos light, la medium, que sería un poco la normal, 00:28:46

y luego la negrita, la bold totalmente. 00:28:49

Bueno, pues todas estas, evidentemente, se agrupan dentro de una familia que es la familia de la albética, ¿de acuerdo? Entonces, bueno, puede haber muchas más. Al nivel tipográfico, bueno, hay empresas que se dedican solo a eso y hay tipografías que tienen derechos de autor, entonces no los puede usar cualquier persona. 00:28:51

de hecho hay algunas tipografías que son exclusivas 00:29:07

de algunas empresas que no permiten que nadie las use 00:29:09

porque no recuerdo 00:29:11

cuál era, no sé si era Coca-Cola 00:29:14

o algo así 00:29:15

que no puedes utilizar 00:29:16

aunque sea una marca totalmente diferente 00:29:19

no puedes hacer su tipografía 00:29:21

porque es que se ha creado expresamente para eso 00:29:24

han pagado ellos 00:29:25

y demás, entonces 00:29:26

pues claro 00:29:28

iba a decir que hay que pedir permiso 00:29:30

pero es que a veces ni siquiera no les interesa pedir 00:29:33

que la utilice nadie 00:29:35

Porque, pues eso, un tipo de letra, igual que un color, igual que tal, es identificativo de una marca en concreto. Entonces, si tú ves cualquier otra cosa con ese tipo de letra, aunque no tenga nada que ver, aunque digas, no va a estar relacionado con tu sector, no se van a confundir la gente, digo, ya, pero yo primero que he pagado hasta a un diseñador que me ha creado toda la tipografía y luego, segundo, que no quiero que luego ronde por ahí un montón de mensajes, ¿vale? 00:29:37

Que va a crear confusión en mis clientes y demás, ¿no? 00:30:02

Entonces, bueno, porque es muy significativo y es muy poderoso que tú veas una letra 00:30:05

y ya digas, esto es de, pues esto, es Coca-Cola o es tal, ¿no? 00:30:08

Entonces, todo esto, ¿no? 00:30:12

Más que utilizar, a lo mejor, una fuente genérica. 00:30:14

Entonces, todo esto se diseña. 00:30:17

Hay que diseñar glifo por glifo, ¿no? 00:30:18

Entonces, bueno, el glifo sería como el carácter, o sea, cada letra que hay que diseñar una por una, ¿vale? 00:30:20

Entonces, hacer una tipografía no es solo escribir cuatro o cinco caracteres o cinco glifos, sino que hay que hacer todos, ¿no? En mayúscula, en minúscula, cómo se van a ligar cuando sea en minúscula, cómo los números, los caracteres, ¿no? Pues el tanto por ciento, los acentos, en fin. 00:30:25

Pues que realmente es un arte en sí 00:30:47

Entonces bueno, pues eso ya sé que no nos lo vamos a meter nosotros 00:30:49

Pero bueno, que sepáis que hacer una tipografía tiene su uso 00:30:52

Entonces la familia es eso, la fuente sería cada una individual 00:30:56

Que tiene sus características concretas 00:30:59

Pero luego comparte unas genéricas con su familia en sí 00:31:02

Puede haber fuentes que no tengan familia 00:31:05

O sea que sean únicas, porque no ha habido derivadas 00:31:08

Pero bueno, como en cualquier momento pueden surgir 00:31:11

pues bueno, luego ya si en cuanto haya más de dos 00:31:13

pues ya configuran una familia 00:31:15

una familia de tipografía 00:31:17

¿vale? entonces bueno, pues eso 00:31:19

pues aquí os añaden 00:31:21

algunos truquillos para hacer 00:31:23

si vais a hacer un texto y demás, porque bueno, ya digo 00:31:25

siempre cuando creamos un texto que estáis creando 00:31:27

por ejemplo, si tienes que hacer vuestro trabajo fin de grado 00:31:29

todo esto que lo podríais maquetar 00:31:31

por cierto con el Figma, cuando lo 00:31:33

lo veamos y tal, pues os va a servir 00:31:35

pues claro, siempre hay que organizar 00:31:37

la información, siempre es interesante pues eso 00:31:39

tener los apartados con otro tipo de letra 00:31:40

con un poco más gordita, a lo mejor un punto o dos 00:31:43

más grande, en fin, o otro 00:31:45

color, en fin, bueno, pues tú con todo esto 00:31:47

a veces sin pasarse, normalmente en un texto 00:31:49

como os dice más adelante, no sé si lo dice aquí 00:31:51

pues se suele considerar 00:31:53

que se utilicen como dos, tres tipografías 00:31:55

máximo, ¿vale? Tampoco es cuestión de que cada cosa 00:31:57

tenga una tipografía diferente porque entonces eso al final 00:31:59

crea confusión, crea ruido 00:32:01

entonces tiene que tener como una consistencia que quede 00:32:02

sobre todo que quede claro 00:32:05

que quede elegante, ¿no? Bueno, pues todo esto 00:32:07

pues es importante, ¿vale? 00:32:09

Y bueno, luego aquí ya empezamos con las características de la tipografía, que bueno, una característica más directa, una clasificación más básica de las estas es las que tienen serif o serifa en castellano o sin serifa, que bueno, esto sería sin serifa, que también se llama paloseco o trusco. 00:32:11

las erizas o romanas son las que tienen estos remates 00:32:30

que tienen cuando acaban y demás 00:32:33

hay una serie de características 00:32:35

que tenerlas en cuenta 00:32:38

y analizarlas porque son regulares 00:32:39

proporciones armónicas 00:32:42

se contrastan elementos rectos y curvos 00:32:43

están sobre todo los remates 00:32:46

que están 00:32:48

las erizas o romanas 00:32:49

remiten especialmente a esa época 00:32:52

a la que está Caladia de Torno 00:32:53

de hecho 00:32:55

no me acuerdo 00:32:56

porque hace mucho que no lo veo, pero si vemos el cartel, veréis que el póster, 00:32:58

pues seguro que lo he utilizado esta, ¿veis? 00:33:07

Entonces, ¿veis? Aparece aquí, ¿veis? 00:33:09

Aparece, ha utilizado una romana, lógicamente, porque es que estamos hablando de gladiator, ¿vale? 00:33:14

Entonces, que, bueno, pues eso. Entonces, eso lo vemos en el día a día. 00:33:19

Hubiera quedado muy mal si en este cartel de gladiator de repente utilizan una de palo seco, 00:33:23

porque entonces sería como muy moderna 00:33:26

y estamos 00:33:27

es una película que está pasando en una época antigua 00:33:28

es una época clásica donde precisamente además 00:33:32

parten este tipo de letras 00:33:34

que se grababan en piedra 00:33:36

cuando si vais a ver las inscripciones 00:33:37

de los emperadores romanas 00:33:39

y las tumbas y las placas y todo esto 00:33:42

pues todo está siempre con esto de letra 00:33:44

que también da un aire como de grandiosidad 00:33:45

como de 00:33:47

de peso de la propia 00:33:49

de la propia persona o que representa 00:33:52

Entonces eso, inspira tranquilidad 00:33:54

Autoridad, dignidad, firmeza 00:33:56

Bueno, pues todo un poco de la época clásica 00:33:58

Entonces, pues eso 00:34:00

Claro, estos apoyos 00:34:02

También sirven un poco para ir descansando la vista 00:34:04

Entonces se dice que este tipo de letras 00:34:06

También suele ser la más adecuada 00:34:07

O sea, que te dan serifa para la lectura de textos largos 00:34:09

Y texto, por ejemplo, escrito 00:34:12

Es verdad, como os decía antes, que esto es muy relativo 00:34:13

Porque tanto en tema de impresión 00:34:16

Como en tema de proyección en pantalla 00:34:18

O tal, pues todo esto ha evolucionado 00:34:20

estamos hablando de una época que ya todo es alta definición 00:34:23

que tienes tal 00:34:26

o incluso el libro electrónico 00:34:26

puede tener 300 puntos por pulgada 00:34:29

que es la definición de una impresión 00:34:32

hoy actual 00:34:33

pero es que al principio la impresión no eran tan buenas 00:34:34

o se hacían muy rápido 00:34:38

o se hacían en papel también mal 00:34:40

entonces el tener estos remates 00:34:41

sí que ayudaba 00:34:44

pero hoy en día hay libros que están hechos 00:34:45

con letra de palo 00:34:47

y al principio se pueden leer 00:34:49

también el carácter que quieras darle 00:34:50

y todo esto, pero bueno, es verdad que parece 00:34:52

que también quizá un poco por costumbre 00:34:54

y todo esto, que las letras con zarifa 00:34:56

para textos largos y para libros 00:34:57

se agradecen más, pero bueno 00:34:59

ahí ya queda un poco también 00:35:01

al gusto del autor o de la editorial 00:35:03

o del lector 00:35:05

también como por ejemplo 00:35:07

el libro electrónico puedes cambiar el tipo de letra 00:35:09

pues también 00:35:11

o aquí por ejemplo 00:35:11

también podemos cambiarla 00:35:15

entonces también tenemos esa versatilidad 00:35:16

en cuanto a que si queremos la quitamos o no 00:35:19

pero bueno, en teoría se suele decir así 00:35:21

luego están los de sin serifa que se llaman 00:35:23

paloseco de trusca y vale, entonces ya esto 00:35:25

ya son más modernas, surgen en el siglo XIX 00:35:27

entonces bueno, pues eso, son más 00:35:29

funcionales, son trazos uniformes, verdad 00:35:31

entonces, bueno, pues aquí 00:35:33

claro, ya reflejan, digamos, cuando 00:35:35

porque claro, cuando haces un, tienes que hacer 00:35:36

letras con cincel 00:35:39

o para una imprenta 00:35:41

pues a lo mejor te 00:35:43

bueno, pues haces el tipo, haces 00:35:44

con la serifa y demás, pero claro 00:35:47

cuando ya tienes que hacer con lápiz o pincel 00:35:49

pues hacer los remates es más complejo, te da más trabajo 00:35:51

entonces también sufre un poco por eso 00:35:54

es una letra más neutra 00:35:55

entonces, pues eso, que la tipografía 00:35:57

siempre se dificulta la lectura en textos largos 00:35:59

ya digo, bueno, esto puede ser relativo 00:36:02

pero es verdad que si te tienes que leer 00:36:03

los pedidos de la tierra con letra 00:36:05

pues no sé, a lo mejor sí que 00:36:07

lo sufres un poco, pero ya digo, también un poco 00:36:09

depende también de la costumbre 00:36:12

del gusto o de cómo sea 00:36:14

y entonces se utiliza 00:36:16

más para textos cortos o para pantallas 00:36:18

y todo esto, pero ya digo que también 00:36:19

se puede utilizar la serifa 00:36:21

perfectamente porque hoy en día 00:36:24

tampoco hay problema, antes con lo que os decía 00:36:26

de los tubos catódicos 00:36:28

que la definición no era muy buena 00:36:29

así que la serifa podía dar problemas 00:36:31

porque estos remates están pequeñitos y en un test 00:36:33

así que no fuera muy grande o tal 00:36:35

pues sí que podría dar como 00:36:37

interferencias o como que no quedaba muy definido 00:36:39

pero ya digo que hoy en día pues como 00:36:41

ya todas las televisiones son mínimo HD 00:36:43

pues no, o más 00:36:45

4K y todo esto, pues no todo esto 00:36:48

luego están las manuscritas que son las 00:36:50

rotuladas que imitan una caligrafía 00:36:52

y todo esto, bueno 00:36:54

estas, bueno, efectivamente 00:36:55

imitan lo que es una creación a mano, vale 00:36:57

entonces son trazos más finos que suelen tener 00:36:59

pues eso, imitando un poco lo que 00:37:02

lo que tal 00:37:03

y entonces 00:37:05

claro, esto, pues si estas ya pueden 00:37:06

dar problemas porque con la serifa 00:37:10

pues imaginaos estas con estos 00:37:11

trazos tan finitos, pues en pantallas 00:37:13

por ejemplo electrónicas puede dificultar su 00:37:15

lecturas, es un tamaño pequeño. Y un texto en general escrito de esta forma no tendría mucho 00:37:17

sentido. Normalmente se dedica para dedicar la primera letra del capítulo o algo así, o como 00:37:23

un poco de adorno, pero realmente para hacer textos largos no. Ya son para un poco más eslóganes cortos 00:37:28

o incluso nombres de marca. Entonces eso, para títulos, firmas, un poco así, porque si no, no 00:37:33

tiene mucho sentido. Bueno, una de las más características es la gótica, que a veces se 00:37:39

usa mucho de ella, pero es lo mismo, o sea, en gótica 00:37:44

la puedes usar para un texto, para un titular 00:37:46

pero pues una novela 00:37:48

toda en gótica pues sería muy pesado 00:37:50

¿verdad? o sería elegible 00:37:52

sería un poco así, ¿vale? 00:37:53

entonces está, bueno, imitar 00:37:56

los textos antiguos, muy de monjes 00:37:57

pero bueno, no pasa más 00:37:59

de allá, ¿vale? y bueno, pues entonces 00:38:02

bueno, para el lettering sí que se usa 00:38:04

mucho, ¿verdad? pero lo mismo, el lettering 00:38:06

se suele usar, normalmente con lettering 00:38:08

no haces un libro, un lettering es para hacer un cartel 00:38:10

para hacer un... 00:38:12

los títulos de si haces un bullet journal o cosas así no pero pero no vas a escribirte no vas a 00:38:13

escribir continuamente así no porque es algo que sea porque es una carta a lo mejor muy especial 00:38:22

si lo quieres hacer en plan regalo o algo así pero vamos no suele ser cosas muy concretas vale 00:38:27

y luego está en las decorativas suscripción que todavía ya son más específicas para algo ya muy 00:38:31

concreto para mensaje ya para una marca ya diría entonces realmente en sí mismo no es una fuente 00:38:36

porque pasa lo mismo que con esta una un todo un texto con este tipo de letras pues sería como 00:38:42

elegible vale esto sí que transmite gran atracción y gran personalidad y todos por eso se utiliza 00:38:46

pues para algo muy concreto vale entonces para título para un texto largo vale entonces pues 00:38:52

eso y también pues eso también son muy características de una época de una tal 00:38:58

esto sobre todo se puede ver mucho en carteles de cine que a veces y sobre todo cuando luego 00:39:03

tiene éxito una película, pues muchos 00:39:08

digamos, para que se 00:39:09

se produzca esta 00:39:11

esta 00:39:13

esta mimesis entre una película y otra 00:39:14

y que te confundas y que vayas a consumirla 00:39:18

eso se hace mucho, sobre todo cuando 00:39:20

en los antiguos videoclubs, aunque también 00:39:21

se puede hacer hoy en día para el cartel 00:39:24

que se pone en Netflix y todo esto, pues 00:39:26

te pueden imitar un poco el tipo de letra 00:39:28

entonces te confundes y como que 00:39:29

ya está, como los libros, que a veces 00:39:31

utilizan los mismos colores o la misma 00:39:33

tipografía también para tal y tú vas 00:39:35

a comprarte 00:39:38

yo que sé, a los de Yahoo y te llevas otro 00:39:39

porque, a ver, en principio no te lo vas a llevar 00:39:41

si sabes a lo que vas, pero hay que decir que 00:39:43

a veces si, por ejemplo, mandas a alguien que te lo compre 00:39:45

y que simplemente le has dicho, sí, el azul 00:39:47

con tipografía, que no sé qué, tal y cual 00:39:49

pues es que luego los sectores se basan mucho en eso 00:39:51

y utilizan algo muy parecido y te puedes llevar otro 00:39:54

o se pueden llevar otro, ¿vale? Entonces que 00:39:55

también se utiliza mucho lo mismo que 00:39:57

las marcas, ¿verdad? Cuando vas a comprar 00:39:59

un producto en el supermercado 00:40:01

pues hay muchas... A ver, nunca se 00:40:03

copia 100% porque entonces están en 00:40:05

cumpliendo ya una ilegalidad 00:40:07

y les pueden denunciar la empresa, pero bueno, siempre se utiliza 00:40:09

el mismo color o un 00:40:11

tipo de letra parecido 00:40:13

o se ponen los elementos más o menos 00:40:15

de la misma forma para que, bueno, pues en vez de 00:40:17

si no hay galletas Oreo, pero te llevas 00:40:19

otra casi de otra forma, pero sigue siendo 00:40:21

azul el envase, pues 00:40:23

bueno, pues como que da el pego, ¿no? Como que parece 00:40:25

que no te sientes tan mal llevándote otra 00:40:27

que no era la que querías, ¿no? Algo así. 00:40:29

Todo esto se basa en eso, o sea, un poco en el consumo 00:40:31

y por eso es interesante estudiarlo 00:40:33

porque luego lo puedes utilizar, a ver, 00:40:35

En estas prácticas ya se puede discutir si evidentemente son muy éticas o no, evidentemente no hay que tampoco tal, pero bueno, también el intentar vender tu producto basándote en el éxito de otro, mientras que dejes claro que es otro producto, bueno, pues también es una opción que, bueno, pues ya depende de cada marca la que quieras. 00:40:37

Esa puede ser, o sea, el identificarse con otra marca puede ser una opción, otra opción puede ser hacer algo totalmente radical y financiarte, que al final suele ser lo que tiene más éxito, ¿no? Porque bueno, y tal, pero bueno, ahí tenemos Coca-Cola y Pepsi, que bueno, la Pepsi metió el azul, pero bueno, también tiene el rojo, entonces bueno, pues se queda un poco como a mitad, ¿no? 00:40:53

Bueno, aquí tienes un poco eso, un poco más resumido y con un ejemplo que se va viendo, ¿veis? Las decorativas que pueden ser las que tienen los grandes títulos de películas, ¿verdad? De Star Wars, de Simpsons y tal, bueno, pues son topografías que se quieran pues para eso, pero luego realmente el texto no, salvo aquello que se, bueno, es que ni en cuanto te compres el DVD o el Blu-ray o lo que sea, luego está escrito todo con ese tipo de letra, ¿no? Solo es el título, luego ya pues tienes otro tipo de letra diferente, ¿vale? 00:41:12

Igual que las manuscritas 00:41:38

Las manuscritas tienen su función 00:41:39

Normalmente, a ver, utilizar un texto 00:41:42

Sobre todo una manuscrita 00:41:43

Hecha ya, prefabricada 00:41:45

No suele quedar muy bien 00:41:48

Si tú vas a presentar algo con un manuscrito 00:41:49

Pues queda mejor que lo hayas hecho tú 00:41:51

Que hayas hecho un lettering 00:41:52

O que hayas hecho un tal 00:41:54

Pero bueno, para cosas así rápidas 00:41:55

O para videojuegos 00:41:58

Pues al menos te vas a poder crear 00:42:01

Una tipografía expresamente 00:42:02

Si utilizas una más o menos bien 00:42:05

pero bueno, sí que para los títulos y tal, pues a veces 00:42:06

sí que hay que crearla, ¿no? Lo que pasa es que 00:42:08

evidentemente aquí pues se ha creado pues solo 00:42:10

lo que es el título en sí, ¿no? O sea, ha creado luego 00:42:12

la tipografía para poder escribir con esa, a lo mejor luego 00:42:14

a posteriori sí, sobre todo porque se registra y tal 00:42:16

pues para que nadie la utilice pues se puede hacer toda 00:42:18

pero no suele ser, ¿vale? Entonces 00:42:20

no todo esto, ¿vale? 00:42:22

Bueno, aquí hay un 00:42:24

vídeo que podéis consultar 00:42:25

sobre cómo se hace y tal, bueno, pues no 00:42:28

hay ningún problema. Bien, entonces bueno 00:42:30

hasta aquí todo bien, yo creo que es sencillo, es 00:42:32

muy interesante todo el historial de la tipografía, ya digo 00:42:34

Bueno, echarle un vistazo y tal 00:42:36

Pero bueno, es que no me da problema 00:42:40

Bien, y luego ya aquí empezamos un poco con los elementos más propiamente de lo que es la tal 00:42:41

Y bueno, aquí sí que hay cosas que también un poco como cultura general 00:42:46

Y como tal, pues es que es interesante y sí que tienes que saberlo 00:42:48

Es muy sencillo porque tampoco tiene mayor complicación 00:42:51

Normalmente cuando se habla de la altura de un glifo 00:42:53

De un carácter, de una topografía 00:42:57

Se habla de la altura de la X, ¿vale? 00:43:00

Y eso es como la altura del cuerpo 00:43:02

que es la altura y es lo que marca la altura 00:43:04

de la tipografía, ¿vale? 00:43:05

Luego tienen, lógicamente, todas las letras 00:43:07

o si es mayúscula o si es minúscula, pero que tienen 00:43:09

una parte descendente 00:43:12

o ascendente, bueno, pues se podrá ir 00:43:14

un poco más arriba o un poco más abajo, ¿vale? Pero como que la altura 00:43:16

se considera esa. Y bueno, hay cosas 00:43:18

que tienen nombre que son bastante 00:43:19

evidentes porque un poco derivan 00:43:21

un poco de la propia forma en sí. Por ejemplo, 00:43:24

las As, pues aquí tenemos un vértice 00:43:26

al que alvearíamos o a esta transversal 00:43:27

o brazo, el que 00:43:30

cruza la tal. Las B 00:43:32

esta redondez se llaman hombros los ojales cuando tenemos en el descendente marcan un agujero el 00:43:33

ojo sería si lo tiene arriba vale como por ejemplo la e bueno luego bueno luego está la serifa que 00:43:41

las alfaces y que tienes que saberla si es como muy punta aguda se puede llamar aguijón por 00:43:47

ejemplo las en las ss la parte superior y la parte de abajo la escuela no bueno está todo 00:43:50

un poco relacionado y demás no y bueno pero sobre todo tenerlo del ascendente descendente 00:43:56

remates, también a veces a la serifa 00:44:02

como he dicho se podía llamar remates, es decir que 00:44:05

estos nombres también a veces dependiendo 00:44:07

del autor, aunque suelen ser bastante jeréricos 00:44:09

y se suelen respetar en todos, pero es verdad que 00:44:11

a lo mejor en algún libro podéis encontrarlos con otro 00:44:13

nombre, con otro tal que a lo mejor 00:44:15

algunos ya están en desuso, entonces bueno pues 00:44:17

tampoco hay problema, pero bueno, mientras que 00:44:19

se sepa claro, esto es como todo, si trabajas 00:44:20

en una imprenta o trabajas en un centro de diseño 00:44:23

y todos lo llaméis de la misma forma 00:44:25

y sabes a lo que te refieres cuando tienes que decirle 00:44:26

a un compañero, es que 00:44:29

el hasta de esta A no me gusta 00:44:30

nada, pues ya sabemos a lo que nos referimos y ya está 00:44:32

pero bueno, todo eso, o el brazo 00:44:34

pues se va aquí en la K 00:44:37

bueno, la cartela, bueno y tal, y bueno 00:44:38

esto es la línea base, porque ya digo, es la línea base, es la línea 00:44:40

donde se apoyan todas las letras y luego ya tendrá 00:44:42

una parte que asciende o desciende 00:44:44

pero siempre tiene que ver con una parte 00:44:46

base, ¿no? Sabemos que estemos en un diseño 00:44:48

de estos fantasioso, donde 00:44:50

cada letra puede ir a una altura, porque 00:44:52

nos viene bien o lo que sea, ¿no? que también se puede hacer 00:44:54

pero bueno, en principio sería todo eso, ¿no? 00:44:56

bueno, bueno, todo eso 00:44:58

luego está el espaciado, el espaciado también es muy importante 00:45:00

porque normalmente cuando se hacen 00:45:02

las tipografías, bueno, se hacen las letras 00:45:04

normales, pero también hay que tener un poco en cuenta 00:45:06

luego cómo se van a juntar unos con otras 00:45:08

si veis aquí, aquí, bueno 00:45:10

digamos el proceso de compensación 00:45:12

entre caracteres de uno a otro 00:45:14

de correlativo, es el kerning 00:45:16

y si no aplicamos el kerning, donde 00:45:18

termina la A, por ejemplo, empieza la V 00:45:20

y aquí tal, pero claro, esto hace como una separación 00:45:22

muy larga y se puede hacer como un texto 00:45:24

muy pesado, a veces nos puede venir bien 00:45:26

porque a veces incluso podemos aumentar 00:45:28

el kerning 00:45:30

y podemos hacer que se 00:45:32

o sea que podemos aumentar más la distancia 00:45:33

entre las letras, pero 00:45:36

en este caso pues no queda muy bien 00:45:37

entonces ¿qué pasa? pues que luego si le aplicamos un kerning 00:45:39

si nos montamos un pelín, metemos la V 00:45:41

un poco, entonces ya digamos las erifas 00:45:43

se juntan 00:45:45

y tal, pues a nivel visual 00:45:47

nos resulta como más agradable 00:45:49

más fácil de leer y menos 00:45:51

pesado que esto, como que vemos mucho espacio 00:45:53

que mucho tal, que eso también hay que tenerlo en cuenta 00:45:56

A la hora de distribuir el texto, que también lo veremos, ya no solo es el tipo de letra que cojamos, sino también cómo distribuimos ese texto. Lo hemos visto con el caso del cartel del sobre de los Oscars. Todo esto, como distribuyes todo, es muy importante. 00:45:57

y luego está el tracking 00:46:12

que viene a hablar un poco de la distancia entre las letras 00:46:17

que eso a veces se utiliza para justificar el texto 00:46:21

por ejemplo cuando lo típico que no nos cabe un tipo de letra 00:46:23

o que damos a justificar todo el párrafo y de repente te lo ha juntado todo 00:46:26

y a lo mejor si te fijas muy bien en algunos casos 00:46:29

si se hace automático en algunos casos no estará bien 00:46:33

y quedará como un poco muy apelotonado y a lo mejor en otros sitios 00:46:35

hay como más espacio entonces bueno pues no se suele recomendar mucho 00:46:38

hacerlo así, si quieres hacer un texto, me refiero a un texto ya más literario, más tal, ¿no? Entonces, bueno, 00:46:41

la justificación, pero bueno, a veces sí que para un texto un poco de voz rápida, un poco formal o un poco más 00:46:47

de tal, pues sí que se justifica y demás, ¿no? Pero bueno, que todo es eso. Y luego el interlineado, el interlineado 00:46:52

es el, bueno, el eje de la distancia que hay entre las líneas, ¿de acuerdo? Entonces, bueno, ya sabéis que, a ver, 00:46:58

la cuestión no es ni dejar mucho ni dejar poco. Cuando hacemos, por ejemplo, un trabajo, si dejamos mucho espacio 00:47:03

que parece como que queremos rellenar las hojas con más texto cuanto antes mejor, 00:47:07

para acabar cuanto antes, y entonces no queda muy bien, ¿no? 00:47:12

Pero si quedamos muy poco, pues tampoco, porque entonces se junta todo demasiado el texto, 00:47:14

y entonces, y sobre todo lo que no podemos hacer es montarnos, digamos, 00:47:19

la parte descendente no puede tocar la parte ascendente del otro, 00:47:22

y entonces hay así que se crean errores y confusiones, 00:47:25

y tanto en la proyección en pantalla como si imprimimos, pues va a quedar mal, 00:47:29

entonces eso es que no se puede hacer, ¿vale? 00:47:34

Entonces, bueno, pues 00:47:36

¿Qué tamaño dice y tal? Bueno, pues 00:47:37

Dice que el del 20% mayor 00:47:39

Que el cuerpo de la letra, ¿vale? 00:47:42

Entonces, bueno 00:47:45

Pues esto también hay que ir viendo 00:47:46

También depende un poco del tipo de letra y demás 00:47:48

Si la letra es más grande, pues puede ser menor 00:47:50

Y tal, bueno, pues ya se va viendo 00:47:52

Pero lo que no podemos hacer es que se solapen 00:47:54

Las estas, ¿vale? 00:47:56

Entonces, tal 00:47:58

Bueno, luego se habla también aquí de la separación de los párrafos 00:47:59

Que también es importantísimo lo que os decía 00:48:02

Que, a ver, hay textos que son como 00:48:03

sobre todo si hay fotos o son textos como más 00:48:05

más de diseño pues que a lo mejor 00:48:08

cada párrafo va como por su cuenta 00:48:10

o va referido a tal 00:48:12

y podemos dar más libertad pero bueno 00:48:14

luego si es un texto seguido, continuo 00:48:16

pues hay que determinar cuál es la distancia entre párrafos 00:48:18

y es lo mismo, ni tenemos que dejar mucho 00:48:20

porque parece como que cuando lees un libro 00:48:22

hay mucho espacio en un párrafo 00:48:24

no sabes si es que ha habido ahí un error 00:48:26

o falta algo de la imprenta o algo así 00:48:27

pero tampoco que esté todo 00:48:30

medio junto porque entonces no respiramos 00:48:32

Entonces, bueno, ya digo que hoy en día, pues, algunas aplicaciones o como tipo los e-books y tal, pues, como te permite también un poco tú modificarlo, pero bueno, te modifica el tipo de letra, el tamaño, pero en principio la distancia de los párrafos y demás, eso no irá en proporción al tamaño de letra que pongas, pero no es el que está, ya está, ¿no? Entonces, bueno, pues, pues eso. 00:48:33

Bueno, os hago algunas recomendaciones 00:48:51

Aquí se habla de la sangría, que ya sé que la sangría es la de poner la línea con una extensión diferente a lo que es el resto del párrafo 00:48:53

Esto es lo que se llama la sangría francesa, que es un poco la que estamos acostumbrados aquí 00:49:02

Que tiene la primera línea empezada antes y luego las demás se tabulan un poco para que se metan en el interior 00:49:07

Aquí lo normal sería al revés, esto estaría afuera y la de Loren empezaría un poco tal 00:49:12

vale pero bueno son diferentes formas de verlo pero también que tenerlo en cuenta de acuerdo 00:49:18

entonces además bueno esto este texto ya sabéis que bueno poner el orden impsum que el orden impsum 00:49:22

es un tipo de texto vacío que es cuando hay que por ejemplo estamos maquetando normalmente claro 00:49:29

a lo mejor el que el que te que el que te tiene que mandar el texto que es el que ha hecho por 00:49:34

ejemplo yo que sé pues el libro por ejemplo imaginaros o algo así pues te lo tiene que 00:49:39

mandar y no te lo ha mandado entonces se mete un poco de texto que se llama texto vacío que 00:49:43

normalmente todos los programas lo suelen generar automáticamente 00:49:48

o si no, también hay páginas 00:49:50

donde pones learning ipsum y puedes copiar 00:49:52

texto y es como una biblia 00:49:53

escrita en latín que no 00:49:55

significa nada, bueno, si no lo podemos traducir igual sí 00:49:57

pero bueno, que es como texto vacío se llama 00:50:00

también, ¿vale? o texto tal, entonces bueno, pues 00:50:02

lo podéis hacer así porque digo, bueno, pues 00:50:03

quiero poner texto, pues en vez de ponerte a 00:50:05

escribir jk, no sé qué, no sé cuántos, tal 00:50:07

pues metes así ese tipo de letra, creo que 00:50:09

hay una página que se llama así, para crear 00:50:11

para crear, no sé, si ponéis 00:50:14

lorin ipsum esto es una base entonces que es un generador de lorin ipsum veis entonces bueno 00:50:17

pues os hablo un poco también de lo que es de todo esto y creo que por aquí está el generador 00:50:24

por si queréis hacer necesitar palabras tanto lo que necesitáis todo todo eso vale pero después 00:50:29

si queréis meter texto vacío también puedes meteros en cualquier página y copiar pero bueno aquí como 00:50:34

no te condiciona el mensaje porque hemos texto que no interpretamos y que es totalmente aleatorio y 00:50:37

y tal, es el que se utiliza 00:50:43

normalmente a nivel de diseño 00:50:45

es la convención que se tiene 00:50:46

y luego estamos 00:50:48

con las unidades de medida, ya sabéis que las unidades 00:50:51

de medida es lo que miden las letras, pero esto 00:50:53

lo que mide las letras siempre lo referimos a 00:50:54

la impresión, entonces 00:50:56

hablamos de puntos, picas o cíceros 00:50:58

bueno, se ha hablado lo que es cada uno 00:51:01

realmente hoy en día nos referimos nosotros a puntos 00:51:02

es muy raro que 00:51:04

trabajéis mucho en 00:51:06

en imprenta 00:51:08

y tal, pero si no 00:51:10

nosotros vamos a hablar de puntos vale porque es lo que lo que lo que es vale entonces pues 00:51:12

está normalmente para una letra normal nosotros de un texto normal académico de tal por lo que 00:51:17

los somos utilizar 12 puntos que es lo que he dicho es la altura que tiene la letra pero bueno 00:51:22

también se puede ver de picas o cícero siempre de que se lo encontráis que sepáis que se refiere a 00:51:28

eso vale todos bueno pues aquí tienes un poco las medidas tampoco digo que se lo aprendes todas de 00:51:31

memoria pero bueno y todo esto porque bueno iba a decir que no íbamos a medir pero sí que existen 00:51:35

luego lo que se llaman los tipómetros 00:51:40

que el tipómetro lo que hace es 00:51:42

que es un acetato con diferentes 00:51:44

tipos de letra impresos y entonces por ejemplo 00:51:46

si trabajáis en imprentas o 00:51:48

tal para saber que es el tipo de letra pero bueno eso yo 00:51:50

por ejemplo se lo hacía a mí en un aula de gráficas que 00:51:52

también estuve dando clase y entonces 00:51:54

eso para nosotros no lo vamos a ver ni nada porque sabéis que 00:51:56

existen ¿vale? de hecho bueno os lo voy a mostrar uno 00:51:58

porque yo me lo compré porque bueno precisamente 00:52:00

para las clases lo necesitaba pero vamos que 00:52:02

vosotros no tenéis que hacerlo ¿vale? pero es 00:52:04

el tipómetro 00:52:06

y es este 00:52:07

¿veis? entonces 00:52:11

si tienes curiosidad o llama la atención 00:52:12

o lo que sea, pues es este 00:52:15

entonces esto es un acetato, es transparente totalmente 00:52:16

lo pones encima de la letra y entonces para medir que exactamente 00:52:18

por si tienes alguna curiosidad 00:52:20

de saber en qué 00:52:23

en qué tipo de letra está escrito un texto 00:52:24

que tienes tú por ahí por casa, para saber cómo queda 00:52:26

porque a lo mejor tienes, pues me gusta este libro 00:52:28

cómo queda la letra y tal y cual, bueno, pues sí que puede ser interesante 00:52:31

bueno, no vale mucho, son 15 euros 00:52:33

pero tampoco digo que lo tienes que comprar 00:52:34

pero que sepáis que existen 00:52:36

entonces, pues todo eso 00:52:38

bien, bueno, pues entonces 00:52:41

bueno, eso en cuanto a los puntos 00:52:42

bueno, echarle un vistazo, yo digo, tampoco hace falta que 00:52:44

bueno, aquí os hablaba de los orinipsos, no me acordaba 00:52:47

que también lo decía aquí, vale, pues 00:52:48

bueno, os hablaba más que nada del tamaño de la letra 00:52:50

pero bueno, que sepáis que eso 00:52:53

y veis que el tipo de letra y el tipo de 00:52:55

tal, pues también marca un poco la altura 00:52:57

marca el tamaño, entonces claro, pues por eso 00:52:58

hay sitios que por ejemplo, si vais a una oposición 00:53:00

o si vais a presentar 00:53:03

a ver, por ejemplo, nosotros al trabajo 00:53:04

de grado, pues 00:53:06

solemos recomendar, solemos dar unas indicaciones 00:53:07

de utilizar este tipo de letra con este tamaño y tal y cual 00:53:10

más que nada para evitar eso, que haya gente que 00:53:12

utilice un tamaño de letra muy pequeñito porque 00:53:14

quiere, pues si decimos que dure 00:53:16

15 hojas, porque quiere meter mucha información 00:53:18

y demás, o al revés, que quieras añadir 00:53:20

un interlineado de O triple y 00:53:22

tamaño 15, pues que 00:53:23

evidentemente se notaría mucho, ¿no? 00:53:26

Pues no, entonces nuevamente el estándar suele ser ese, vamos, tampoco 00:53:28

se pide nada raro, pero bueno, hay veces que tenerlo muy 00:53:30

rajatabla, sobre todo si vais en oposición a un proceso 00:53:32

selectivo, por ejemplo nosotros como profesores 00:53:34

nos piden una programación didáctica y se 00:53:36

publica, si dicen tienes que utilizar una 00:53:38

Arial o una Times 00:53:40

New Roman a 12 puntos y es que 00:53:42

tienes que hacerlo, como se te ocurra ponerlo a 00:53:44

14, es que ni lo leen, o sea 00:53:46

esto no lo ha hecho como está puesto 00:53:48

en las normas y te rechazan 00:53:50

es importante, lo mismo que si se encargan 00:53:51

un texto o algo y os dicen un tamaño 00:53:54

pues hay que respetarlo 00:53:56

como digital nos permiten 00:53:57

se permite luego modificar, tampoco habría problema 00:54:00

pero bueno, luego os hablo un poco de los tipos de letra 00:54:04

porque claro, aquí os hablo también un poco de la historia 00:54:08

que primero las tipografías digitales, primero surgieron las 00:54:12

PostScript, que eran de Adobe, que ya permitían usos vectoriales 00:54:16

porque todas las tipografías son vectoriales hoy en día, entonces quiere decir esto 00:54:20

que tú seleccionas un texto, tú puedes seleccionar el tamaño de letra 00:54:23

Porque es el tamaño que se va a imprimir 00:54:28

O como se va a mostrar en pantalla 00:54:31

Pero realmente si tú necesitas de repente 00:54:33

Hacer un cartel muchísimo más grande 00:54:35

O quieres ampliar la tipografía 00:54:36

Como es vectorial no va a perder calidad 00:54:38

No es como una fotografía que como está hecha por píxeles 00:54:39

Pues entonces si la amplías mucho 00:54:41

Y no tiene la calidad suficiente 00:54:43

Se va a ver pixelada 00:54:45

Aunque bueno, y con la inteligencia artificial y demás 00:54:46

Pues ya se pueden aplicar filtros 00:54:49

Que a lo mejor te lo pueden medio solucionar 00:54:50

O solucionar algunos bastante bien cada vez se van mejorando 00:54:52

Pero bueno, las tipografías no dan ese problema 00:54:54

Porque todas son vectoriales 00:54:57

Aunque estemos en Photoshop o en programas que no son vectoriales de por sí, la tipografía siempre lo es, siempre es una capa vectorial, entonces se puede hacer. 00:54:58

Pero bueno, las primeras son las PostScript, que ya hoy en día casi no se utilizan, y entonces luego se pasaron a las TrueType, que tienen este símbolo, que fueron creadas por Apple, con la tecnología de Adobe y todo esto. 00:55:06

y luego están los OpenType, que son desarrollados con Microsoft, también con la colaboración de 00:55:17

Adobe, que bueno pues tiene más ventajas y bueno para más permite el uso no es propietario de 00:55:21

Apple, todo esto y bueno pues éste suele ser el icono, son los tres iconos de los tres tipos de 00:55:25

DIO por si los encontráis ahí y demás y también estos iconos suelen aparecer cuando selecciono la 00:55:32

tipografía en los programas, entonces pues que sabéis que estáis usando una de TrueType o una 00:55:37

OpenType o una 00:55:41

Script, ¿vale? Esta es 00:55:43

roja porque, bueno, como PostScript lo hizo 00:55:45

Adobe, pues, bueno, pues 00:55:47

ya sabéis que Adobe, el color corporativo 00:55:49

es el rojo, bueno, pues por eso le puso 00:55:51

un poco de eso, ¿vale? Pero bueno, que todo eso... 00:55:52

¿Veis? Aquí aparece normalmente el este, 00:55:55

¿vale? Entonces que se ve 00:55:57

que se refiere a eso, ¿vale? Simplemente 00:55:59

al tipo de letra, que cada uno tiene unas características 00:56:00

y demás, que tampoco nosotros nos vamos a meter mucho, 00:56:03

pero bueno, que, por ejemplo, pues algunas 00:56:05

las TrueType ya, por ejemplo, 00:56:07

pues eso de meter acentos 00:56:08

porque claro, la primera tenía muy pocos caracteres 00:56:13

entonces a lo mejor no te podía 00:56:15

permitir meter caracteres especiales 00:56:17

o el mismo 00:56:19

glifo pero con acento 00:56:22

entonces bueno, pues para algunos alfabetos 00:56:23

y para algunos idiomas, pues a lo mejor puede ser complejo 00:56:25

por eso también ha ido evolucionando 00:56:27

pero bueno, actualmente son los tres que nos podemos 00:56:28

encontrar, sobre todo ya hoy en día 00:56:31

MastroType y OpenType, pero bueno 00:56:33

que sepáis que por ahí anda 00:56:34

dependiendo de este tipo de letra 00:56:36

por ejemplo el OpenType 00:56:39

se suele habilitar también más opciones 00:56:39

para modificar diferentes aspectos 00:56:42

porque no todas las tipografías 00:56:45

y todas las familias te permiten 00:56:47

modificarlo todo lo que queramos 00:56:48

porque algunas están hechas como para que 00:56:50

digamos que si se modifican demasiado 00:56:52

algunas cosas se puede romper un poco la armonía 00:56:54

o la intención de esa tipografía 00:56:56

a veces algunas están capadas 00:56:58

puedes modificarlo que el diseñador 00:57:00

realmente ha decidido o te permite 00:57:02

pero bueno, que sepáis que siempre se pueden 00:57:04

modificar algunas cosas y todo esto 00:57:06

y luego, ¿cómo se codifica el texto? 00:57:08

bueno, pues esto es interesante porque ya lo habéis 00:57:10

visto, os lo dije yo, si estáis conmigo 00:57:12

en color 00:57:14

pues en Maya, que 00:57:16

es el formato Axti y el Unicode 00:57:17

el Axti es 00:57:20

el modo que, bueno, que digamos 00:57:22

que tiene un modo de alfabeto 00:57:24

entonces, pues 00:57:26

si grabáis 00:57:28

el archivo, por ejemplo, de Maya NMA 00:57:30

que es Maya Axti, ¿verdad? 00:57:32

pues luego puedes abrir ese archivo con su acceso a un archivo de texto 00:57:34

y digamos ver algunas cosillas 00:57:36

y entre comillas arreglar 00:57:38

o modificar algunas cosillas que tuviéramos 00:57:40

¿vale? Mientras que el único de 00:57:42

los UTF ¿vale? que entonces que 00:57:43

bueno pues aquí ya digamos que 00:57:45

que permite digamos que 00:57:47

incluir digamos todos los caracteres de uso común en la actualidad 00:57:49

¿vale? entonces pues eso 00:57:52

tanto idiomas actuales como antiguos ¿vale? 00:57:54

entonces sobre todo para páginas 00:57:56

multi idiomas suelen ser muy habitual 00:57:58

y algunos programas sobre todo para hacer subtítulos 00:58:00

y tal, a veces te piden el formato en UTF, ¿vale? 00:58:02

Entonces, bueno, pues es otra 00:58:05

forma de hacerlo, ¿vale? Pero bueno, son 00:58:06

para manejar el texto, digamos, son los tipos de archivo 00:58:08

que en principio se hace. 00:58:10

Estos archivos se pueden grabar con cualquier 00:58:12

programa de 00:58:14

que gestione el texto, incluso el blog de notas, 00:58:15

¿vale? Entonces lo podéis en tipo, cuando 00:58:18

vayáis a grabarlo le dais a tal y 00:58:20

se puede grabar el tipo de tal. 00:58:22

Tampoco nos metemos mucho aquí, normalmente te lo van 00:58:24

a decir, mándame el archivo de texto 00:58:26

o los subtítulos en formato UTF 00:58:28

o en formato Axti o lo que sea, ¿no? 00:58:30

Bueno, bueno, aunque hoy en día los programas modernos se pueden interpretar los dos, pero bueno, hay a lo mejor alguno que solo trabaja con un tipo, bueno, pues hay que tenerlo, ¿vale? Entonces, eso, bueno, estas son cosas más que nada un poco para todo eso. 00:58:32

Y luego, pues eso, un poco de, ya más o menos lo he ido diciendo, pero bueno, un poco de trucos o de cosas a tener en cuenta a la hora de elegir una tipografía, ¿vale? 00:58:44

Para textos largos, pues que tenga una altura suficiente, ¿vale? 00:58:55

Y demás, que juguemos con el tipo de, las diferentes familias o los diferentes estilos, pues que el tipo de letra, pero que usemos para saltar cursivas, bueno, ponen cursivas, ponen negritas, versalitas. 00:58:59

las versalitas son las mayúsculas pequeñitas 00:59:11

que son 00:59:13

son todas mayúsculas pero son como más pequeñitas 00:59:14

bueno, pues todo este tipo de cosas 00:59:17

pues se pueden ir haciendo 00:59:19

¿qué se suele poner con cursiva negrita? 00:59:21

pues de aquí ya depende, por ejemplo en cursiva 00:59:23

se suelen poner los anglicismos 00:59:25

una palabra inglesa y tal que no 00:59:27

tiene traducción pero que se utiliza, pues se suele poner 00:59:29

en cursiva, por ejemplo un texto para diferenciarlo 00:59:31

o puedes poner en cursiva 00:59:33

el nombre del protagonista o 00:59:35

lo que sea, por ejemplo, o los nombres 00:59:37

de los personajes, bueno eso ya se va viendo 00:59:39

Negritas cuando quieres resaltar algo, lógicamente 00:59:41

En fin, bueno, pues todo 00:59:43

Claro, todo hay que ver un poco el contenido y todo esto, ¿vale? 00:59:44

Entonces, pues eso 00:59:47

Que no esté muy extendida ni muy comprimida, ¿vale? 00:59:48

Ya digo que los textos muy 00:59:51

Muy alargados o muy comprimidos 00:59:52

Pues dificulta la lectura 00:59:55

Entonces, si hablo que tengo una intención concreta, por ejemplo 00:59:56

El personaje cogió una carta 00:59:58

Y estaba escrita en 2D o algo así 01:00:00

O sea, un título o sea un tal 01:00:02

Pues no conviene, para un texto largo no suele ser 01:00:04

Para un texto largo lo más clásico 01:00:07

Lo más básico suele ser lo que mejor funciona 01:00:08

porque es eso, te puedes tirar horas leyendo un libro, ¿no? 01:00:11

Entonces, bueno, pues es lo que mejor funciona, ¿vale? 01:00:15

Que sea cómoda la vista, que tenga ascendentes y descendentes, 01:00:17

también que todo tenga la misma altura. 01:00:21

Por ejemplo, si escribieras todo en versalitas o todo en mayúsculas, 01:00:22

al final se hace muy monótono, ¿verdad? 01:00:25

Entonces, es como que no te cansaría, ¿no? 01:00:26

Entonces, bueno, pues hay que también... 01:00:29

Todos estos cambios de ritmo y tal, la topografía, 01:00:31

también te va marcando como una pauta a la hora de lectura y todo esto, ¿vale? 01:00:34

Por supuesto que esté bien impreso 01:00:38

Que en pantalla se vea bien 01:00:40

Y los ojos, las partes ascendentes, descendentes 01:00:42

Que todo sea bien visible 01:00:44

Que no haya partes confusas 01:00:46

Ni todo esto 01:00:48

Por eso 01:00:49

Por ejemplo, hay tipografías 01:00:51

Como la verdana, que están más pensadas 01:00:54

Para mostrarse en pantalla 01:00:56

Lo que os decía 01:00:59

Que igual las primeras 01:01:01

Tipografías eran como muy pixeladas 01:01:03

Y no estaban muy optimizadas 01:01:05

Porque al fin y al cabo en pantalla 01:01:06

leía los programadores y no estaba pensado 01:01:08

como para el gran público ni para leer grandes textos 01:01:11

más que a lo mejor el código informático 01:01:13

todo esto, pero claro ya según 01:01:15

ha ido evolucionando y hay tipografías que se han creado 01:01:16

especialmente pensando en eso, que resulten 01:01:18

cómodas y agradas a la vista, bueno todos 01:01:20

los expertos se dedican un poco a eso 01:01:22

pues se sigue investigando, aún así 01:01:24

ya digo que es un poco 01:01:26

todo más abierto y luego también va un poco de 01:01:28

preferencias y también la 01:01:30

agudeza visual de cada uno, porque 01:01:32

a lo mejor hay para 01:01:34

en algunos casos y te puede venir 01:01:36

mejor un tipo de letra u otro, pero bueno 01:01:38

es importante. Mientras que para titular 01:01:40

y subtítulos se recomiendan fuentes distintas 01:01:42

que se pueden combinar más fuentes, ¿vale? 01:01:44

Entonces, pues, tipografías con 01:01:46

grandes diferencias, ¿vale? Entonces se 01:01:48

pueden usar dos que se parezcan mucho, esto también da 01:01:50

mucho juego a veces. Utilizamos 01:01:52

dos tipografías que no es la misma porque 01:01:54

si no se ha resultado muy monótono, pero tampoco 01:01:56

vamos a ser muy disruptivos, ¿no? Entonces utilizamos 01:01:58

pues alguna que se parezca, ¿no? Entonces, bueno, pues 01:02:00

lo que hace es que las dos se potencian 01:02:02

potencian el mensaje se complementan no digamos más que digamos contraponerse porque todos al 01:02:04

final si cada uno va por su lado pues al final queda como un mensaje que cada cosa que decir 01:02:08

una cosa diferente no es más importante vale siempre se recomienda eso que no sea más de 01:02:12

dos tipos de familias tipográficas que porque es más cuanto más eso a veces menos es más como suele 01:02:17

decirse no es igual que con colores también nos tenemos que enseñar a dos o tres cuatro como 01:02:23

mucho tal pues en tipografías igual vale tampoco está bien jugar con el contraste con el jugar con 01:02:28

el cambio de tipografía, pero jugar con una 01:02:33

o dos, pues eso, para el cambio de títulos y de texto 01:02:35

del cuerpo del texto, para tal 01:02:37

en fin, todo esto, ¿vale? 01:02:39

y con los pesos también, pues jugar con las 01:02:41

negritas, con la 01:02:43

con la fina o la light, con la 01:02:45

tal, todo esto, pues todo se va viendo 01:02:47

¿vale? entonces bueno, pues todo esto es 01:02:49

un arte, también hay que 01:02:51

de esto también se aprende mucho viendo ejemplos 01:02:52

¿vale? entonces cuando voy a hacer un cartel de 01:02:55

por ejemplo, la práctica va a ser de carteles 01:02:57

pues claro, hay que ver primero, antes de ponernos 01:02:59

allá, decidir qué tipo de letra o qué 01:03:01

elementos vais a meter que también podéis haciéndolo pero también ver algunos ejemplos de 01:03:03

otras cosas que se han hecho no pues para no para copiarlo sino para algo que bueno que pase una 01:03:07

inspiración pero es también para no repetir algún mejor algunas cosas que lo que os digo luego a 01:03:12

final todo se convierte en un cliché y todo esto bueno pues que todo esto bueno aquí hay unas 01:03:16

páginas algunos detalles es que normalmente las fuentes son de pago algunas que son gratuitas o 01:03:21

o que ya os vienen con los programas. 01:03:28

Luego, por ejemplo, si contactáis 01:03:30

el pack de Adobe, suele tener 01:03:31

un apartado de... 01:03:33

Bueno, dentro del propio programa, pues tiene sus propias fuentes 01:03:36

que si estás suscrito, pues las 01:03:38

pueden contar. Además, tiene opciones de búsqueda automática 01:03:40

de fuente, todo esto. 01:03:42

Y tal. Había una aplicación para móvil 01:03:44

que creo que sigue haciendo, que es la de What the Font. 01:03:45

O sea, qué tipografía 01:03:48

o qué fuente es, que si 01:03:50

haces a través de la cámara, pues también 01:03:52

te identifica qué tipo de fuente es. 01:03:53

No sé si en vivo o haciendo una foto, 01:03:56

no me acuerdo, o si habrá evolucionado, yo hace mucho que no lo uso 01:03:58

pero bueno, y entonces está, creo que 01:04:00

y nada, pues entonces, pues eso 01:04:02

si no sabes muy bien qué tipo de tipografía 01:04:04

están usando, te busca, o sea, te 01:04:06

identifica si existe o si 01:04:07

tienes suficientes datos como para identificarla al 100% 01:04:09

y si no, pues te busca una parecida, ¿no? pues si quieres usarla 01:04:11

para un proyecto, todo esto, bueno, pues 01:04:14

todo esto es importante, ¿vale? 01:04:16

Entonces ya digo, es importante a la hora 01:04:18

de hacer textos, sobre todo si estamos hablando de textos 01:04:20

publicitarios o que vais a hacer un producto que se va 01:04:21

a vender, que sea una tipografía 01:04:23

que sea o de derechos libres, que no tenga derechos 01:04:26

o si no, habrá que comprarla, que bueno, luego hay 01:04:28

sitios donde muchos son de pago también 01:04:30

si tú lo apagas y compras el derecho 01:04:31

para utilizarla en algo tal, pues ya digo 01:04:33

que se puede hacer, ¿vale? salvo que sea 01:04:36

una tipografía de estas que no 01:04:37

que tiene derechos propios 01:04:39

y que nadie la puede usar, entonces pues si nadie la puede usar 01:04:42

pues no se puede 01:04:44

ah, creo que era la de Vogue 01:04:45

la tipografía de Vogue no, creo que 01:04:47

era propia y de la revista Vogue 01:04:50

y no se puede usar, no se puede usar, nadie la puede usar 01:04:52

entonces 01:04:54

bueno, y si no lo confirmaré 01:04:54

os lo pongo en un mensaje, pero 01:04:57

hay que tener cuidado, porque ya digo que 01:04:58

a lo mejor la puedes ver por ahí 01:05:00

y la tienes ahí 01:05:02

digo, esta me gusta, la voy a descargar 01:05:04

y luego resulta que no, y es que solo por eso 01:05:06

o sea, se puede hacer 01:05:08

un disclaimer de estos de que 01:05:10

has infligido los derechos 01:05:12

que a veces se piensa mucho en la música o en las 01:05:14

imágenes, pero es que la tipografía también 01:05:16

tiene sus cosas, ¿no? Hay verdad que a veces 01:05:18

es complicado identificar 01:05:20

las sumas parecidas, o tú puedes 01:05:22

acoger a que bueno, que se utiliza una parecida 01:05:24

pero no es la misma, todo esto, pero bueno, luego ya entramos 01:05:26

ya en terrenos más espinosos de que tienes que 01:05:28

demostrarlo, todo esto, bueno, todo 01:05:30

todo esto, bueno, aquí hay unos ejemplos 01:05:31

claros que donde se ve todo este tipo de cosas, veis 01:05:34

es lo mismo pero escrito con dos tipos de letras 01:05:36

y tal, bueno, pues esto, nada es más normal 01:05:38

digamos, y es de 01:05:40

palo, porque bueno, tiene algún remate 01:05:42

en alguna tal, pero lo demás prácticamente 01:05:44

no tiene remates, pero la ahí sí 01:05:46

porque bueno, normalmente algunas que sí que tienen, pero tal 01:05:48

pero bueno, se ve todo claro 01:05:50

y esta que es como más descrita 01:05:52

un poco, se puede considerar 01:05:54

manuscrita, ¿verdad? Un poco así, pues 01:05:56

cada una con su altura, cada uno tal, pues es 01:05:58

que es complicado leer esto. 01:06:00

Y a lo mejor una portada o 01:06:03

un trocito, porque parece como 01:06:04

que fuera la carta que ha escrito un personaje o algo así, 01:06:06

bueno, pues lo puedes tolerar, 01:06:08

pero si todo el libro está así, pues 01:06:10

la verdad es que no, ni por 01:06:12

hacer la gracia tendría sentido, 01:06:14

¿no? Porque vas a espantar 01:06:16

a otros lectores, ¿no? Vas a decir, bueno, 01:06:18

la historia es muy interesante pero es que a la quinta página 01:06:20

o me he tenido que bajar el ebook 01:06:22

y le he tenido que cambiar la letra porque no 01:06:24

no lo aguantaba, ¿no? algo así 01:06:25

pues hay que tenerlo, o también ya no solo es 01:06:27

lo que os decía de 01:06:30

del tipo de letra y el tamaño 01:06:31

y cómo está distribuido, sino también de cómo está jerarquizado 01:06:34

lo que es el texto, en este caso que es un mensaje como más 01:06:36

directo, ¿qué leemos primero? siempre se leen 01:06:38

los más grandes, es lo que más nos llama la atención, ¿vale? 01:06:40

entonces, ¿qué va a ser el primero? pues este 01:06:42

¿vale? entonces además se lo pone aquí 01:06:44

¿qué va a ser después? si además hay un pie 01:06:46

que además está justo después y encima tal 01:06:48

pues el siguiente, así todo 01:06:50

y al final, ¿qué vas a leer? Pues al final vas a leer esto 01:06:52

en nuestra vista, digamos 01:06:54

esto en composición visual, que lo vais a ver también 01:06:56

en diseño y dibujo modelado, si no lo habéis 01:06:58

visto ya, pues también ocurre 01:07:00

siempre dije, en nuestra vista 01:07:02

va lo primero que llama la atención 01:07:04

el elemento que tiene más peso 01:07:06

más peso quiere decir que tiene más presencia dentro de la 01:07:07

imagen, que es más grande 01:07:10

que por la composición 01:07:12

pues está en primer término, más que en 01:07:14

el fondo, en fin, hay diferentes 01:07:16

formas de aplicarlo, ¿no? Y en este caso 01:07:18

en tipografía, pues como estamos en un espacio 01:07:20

2D, no hay nada, pues el tamaño es una de las cosas 01:07:22

que más llama la atención. Bueno, aparte, esto está también 01:07:24

encuadrado, esto está con otro color, 01:07:26

esto está en blanco, que, bueno, 01:07:28

resalta más, todo, ¿no? Con el contraste blanco 01:07:30

y negro, todo esto, ¿no? Pero también ayuda, 01:07:32

pero sobre todo el tamaño de letra, pues aquí marca mucho, 01:07:34

¿no? Entonces, bueno, pues todo esto, bueno, pues 01:07:36

echarle un vistazo y todo esto, ¿vale? 01:07:38

Bueno, lo de la elegibilidad 01:07:41

igual, que, obviamente, hay que ser 01:07:42

elegible. No sé si os ha pasado que habéis cogido 01:07:44

o habéis comprado algo 01:07:46

un videojuego, por ejemplo, yo que sé 01:07:49

de edición especial y tal 01:07:51

te viene el libro muy bonito y todo esto 01:07:53

pero que de repente pasan estas cosas, que a lo mejor han 01:07:55

utilizado un brillo para una 01:07:57

a ver, a veces es intencionado y es lo que se busca 01:07:59

y si se busca y es lo que se obtiene 01:08:01

está muy bien, pero a veces es que verdad que no 01:08:03

no se distingue porque han utilizado un tipo de letra 01:08:05

que el contraste no estaba bien conseguido 01:08:07

también a veces por la impresión, por lo que sea 01:08:09

y bueno, pues eso, entonces el texto tiene que ser 01:08:11

tiene que tener buen contraste y se tiene que leer 01:08:13

sobre todo si quieres que llegue el mensaje directamente 01:08:15

si estamos en algo más 01:08:17

por ejemplo aquí solo está la marca y tenemos un libro 01:08:19

todo con el logo de yo que sé 01:08:22

de Chanel y todo así letras así 01:08:23

casi con el mismo color de la portada pero tiene un cierto 01:08:25

brillo y tienda, bueno pues 01:08:28

puede ser con el objetivo un poco de eso 01:08:29

de mostrar un poco más un carácter 01:08:31

más estético y más tal y no 01:08:33

busca tanto que leas la marca aunque se termina leyendo 01:08:35

pero bueno si es un mensaje más concreto 01:08:37

se tiene que leer bien, vale 01:08:40

lo de la altura 01:08:41

bueno pues el cuerpo 01:08:42

la longitud de la línea, pues lo mismo 01:08:45

también, no sale lo mismo 01:08:47

una línea, este mismo mensaje, no sale lo mismo 01:08:49

si va todo seguido que si distribuyes 01:08:50

en frases cortitas o tal 01:08:52

y destacas alguna palabra 01:08:54

cortándolo justo en el momento adecuado 01:08:55

en fin, bueno, pues todo esto es interesante 01:08:58

tenerlo en cuenta y demás 01:09:01

esta lección da muchos 01:09:02

consejos, da muchos tal, pero claro 01:09:03

luego a lo mejor, y bueno, y también hay ejemplos 01:09:06

pero lo interesante luego es que busquéis vosotros 01:09:08

más ejemplos e intentéis analizarlos 01:09:10

en base a esta información, ¿vale? porque 01:09:12

obligarse a darle cuenta que es que los diseñadores aplican todo este tipo de normas 01:09:14

y claro, vosotros ya como creadores de contenido, como diseñadores 01:09:19

pues también tenéis que empezar a aplicarlas, por eso las estudiamos 01:09:23

entonces eso, bueno, pues un poco eso, luego lo de la 01:09:26

composición, bueno, que si está en componer, lo que os decía, pues que marcar lo que 01:09:31

son los puntos y centros de interés, por ejemplo, que las líneas de composición y lectura 01:09:35

pues bueno, ya sabéis que nosotros leemos de derecha a izquierda, aquí por lo menos en el mundo occidental 01:09:39

derecha izquierda de arriba abajo entonces normalmente los las cosas deben ir en ese 01:09:43

sentido vale entonces aquí está la énfasis lo han dividido lo han cortado la palabra en varios tal 01:09:46

pero como va a todo seguido pues ya está suficientemente en grande y tal pues al final 01:09:51

tú sí que él es énfasis vale aunque esté totalmente desestructurada la palabra vale 01:09:55

pero todo eso los diferentes planos lo que digo que la letra esté en primer plano está en segundo 01:09:59

que por el tamaño pues para que está que tiene menos importancia todo esto vale tú ya lees esto 01:10:05

te llama la atención, le des énfasis, luego ya dices 01:10:10

a ver qué me quiere decir aquí, luego ya pues vas viendo 01:10:12

a ver si es una exposición, si es, bueno, pues 01:10:14

todo esto, ¿vale? Los volúmenes 01:10:16

y texturas también, bueno, si eso ya se trabaja 01:10:18

sobre todo, bueno, puede ser en 01:10:20

impresión, pero también puede ser en digital, ¿no? 01:10:22

Si trabajas con brillos, con 01:10:24

efectos de iluminación, con tal, 01:10:26

pues crear también 01:10:28

esa importancia de 01:10:29

esa tipografía, de esa letra, 01:10:32

¿vale? El ritmo y la tensión, 01:10:34

por lo mismo, vamos leyendo 01:10:36

y nos crea un ritmo, si 01:10:38

Si queremos romper el equilibrio, pues se puede hacer, pero tiene que ser con la consecuencia de saber lo que estamos haciendo o de ver qué tipo de mensaje estamos transmitiendo, como ya hemos visto en algunos casos. 01:10:39

O el peso visual y equilibrio, que es lo que os digo, se consigue a veces con el tamaño, pero también se puede conseguir con el tipo de letra, con el remarcado de si unas negritas, si unas tal. 01:10:52

Todo depende un poco de lo que veamos. 01:10:59

la composición es esencial ya no solo con textos 01:11:02

sino con imágenes también 01:11:06

los principios de composición tanto de imagen como de texto 01:11:07

se va a hacer un poco lo mismo, prácticamente todo igual 01:11:11

pero bueno, que sepáis que es eso 01:11:14

los ritmos de lectura, lo que os había dicho 01:11:16

aquí os hablo un poco más de todo esto 01:11:20

ir mirando un poco porque tampoco nos vamos a poner un poco eso 01:11:21

lo de la composición de párrafos, lo que decía 01:11:27

que estén separados, que haya una justificación 01:11:28

o sea que siempre hay que dejar márgenes 01:11:31

no hacer los párrafos 01:11:33

nunca hay que hacerlo a los bordes 01:11:35

primero porque la impresión, aunque hoy en día 01:11:37

los sistemas de impresión son muy buenos, ya sabes que un libro 01:11:39

se imprime en pliegos 01:11:41

y luego hay que cortarlo 01:11:43

y se pega 01:11:44

y va encolado y tal, y se pone a la puerta de todo esto 01:11:47

entonces si 01:11:49

aunque esté todo muy bien ajustado 01:11:50

y la cortadora y todo esto, si tú 01:11:52

pones los textos muy cercanos 01:11:54

al final todo queda muy descuadrado 01:11:56

de hecho, no sé si os ha pasado alguna vez 01:11:58

que algún libro por un error de imprenta 01:12:01

que a veces ocurren, pues 01:12:03

os lleva totalmente mal cortado y entonces no tiene márgenes 01:12:04

o os ha cortado incluso el texto o todo esto 01:12:07

todo esto hay que tenerlo muy en cuenta 01:12:09

entonces 01:12:10

los saltos de página, de párrafo 01:12:11

de tal 01:12:15

bueno, aquí se habla de otros temas 01:12:16

orientado a lo que son las páginas de periódicos 01:12:18

que bueno, esto también se aplica luego a las páginas web 01:12:21

lo que es la entradilla, que es como un resumen 01:12:23

de lo que va a ser la noticia 01:12:25

luego está el titular, que va más grande 01:12:27

como más resaltado, luego la letra capitular 01:12:29

que suele ser la primera letra del párrafo 01:12:32

que también es un toque de estilo 01:12:33

las formas en las que están los periódicos 01:12:35

ya no solo siguen un 01:12:37

criterio genérico de decir 01:12:39

esto se hace así porque es lo correcto 01:12:41

sino que tienen su libro de estilo 01:12:43

entonces 01:12:45

para que todo el mundo sepa que está leyendo 01:12:46

el mundo o el país o lo que sea 01:12:49

pues nosotros vamos a aplicar estas normas 01:12:51

tienen sus normas, no es que tampoco sea 01:12:53

tal, pero bueno, sí que hay cosas que son un poco 01:12:55

genéricas y que se aplican a todos. Luego, bueno, el texto 01:12:57

periodístico suele estar distribuido en columnas también 01:12:59

porque, bueno, es una forma también de meter más información 01:13:01

y de clasificarla mejor y de que sea más rápido 01:13:03

la lectura, ¿verdad? Todo esto. 01:13:05

Luego están los ladillos, ¿vale? Que son 01:13:08

pequeños títulos de muy 01:13:09

pocas palabras, ¿vale? Que se colocan dentro de una 01:13:11

columna, ¿vale? Que hacen referencia a lo que es el texto 01:13:13

en sí, pero bueno, te da como una especie, son como 01:13:15

mini titulares, ¿vale? Que, bueno, pues 01:13:17

te van, digamos, organizando la información 01:13:19

y dando un poco más importante también, pues si tienes 01:13:21

que leer muy rápido y no te da tiempo a leerte 01:13:23

todo el texto, pues que es un poco como 01:13:25

lo más importante vale entonces entonces eso o los destacados que ya son palabras pero en este 01:13:27

caso rompe el texto y se mete aquí dentro que estado también hay formas de hacerlo en diseño 01:13:33

y entonces lo redondea todo pero esto ya queda como más destacado y bueno pues eso suele ser 01:13:38

la declaración más importante no porque pues eso porque yo robé el dinero pues iría así ahí a lo 01:13:42

mejor tal no ha declarado el imputado o algo así pero pues todo eso es un destacado y luego los 01:13:51

pies de foto que siempre, esto siempre es importante y cuando hagáis un trabajo siempre 01:13:56

o mandéis cualquier cosa, o si mandáis vuestros propios trabajos, por ejemplo 01:14:00

hacéis un reel o hacéis tal, pues siempre poner un pie de foto que indique, haga referencia 01:14:04

o sea que contextualice esa imagen, que no se los pone la imagen porque quede bonita 01:14:08

o aunque haga referencia al texto en sí, siempre hay que ponerle un 01:14:12

título descriptivo, no tampoco muy largo, pero descriptivo que añada, aparte que le puedes 01:14:16

poner un número que luego dentro del texto sea referencia, a veces no se ponen pies de foto 01:14:20

se pone figura 1, figura 2 01:14:24

y tal, pero bueno, eso se usa 01:14:26

en textos más técnicos que no vas a 01:14:27

comentar cada captura de un programa 01:14:30

por ejemplo, algo así, pero bueno, es un poco así 01:14:32

entonces bueno, pues es otra forma de verlo 01:14:34

que ya digo, hoy aunque hoy en día 01:14:36

los periódicos cada vez están más extintos 01:14:38

pues sí, porque 01:14:40

incluso los queos que van desapareciendo 01:14:42

pero bueno, esto también se va aplicando luego 01:14:43

al diseño web y al diseño 01:14:45

y a la publicación de tal, aunque bueno 01:14:47

luego también algunas cosas se adaptan y tal 01:14:50

pero bueno, que sepáis que 01:14:52

que estos también estos términos y lo mismo son términos que en general se utilizan así 01:14:53

luego dependiendo y dependiendo el libro estilo de alguna pero con concreto a lo mejor le llaman 01:14:57

de otra forma bueno eso no lo sé pero bueno echarle un vistazo que también es interesante 01:15:01

vale entonces esto por ejemplo luego la cara del estudio bueno pues esto sí que es interesante que 01:15:05

os lo veáis aprendiendo y entonces podría poneros yo a lo mejor una imagen de algo y decirme que 01:15:10

identifiquen y marcar una serie de elementos y decir cómo se llaman nuestros elementos por 01:15:14

ejemplo. O sea, imaginaos esta misma, que no digo que la vaya a poner, ¿no? Pero que os pusiera esto 01:15:18

y con las flechas y todo, pero quito los nombres y entonces digo, pues dime qué es cada cosa, ¿no? 01:15:24

Por ejemplo, bueno, pues algo así, ¿no? Porque es importante que lo identifiquéis ya tanto como 01:15:28

diseñadores como para poder comunicarlo a vuestros compañeros, a vuestros jefes, como en el medio en 01:15:31

el que trabajéis, como para vosotros, ¿no? Para poder identificarlos y leéis un libro de texto, 01:15:36

pues es importante que sí que estos términos los vayáis asociando y os vayáis quedando con ellos, 01:15:41

así que es eso 01:15:46

y luego empezamos aquí con lo de los textos digitales 01:15:48

que es un poco lo que ya hemos dicho 01:15:50

no me voy a extender mucho 01:15:51

para que nos dé tiempo un poco a ver lo de Figma 01:15:52

entonces por lo mismo 01:15:56

ya por ser digital 01:15:58

los textos son más largos 01:16:00

de hecho si habéis visto una noticia 01:16:01

en un periódico digital 01:16:02

y luego la leís 01:16:05

o la leís impresa 01:16:06

veréis que es la mitad 01:16:08

prácticamente o algo así 01:16:10

porque se reduce 01:16:12

porque evidentemente 01:16:14

cuando es mucho texto en una página web 01:16:15

no lo leemos, no tendemos a leerlo 01:16:18

de hecho, nuestros propios contenidos 01:16:20

de las lecciones, nosotros también 01:16:22

en un libro de estilo, una norma de que tampoco 01:16:24

pongamos páginas muy largas, a veces es inevitable 01:16:26

porque hay que poner fotos y demás y pueden ser muy largas 01:16:28

pero no lo solemos poner 01:16:31

porque somos conscientes de que si la ponemos muy larga 01:16:32

y empieces a dar scroll y empieces a bajar 01:16:34

y no acaba 01:16:36

pues es verdad que te crean una sensación ya de agobio 01:16:37

y te desespera y te aburre 01:16:40

es un poco así 01:16:42

Si tenéis que hacer vuestra página web y todo eso, pues también tenedlo en cuenta, ¿vale? 01:16:43

No hay que poner textos muy largos, porque normalmente lo que uno aguanta en digital, 01:16:47

leyendo en digital, no es lo mismo que en impreso, ¿vale? 01:16:52

Entonces, sí, aparte cuando tú vas a ver una página web o noticias digitales, 01:16:55

pues vas un poco a la rapidez, a la inmediatez de entender lo que está pasando, 01:16:58

pero no quieres leer una opinión de dos hojas, por ejemplo, 01:17:03

ni quieres leer un artículo de tal, que puede ser muy interesante para otro periodo, 01:17:07

entonces entramos dentro de otro formato, por ejemplo, puede ser el de una revista 01:17:10

o el que puede ser también digital 01:17:13

pero bueno, aún así no suele ser el texto muy largo 01:17:15

porque también te cansa mucho la vista 01:17:18

entonces bueno, pues no se suele hacer 01:17:19

entonces 01:17:22

entonces esto 01:17:23

el texto también suele ser un pelín más grande 01:17:24

en textos digitales 01:17:27

podemos partir de los 14 porque más pequeñitos 01:17:29

suelen ser más difíciles de tal 01:17:31

de hecho no sé si os habéis dado cuenta pero yo 01:17:33

si por ejemplo juegas un juego y sobre todo pones eso en una portátil 01:17:35

yo en Nintendo Switch 01:17:37

a veces es que el juego aparece 01:17:39

con una tipografía que digo 01:17:41

yo no sé quién lee esto, o sea, yo no 01:17:43

hombre, yo ya tengo una edad y a lo mejor 01:17:44

ya he perdido un poco de hueza visual, ¿no? 01:17:46

está pensado para gente más joven, pero vamos, no 01:17:48

o sea, es imposible, hay que modificarlo 01:17:50

pero bueno, tienes las opciones por lo menos 01:17:53

vas a configuración y 01:17:54

puedes cambiar normalmente 01:17:56

los subtítulos o el texto en pantalla 01:17:57

lo puedes cambiar, ¿no? 01:18:01

entonces lo puedes hacer más grande 01:18:02

pero bueno, que siempre solo es un poco más grande porque es eso 01:18:04

porque normalmente Selena termina 01:18:06

más distancia, hombre, en una tableta 01:18:08

a lo mejor en día no tanto, ¿no? y en el móvil a lo mejor 01:18:10

tampoco pero el tema son pantallas más pequeñas en fin bueno pues nuestro tipo de lectura vale 01:18:12

pero digo que aquí también depende un poco de estas formas como los medios digitales te permite 01:18:18

modificar la letra pues lo puedes hacer un tipo como un tipo para que aparezca así por defecto 01:18:22

pero luego ya cada uno configura entonces entonces esto aquí por ejemplo fijaros al contrario que lo 01:18:29

que es el impreso, lo que es el 01:18:38

digamos, los anchos uniformes 01:18:40

se suele recurrir a los anchos uniformes 01:18:42

o sea, hay que evitar el carry, lo de 01:18:44

montar lo de las letras 01:18:46

que veíamos antes, porque 01:18:48

lo que os decía, aquí en digital, pues 01:18:50

aunque tenemos pantallas, ya digo 01:18:52

me lo he vuelto a repetir, pero es verdad 01:18:54

ya tenemos mucha calidad 01:18:55

y todo esto, pero es que 01:18:58

también tenemos otros elementos que pueden distraer más 01:18:59

como pueden ser que son pantallas retroiluminadas 01:19:02

entonces emiten luz 01:19:04

está lo de la luz azul, que nos cansa la vista 01:19:05

se puede hacer más incómodo 01:19:08

hay que buscar una experiencia para que 01:19:11

el usuario no se vaya de nuestra página 01:19:13

porque lo considere incómodo, molesto 01:19:15

que le resulte poco atractivo 01:19:17

el hecho de no salir a repente mucho texto 01:19:19

de hecho se llevan mucho 01:19:21

las páginas web muy minimalistas 01:19:23

a veces que vas 01:19:25

con una foto y un pequeño párrafo 01:19:27

que a veces es más efectivo que ponerte 01:19:29

y de repente toda la historia 01:19:31

salvo que sean como estos contenidos 01:19:32

que es un contenido académico 01:19:34

camas tenéis que leer o si se os va a examinar 01:19:37

pues realmente uno no se para leerlo 01:19:39

realmente, o sea, no os hablo que ya sea 01:19:42

un libro o que todo esto, ¿no? pero bueno 01:19:43

entonces un poco eso, ¿vale? 01:19:45

entonces la cursiva también puede 01:19:47

dificultar la elegibilidad 01:19:49

por lo mismo, porque 01:19:51

digamos las, ya sabéis que los 01:19:52

están formados todo por píxeles y los píxeles son 01:19:55

son líneas, que son líneas 01:19:58

verticales, ¿vale? entonces 01:19:59

pues todo lo que esté torcido, digamos, un poco inclinado 01:20:00

pues ya lo tengo que componer con píxeles 01:20:04

un poco aledaños y un poco 01:20:05

tiene que reconstruirlo, se puede 01:20:07

dificultar o puede 01:20:10

comprometer la definición, que ya digo 01:20:11

hoy en día no es tanto, pero bueno 01:20:13

hasta cierto punto se puede 01:20:15

ocurrir 01:20:18

no hay que desdeñarlo 01:20:19

o el interlineado, pues lo mismo 01:20:21

que 01:20:23

es un poco más 01:20:24

grande, cosa que sea al 150% el tamaño 01:20:28

del texto y todo esto, porque bueno 01:20:29

hay que dar más espacio 01:20:31

no que esté todo muy junto, porque 01:20:33

a veces es que es imposible leerlo 01:20:35

pero ya no es cuestión de vistas 01:20:37

aunque tengas gafas, te pongas las gafas o que tal 01:20:39

no se ha visto sobre todo estos mensajes 01:20:41

del disclaimer 01:20:44

o los derechos de cuando empieza 01:20:45

un videojuego, una película, todo esto 01:20:47

que es imposible leerlo, yo creo que son conscientes 01:20:49

tampoco se preocupan mucho, lo ponen ahí un poco 01:20:51

porque les obligan y tal 01:20:53

pero no es muy así 01:20:55

entonces también un poco 01:20:57

hay que tener cuidado con el uso de los colores 01:20:59

antiguamente cuando empezó internet 01:21:01

pues se pensaba que cuanto más 01:21:03

mejor, entonces todas las 01:21:06

páginas tenían colores como muy brillantes, muy estridentes, todo con animaciones, todo con tal, 01:21:07

si veis alguna web clásica o alguna que se ha quedado ahí un poco en repositorio y no se ha 01:21:11

modificado desde entonces. Y se pensaba que era lo mejor, pero evidentemente al final se ha visto 01:21:17

que no, entonces con Transcend también tiene que ser. Esto también a veces es modificable, 01:21:22

como por ejemplo en Maya que podemos modificar el color del fondo dependiendo, porque a ver, 01:21:26

no todo el mundo ve de la misma forma y hay personas que son más sensibles a unos colores 01:21:30

a otros o los ven de una forma tal pues bueno pues podemos decir que el mayor contraste suele 01:21:33

ser blanco y negro y suele decir que funciona bastante bien pero a veces o sea que cansa más 01:21:38

el escribir sobre el fondo negro y letra blanca pero en algunos casos pues a lo mejor para que 01:21:42

no veas y está sobre todo lo lindo de noche pues a veces te puede venir bien o bueno pues 01:21:47

hay que verlo vale entonces todo también depende un poco de la situación y todo esto también como 01:21:51

son secos y configurables pues no hay problema vale entonces pues eso y luego lo de las 01:21:55

tipografías, que esto también da muchos problemas, ya sabéis 01:22:02

que las tipografías tienen que estar instaladas en el sistema 01:22:04

para que la reconozca y que la interprete el texto 01:22:06

que tú estás mostrando, entonces 01:22:08

normalmente cuando se va a hacer 01:22:09

vas a mandar un proyecto, por ejemplo, a un cliente 01:22:11

o algo así, en InDesign 01:22:14

en muchos programas, ya lo veremos 01:22:16

como también lo hace Figma, pues 01:22:18

suele hacer lo que se llama un empaquetado, que lo que hace 01:22:20

es que incluye la tipografía ya dentro del 01:22:22

proyecto, para que cuando lo abra la persona 01:22:24

que se le envía, pues tal, si no lo que se hace 01:22:26

es que normalmente se manda un PDF, verdad 01:22:28

que el PDF lo que hace es que hace como 01:22:29

fotografías de cómo lo tienes tú configurado en tu ordenador, que tú tienes toda la tipografía, 01:22:32

se ve perfecto, y entonces la persona lo va a ver tal cual, porque está viendo fotografía 01:22:36

realmente, o sea, no está viendo, no puede modificar la tipografía, aunque bueno, hoy en 01:22:41

día los PDF también evolucionan mucho y si tienes el Adobe, el profesional pues te permite editar y 01:22:44

lo interpreta con el OCR y todo esto, pero bueno, si no, pues no os aparece y os habrá pasado que 01:22:52

vez mando un proyecto o cambiáis de ordenador y lleváis un trabajo que estáis haciendo y como 01:22:58

tiene la tipografía que pensabais pues os ha desbaratado todo verdad y todo lo que os habéis 01:23:03

cuadrado ya sabéis mucho tiempo cuadrarlo pues se rompe vale pero bueno y luego está lo de 01:23:08

reconocimiento óptico de caracteres este es el ocr que esto simplemente es que va dirigido sobre 01:23:14

todo pues ya digo bueno al texto impreso que entonces lo escaneas y luego te lo reconoce o 01:23:19

O si directamente, por ejemplo, tienes un PDF o algo así, pues que interprete ese texto para que sea algo editable, ¿vale? 01:23:24

Para que lo convierta, digamos, en tipografía, en tipografía editable y demás. 01:23:30

Y, bueno, pues, claro, pues para eso hay que usar imágenes de alta calidad porque si no tiene muy buena calidad, pues, ya va a ser complicado hacerlo. 01:23:35

Bueno, son esos programas también de pago que cada vez lo incluyen más programas y tal. 01:23:42

Y, bueno, ya también están metiendo la inteligencia artificial, con lo cual, bueno, pues cada vez son más precisos, ¿no? 01:23:47

Pero sobre todo eso, si necesitas pasar mucho texto, ya no solo escanearlo, sino que luego poder editarlo, pues es una buena forma. 01:23:51

Y a mí hoy en día lo básico sí que lo hace el propio Acrobat, te lo hace, ¿vale? 01:23:57

Luego puedes modificar el texto, se hablan algunas cosas muy especiales o algunas tipografías que no reconoce o que son de estas manuscritas o tal, 01:24:03

que entonces ya te lo reconoce como imagen y no lo puedes editar, ¿no? 01:24:09

Pero bueno, que el OCR se basa en eso, ¿vale? 01:24:12

Y entonces, bueno, aquí se habla de hojas de estilo. 01:24:14

bueno, los estilos los vamos a ver en Figma también 01:24:18

crear un estilo simplemente 01:24:20

que lo podéis hacer en Word, lo podéis hacer tal 01:24:22

es que digamos 01:24:24

crear una serie de características para un texto 01:24:26

por ejemplo, quieres que todos los párrafos tengan ese color 01:24:28

un color determinado, un tamaño determinado 01:24:30

evidentemente no lo vas a hacer con cada uno que hagas 01:24:32

tú creas un estilo y lo que haces es que luego 01:24:34

simplemente creas el 01:24:36

titular, lo escribes y 01:24:37

le aplicas el estilo, lo seleccionas 01:24:40

le dices aplicar estilo de párrafo 1 o de párrafo 2 01:24:42

y tal, y claro, pues es lo más sencillo 01:24:44

luego a la hora de... y los estilos 01:24:46

también se utilizan en el diseño web, que son los archivos CSS, donde se especifica 01:24:48

antiguamente que tenías que crear cada página hasta que se crearon 01:24:52

los estilos, pero hoy en día con los estilos realmente lo que hace es que 01:24:56

el texto está escrito normal, o sea, es un texto sin 01:25:00

ningún tipo de estilo, y luego hay archivos de CSS con instrucciones donde te dice 01:25:04

esto tiene que ir en este tamaño de letra, o con este tipo de letra, todo esto tal cual 01:25:08

y entonces el navegador huele 01:25:12

ese encabezado de estilo 01:25:15

y entonces ya te lo muestra como 01:25:18

el diseñador ha querido que sea, pero basándose 01:25:19

en ese estilo, entonces te permite 01:25:22

mucha versatilidad, claro, porque para modificar algo 01:25:23

no tienes que ir andando 01:25:26

palabra por palabra, claro, imaginar los estilos 01:25:27

y yo creo que también de repente el estilo de los párrafos 01:25:29

de un texto, o sea, de los 01:25:31

apartados de un texto que tiene 01:25:34

mil hojas, yo que sé, ¿no? 01:25:35

Pues no voy a ir uno por uno, si haces el estilo 01:25:37

pues con seleccionarlos todos 01:25:39

o decir que este estilo ahora va 01:25:41

se modifica y se cambia tal, pues todo lo que 01:25:43

método usado automáticamente y ya está 01:25:45

entonces, bueno, pues es interesante 01:25:47

es interesante eso, vale 01:25:49

miraremos algunas cosas, y bueno, y hasta aquí 01:25:50

la lección, realmente, bueno, veis que es un poco de introducción 01:25:53

hay una segunda parte de texto donde se ven otras cosas 01:25:55

pero bueno, hasta aquí, y aquí empieza la parte que es de InDesign 01:25:57

entonces ya digo, o sea, porque incluso 01:25:59

hay algún vídeo y tal, este profesor 01:26:01

tiene un vídeo en Youtube que 01:26:03

está aquí puesto y todo esto, echarle un 01:26:05

vistazo, o sea, está bien porque habla también 01:26:07

de temas que se han visto en la unidad 01:26:09

porque está pensado luego para practicarlo con tal 01:26:11

aunque nosotros lo vamos a hacer con Figma, pero no, pero vamos, le va a quitar, pero bueno, también os hablo un poco también de para bocetar, que esto es muy importante y muy interesante, cuando vais a hacer, por ejemplo, el diseño gráfico de, o sea, el diseño y composición de una página, o por ejemplo, de una aplicación para un móvil, para lo que sea, pues es interesante primero hacer este estudio, primero hacer un boceto de dónde quieres poner determinadas cosas, cómo van a ir, esto va a ser una caja de texto, esto tal, escribir el texto, por supuesto que vas a tener que necesitar, decidir los colores que vas a tener, tal, y por supuesto las tipografías, vale, entonces, y tal, bueno. 01:26:13

Y aquí ya se mete un poco en la creación del documento, que ya digo, esto ya pues no nos saltamos, lo de crear páginas maestras, la página maestra simplemente quiere decir que cuando creas una página hay una serie de características que también ya tienen, que se van a imitar y se van a mantener, por ejemplo, un encabezado o un pie de página, pues para no tener que estar cambiándolo, pues tú lo puedes crear e incluso se puede ir actualizando el número de página automáticamente, bueno, son opciones que hay en InDesign, InDesign es el programa por excelencia para maquetar, ya digo, textos, sobre todo para maquetar revistas, folletos, todo esto, pero bueno, tampoco es muy extenso, 01:26:43

es una pequeña introducción en este 01:27:12

luego creo que en la siguiente lección se ve más 01:27:14

pero bueno, se prestaba para eso 01:27:16

y ya está 01:27:19

bien, pues entonces esto es para esto 01:27:20

entonces, bueno, pues 01:27:22

no sé si hay alguna pregunta, si todo esto 01:27:23

no sé si lo habéis leído ya, si habéis tenido ocasión ya 01:27:25

de haberlo leído 01:27:27

y de tal 01:27:29

como siempre me he puesto a hablar y se me ha ido el tiempo 01:27:31

pero bueno 01:27:34

yo creo que es interesante 01:27:34

ya digo que la tipografía es un mundo en sí 01:27:37

no sé, ahora mismo 01:27:39

bueno, os traeré a lo mejor, os pondré un mensaje 01:27:41

a un libro así de tipografía por si os interesa el tema 01:27:43

que podéis ver, bueno, hay un montón 01:27:45

yo hace mucho que, o sea, yo tengo 01:27:47

algunos porque me los compré en su momento 01:27:50

y tal, pero no 01:27:51

bueno, no pasa nada 01:27:53

blanco, pues espero que esto os sirva un poco de 01:27:56

inicio y demás 01:27:57

pero bueno, que con el contenido que tenemos aquí 01:27:59

pues ya también es más que suficiente, vais a encontrar 01:28:02

muchas cosas parecidas a esto, lo que pasa es que luego 01:28:03

pues bueno, hay más, ya para quien quiera 01:28:05

más dedicarse al mundo más editorial 01:28:07

lo más de diseño gráfico tal pues pues interesante bien bueno pues entonces esto es esto entonces os 01:28:09

voy a comentar simplemente dos cosas vamos a hacer con Figma os he puesto esta tarea entonces la tarea 01:28:16

que de Figma que vamos a hacer mirad os he puesto que vamos a hacer carteles porque creo que lo más 01:28:22

más rápido vale más sencillo entonces vamos a hacer cuatro carteles corto carteles que ahora 01:28:27

vemos en Figma como se hacen un poco hoy vamos a ver un poco la introducción a lo mejor ya no 01:28:31

nos da tiempo por lo todo, pero si no pues 01:28:34

el próximo día lo hacemos 01:28:36

entonces vais a tener que hacer, para digamos 01:28:38

cuatro eventos diferentes, vais a tener que hacerlo para un espectáculo 01:28:40

de magia o magia genérica, o sea 01:28:42

bueno, puede ser todo tipo, a ver, hay muchos tipos 01:28:44

de magia, hay que hacer magia real, que vayáis a ver 01:28:46

un mago, tipo el mago pop o algo 01:28:48

de esto, ¿no? y pues eso 01:28:50

luego para una cafetería, la cafetería puede ser 01:28:52

del estilo que queráis, o sea, puede ser 01:28:54

no sé, cualquiera, que sé que puede ser 01:28:56

más clásica o puede ser 01:28:58

más moderna, lo que sea, para una exposición 01:29:00

yo he puesto Harry Potter porque bueno, yo que sé 01:29:02

Porque creo que hay una hora y porque, bueno, pues siempre a lo mejor os gusta, pero si no os gusta Harry Potter y no os motiva lo que sea, hay otra hora de Marvel o os podéis inventar que es una exposición que no tiene que existir, que decir lo que queráis, pero que sea para un anuncio, para una exposición, ¿vale? 01:29:04

Y luego otra para la celebración del Salón del Manga, que ya sabéis que el Salón del Manga se celebra en junio aquí en Madrid y entonces, bueno, pues eso, que le des, perdona, que me estoy diciendo, ¿cómo cambia, no? 01:29:18

Sí, efectivamente 01:29:28

Ah, vale, sí, sí, perfecto 01:29:32

Sí, Francisco, lo que dices tú 01:29:36

Efectivamente, sí, es un ejecutable 01:29:38

Como que sí, que realmente 01:29:39

O sea, te lo meten en el escritorio 01:29:41

Pero sí, es como que realmente puedes trabajar con él 01:29:43

Creo que sin conexión, esto no lo tengo muy comprobado 01:29:46

No lo he puesto ahora 01:29:48

O sea, a lo mejor si lo quieres subir luego 01:29:49

O que se grabe y tal, pues tendrás que estar conectado a internet 01:29:51

Pero es posible que te deje manejar con tal 01:29:54

Pero sí, es como un ejecutable 01:29:56

igual que si no te lo bajas a la tableta pues es una aplicación o es una tal o sea que por eso no 01:29:57

hay problema entonces sí sí pero para que decir que está aquí luego también puedes trabajar online 01:30:05

si queréis si no queréis bajaros nada si no queréis bajar porque yo que sé tienes el ordenador 01:30:10

ley en total también se puede trabajar online vale entonces tienen las dos opciones lo que pasa es 01:30:13

que el ejecutable una vez que te lo guías pues en teoría va como más rápido lo tienes ahí tal 01:30:16

pero si no te instala nada no te dice que te instala nada y se queda ahí vale entonces lo 01:30:21

podéis poner donde queráis en cualquier carpeta o el escritorio y ahí se queda efectivamente y 01:30:26

el argumento sí sí porque a ver es que esta tarea la tarea yo creada para para indesign y estaba más 01:30:32

orientada más bueno creo que era un poco más de más además de ensayo sentido que trabajamos el 01:30:40

texto en plan de casi escribir como un libre tal y no me parecía y yo creo que se confirma y como 01:30:45

tal pues vamos a trabajar la tipografía pero también con un elemento un poco más visual un 01:30:49

poco más tarde entonces eso hay que hacer cuatro carteles cuatro carteles que ahora os digo vamos 01:30:53

a un tamaño a 3 ya sabéis que en principio como vais a meter imágenes y todo esto pues cuanto 01:30:57

más grande sea pues luego de imaginar es que lo vais a imprimir que ahora estamos hablando de si 01:31:03

por ejemplo es una exposición podéis imprimir hasta una lona de 10 metros por 15 o algo así 01:31:06

pero bueno nosotros en este caso no nos vamos a preocupar de eso vale de resoluciones y tal 01:31:12

vamos a pensar que es algo que sí que vamos a imprimir pero bueno para dejarlo un poco por 01:31:16

por el instituto o algo así, o dejarlo 01:31:20

en el tablón de la comunidad 01:31:22

de vecinos por si alguien interesa, ¿no? Bueno, 01:31:24

pero vamos a trabajar 01:31:26

con un tamaño 3, que ya es un buen tamaño, 01:31:28

es decir, que normalmente, pues, cualquier 01:31:30

libro, cualquier cosa, como máximo llega a 01:31:32

la 4, o si ya es de fotografía y tal, 01:31:34

pues va a ser más grande, pero bueno. 01:31:36

Y va a ser eso, tenéis que fijaros, es un 01:31:38

espectáculo. Entonces, claro, bueno, lo vamos a hacer con Figma, 01:31:40

ahora repasamos un poco Figma, no os preocupéis. 01:31:42

Entonces, ¿qué tenéis que hacer? Lo primero, 01:31:44

buscar referencias visuales. Claro, cuando vamos 01:31:46

hacer todo esto, a lo mejor vosotros ya 01:31:48

conocéis a Harry Potter o del que queréis hacer 01:31:50

la exposición o sabéis que 01:31:52

sois aficionados al manga y todo eso. 01:31:54

Bueno, digo el salón de manga por 01:31:56

unificar a todos y porque luego también hay 01:31:58

una comparación entre todos, pero bueno, que si queréis hacerlo 01:32:00

de otro salón del 01:32:02

turismo o algo así, pues mientras que luego 01:32:04

quede claro el mensaje y lo que me ponéis, 01:32:06

pues no habrá problema. Pero bueno, 01:32:08

yo creo que para unificarlo y para no liarnos, 01:32:10

pues bueno, hacemos un poco de esto y ya está. 01:32:12

Pero bueno, hay que buscar referencias visuales. 01:32:14

Pues eso, 01:32:17

Por ejemplo, el espectáculo de magia 01:32:17

Bueno, pues 01:32:20

¿Qué tiene que ver con la magia? 01:32:21

Pero pues es varitas mágicas, sombreros de mago 01:32:23

Pero claro, aquí hay que tener un poco de cuidado 01:32:24

Y además os he puesto un espectáculo de magia 01:32:26

Y luego he puesto lo de Harry Potter 01:32:28

Porque también es cuestión de magia 01:32:29

Pero claro, son dos caracteres diferentes 01:32:30

Un espectáculo de magia puede ser algo más moderno 01:32:32

Tipo el mago Pop, ¿verdad? 01:32:34

Que es un chico joven que tiene muchos 01:32:35

Broadway, no sé qué tal cual 01:32:37

Bueno, podéis buscar carteles suyos para ver cómo son 01:32:39

Pero quiere decir que no va a recurrir a las capas 01:32:41

Ni a lo 01:32:44

en la tipografía tipo Harry Potter 01:32:45

porque es como un poco más clásica 01:32:48

es una magia un poco más 01:32:50

ortodoxa, digamos 01:32:52

hasta cierto punto, aunque luego tenga 01:32:53

sus peculiaridades y todo esto 01:32:55

entonces bueno, pues eso 01:32:58

pero bueno, que podéis partir de elementos así comunes 01:32:59

pero luego también, lo que os digo 01:33:02

tampoco hay que recurrir como a lo clásico 01:33:03

o a lo evidente, porque bueno 01:33:06

a veces se queda como un poco un cliché 01:33:07

pero bueno, lo que sí que tiene que quedar claro es que es un espectáculo 01:33:10

de magia, bueno, pues vosotros ya decidís 01:33:12

como lo que lo que se hace una cafetería pues con la cafetería 20 mente aparecerá en cafés 01:33:13

baristas pasteles o una decoración con la estancia como una estancia cogedora bueno son puntos de 01:33:17

partida pero luego ya vosotros veis lo que lo que quieres transmitir vale la exposición igual 01:33:24

obviamente aquí tiene que hacer referencia al producto que está de lo que trata la exposición 01:33:29

este caso harry potter tendrá que elementos de la propia franquicia que ya digamos tenemos un 01:33:34

poco el trabajo de hecho porque tenemos que usarlo en este caso como bueno como es para nosotros lo 01:33:37

podemos usar sin un problema, podéis usar todas las referencias 01:33:41

y demás, pero 01:33:43

bueno, tiene que ser eso del personaje 01:33:44

en sí, ¿vale? y el salón de manga pues aquí es un poco 01:33:47

más abierto, pero sí que es verdad que 01:33:49

podemos utilizar colores vibrantes, ¿verdad? 01:33:51

tal, aunque bueno, no tendría por qué 01:33:54

porque el manga ya sabéis que en principio son blanco y negro 01:33:55

aunque los hay en color, bueno pues 01:33:57

todo va a ir jugando un poco como 01:33:59

vuestras referencias que busquéis y tal, todo esto, ¿vale? 01:34:00

Utilizaremos lo de Figma, entonces claro 01:34:03

¿qué tienes que hacer? bueno, todos van a ir a ver texto 01:34:05

porque aparte de que pongáis 01:34:07

cosas, fotografías 01:34:09

y demás, tenéis que 01:34:11

vender ese producto, o sea, tenéis que invitarlos 01:34:12

perdón, que se me ha caído 01:34:15

perdón, que ya estoy 01:34:17

disculpad, que esta sí 01:34:20

está un poco mal 01:34:23

por ejemplo, el espectáculo de magia, pues tenéis que decir 01:34:23

bueno, cómo se llama el mago, cómo se llama 01:34:26

el espectáculo, tampoco hace falta que os inventéis 01:34:28

ahora mismo, pero bueno, dónde 01:34:31

se celebra ese evento 01:34:32

el horario, algo así, tal y cual 01:34:34

o yo qué sé, algún eslogan 01:34:37

llamativo de 20, no sé, bueno, lo que 01:34:38

queráis vale la cafetería pues un poco igual tenéis que a veces pues con una 01:34:40

simple frase o como tal entonces tal y luego aparte de diseño de fotografía de 01:34:45

imágenes pues luego te puedes poner tampoco la dirección o la página web no 01:34:49

sé por todo esto es todo esto expresión de harry potter pues igual pues 01:34:55

normalmente aquí también se hace se usó hacen un eslogan no te pillas de la 01:34:58

magia no sé qué bueno es que éste creo que más hasta ahora entonces pues bueno 01:35:01

pues pues que hay referencias y el salón de manga pues igual también podéis 01:35:04

poner tal. Evidentemente 01:35:07

es una exposición para que vaya público 01:35:09

de aquí, ¿vale? Que no me pongáis 01:35:11

el texto en japonés porque 01:35:12

podéis poner alguna palabra en japonés 01:35:14

pero que dice que lo suyo 01:35:17

es que se venda para 01:35:19

digamos para madrileños, para 01:35:20

gente que estamos aquí, ¿vale? 01:35:22

Pues eso, tienes que sentir ese mensaje 01:35:25

con todas esas cosas, ¿vale? Entonces una de ellas es la 01:35:26

tipografía, entonces tienes que elegir a ver qué tipografía va con 01:35:28

cada cosa, ¿vale? Entonces Harry Potter podéis pensar 01:35:30

que es la típica de las letras de Harry Potter, 01:35:33

¿no? Que aparecen en el principio de las películas, pero eso se 01:35:35

es el eslogan 01:35:36

tú lo puedes escribir 01:35:38

todo un texto 01:35:39

con ese tipo de letra 01:35:40

¿verdad? 01:35:41

porque tiene rayos 01:35:41

y que tiene tal 01:35:43

porque entonces 01:35:43

no es así legible 01:35:44

bueno pues tienes que 01:35:44

buscarla así 01:35:45

y tipografías que le peguen 01:35:46

un poco 01:35:47

y que le vayan 01:35:47

¿vale? 01:35:48

los espectáculos 01:35:48

igual las cafeterías 01:35:49

igual a lo mejor 01:35:50

el nombre de la cafetería 01:35:50

tiene tipografía 01:35:51

pues muy 01:35:53

muy fantasiosa 01:35:54

muy tal 01:35:55

pero luego claro 01:35:56

tendrías que 01:35:57

si tienes que ponerla 01:35:58

en la calle 01:35:59

no la vas a poner 01:35:59

con una letra 01:35:59

que no se sepa 01:36:00

donde es 01:36:00

por ejemplo 01:36:01

¿no? 01:36:01

algo así 01:36:02

bueno pues 01:36:02

lo que os digo 01:36:02

buscar dos 01:36:03

tres tipos de letra 01:36:04

yo no usaría más, en un cartel no, hay que usar mucho más 01:36:05

porque si no se convierte en muy confuso 01:36:07

entonces un par de fuentes 01:36:08

que pueden ser de la misma familia o no 01:36:10

normalmente van a ser muy diferentes 01:36:13

porque ya digo que el título de Harry Potter 01:36:14

el título de la cafetería, no creo que vaya a ser 01:36:17

el mismo que el cuerpo del texto 01:36:19

pero bueno, todo eso, y la del manga igual 01:36:21

colores, pues igual 01:36:23

en colores 01:36:25

se suele decir lo mismo que en tipografía 01:36:27

hay que jugar con 2, 3, 4 colores 01:36:28

y que tengan 01:36:31

cierta armonía 01:36:33

digamos que peguen un poco entre ellos vale que no vaya cada uno por su lado ya no digo sólo en 01:36:34

cuanto al tono de color digamos el color en sí mismo sino el tono que tenga no que sí pues eso 01:36:38

si queremos dar un tono cálido pues todos tendrán que ser un tono es un poco más apagados pero si 01:36:44

queremos transmitir acción o dinamismo por ejemplo comenzando manga pues eran con el más brillantes 01:36:48

más tal bueno aquí os doy se habla un poco de referencias y tal pero que si que vosotros luego 01:36:52

podéis darle vuestro toque o vuestro tal que si quiera que son pautas vale mientras que quede 01:36:57

claro el mensaje 01:37:01

porque tal pues 01:37:03

no hay ningún problema 01:37:05

luego 01:37:07

elementos visuales 01:37:09

por lo que os digo, podéis añadir 01:37:11

imágenes, elementos que 01:37:13

pueden ser propiamente de lo que 01:37:15

estamos hablando y todo esto 01:37:17

y nada, eso no hay ningún problema 01:37:19

luego añadir texto relevante, bueno pues 01:37:20

tiene que estar el nombre del evento 01:37:22

por supuesto, porque estamos vendiendo, o sea es una publicidad 01:37:25

del evento, entonces tiene que aparecer el nombre del evento 01:37:27

lo que vamos a ver, como se llama el espectáculo 01:37:29

como se llama la exposición, porque si no 01:37:31

luego tú tienes que buscarlo, tienes que comprar las entradas 01:37:33

entonces tienes que ver cómo es la fecha 01:37:34

y la hora, pues a ver, hombre 01:37:37

tampoco hay que a lo mejor que afinar mucho, porque por ejemplo 01:37:38

pero por ejemplo la cafetería 01:37:41

sí se puede poner el horario de apertura, por ejemplo 01:37:43

de lunes a viernes, de tal, y sábados y domingos 01:37:44

no sé qué, pues se puede poner 01:37:47

vos tú ya decís si lo ponéis todo o no 01:37:48

o tal, o la exposición, pues 01:37:50

normalmente las exposiciones no se suele poner 01:37:52

bueno, a veces se pone el horario, pero 01:37:54

es casi más interesante de qué fecha 01:37:56

está, ¿verdad? Pues del 3 01:37:58

de noviembre al 8 de enero 01:38:01

por ejemplo, algo así, porque es un poco 01:38:03

lo que te marca, tal, o tú ya sabes que a ver 01:38:05

una exposición, evidentemente ya sabes que más o menos 01:38:06

el horario va a ser pues de 9.10 01:38:09

a 8 01:38:11

o a 9.10 como mucho, ¿no? 01:38:12

porque otra vez la exposición que está abierta a las 12 de la noche 01:38:14

¿no? puede haberlas en algunos eventos especiales 01:38:17

pero bueno, en principio no, pero bueno, si queréis ponerlo 01:38:19

pues también, a lo mejor alguna dirección 01:38:21

bueno, la dirección por supuesto donde es 01:38:23

o el link para comprar las entradas 01:38:25

o para tal, y luego ya 01:38:27

detalles adicionales si queréis poner 01:38:29

Precios, horarios o actividades que se van a hacer 01:38:31

O tal, pues por ejemplo 01:38:33

Salón de manga con 01:38:35

Concurso de cosplay o no sé qué 01:38:36

Bueno, pues cosas así o tal 01:38:39

Pero bueno, por ejemplo, los precios no se suelen poner mucho 01:38:40

De verdad, a veces 01:38:43

Se suele poner a partir de, por ejemplo 01:38:45

En un espectáculo para que no, digamos 01:38:47

Un poco invitar a la gente que venga y tal 01:38:49

Se suele poner el precio de la entrada más barata 01:38:50

Que suele ser la del guiñineo, de verdad 01:38:53

De entrada a las 4 de la tarde 01:38:54

Que es la que menos se vende y tal 01:38:56

Y a partir de 13 euros 01:38:58

pero luego te metes y mínimo te vas a gastar 20 01:39:00

pero bueno, es una manera también de llamar 01:39:03

atención y demás, ¿no? pero bueno, así que tal 01:39:04

o pues puedes llamar atención sobre algún elemento 01:39:06

como el precio reducido para niños 01:39:08

menos de 12 años o cosas 01:39:10

así, bueno, lo que vosotros esperéis 01:39:12

o por ejemplo, si es la 01:39:15

podéis jugar con la cafetería 01:39:16

gran apertura, próximo día café gratis 01:39:17

o no sé qué, bueno, no sé, cualquier evento, ¿vale? 01:39:20

o sea, ya echarle un poco de imaginación 01:39:22

o darle un toque especial a vosotros que os 01:39:24

haga gracia o que veáis que puede ser 01:39:27

llamativo y jugar con eso vale que también está un poco hecho para eso bien esto todo lo veremos 01:39:28

ahora cómo se hacen con la firma bueno luego bueno lo de los elementos interactivos lo he 01:39:35

puesto porque bueno en firma lo permite pero bueno para esta primera práctica no sé si nos 01:39:38

va a dar tiempo y tampoco hace falta meterse pero por ejemplo así que se puede poner un link que va 01:39:42

a la página web bueno pues ya que lo vais a la entrega todas en digital y demás pues se puede 01:39:46

poner y luego como firma está orientado también para hacer interface de usuario realmente también 01:39:50

podéis poner un botón que luego le dais y vais a la página 01:39:56

web, pero bueno, si nos da 01:39:58

tiempo, hoy no nos da tiempo porque vamos a dar lo 01:40:00

básico, pero si por ejemplo 01:40:02

hacemos un tutorial la semana que viene y nos da tiempo 01:40:04

a lo mejor podemos ver ya algo e ir introduciéndolo 01:40:06

pero bueno, esta parte un poco dejarla 01:40:08

la he dejado un poco por si alguno se anima o ya se pone 01:40:10

a investigar y tal y ya teniendo 01:40:12

Figma descargado pues lo vais viendo 01:40:14

pero bueno, en principio no haría falta 01:40:16

y luego lo de revisión de ajustes finales 01:40:18

bueno pues 01:40:20

eso 01:40:20

una vez que ya has terminado, que tal 01:40:22

Incluso podéis mostrar a personas que no hayan estado durante el proceso, ¿verdad? 01:40:26

A alguien de vuestra familia, algún amigo, lo que sea. 01:40:30

Digo, ¿qué te parece esto? No sé qué tal cual. 01:40:32

Bueno, pues eso, tiene que ser un cartel que sea atractivo porque, a ver, son carteles publicitarios todos, ¿vale? 01:40:34

Los cuatro, o sea, tú quieres que la gente vaya a esos eventos, es decir, porque todos cobran entrada. 01:40:38

Ninguno es gratuito y, bueno, aunque sea gratuito, normalmente si se hace algo gratuito también quieres que vaya la gente. 01:40:45

Porque aunque sea gratuito, luego habrá puestos donde se compra comida, ¿verdad? O souvenirs o todo esto. Entonces, bueno, pues tú quieres que haya gente, pues que sea atractivo, claro, que sea clara la información. O sea, no puede ser, como hemos visto en esos ejemplos, que sea todo eso, como suele decir un quilombo de esto, así que, y que no se vea muy bien lo que es cada cosa y todo esto, ¿vale? Bueno, pues todo eso. 01:40:50

Bueno, ajustar todos los elementos que sean necesarios para que sea elegible 01:41:09

Y que el impacto visual sea el adecuado 01:41:13

A veces ya digo que a veces menos es más 01:41:16

Pero en ocasiones, pues si tú metes muchos elementos 01:41:18

Pero están bien organizados, bien jerarquizados 01:41:22

Pues tampoco tiene por qué quedar mal 01:41:25

Quiero decir que puedes poner un cartel de manga con un montón de personajes 01:41:26

Pero si a lo mejor están uno coloreado y los otros en blanco y negro 01:41:29

O algo así, pues está destacando 01:41:33

Hay diferentes formas y demás 01:41:34

Entonces lo que queráis, pues luego lo tienes que ajustar 01:41:36

porque evidentemente no todo vale y no todo va a funcionar, pero bueno, si ya lo veis viendo como este programa permite, que ahora lo vamos a ver, 01:41:38

seleccionar los elementos y tenerlos todos como alrededor y organizándolos de una manera determinada, y esto es muy rápido, todo es muy intuitivo, 01:41:45

pues yo creo que hoy en día es bastante sencillo, porque es que antiguamente o hay programas que son como más, están más anticuados y cada vez que tienes que meter una imagen 01:41:52

o tienes que hacer algo es que te lleva la vida, pero bueno, en este caso yo creo que es bastante sencillo, ¿vale? 01:42:00

y eso, que pedís el reentro a la alimentación 01:42:04

esto siempre es muy útil cuando preparéis 01:42:07

cualquier proyecto, ¿verdad? y todo esto 01:42:09

presentárselo a alguien que no 01:42:10

que puede ser un neófito 01:42:13

que no sabe nada del tema, pero que casi es 01:42:15

lo mejor, porque entonces él te va a dar su 01:42:17

opinión, a ver, todos somos consumidores 01:42:18

y todos internamente ya sabemos 01:42:21

de estos temas, yo es lo que digo siempre cuando 01:42:23

os explico cosas de diseño gráfico y de 01:42:25

composición, todos ya lo tenemos muy 01:42:27

asimilado, porque todos somos consumidores 01:42:29

¿vale? todos estamos en una sociedad de la información 01:42:31

y de donde recibimos mensajes continuamente 01:42:33

y como consumidores ya los hemos 01:42:35

identificado y hemos sido, digamos, 01:42:37

hemos, iba a decir, 01:42:39

hemos sido víctimas de los diseñadores. Bueno, esto 01:42:41

he dicho un poco en broma, pero bueno, en cierto modo 01:42:43

sí, es decir, que consumimos 01:42:45

en base a una serie de tal. 01:42:47

La cosa es que ya como creadores, pues ya vosotros 01:42:49

tenéis que empezar a reflexionar sobre ello 01:42:51

y ver cómo se utilizan y para utilizarlo 01:42:52

a vuestro favor y para 01:42:55

dedicar vuestro mensaje, ¿vale? Entonces, pues bueno, 01:42:56

yo, pues evidentemente, ya por la formación 01:42:59

profesional, por muchas veces lo identifico y entonces 01:43:01

a lo mejor ves un cartel y a lo mejor yo veo 01:43:03

el cartel de Gladiator y me estoy fijando más en el tipo 01:43:05

de letra que han utilizado más que a lo mejor 01:43:07

en otra cosa, pero bueno 01:43:09

pero todos 01:43:10

lo identificamos y sobre todo 01:43:12

lo identificaríamos muchísimo, muchísimo si estuviera 01:43:14

mal hecho, si ese cartel de Gladiator 01:43:17

se hubiese hecho con una tipografía que no viene a cuento 01:43:19

como puede ser una 01:43:21

la manuscrita, no, pero tampoco pegaría 01:43:22

pero una de estas modernas tal, es que diríamos 01:43:24

esto que es, digo, esto es una versión pirata 01:43:27

que se ha hecho, o sea, no tendría sentido 01:43:28

entonces bueno, pues eso, a veces 01:43:31

aunque sea la original, aunque sean los diseñadores 01:43:33

originales, no quiere decir que esté bien 01:43:34

hecho, que hay errores de todo tipo 01:43:37

y a veces que las cosas se hacen con prisas 01:43:38

o no hay mucho control de calidad 01:43:40

y hay auténticos desastres, pero bueno 01:43:42

eso ya es tema aparte, pero bueno 01:43:44

nosotros vamos a intentar que hacerlo todo bien 01:43:45

y luego ya lo exportaremos, que también lo veremos 01:43:47

de momento vuestros archivos os quedan ahí 01:43:49

siempre en Figma 01:43:52

bueno, aquí unos consejillos 01:43:53

de tal, bueno lo de 01:43:56

el prototipado interactivo es lo que os digo 01:43:57

que si añades cosas interactivas se puede hacer un prototipo 01:44:00

que tú puedes hacerle el play y puedes manejarlo 01:44:02

como para que funcionen los botones 01:44:04

que funcionan tal, pues digo que es interesante 01:44:06

esta aplicación que hoy en día se está utilizando 01:44:08

mucho, pero que para este caso 01:44:10

pues no, o sea, lo he puesto pero 01:44:12

lo pondré si no también por un mensaje 01:44:14

no os fijéis en esto, porque no tal 01:44:15

y bueno, y luego lo de la 01:44:18

inspiración, por lo que digo 01:44:20

que busquéis cosas y demás 01:44:22

bueno, para que esté apto, pues eso, sobre todo 01:44:23

que esté todo bien elegido, que todo sea 01:44:26

adecuado, que el mensaje sea claro y que todo 01:44:28

esté bien justificado, yo no os voy a pedir 01:44:30

a veces pido que, bueno, no sé si pedirlo 01:44:31

a lo mejor, no, pero yo creo que en este no y si no un día 01:44:34

os podemos comentar, ¿vale? sin que nadie se moleste 01:44:37

y bueno, si no os pediré permiso, pero no, que a veces 01:44:40

pido una memoria diciendo que por qué habéis elegido las cosas, pero bueno, en este caso 01:44:43

quiero que os explayéis y que lo dediquéis, a lo mejor intuitivamente 01:44:46

pero sí que es interesante que al principio, como os dice 01:44:49

la unidad, hagáis un boceto 01:44:52

o sea, no os pongáis ya directamente a meter cosas así sin tono y son 01:44:55

que penséis lo que queréis buscar, que busquéis la referencia, normalmente 01:44:58

se hace un mood board que se llama 01:45:01

que es un panel de estado 01:45:03

de ánimo, que es la traducción 01:45:05

directa, que es como que pones en un panel 01:45:06

un montón de referencias, que pueden ser colores, texturas 01:45:09

fotografías 01:45:11

de lugares o de personas 01:45:13

que te inspiren, no sé qué 01:45:15

y es como que todo eso es lo que luego quieres transmitir 01:45:16

a tu, se hace mucho con creación de personajes 01:45:19

y tal, pero por ejemplo para creación de un cartel 01:45:21

también puedes poner todas las referencias que tal 01:45:23

y luego ya de ahí vas cogiendo las cosas, incluidas los colores 01:45:24

que ya se mete con el 01:45:27

con el contagotas, pues ir cogiendo colores de ahí 01:45:29

pues tal, y es muy interesante también hacer eso 01:45:31

¿vale? esa parte 01:45:33

sí que la tenéis que hacer, luego no me la tenéis que mandar, pero sí que 01:45:35

os aconsejo que la hagáis, ¿vale? y luego me mandáis 01:45:37

los estos, ¿vale? y bueno 01:45:39

pues yo ya decidiré si está bien 01:45:41

o no está mal, si no, yo lógicamente 01:45:43

os diré en mis comentarios, ¿vale? 01:45:45

bien, pues esto es la entrega, esta entrega sí que la he puesto 01:45:47

la he puesto por 26 días, o sea, bueno 01:45:49

tenemos un poco menos de un mes, pero yo creo que esta se hace muy 01:45:51

rapidita, porque tampoco tal vez lo he puesto como un poco 01:45:53

antes de navidad, para que la terminemos antes de navidad 01:45:55

Seguramente antes de Navidad ya abriremos 01:45:57

Ya abriré la tercera unidad 01:45:59

Porque es también de texto 01:46:00

Para terminar todo el texto antes de Navidad 01:46:02

Y entonces la tercera tarea 01:46:04

Ya sí que esa os la dejaré para que la hagáis en Navidad 01:46:06

Que bueno, son días para descansar 01:46:08

Que tampoco hay que... no os quiero dejar trabajo 01:46:10

O sea, se podrán entregar bastante después de Navidad 01:46:12

Pero me refiero a que si alguno se aburre 01:46:14

O quiere ir avanzando y tal, pues también 01:46:16

Que lo tengáis, ¿vale? 01:46:18

Pero esta entonces la ponemos para el 16 para que ya la terminemos 01:46:19

Incluso luego, pues si no, pues podemos tener un tutoría 01:46:21

Y ya los comentamos 01:46:24

o hago un vídeo así 01:46:24

con una selección, los pongo todos 01:46:26

no lo sé, vamos viendo para que veáis 01:46:29

porque a veces también es interesante 01:46:31

yo en presencial suelo hacer 01:46:32

que incluso se hace que se exponga 01:46:34

porque 01:46:36

esto se hace con fines educativos 01:46:37

y aquí no venimos a reírnos de nadie 01:46:40

hay que tener total confianza 01:46:42

que nadie se sienta aquí diciendo 01:46:43

es que vas a poner mi trabajo y que vergüenza 01:46:45

estamos creando mensajes 01:46:47

y puede ser una buena manera de verlos 01:46:49

un día podemos hacer una tutoría 01:46:52

Si no, yo selecciono algunos 01:46:54

Y os pido permiso 01:46:56

Si alguno no quiere salir por lo que sea 01:46:58

Pues yo no lo pongo 01:46:59

Pero bueno, que siempre es con el fin educativo de aprender 01:47:01

Y me parece muy interesante 01:47:03

Porque se aprende mucho viendo el trabajo de otros compañeros 01:47:04

Y lo mismo que viendo el trabajo de otros creadores 01:47:06

Eso siempre nos sirve y nos ayuda 01:47:08

Entonces es muy interesante 01:47:11

Bueno, si nos da tiempo antes de ver ya lo podríamos hacer 01:47:12

Y si no, pues a la vuelta 01:47:14

Entonces esto es esto 01:47:15

¿Qué necesitáis para esto? Pues Figma 01:47:17

Yo creo que nos da tiempo por lo menos a verlo un poco 01:47:19

lo básico, porque es bastante sencillito 01:47:23

bueno, como ha dicho el compañero, efectivamente 01:47:24

si os descargáis lo que pone versión de escritorio 01:47:26

es un exe, que es un ejecutable 01:47:29

y yo estoy en Windows, vale, si es en 01:47:31

Mac supongo que será un DMG 01:47:33

y entonces, bueno, un DMG creo que te lo iba a 01:47:34

instalar, pero bueno, no lo sé 01:47:37

en Windows desde luego no lo instala, entonces le pones 01:47:38

doble clic y te habla como de esta interfaz, vale 01:47:40

entonces lo primero que, bueno, en el proceso 01:47:42

de instalación nos pide que pongáis vuestro usuario 01:47:45

y contraseña de vuestra cuenta 01:47:46

y si no la tenéis os dice que la queréis, vale 01:47:48

entonces, bueno, yo ya la tenía, entonces yo ya me lo he dado 01:47:50

pero que sepáis que si no, pues no todo esto, ¿vale? Bueno, se os abre esta interface, entonces, bueno, lo 01:47:52

primero que hay que hacer es crear un nuevo terminal, aquí hay que hacer varias cosas, bueno, esto, bueno, 01:47:58

aquí me pone los recientes, que sería, bueno, que estoy aquí, ¿vale? Que estoy en los recientes, aquí pone mi 01:48:04

nombre, que es mi cuenta, ¿vale? Donde, bueno, pues tengo, bueno, el tema, que yo lo tengo en oscuro, porque 01:48:09

yo ya estoy acostumbrado a oscuro, lo podéis poner en claro, si queréis, ¿vale? O si no queréis, también 01:48:14

le podéis poner 01:48:19

el que tengáis en el sistema 01:48:19

porque si tenéis 01:48:24

este dinámico 01:48:24

que algunas veces 01:48:25

a determinada hora del día 01:48:26

o sea por la noche 01:48:28

os lo pone negro 01:48:29

y luego por la mañana 01:48:29

os lo pone en claro 01:48:30

pues también 01:48:32

pero bueno 01:48:33

yo normalmente lo tengo en dark 01:48:33

y porque ya me he acostumbrado 01:48:34

ya todo a Adobe 01:48:35

todo esto está ya en dark 01:48:36

pues ya está 01:48:37

bien eso 01:48:37

en cuanto a eso 01:48:38

luego tenéis 01:48:39

bueno de vuestra cuenta 01:48:40

hay que decir que aquí 01:48:41

podéis trabajar con varias cuentas 01:48:42

a la vez 01:48:43

podéis trabajar con una cuenta 01:48:43

por ejemplo personal 01:48:44

y si estáis trabajando 01:48:45

en un proyecto con un equipo 01:48:46

pues también podéis tener la otra 01:48:47

entonces tú vas cambiando 01:48:48

de una cuenta a otra, pues lo que sea, ¿vale? 01:48:48

Pues eso, estás trabajando con tu equipo 01:48:50

pero tienes que hacer la invitación de cumpleaños 01:48:53

para tu sobrino, bueno, pues 01:48:55

tienes tú la de esta personal, ¿vale? Para no mezclar 01:48:56

digo, los proyectos también y todo esto, entonces 01:48:59

bueno, pues todo esto, ¿vale? Entonces pedís añadir varias cuentas 01:49:00

¿vale? Esto sería para salir de la cuenta 01:49:03

o sea, podéis estar en las dos a la vez 01:49:04

que es aquí una 01:49:06

y vas pasando una a la vez, pero luego ya si os queréis 01:49:09

ir, sobre todo si estáis en un ordenador compartido 01:49:11

o habéis estado en la 01:49:13

página web, en algún cibercafé 01:49:15

o cosas de éstas pues siempre salir de vuestras estas vale aquí hay otros settings que bueno vamos 01:49:17

a hablar un poco más de la cuenta si queréis cambiar la tal y bueno notificaciones por si 01:49:22

sobre todo si siempre comentarios son vuestros trabajos por si estáis en equipo con una seguridad 01:49:27

bueno lo tipo de lo típico de siempre pero vamos que sepáis que es todo eso es de la cuenta vale 01:49:31

luego bueno aquí siempre en firma os permite la búsqueda de diferentes cosas acá lo veremos 01:49:35

aquí también para dentro de los proyectos también mirarlo, luego aquí os aparecen los recientes 01:49:43

que entonces aquí estarían, luego aquí yo tengo quedado uno que sería como mi equipo 01:49:47

que dentro de mi equipo tengo los drafts, que los drafts serían como los bocetos 01:49:53

podemos estar todos los proyectos, o también tengo la papelera 01:49:59

que ya sabéis que si desecháis algo pero luego os hacéis arrepentido, pues que siempre está ahí 01:50:05

aquí me indica que es la cuenta free, o sea que ya digo que se puede hacer todo 01:50:09

que bueno, si queréis podéis tal, pero bueno 01:50:12

entonces no hay problema, vale 01:50:14

bien, bueno, pues entonces, bueno yo me voy a 01:50:16

meter por ejemplo dentro de la 01:50:18

de mi equipo, porque 01:50:20

por si fuera el equipo, aunque no voy a añadir 01:50:22

a nadie la cuenta y demás, y aquí tenemos 01:50:24

pues, bueno, dos 01:50:26

que están creados ya, que uno sería un Figma Basic 01:50:28

y este sería el FigJam, que ya digo que el 01:50:30

FigJam es que, bueno, esto lo podéis utilizar por ejemplo 01:50:32

para el mood board, sería como 01:50:34

es eso, como hacer como una pizarra donde también se puede ser 01:50:36

colaborativa y va escribiendo cosas, de acuerdo 01:50:38

y todo esto, pero bueno, yo le voy a dar aquí 01:50:40

que es Create New, ¿vale? ¿de acuerdo? 01:50:42

entonces voy a darle una, esta de 01:50:44

no voy a hacer un 01:50:46

Jumbo Art porque no es un tablero, sino que 01:50:47

una de diseño, y ya me quiero 01:50:50

aquí, ¿vale? entonces si esta es la interface 01:50:52

de donde tal, yo sigo 01:50:54

logueado como yo mismo, ¿vale? que estoy ahí, ¿vale? 01:50:55

y todo esto, este sería un 01:50:58

Play para reproducir el 01:51:00

prototipo, si estamos con un prototipo de una 01:51:02

aplicación, ¿de acuerdo? y esto es para compartir 01:51:04

si queremos compartirlo, como tal, que bueno, ya veremos 01:51:06

las opciones y todo esto 01:51:08

podemos hacer una preview dentro del Play 01:51:10

este vale y tal y bueno pues todo una presentación todo todo esto vale bueno como es el interés de 01:51:12

usuario del firma mirar tenemos aquí está esta zona central y esto se llama sería lo que sería 01:51:18

el canvas vale entonces 2 que es el canvas bueno pues el canvas es como un tapete infinito vale 01:51:23

es decir que esto no tiene no tiene fin no es como no sé si una hoja ni nada sino que es como 01:51:33

tabla ahora lo veréis y demás donde luego vamos a ir poniendo cosas vamos a poner lo que se llama 01:51:40

frames que un frame va a ser como lo que nosotros interpretaremos como una hoja pero podemos tener 01:51:43

aquí muchas entonces al final lo que vamos a tener va a ser un panel con un montón de hojas que ahora 01:51:48

os diré cómo nos vamos uniendo de una a otra y entonces pues nos vamos nos vamos introduciendo 01:51:51

de acuerdo entonces ahora lo vemos luego aparte de eso bueno aquí tenemos bueno estamos en files 01:51:57

que tal y tenemos páginas vale entonces estamos aquí en la página 1 yo puedo añadir páginas con 01:52:03

el más y directamente me va creando diferentes páginas de momento voy a quitarla está porque 01:52:07

siempre tiene que ver una página mínimo vale cualquier proyecto si el botón derecho la puedo 01:52:11

borrar vale la puedo duplicar la puedo también dar por si por ejemplo quiero hacer alguna 01:52:14

modificación pero no estoy seguro si me va a gustar o no puedo hacer varias versiones en 01:52:18

fin todo lo que sea vale y luego tiene la búsqueda que esta búsqueda te busca dentro de tu de tu 01:52:22

panel de capas y de páginas tenemos estas estas páginas y luego tenemos las capas que las capas 01:52:27

funciona un poco como photoshop que es donde se van poniendo todos los elementos ahora lo veremos 01:52:34

cuando cuando los vaya diciendo de acuerdo bien luego está para este panel lo que hace es que 01:52:37

dependiendo lo que tengamos seleccionado nos van a aparecer aquí una serie de opciones por ejemplo 01:52:43

la de cuando seleccionamos texto que bueno la barra de herramientas está aquí abajo vale que 01:52:46

dependiendo de la versión o creo que está la versión web aparece arriba pero aquí está abajo 01:52:50

ahora vemos entonces depende de lo que tenemos seleccionado que presenta una serie de elementos 01:52:54

Entonces, aquí están las opciones de exportación, que lo podemos exportar como jpg, como tal. 01:52:59

Luego están los estilos locales, que de esto también hablaremos, por si queremos crear estilos 01:53:06

de texto, de colores, todo esto. Hoy vamos a hacer un poco lo más básico, pero que 01:53:12

sabéis que está todo aquí. Y luego las variables locales, que también son 01:53:17

textos y cosas que vamos a estar reutilizando, por ejemplo, en un proyecto que siempre utilizamos, 01:53:23

por ejemplo yo que sea el mismo titular o el mismo y queremos hacer varias versiones de un 01:53:27

tal bueno pues también se ponen tal bueno es un poco como lo genérico vale aquí está un poco el 01:53:31

color y aquí está la previsualización que está al cien por cien de acuerdo entonces bueno la 01:53:35

previsualización también está aquí entonces nosotros ahora vemos cómo hacemos zoom y cómo 01:53:39

hacemos todo esto todo es bueno lo importante bueno que tenemos aquí de herramientas bueno 01:53:42

tenemos la herramienta de selección que es la de la de siempre de acuerdo tenemos luego también 01:53:47

veremos que tenemos también la mano y el escalado vale luego tenemos la opción está perdón esta es 01:53:51

la de frame entonces el frame que es frame es bien a ser lo que son las páginas de que vamos 01:53:57

a ir colocando dentro de nuestro tapete que van a ser como si fueran nuestras cartas no digamos 01:54:03

que algo así así funciona también in design y incluso ilustre y todo vale entonces hay que 01:54:06

hay que cambiar el chip en cuanto a lo que es el frame y el tapete vale porque por ejemplo en 01:54:12

photoshop cuando tú abres un archivo aunque tienen aunque tenemos un tapete realmente en ese tapete 01:54:16

está como es algo externo vale adaptar pero no aquí está como es que todo como todo junto todos 01:54:20

mirad, cuando le damos doble clic al frame 01:54:25

nos aparecen aquí todos los frames que podemos 01:54:27

introducir, ¿vale? 01:54:29

entonces dependiendo para cuando estemos diseñando 01:54:32

pues tendremos una serie de presets 01:54:33

que ya vienen establecidos, por ejemplo para teléfono 01:54:35

pues tenemos para Android, pero tenemos 01:54:37

todos los iPhone que han salido, ya sabéis que 01:54:39

como me he cambiado a veces el tamaño 01:54:41

de pulgadas y todo esto, pues ya 01:54:43

tienes las formas, que vamos a 01:54:45

tabletas, pues lo mismo, tenemos las Surface 01:54:47

pero tenemos los iPad, todo esto 01:54:49

que vamos a escritorio, pues lo mismo, tenemos 01:54:51

los MacBook o tenemos un escritorio que sería 01:54:53

un poco el genérico o tal 01:54:55

o para televisión o todo esto, ¿vale? 01:54:56

bueno, pues tenemos ahí todo eso 01:54:59

para presentación, pues por ejemplo, si queremos 01:55:01

una diapositiva en 4.3 01:55:03

que este es el formato de aspectos 01:55:05

es decir, que cuatro unidades de ancho 01:55:07

por tres de alto 01:55:09

o 16.9, que es el más alargado 01:55:10

pues dependiendo de lo que más nos guste, hoy en día se usa más la alargada 01:55:13

perdón, el PowerPoint y el 01:55:15

y el de Apple 01:55:17

se me ha ido ahora, pero bueno 01:55:19

este pues también, os suelo utilizar este 01:55:21

pero bueno, que si os queréis para tal 01:55:23

pues también tenéis el 4-3, bien 01:55:25

luego tenemos presentaciones, tenemos para 01:55:26

relojes también, porque ya sabéis que hoy en día 01:55:29

los relojes inteligentes pues también 01:55:31

permiten muchos gráficos y mucha información, entonces pues también 01:55:32

lo podemos tener, para papel 01:55:34

entonces aquí tenemos el A4, el A5 01:55:36

el A6, el tabloide 01:55:38

todo esto, vale, y entonces 01:55:40

para redes 01:55:42

sociales, tenemos para Twitter, Facebook 01:55:45

Instagram, bueno pues ya 01:55:46

digamos te crea todo el este, vale 01:55:48

o para comunidad de Sigma 01:55:50

que bueno, pues tienes aquí una serie de elementos 01:55:52

porque bueno, Figma funciona mucho por el tema de comunidades, ¿vale? Entonces luego, si os metéis 01:55:54

dentro de la página web y vais a la zona de comunidades, pues mucha gente publica cosas, se publica 01:55:58

presets, es un poco como Canva, ¿vale? Que la gente pues también publica sus diseños, es como muy 01:56:03

colaborativo en ese aspecto, ¿vale? Luego ya pues depende, algunos los ofrecen gratuitos, otros pues a lo mejor 01:56:07

hay que pagar algo, pero bueno, en principio todo eso. Y bueno, los plugins, todo esto, que bueno, esto ya 01:56:12

lo veremos, tampoco nos vamos a meter. Vamos a empezar a, bueno, ya que decimos, dicho que vamos a 01:56:16

hacer un papel, vamos a hacer, bueno, en principio 01:56:21

tenemos el A4, bueno, si le damos a 01:56:23

dar clic, ya tenemos un A4, ¿vale? 01:56:24

veis que me pone aquí que es un A4, me lo pone como 01:56:27

como, bueno, dentro de la página 1 01:56:29

me pone como que es un A4 y el número 1 01:56:31

¿vale? siempre vamos a tener aquí el número 01:56:33

del frame 01:56:35

que tenemos aquí, ¿vale? porque, bueno, nos pone 01:56:36

el tipo de frame que es, pero aparte también el 01:56:39

número, podemos crear frames de diferentes 01:56:41

tipos y nos viene bien por lo que sea, ¿vale? 01:56:43

o sea, que no tiene que ser todo igual, ¿vale? pero el primero 01:56:45

ya lo he puesto ahí, y aquí tenemos todo 01:56:47

todo el tamaño, ¿vale? entonces 01:56:49

por ejemplo aquí que estamos con las dimensiones bien para mirarlo de la resolución tras estar 01:56:50

investigando pues he descubierto que vamos a ver firma trabaja en principio en puntos lo que se 01:56:59

llama dots porque es una aplicación realmente orientada a realizar aplicaciones para móviles 01:57:05

para aplicaciones para el ordenador para ver en pantalla entonces no se puede modificar aquí las 01:57:12

unidades en plan de centímetros o milímetros como por ejemplo se puede hacer en otros programas de 01:57:19

diseño como en design o photoshop o cualquier cosa de estos personas tenemos un apartado de 01:57:24

medidas según parece pues de cara a la impresión pues no sólo el programa que está más adecuado 01:57:28

sólo de bastantes problemas está más orientada a pantallas no pero bueno como la plantea práctica 01:57:35

como una 3 pues para también ver cómo solucionar este problema de ver cómo hacerlo pues hay que 01:57:40

ver qué pues cuáles son las medidas de lo que 01:57:46

sean en una 4 perdón en una 3 porque recordar que ahora mismo estamos en una 01:57:50

4 de acuerdo entonces bueno pues en contra de una página donde aparece toda 01:57:56

esta información que es forma ti punto info y entonces tienes aquí todos los 01:58:01

tamaños de hoja más habituales de impresión nosotros a nivel doméstico los 01:58:06

que solemos trabajar pues suelen ser el a3 el a4 no oa 5 a 6 que sin más para 01:58:09

abajo más pequeñitos los a 2 a 1 y a 0 son más grandes entonces pues esto ya tenemos que ir a 01:58:14

una copistería verdad para que nos lo saquen por un plotter o todo esto no entonces si vemos que 01:58:19

aquí el tamaño tenemos el tamaño a dos diferentes resoluciones a 72 estos son dots per inch o sea 01:58:25

puntos por pulgada o 300 puntos por pulgada entonces esto está abriendo más que nada a la 01:58:34

impresión porque digamos nosotros en digital trabajamos con píxeles realmente es decir 01:58:40

nosotros vemos una malla donde hay una serie de píxeles lo que pasa es que dependiendo luego de 01:58:46

la resolución de la pantalla se nos va a ver más pequeñito más grande si tú tienes tantos 01:58:51

píxeles en este caso 14 son 595 por 842 píxeles lo verás más grande más pequeño dependiendo de 01:58:55

resolución que tengas de la pantalla porque claro te mostrará los píxeles más grandes 01:59:01

sean más grandes o menos grandes no es lo que nos pasa cuando seleccionamos la resolución de 01:59:05

la pantalla del ordenador realmente parece todo muy pequeñito no entonces el que trabaja por 01:59:10

defecto el sigma 72 puntos por pulgada si veis son 595 por 842 y si nos vamos a afirmar pues 01:59:15

son los 595 por 842 de acuerdo si quisiéramos pero esto no es una resolución apta para óptima 01:59:23

para una impresión. Si imprimimos esto nos va a salir muy pequeñito o si lo ampliamos a un tamaño 01:59:30

a 4 realmente se va a ver pixelado. Si queremos hacerlo a lo que es el tamaño de impresión que 01:59:36

son 300 puntos por pulgada, 300 dots per inch, que es la resolución estándar para la impresión, 01:59:41

es decir que lo vamos a tener con una calidad buena, definida y demás y también por ejemplo 01:59:51

los ebooks que ha sido última generación pues todos tienen en pantalla mínimo los 300 puntos 01:59:56

por pulgada entonces vemos que el número de píxeles tiene que aumentar porque si no lógicamente para 02:00:02

digamos tener una definición alta en ese mismo tamaño hemos aumentado la resolución y más pero 02:00:08

ya digo estas resoluciones son para impresión en pantalla en principio la resolución que pongas 02:00:13

va a dar igual porque nosotros trabajamos con píxeles nos interesa el número de píxeles de 02:00:19

acuerdo y con 72 puntos por pulgada se puede trabajar porque no nos importa lo que nos 02:00:22

importa es el tamaño pero si vamos a imprimir lo siguiente tenemos mucho más menos que tenemos 02:00:28

mucho más entonces como yo os he pedido la práctica con una 3 pues tenemos que ir aquí 02:00:33

a la 3 y vemos que aquí tenemos nos da la cantidad en ese en píxeles entonces para 72 02:00:38

puntos por pulgada que de momento lo vamos a dejar así más que nada porque si trabajamos 02:00:44

con 3.508 x 4.961 esto es una resolución muy alta para trabajar las imágenes en ordenador entonces 02:00:47

si no es poder garantizar el ordenador o necesitamos todos los detalles todas las fotos 02:00:54

que metáis y demás la en este es con muchas más definición no bueno como estamos trabajando en 02:00:59

pantalla para solventar esto vamos a seguir con 72 puntos por pulgada y vemos que son 842 por 02:01:03

1.191 pues es lo que tenemos que poner en final de acuerdo entonces nos vamos aquí es 842 y esto 02:01:08

nos lo deja cambiar 842 por 1.191 02:01:16

por 1.191 y entonces está ahí con esto ya tendríamos una 3 veis que sea 02:01:26

en recordar que con el más o menos hacemos el zoom con la barra espaciadora que no sé si lo 02:01:36

digo en un momento en el vídeo también podemos mover las hojas se aparece la mano entonces 02:01:40

podemos ver las hojas y podemos movernos por el canvas directamente pues ya tenemos una 3 02:01:43

entonces estoy directamente podríamos ponerle aquí que esto es una 3 de acuerdo entonces es 02:01:50

una 3 y este sería el tamaño de acuerdo si yo ahora creo otro otro frame y vuelvo a crear lo 02:01:55

que sería para impresión para papel y creo una 4 veis que aquí vemos la diferencia pues eso porque 02:02:03

Ya sabéis que una 4 es la mitad de una 3, pero en este caso se ha tumbado porque el lado largo pasa a ser el lado corto de la 3. 02:02:09

Entonces este es el modo de cambiar estos tamaños. 02:02:20

Al lado de lo que son las dimensiones aparece el típico candado, la típica cadenita, 02:02:24

que si le damos lo que hace es que constriñe las proporciones, 02:02:31

de manera que si movemos una o aumentamos o disminuimos una, la otra lo va a hacer proporcionalmente, 02:02:34

para que se mantenga lo que es el ratio de aspecto, el aspect ratio de esto. 02:02:39

Y bueno, pues es la forma de modificarlo. 02:02:48

Entonces, bueno, pues es un programa Figma que, bueno, pues eso, como está en entrada digital, 02:02:49

pues de momento lo vamos a usar para eso, como a nosotros lo que nos interesa. 02:02:53

Podríamos haber hecho esta misma práctica para hacer un post y coger un frame, por ejemplo, de teléfono móvil 02:02:57

y que eso apareciera en Instagram o todo esto, pero bueno, como lo planteé ya en una 3 02:03:03

y para solucionar este tema y para aprender un poco más 02:03:06

pues bueno, lo seguimos dejando en A3 02:03:09

o si lo habéis empezado a hacer en A4 02:03:11

porque no habéis encontrado la forma de cambiarlo 02:03:12

pues bueno, lo podemos dejar en A4, tampoco pasa nada 02:03:14

pero bueno, lo dejamos en A3 más que nada 02:03:16

para eso, recordad que seguirían siendo 72 puntos por pulgada 02:03:18

entonces esto si lo vamos a imprimir luego 02:03:22

o sea, tampoco va a quedar excesivamente bien 02:03:24

entonces habría que aumentarlo 02:03:27

pero claro, es que la definición, ya digo, del A3 02:03:28

es muchísima, ¿vale? 02:03:30

entonces no pongáis estas cantidades de píxeles 02:03:32

porque para mover esta cantidad de información 02:03:34

pues puede haber problemas 02:03:37

o se os puede ralentizar el ordenador 02:03:39

o vais a tardar mucho más 02:03:40

y también os va a ocupar mucho más espacio en disco duro 02:03:41

y bueno, pues para este caso 02:03:44

pues no merece la pena 02:03:45

y no es medio problema 02:03:48

entonces, y todo es esto 02:03:49

y luego ya podemos empezar a crear elementos 02:03:50

por ejemplo, ¿qué podemos crear elementos? 02:03:52

por ejemplo, un rectángulo, ¿vale? 02:03:53

y fijaros, yo puedo crear elementos 02:03:55

y por eso os decía 02:03:56

que podéis seleccionar un montón de elementos 02:03:57

importarlos y tenerlos por fuera 02:03:59

porque esto siempre es nuestro tapete como de trabajo 02:04:00

entonces, yo puedo crear un rectángulo 02:04:02

aquí, y veis que me ha creado aquí un 02:04:04

rectángulo, que también le he llamado número 1, ¿vale? 02:04:06

y todo esto, ¿vale? pero este rectángulo, cuando me pongo 02:04:08

encima, yo directamente sé, bueno, una vez que he creado 02:04:10

el rectángulo, ahora lo veremos, no es como 02:04:12

no es como 02:04:14

otros programas que creas un rectángulo y luego puedes crear 02:04:16

otro y demás, Figma lo que hace es que te crea 02:04:18

uno y digamos, se te queda seleccionado 02:04:20

porque interpreta que tú quieres hacer algo con él, como 02:04:22

moverlo, como tal, entonces siempre aprecia como la selección 02:04:24

pero veis que si yo cojo y lo muevo 02:04:26

y lo meto dentro del frame, aquí ya me lo 02:04:28

me lo ha anidado, ¿vale? me lo ha metido dentro 02:04:30

del frame que era la 4, ¿vale? 02:04:32

Entonces le dais a la flechita esta y lo podéis recoger si tiene muchas cosas y demás, ¿vale? 02:04:34

Entonces aquí y tal. 02:04:39

Como siempre podéis dar el doble clic y podéis ir renomando las cosas, que puede ser interesante porque, a ver, los frames a lo mejor no hace falta tanto, 02:04:40

aunque bueno, también lo podéis poner. 02:04:46

Siempre es interesante que dejéis el número porque así sabéis cuántos tenéis y todo esto. 02:04:48

Pero bueno, pero luego los elementos sí que puede ser interesante, pues foto, lo que sea, ¿vale? 02:04:52

Entonces todo esto. 02:04:56

Y entonces, y nada, vas creando como elementos. 02:04:57

Veis que siempre cuando lo movemos, como todos estos programas de diseño, normalmente están las guías automáticas que te van diciendo, te van marcando, por ejemplo, la mitad de la hoja, tanto vertical como horizontal, y si tienes varios elementos, pues te va creando líneas como para que los alinees perfectamente y todo esto, ¿vale? 02:04:59

esto es donde hemos visto antes lo del tanto por ciento pues aquí tienes también las opciones de 02:05:15

hacer bueno tanto a hacer zoom como también de snap to grid y de los y de lo que también podemos 02:05:20

añadir por ejemplo las reglas si queremos también todo esto vale todo esto es configurable en esa 02:05:30

zona vale entonces todo esto y luego ya pues cada cosa tiene su elemento por ejemplo esto tiene el 02:05:34

cuadrado y bueno yo por supuesto por tirar de la esquina y hacerlo el tamaño que yo quiera vale 02:05:41

sabéis que si dais a la mayúscula siempre vais a hacer un cuadrado perfecto como también en círculos 02:05:45

y todo esto y luego estos elementos tienen algunas peculiaridades por ejemplo tiene estos tiradores 02:05:50

de las esquinas que si tienes para adentro haces el borde redondeado hasta poder hacer un círculo 02:05:54

completo con lo cual te viene muy bien para pues para este tipo de cosas de acuerdo y entonces y 02:06:00

bien bueno pues cada digamos cada forma te permite una serie de cosas de acuerdo por ejemplo este 02:06:06

hemos añadido esto, bueno, lo que decía de si quieres añadir más, para añadir más tenemos que darle otra vez 02:06:11

a la tecla, o podemos darle al tejo del teclado, que es este rectángulo, que en este caso 02:06:15

el rectángulo, si veis aquí, aquí aparece el lancet, es la R, ¿vale? Entonces yo estoy 02:06:19

en este, pero si doy otra vez a la R, ya me queda otra vez, estoy en la zona de creación y ya puedo 02:06:23

crear otro, ¿vale? Entonces así directamente dando a la R me puedo crear lo que es 02:06:27

si habéis hecho primero el boceto de cómo venir las cosas, podéis hacer uno a borroso modo 02:06:30

es decir, a lo mejor luego no quiere decir que lo que tengáis que meter o el texto o lo que sea 02:06:35

tiene que ser ya de este tamaño o algo así, pero sí que se puede dar una referencia visual de un poco de cómo va a quedar todo, 02:06:38

si vais a meter muchas cosas, todo esto, ¿vale? Entonces, pues todo eso es interesante, ¿vale? 02:06:43

Bien, entonces, bueno, luego si quiero seleccionarlo, pues nada, yo puedo seleccionar, como siempre he sido ahí con el shift, 02:06:48

voy seleccionando todo, ¿de acuerdo? Y demás, y si quieres, pues darle a retroceso y lo eliminas y ya está, se elimina todo y lo tiras ahí, ¿vale? 02:06:57

más formas que tenemos, bueno, tenemos líneas 02:07:05

que bueno, hay otras formas de hacerlo 02:07:07

pero veis que la línea también, pues eso, te va diciendo 02:07:09

también un poco, bueno, pues 02:07:11

más recta, menos recta, y bueno, puedes ir creando 02:07:13

líneas también, si queréis hacer como 02:07:15

separaciones, pero bueno, ya veremos 02:07:17

también otras formas de hacerlo, pero bueno 02:07:19

y luego también, pues 02:07:21

tenéis flechas, que es lo mismo, también si queréis hacer 02:07:23

una flecha rápida, pues también tenéis opciones 02:07:25

veis que siempre que cojo 02:07:27

un elemento y que está seleccionado, aquí se han marcado 02:07:29

todas las opciones que hay de 02:07:31

está el color de la flecha está el tamaño lo podemos alinear también tenemos para añadir 02:07:32

los efectos si queremos que tenga sombra que no tenga sombra en fin todo esto le podemos quitar 02:07:40

la sombra o ponérsela vale con el ojo bueno lo mismo que las capas vale en las capas cuando 02:07:45

pasamos por encima que pasa por encima el retorno sabes que es el hoover que se lleva mucho ahora 02:07:51

con el apple pencil de apple que tiene el modo hoover que cuando pasa por encima ya te marca 02:07:56

algunas cosas bueno pues que tenemos el candado por si queremos bloquear una capa para que no 02:08:01

podemos modificar algo o podemos tener el ojo para cerrar lo que más en este caso nos muestra 02:08:05

también el párpado cerrado que normalmente no se suele hacer así éste sigue estando ahí como 02:08:09

vemos si nos vemos encima pero pero no te lo muestra vale bueno son diferentes opciones 02:08:12

siempre por terminar con esto la elipse pasado lo mismo si yo me muevo libremente por la muevo 02:08:17

libremente pero si yo bueno la elipse es otro trajo teclado que en este caso es la o vale 02:08:23

entonces tendría que darle a la O para crear otra 02:08:27

y si doy al shift lo que hago es que hago un círculo completo 02:08:29

¿vale? entonces tal 02:08:32

aquí en este tenemos una opción bastante interesante 02:08:33

que es esta que es para hacer una sección 02:08:35

que si os ponéis en ese puntillo siempre tiene que haber un tirador a probar 02:08:37

pues podemos hacer una sección pues por ejemplo para hacer 02:08:39

estos gráficos de los quesitos 02:08:41

¿verdad? o todo esto 02:08:43

tenemos eso y luego también tenemos el del centro que podemos hacerlo 02:08:44

así también grande como para hacer composiciones así 02:08:47

de tal, pues bueno, de una manera muy rápida 02:08:49

podemos hacer composiciones así que pueden ser 02:08:51

de diseño, luego lo podemos colorear, lo podemos hacer 02:08:54

una transparencia y podemos seguir diseñando para hacer el fondo de una manera más dinámica y más 02:08:55

tal. Que sabéis que lo tenéis ahí y todo eso. Esto sobre todo luego también es trastear, porque 02:09:03

son muchas opciones. Yo este vídeo lo voy a subir, lo tenéis, podéis repasarlo, pero quiero decir que 02:09:09

luego ir probando porque son programas que como siempre van implementando nuevas cosas. Los 02:09:14

polígonos, pues lo mismo. Por defecto te aparece un triángulo, pero dices yo quiero tener como más 02:09:19

más tal bueno tienes este tirador vale que esto lo que hace es que este redondea un poco las las 02:09:24

esquinas pero luego tenías el momento perdón estaba el otro que se lo encuentro ese es este 02:09:29

que es este si tienes de este porque se le digo porque me está marcando este es por esto este 02:09:38

pues vas más marcando lo que sea en el tipo de lados para el polígono vale pues bueno pues 02:09:43

también vas aumentando bastante bueno pues es que todo es muy intuitivo todo es muy interactivo vale 02:09:48

entonces no tienes que ir 02:09:53

añadiendo a través de menús 02:09:55

o a través de tal, o por ejemplo la estrella 02:09:57

pues la estrella pues igual, tienes esto 02:09:59

y entonces tienes esta 02:10:01

y entonces puedes hacer varias cosas, la primera 02:10:03

puedes añadirle, bueno pues que sea más estrecho 02:10:04

más ancho, lo que es esta 02:10:07

puedes hacer que sea más redondeada 02:10:08

la estrella, por ejemplo si queremos hacer la estrella 02:10:10

de Super Mario 02:10:13

bueno pues es un poco más hinchadita 02:10:15

es como un poco en 3D, pues podría ser un poco así 02:10:16

entonces esto 02:10:19

y esto es para hacer el número de 02:10:20

de puntas que tiene la estrella, ¿vale? 02:10:22

Entonces podemos hacer desde 02:10:25

una púa, ¿no? Casi de una guitarra 02:10:26

hasta ya pues 02:10:29

ya piezas de ingeniería, ¿no? 02:10:30

Pues todo esto. Bueno, pues todo eso. 02:10:33

Siempre que veáis un circulito, pues probad 02:10:34

a ver lo que hace porque vais a 02:10:37

descubrir que podéis hacer un montón de cosas, ¿vale? 02:10:38

Entonces, pues todo eso. 02:10:41

Y esto es un poco las formas. Y luego están 02:10:43

las imágenes. Las imágenes siempre te tienes que dar 02:10:45

a imagen. Entonces yo, por ejemplo, lo que tengo aquí 02:10:46

que me había descargado antes alguna 02:10:49

entonces le voy a poner aquí a ver 02:10:50

¿vale? con los grandes y tengo 02:10:52

por ejemplo aquí la de Super Mario, bueno pues entonces le doy 02:10:54

a abrir, le doy aquí y siempre te aparece 02:10:56

con una previsualización de lo que tal y ahora tú tienes 02:10:58

que decir dónde la quieres poner, entonces yo digo que la 02:11:00

quiero poner aquí y por ejemplo y entonces 02:11:02

la pongo ahí y ya está directamente ahí 02:11:04

luego aparte le puedo hacer redondeado 02:11:06

los bordes ¿vale? 02:11:08

y todo esto y luego ya pues esto lo podemos 02:11:10

ver yo donde quiera ¿vale? entonces no 02:11:12

hay ningún problema, se adapta perfectamente a la tal 02:11:14

también lo podemos hacer al revés, yo por ejemplo puedo 02:11:16

haber hecho el directamente 02:11:18

el rectángulo vale entonces hago esto y hago el tema este rectángulo de acuerdo y ahora digo no 02:11:20

quiero meter que una foto bueno pues entonces lo seleccionó y otra vez le doy aquí a insertar foto 02:11:26

a imagen y selección otra vez está le doy a abrir y me va a parecer este era lo que hago es que 02:11:30

clicó encima y me ha metido directamente vale entonces bueno pues pues eso luego ya pues lo 02:11:35

más que aquí veis que me ha metido y lo puedo deformar para que se vea que no se me corte y 02:11:41

todo esto vale bueno son así cosillas que si tú cosiendo y probando si queréis en la hoja cambiar 02:11:48

el color pues también le podrías dar aquí entonces le podéis poner otro color para los carteles y 02:11:54

todo esto entonces yo digo que siempre que seleccione es un elemento aquí siempre va a 02:11:58

aparecer todas las funciones y bueno y luego si tenemos más frames porque claro os he dicho vamos 02:12:02

a hacer cuatro entonces bueno pues vamos a hacer cuatro perdón entonces nos vamos a frame doble 02:12:09

clic y te digo que quiero hacer otro y entonces y ahora quiero hacer otro vale y ahora quiero 02:12:14

hacer otro estos cuatro artiles que es lo que tienes que hacer vamos a hacer si no os diría 02:12:21

porque es que es muy sencillo pero es que ahora mismo no encuentro ya por tiempo no me voy a 02:12:27

poner a buscar pero si no en la 3 pero haces en el 4 vale que tampoco pasa nada pero buscará lo 02:12:30

de la 3 bueno pues entonces aquí tenéis esto pero claro qué pasa con esto que bueno para que encaje 02:12:35

en pantalla el elemento que tenéis le dais a la n vale entonces con eso le dais a la n y luego ya 02:12:42

os podéis mover directamente entre para moveros entre entre paneles hay diferentes formas de 02:12:47

hacer zoom podéis hacer zoom con el más y el menos directamente no hace falta darle al control y al 02:12:54

alt le podéis dar al zoom directamente con el más y el menos del teclado vale yo estoy en windows 02:12:59

pero esto funciona igual 02:13:04

en Mac 02:13:05

¿vale? esto no hay ningún problema 02:13:09

bueno, pues se puede dar directamente 02:13:10

al más y al menos ¿vale? podéis ir 02:13:12

donde os he dicho que era 02:13:14

a la zona esta 02:13:15

donde está todo este zoom 02:13:19

para hacer un zoom in o un zoom out 02:13:20

aquí pone control más y control menos 02:13:22

pero ya digo que funciona directamente con el más y con el menos 02:13:24

¿vale? eso no es el problema 02:13:26

otra opción también puede ser que deis a la Z 02:13:28

directamente 02:13:30

y si marquéis la Z os aparece la lupa con el más 02:13:32

entonces podéis hacer también con el más 02:13:34

y si queréis dar al menos 02:13:36

dais al alt z 02:13:37

y os aparece el menos para ir haciendo 02:13:40

así zoom y todo esto 02:13:42

¿vale? entonces 02:13:44

este, luego ¿cómo nos movemos 02:13:45

entre los estos? 02:13:48

es lo que digo, que 02:13:50

bueno, si nos vamos a la n 02:13:51

bueno, con la n nos vamos moviendo 02:13:54

si os vais fijando, es que como son dos muy parecidos 02:13:56

parece que no se mueve, pero si dais a la n 02:13:58

n3, veis, y me he ido al 4 ¿vale? 02:13:59

entonces de esta manera nos movemos para adelante 02:14:02

y si queremos ir para atrás nos damos con el shift 02:14:04

N, con la flecha 02:14:05

para ir moviéndonos entre tal, lo digo para 02:14:07

para que es eso, para que no tengas que estar 02:14:09

moviendo con zoom y tal, pues siempre tenéis 02:14:11

ahí el S 02:14:13

¿vale? Bien, podemos crear 02:14:15

tantos frames como queramos, realmente la limitación 02:14:17

lo hace, bueno, como estamos en la versión 02:14:20

gratuita, creo que habría 02:14:21

un límite, pero bueno, nosotros tampoco vamos a hacer 02:14:23

ni algo que tengáis que hacer, yo creo que el proyecto 02:14:25

ya más avanzado, cuando empecemos con cosas interactivas 02:14:27

tendréis que hacer tantos paneles 02:14:30

pero bueno, en el caso de que eso ya se 02:14:31

habría que ver cómo se hace. Bien, luego os he dicho que este programa tiene muchas opciones 02:14:33

de búsqueda. Si das a control p, os aparece siempre este buscador y por ejemplo dices, 02:14:42

por ejemplo, la básica está en inglés, pero por ejemplo voy a poner frame size. 02:14:46

vale, entonces 02:14:54

si 02:14:57

por ejemplo 02:14:57

quiero saber, bueno, me aparece aquí uno de las opciones 02:15:00

pero creo que la opción justo de navegador no 02:15:02

pero por ejemplo quiero hacer zoom 02:15:04

entonces, no solo os aparece 02:15:05

digamos tal, sino que es que directamente si le dais 02:15:08

bueno, os aparece el icono aquí 02:15:11

directamente, pero quiere decir que podéis 02:15:12

buscar cualquier cosa, en principio también 02:15:14

bueno, porque estaban recientes 02:15:16

sugerencias 02:15:18

y bueno, sí, que podéis buscar opciones 02:15:19

mostrar las reglas 02:15:22

yo ya aquí lo había buscado 02:15:25

si le doy pues yo lo quito 02:15:27

lo hago directamente con el comando de buscador 02:15:28

lo digo por si no nos acordamos 02:15:30

donde está en un menú o alguna cosa 02:15:32

pues directamente con el control P 02:15:33

también se puede hacer 02:15:35

aparte de eso también tenemos aquí 02:15:36

esta opción de ayuda 02:15:40

y la opción de ayuda está muy bien para la siguiente cosa 02:15:41

primero si le dais ayuda tenéis la de keyboard shortcuts 02:15:44

y si damos a keyboard shortcuts 02:15:46

aquí lo interesante es que tenéis 02:15:48

diferentes opciones para herramientas 02:15:50

para tal, y todo lo que aparece en azul es que ya se ha usado 02:15:51

alguna vez, vale, entonces como ya he estado explicando 02:15:53

ya estamos viendo, ya hemos visto por ejemplo 02:15:56

el zoom para el next frame, el AN 02:15:57

para el previo, el shift N, vale, todo esto 02:15:59

y es una manera de saber si os vais aprendiendo 02:16:01

o vais necesitando los atejos de teclado, vale 02:16:04

entonces podéis ir viéndolo porque por ejemplo 02:16:05

para el texto, para marcar la 02:16:07

la negrita, la cursiva 02:16:09

todo esto, pues siempre hay atejos de teclado y siempre va 02:16:12

uno más rápido para elegir las herramientas 02:16:13

evidentemente como siempre os digo 02:16:15

yo, los atejos de teclado son para que se aprendan 02:16:18

usándolo, no para que se aprendan de memoria 02:16:20

ni que yo vea apuntar el examen 02:16:22

ni ninguna práctica ni nada, pero bueno 02:16:23

que sepáis que está aquí, y como tiene esta 02:16:26

interfaz tan visual y tan tal 02:16:28

pues está bastante bien, luego cerraréis 02:16:30

de aquí y ya está, ¿vale? Entonces ahí tenéis 02:16:32

la ayuda, y aparte de esto también tenéis el 02:16:34

Help Center, ¿vale? Entonces el Help Center 02:16:35

que, bueno, pues ahí tenéis toda la ayuda ya directamente 02:16:38

dentro de Sigma, tenéis 02:16:40

cursos tutoriales también, que también podéis ir viendo 02:16:41

ya digo que nosotros vemos aquí un poco 02:16:44

lo básico y tal y mal, pero no tenemos 02:16:46

ni tiempo ni más, pero luego ya vosotros 02:16:48

por vuestra cuenta si vais viendo y estos 02:16:50

programas lo bueno que tienen es que tienen una comunidad muy extensa 02:16:51

y tienen un montón de recursos para 02:16:54

bueno, pues para ir practicando, para ir aprendiendo 02:16:55

y todo esto, vale 02:16:58

bien, entonces 02:16:59

bueno, pues yo creo que en principio 02:17:01

con eso, ah bueno, lo del texto 02:17:04

que no había visto, claro que 02:17:06

bueno, la herramienta de texto es esta 02:17:07

entonces vosotros le dais 02:17:10

y hay diferentes opciones de meter texto 02:17:11

una es que si clicáis y ya está 02:17:13

podéis empezar a escribir, vale 02:17:16

prueba texto y entonces 02:17:18

veis que siempre el texto lo mete en una caja, entonces esta caja yo ahora la puedo hacer más grande y poder continuar 02:17:19

escribiendo y todo esto, ¿vale? Hay otra opción que es que si yo 02:17:23

selecciono esta, ¿vale? Bueno, la puedo eliminar, si yo selecciono texto, pues yo puedo 02:17:27

directamente crear lo que es la caja primero y luego ya me pongo ahí a escribir, eso ya como 02:17:31

vosotros veáis, ¿de acuerdo? Realmente como luego lo puedes hacer más grande a posteriori 02:17:35

pues si queréis empezar primero solo con la esta, pues no hay ningún problema 02:17:39

y entonces una vez que tenemos seleccionado y que estamos seleccionando un elemento de texto, veis que aquí 02:17:43

aparecen todas las opciones de texto entonces tienes el color tenéis aquí el tamaño de letra 02:17:47

los puntos de letra vale tenéis la tipografía tenéis todo esto vale entonces bueno pues aquí 02:17:52

mirando tienes bueno tienes el trazo porque bueno eso no lo hemos dicho pero el stroke es el trazo 02:17:58

vale el trazo del borde del contorno entonces por ejemplo si queréis que tenga la tabla o sea la 02:18:02

caja de texto un borde se lo podéis poner igual que los rectángulos en todas las fórmulas en las 02:18:07

formas que hemos hecho le podéis cambiar el grosor del este es decir que no sólo podéis decir el color 02:18:11

sino también el tamaño, lo que se añade de efectos, que normalmente suele ser lo de la sombra, todo esto, 02:18:17

y luego le da lo de exportar, ¿vale? 02:18:23

Bien, otra cosa importante a la hora de diseñar es el que dar estilos, 02:18:25

porque como ya había dicho antes, nosotros hay diferentes, digamos, reglas que mantenemos a lo largo de un texto, 02:18:30

sobre todo en textos largos, por ejemplo, pues que queremos que los encabezados tengan un tamaño determinado, 02:18:39

un color determinado quizá o un efecto con sombreado etcétera evidentemente podremos 02:18:44

ir creando los uno a uno pero luego eso al final pues no es nada efectivo no es nada efectivo 02:18:51

primero porque tenemos que repetir esa acción muchas veces con lo cual si nos podemos ahorrar 02:18:55

ese trabajo ya eso que nos llevamos pero aparte se dan en situaciones donde que son ser muy habituales 02:18:59

que cuando ya llevas avanzado bastante el diseño o incluso lo has podido terminar tuvo por ejemplo 02:19:05

el cliente decide que te dice que no, que en vez de ese color 02:19:11

utilices otro o que el tamaño de la fuente sea mayor 02:19:15

o menor, etc. Claro, si no hemos aplicado un estilo, pues tendremos 02:19:19

que ir uno a uno modificándolo. Si es un texto cortito, pues a lo mejor 02:19:23

lo podemos hacer relativamente rápido, pero siempre va a ser 02:19:26

una pérdida de tiempo. Si tenemos los estilos, lo que hacemos es que cambiamos ese estilo, las propiedades 02:19:31

de ese estilo y automáticamente todo lo que se haya aplicado a ese estilo se verá modificado. 02:19:35

no tenemos que ir uno a uno, ¿no? Entonces esto es una herramienta muy potente. Entonces, ¿cómo se hace esto? 02:19:39

Bueno, nosotros tenemos un texto, entonces, pues ya digo, podemos crear, por ejemplo, entonces yo ya le tengo aquí puesto 02:19:43

con una prueba estilo, ¿vale? Entonces, y demás. Y entonces aquí, dentro de lo que es tipografía, tenemos aquí este icono 02:19:50

donde pone aplicar estilos si le damos bueno tenemos una serie de estilos determinados de 02:20:02

acuerdo que por ejemplo pues nos pone pues para los el display para mostrarlo los headline que 02:20:09

son los encabezados o los titulares el cuerpo no para el cuerpo del texto en fin bueno pues 02:20:14

tenemos algunos determinados no de acuerdo si yo digo por ejemplo que quiero estoy haciendo 02:20:20

un cuerpo de texto lo que hace el pequeñito por ejemplo que está por aquí pues pongo un 02:20:25

body small. Lo cojo, lo aplico y entonces ya me lo he aplicado, ¿de acuerdo? Entonces ya tiene un estilo 02:20:28

aplicado. Cuando vamos aquí, lo que es en tipografía, vemos que aquí ya nos aparece como que tiene 02:20:34

aplicado un estilo, que yo si quiero, pues lo puedo deslinkar y entonces, bueno, pues ya directamente 02:20:39

lo, digamos, o podría modificarlo y demás, ¿no? ¿De acuerdo? Entonces, bueno, pues son diferentes 02:20:46

pero por ejemplo me interesa crear un hoyo, entonces doy a haz estilo y bueno aquí tenemos el libro que es para una librería de equipo, que por ejemplo si compartimos estilos con un equipo, porque estamos en un periódico, ya digo que por ejemplo en los periódicos y demás hay un libro de estilo donde se determina qué tamaño deben tener los encabezados, 02:20:56

y eso no lo decide cada redactor o el maquetador, porque entonces no daría basto para ver los estilos, 02:21:15

y además luego el periódico tendría una consistencia muy irregular, muy confusa, 02:21:25

y no parecería que estamos ante un periódico maquetado profesionalmente. 02:21:30

Entonces podemos compartirlo con un equipo, pero podemos crear nosotros uno nuevo. 02:21:35

Entonces, por ejemplo, este primero lo voy a crear y entonces, por ejemplo, dentro de, primero voy a quitar el este y voy a decir que, bueno, pues, por ejemplo, el tamaño este va a ser el de 40, por ejemplo, le voy a poner que en vez de regular sea la black, ¿vale? Para que sea así muy esto y además le voy a poner un color que en vez de tal, pues va a ser el rojo, ¿de acuerdo? 02:21:39

y entonces este por ejemplo puede ser mi estilo 02:22:04

¿vale? que por ejemplo para titular o para tal 02:22:06

entonces bueno, le doy aquí a estilos 02:22:08

y en este caso le voy a crear uno 02:22:10

¿vale? pues entonces le hemos cambiado el color rojo 02:22:11

y demás, ¿veis? entonces ahora mismo 02:22:14

estoy en el apartado de que yo 02:22:16

esto no tiene ningún estilo, es decir, tengo las 02:22:18

fuentes y demás y tengo 02:22:20

digamos, le he puesto 02:22:22

en extra 02:22:24

esta gruesa y el tamaño 02:22:26

y todo esto, pero yo quiero crear un estilo 02:22:28

entonces me voy aquí directamente a aplicar estilos 02:22:30

y entonces como no es ninguno 02:22:32

porque yo creo que como no lo doy al más 02:22:34

entonces aquí le voy a poner el estilo 02:22:36

y voy a poner por ejemplo titular rojo 02:22:38

titular rojo 02:22:41

descripción por ejemplo 02:22:45

bueno pues eso, podemos poner 02:22:47

alguna descripción para luego yo por ejemplo 02:22:50

diferenciarlo, por ejemplo puedo ponerle 02:22:51

magazine 02:22:54

magazine fin de semana 02:22:55

por ejemplo, porque a lo mejor 02:22:58

el estilo de este 02:23:00

de este titular es para 02:23:01

para hacerlo en una revista que sale solo los fines de semana 02:23:03

y le doy a crear estilo 02:23:06

¿de acuerdo? y ya tiene un estilo aplicado 02:23:08

¿de acuerdo? entonces ¿cómo sé que está aplicado? 02:23:10

bueno, porque aparece aquí, ¿vale? 02:23:12

AG titular rojo, ¿vale? y está aquí como linkado 02:23:13

¿de acuerdo? entonces 02:23:16

yo ahora sí quiero otro texto, ¿vale? 02:23:18

entonces creo otro texto 02:23:21

y le voy a poner aquí 02:23:22

digamos, nuevo disco 02:23:23

bueno, me mantiene lo que había cogido 02:23:25

yo de letra y demás, pero bueno 02:23:30

entonces digo, bueno, ¿y qué quiero aplicarle 02:23:32

aquí, bueno, pues quiero aplicarle lo del titular rojo, entonces me voy aquí, entonces le digo, le doy aquí y entonces le aplico el titular rojo, no obstante para también cambiar el color tenemos que crear otro estilo digamos para lo que es las opciones de color, porque por ejemplo podemos establecer la transparencia, etcétera, entonces toda esta cosa de color sería así, digamos aquí, 02:23:34

le damos a Style y lo mismo, volvemos a crear un color, ¿no? 02:24:04

Porque, por ejemplo, esto también puede ser que para diferentes secciones 02:24:08

pues tenga un color diferente, etc. 02:24:12

Entonces, podemos ir creando estilos directamente para que, bueno, 02:24:16

pues no siempre, a lo mejor nos interesa el mismo tipo de letra, 02:24:19

pero el color es diferente dependiendo de las secciones en las que estemos. 02:24:23

Entonces, de esta manera podemos ir jugando, ¿no? 02:24:26

Y, bueno, pues son herramientas muy potentes, son más avanzadas, 02:24:28

porque, evidentemente, para estos carteles nosotros no vamos a crear estilos 02:24:30

porque bueno, o podéis crear uno 02:24:33

para ir probando y sobre todo 02:24:35

para los colores y demás 02:24:37

pero 02:24:39

bueno, que son sobre todo pensados para textos 02:24:40

largos, textos muy farragosos 02:24:43

que bueno, pues evidentemente hay que manejarlos 02:24:45

lo más efectivamente posible 02:24:47

y demás, cuanto mayor control tengamos 02:24:49

pues más nos va a permitir luego el poder 02:24:51

modificarlos de manera más rápida, más efectiva 02:24:53

y todo mejor agrupado 02:24:55

bueno, esto es para crear los 02:24:57

links, por ejemplo, si queréis crearles 02:24:59

si le dais a crear link, por ejemplo 02:25:01

aquí ponéis la url para 02:25:03

directamente, lo que digo, de los carteles 02:25:04

que vaya a la página web y todo esto, ¿vale? 02:25:07

Bueno, como veis es muy sencillo, entonces es un programa muy 02:25:09

interactivo, o sea, muy, bueno, cuando nos metemos 02:25:11

con lo del prototipo y hagamos botones y demás 02:25:13

la cosa se complica más y tal, esto es un poco como 02:25:15

la zona de diseño, la zona básica y demás, pero bueno 02:25:17

que también, realmente luego 02:25:19

para hacer lo que son las, porque aquí hemos hecho 02:25:20

páginas, ¿vale? Pero si 02:25:23

hacemos un, por ejemplo, hacemos un frame 02:25:25

que es un teléfono móvil 02:25:27

por ejemplo, ¿no? Entonces, bueno 02:25:29

hay algo que hacemos con una aplicación 02:25:31

por ejemplo vamos a hacerlo para el 16 Pro 02:25:33

más que es el último, o sea que tenemos 02:25:35

lo que es la pantalla, pues ya entonces aquí vamos colocando 02:25:37

los elementos, todo esto y luego ya veremos 02:25:39

cómo se hacen las relaciones para que 02:25:41

cuando cliques un botón o cliques en un texto 02:25:42

te vaya a otra página, todo esto, pero realmente 02:25:45

es hacer un esquema de navegación 02:25:47

para hacer una aplicación web o una aplicación 02:25:49

de 02:25:51

un móvil y todo esto, entonces 02:25:52

eso, bueno, ha sido una versión un poco rápida 02:25:55

pero bueno, vamos a acabar aquí porque se nos va la hora 02:25:57

Pero bueno, básicamente que lo tengáis 02:25:59

Os miraré la del estilo y demás 02:26:01

Y todo esto luego ya para exportar 02:26:03

Pues lo exportaríamos aquí de alguna forma 02:26:04

Ah, bueno, lo único que os digo es cómo se os queda todo esto 02:26:06

Bueno, hemos hecho todo esto 02:26:09

Si yo me voy a Home, que sería el hogar de todo esto 02:26:10

Este que no le he puesto título 02:26:13

Pero bueno, si le dais aquí directamente 02:26:16

Le podéis titular, por ejemplo, prueba firmable 02:26:18

Le pongo, ¿no? 02:26:20

Pues se os queda ahí grabado directamente 02:26:21

Es decir, que no tienes que darle a grabar 02:26:23

Ni nada, como está en vuestra cuenta 02:26:25

pues ya directamente se queda ahí, se queda aquí puesto, ¿vale? Entonces, bueno, pues este luego 02:26:26

si queréis lo podéis mover a otro sitio, lo podéis duplicar, lo podéis tal. También aparecen 02:26:31

recientes, ¿vale? Porque es el último que se ha usado y demás. Y bueno, luego cuando instaléis 02:26:35

Figma, pues os aparecen estos que veis, bueno, para que veáis un poco un proyecto así entero, 02:26:39

pues veis que puede ser perfectamente así, donde tengas una especie como de presentación, 02:26:44

pero luego también tengas a lo mejor unos bocetos de cómo quedaría la página. Bueno, 02:26:48

estas columnas que aparecen rosas es porque cuando se distribuye el texto en columnas y 02:26:51

demás pues a veces se hace con este tipo de división y demás que bueno ya si eso ya lo 02:26:55

veremos pero vamos que tenemos ahí un ejemplo vale también tenéis un ejemplo de delfín jam 02:27:00

que veis que bueno pues eso como pizarras y como realmente como casi como como muy como 02:27:06

muy bueno un poco un poco así entonces entonces eso y veis que son como pizarro donde puedes 02:27:12

escribir donde puedes tal y bueno y eso todo esto es muy colaborativo todos se pueden poner 02:27:19

comentario se pueden poner notas se pueden entrar o puedes tener una reunión con un equipo entonces 02:27:23

pues va demostrando las cosas y bueno pues la verdad es que es una herramienta muy muy potente 02:27:28

y hoy en día pues creo que cada vez va teniendo como más y que aún a lo que eran antiguamente 02:27:31

varios programas en uno solo de acuerdo y muchas cosas que se hacen aquí se pueden hacer vamos a 02:27:37

poner un texto como tiene a cuatro perfectamente un texto por ejemplo si tenemos que hacer una 02:27:41

tesina o una tal o sea a lo mejor para hacer algo ya muy muy extenso es mejor utilizar otros 02:27:46

programas, pero cuando hay que maquetar un libro 02:27:52

por ejemplo, sí que se puede hacer con estos programas 02:27:54

y luego aplicaciones 02:27:56

y todo esto, entonces los tenéis 02:27:58

en recientes y luego si no, pues podéis 02:28:00

ir metiéndolo por aquí 02:28:01

y todo esto y ya está 02:28:04

y nada más, es un poco así 02:28:06

lo básico, veis que 02:28:08

hemos visto un montón de cosas y nada, se trata 02:28:09

de ir trasteando, de ir probando, entonces bueno 02:28:12

como ya tenéis publicada la tarea, que realmente ya 02:28:14

la podéis incluso subir y demás, todo esto 02:28:16

pues ir haciendo ya 02:28:18

primer cartel o plantearos para hacer los cuatro frames y haces un proyecto con los cuatro y así 02:28:20

vais probando y también podéis dejar más espacio entre cada uno o sea no tiene que ir uno seguido 02:28:24

del otro ahí automáticamente entonces pues cada uno veis poniendo alrededor las cosas que os 02:28:28

interesa de elementos de todo esto y tal claro si tienes que utilizar elementos que tienes que 02:28:32

recortar y todo esto pues eso en principio ya tienes que hacerlo con un programa más de 02:28:38

manipulación de fotografías de acuerdo en principio creo que éste no deja porque más 02:28:42

de maquetación, ¿vale? Entonces 02:28:47

miraré si hay alguna opción así de hacerlo porque 02:28:49

en principio no me suena, no lo he descubierto. 02:28:51

Entonces, pues nada, pero bueno, 02:28:53

lo importáis o lo descarguéis ya 02:28:55

con el fondo transparente o lo que sea 02:28:57

y si queréis que luego se vea el color de fondo 02:28:59

porque claro, también sería un error 02:29:01

de diseño muy gordo si importáis una foto que luego 02:29:03

se vea el fondo alrededor blanco, todo esto, 02:29:05

claro, todos esos detalles, pues yo creo 02:29:07

que ya lo sabéis un poco como usuarios, pues 02:29:09

hay que evitarlos. Y nada, 02:29:11

pues eso, ir probando. Entonces, pues nada, 02:29:14

ahí todavía unos días 02:29:15

no sé si os voy a subir varios vídeos 02:29:16

o si no organizo otra tutoría para el próximo día 02:29:19

y hago yo uno tal, ya mirando más detalladamente 02:29:21

todas las opciones, pero bueno, yo creo que con esta 02:29:23

visión así general y viendo que tampoco hay mayor 02:29:25

complicación, tenemos ahí lo del texto, de acuerdo 02:29:27

aquí podemos poner comentarios también 02:29:29

que bueno, lo mismo, esto puede ser un comentario 02:29:31

de, sobre todo esto es para trabajo colaborativo 02:29:33

de, pues esto 02:29:35

Pepe, cámbiame esto de aquí, no sé qué, de cuál 02:29:37

o cambie el color, o no me gusta esto, no sé qué tal 02:29:39

bueno, pues eso ya también lo se va usando 02:29:41

y tal, vale 02:29:43

Entonces, todo eso. 02:29:45

Y, bueno, 02:29:47

estos son acciones, ¿vale? Que esto es para 02:29:49

buscar acciones, pero dentro de tu propio 02:29:51

proyecto, ¿vale? De cosas que has hecho también dentro 02:29:53

de tu propio proyecto. Entonces, por ejemplo, yo le he dado 02:29:55

antes el andú, lo puedo dar, pero bueno, no 02:29:57

hay ningún problema. Y luego esto es el 02:29:59

para, digamos, para meternos en modo 02:30:01

¿ves? Que esto ya me... Para meterme en modo 02:30:03

desarrollador, que ya tengo que meter 02:30:05

código, ya pues tenemos que actualizar 02:30:07

al modo profesional. O sea, que 02:30:09

nos va a dejar hacer unas cosas, pero otras 02:30:11

no tanto, ¿no? Pero bueno, tampoco vemos aquí 02:30:13

En este módulo no se ve tanta programación 02:30:15

Como lo vais a ver con Unity 02:30:16

Entonces no eso 02:30:18

Y nos vamos a diseño 02:30:20

Y ya está 02:30:23

Es un poco eso 02:30:23

Es bastante sencillo, bastante intuitivo 02:30:25

Tutoría 02 RPMI - Texto y Figma - Contenido educativo

Del mismo autor…

LA PREHISTORIA. HUGO

INVESTIGAMOS LA PREHISTORIA. IVÁN

Calendario Navideño 6ºB

Títeres Boca

Botánico

Polvoranca

Taller de cocina