Teoría del diseño gráfico: tipografía

1. Introducción: El objetivo principal de la tipografía es la comunicación efectiva. Pero puede lograr mucho más que asegurar la elegibilidad y legibilidad del texto buena tipografía también puede marcar el tono de un diseño, establecer jerarquía dentro de una composición y captar la atención de los espectadores En este curso, cubriremos todos los aspectos de la tipografía, incluido el aprendizaje sobre anatomía de tipos, alineación de textos, clasificación de tipos de letra, errores tipográficos comunes y formas de evitarlos, y mucho más para que la capacitación sea atractiva y ayudarlo a comprender y recordar los términos Analizaremos diversos diseños desde carteles, portadas de libros, tarjetas de presentación y vallas publicitarias, hasta sitios web, aplicaciones móviles y anuncios de banner. Al final de este curso, nunca mirarás los textos de la misma manera. Nuevamente, estarás juzgando la carnicería de nombres de actores en carteles de películas, avisando regs y ríos en revistas, y escudriñando las divertidas opciones en los menús de los restaurantes Si bien esto puede molestar a su familia y amigos, se sentirá mucho más seguro como diseñador gráfico junto con el emocionante proyecto de clase que espero que complete al final del curso También tienes la hoja de trabajo de análisis y el término glosario para ayudarte a practicar todo lo que has aprendido Espero que estés tan emocionado como yo de comenzar y sumergirte en el mar del conocimiento y hermosos ejemplos de diseño gráfico. 2. ¿Por qué aprender sobre Type?: La primera y probablemente la más importante pregunta es, ¿por qué deberías aprender sobre la tipografía en primer lugar Bueno, la mayoría de los diseños tendrían tipo en ellos. Algunos de ellos están confiando en el tipo mucho como una revista, un folleto o un póster. Pero otros diseños que tal vez sean más pesados en ilustración o fotografía, tal vez solo tengan cantidades menores de texto. Pero el tipo sigue siendo generalmente un detalle integral e importante que obviamente ayuda a comunicar el mensaje al que está destinado el diseño. Porque no lo olvides, el diseño gráfico es una forma de comunicación visual. Y además de visuales e imágenes, el mensaje más claro que siempre podemos transmitir usando texto Sin embargo, el texto también es un poco más restrictivo que las imágenes, ya que se basa en el lenguaje que estamos usando y a veces incluso en el tipo de lenguaje que estamos usando Entonces, incluso para un hablante de inglés, podría estar usando términos que no son familiares. Entonces, comparado con las imágenes, el texto puede ser siempre un poco más restrictivo No obstante, puede ser mucho más claro en lo que sea que estés tratando de comunicarte. En mi pantalla, puedes ver ejemplos de todo tipo de diseños diferentes. Aquí tenemos portadas de libros, pósters, empaques de productos, revistas, diseños web, sitios web, banners web, ilustraciones, logotipos, diseño UX, e incluso créditos de películas y letreros de calles. Lo que es común entre todos ellos es el uso de elementos textuales Y no estoy tratando de hacerlo, o ni siquiera siento que necesito convencerte que dominar y trabajar con texto es crucial para cualquier diseñador Porque al igual que otras habilidades como manejar el color, por ejemplo, o idear buenas composiciones, trabajar con texto y comprender la tipografía esencialmente te va a dar confianza cada vez que tengas que crear un diseño La tipografía es un tema enorme y tiene mucha profundidad. Así que podríamos pasar muchas, muchas horas cubriendo todas estas reglas y aprendiendo cada término y definición que se te ocurra. Y no creo que eso sea útil. Entonces lo que creo es que hay ciertos términos y definiciones que tienes que conocer, y estos son muy útiles y realmente te ayudarán a mejorar tu trabajo. Mientras que hay otros que también pueden ser útiles en casos muy específicos o en caso que estés planeando crear o diseñar tus propios fondos. Pero mi objetivo con el discurso es realmente ponerte al día, a un nivel muy fuerte y seguro donde entiendas a lo que debes prestar atención, cómo debes elegir tus fondos, cuáles son las consideraciones, ¿cómo debes emparejarlos? Y realmente enfocarme en estas habilidades cruciales y practicar ejemplos reales es lo que creo que va a ser más útil. Entonces esta no es de ninguna una guía completa que cubre cada término y definición, sino más bien una fuente de conocimiento condensada y simplificada en la que puede confiar siempre que necesite crear cualquier cosa que involucre elementos textuales Entonces ahora que tenemos claro por qué es útil aprender sobre la tipografía, comenzaremos con una diferencia muy importante entre legibilidad y legibilidad en 3. Legibilidad: Probablemente hayas oído hablar de legibilidad o legibilidad, o tal vez de ambas Y es bastante difícil diferenciar estos dos términos u objetivos a los que realmente tienes que prestar atención como diseñador. legibilidad es probablemente la que más escuchaste y la que más probablemente tenga sentido Básicamente significa si puedes leer algo o no. Entonces esto es más sobre si físicamente eres capaz de darle sentido a algún texto en un diseño. Ahora bien, suele haber una clara diferencia entre manejar copia corporal, que tendrías en libros y revistas, y esos son los principales elementos textuales Entonces podrías tener el párrafo de introducción o párrafo de entrada, a veces más grande en tamaño de texto Y entonces tendrías el resto del ejemplar escrito en texto de menor tamaño. Pero entonces también tienes encabezados, títulos o títulos de capítulos, que suelen ser mucho más grandes en tamaño y formateados de manera diferente Entonces, para ser claros, todos estos elementos deberán ser legibles, por lo que el espectador deberá poder leerlos. Pero cómo los presentas realmente depende de su parte que estén jugando dentro del diseño. Si bien el body copy es un texto más largo que tiene que ser fácil de leer, los títulos siempre podrían ser un poco más juguetones porque son más cortos y son de mayor tamaño, así que hay más espacio para jugar con ellos. Entonces, por ejemplo, aquí del lado izquierdo, tenemos un gran número que está marcando el capítulo superpuesto por el título real del capítulo ¿Afecta esto a la elegibilidad? Yo diría que no porque tenemos un claro contraste entre los colores. Entonces tenemos negro y rojo uno encima del otro, muy fáciles de distinguir. Y además tenemos un enorme contraste de tamaño e incluso la fuente utilizada. Entonces, mientras que el texto en negro está usando una fuente sensorial normal como Helvetica, tenemos una fuente de roca condensada utilizada para los números en el fondo para asegurar la elegibilidad En el lado derecho, tenemos el conjunto de colores más estándar y más cómodo utilizado, telón de fondo blanco y texto negro. Si alguna vez usas el texto blanco opuesto sobre fondo negro o texto brillante sobre fondo más oscuro, eso nos referiríamos como texto invertido. Y aún puede funcionar. Sin embargo son los mismos colores, solo están invertidos. El diseño todavía va a sufrir un poco de legibilidad, así que no recomendaría usarlo para conjuntos de textos más largos, como para un libro o una revista Donde para un cartel como este, podría funcionar bastante bien. Y puede destacar fácilmente y también establecer el estado de ánimo o el tono del diseño. Entonces, ¿por qué este póster usaría fondo negro? Bueno, por alguna razón, siempre que pensamos en el jazz, generalmente se toca de noche. Entonces ya tiene esa connotación en nuestra mente, y sobre todo porque el texto también se refiere a esto como un entretenimiento nocturno, realmente tiene sentido Pero tampoco olvides, en el piano, que es el instrumento más utilizado para el jazz, tendrías las teclas en blanco y negro, que por supuesto podrían representarse con fondo blanco y texto negro encima del mismo. No obstante, la mayoría de los pianos, los instrumentos reales que utilizan los músicos de jazz son negros, por lo que tener un fondo negro y mucho espacio negativo establece esa proporción natural del instrumento y el teclado en él Entender todo eso realmente comienza a ayudarnos a apreciar la composición y la elección de colores en este póster. Ahora que empezamos a entender cómo trabajar con legibilidad, aquí hay algunos ejemplos que desafían el concepto de hacer legible el texto Por ejemplo, tenemos este cartel vacío donde todavía podemos leer el título, y todos esos subtítulos son información secundaria, pero está desafiando al espectador. Tenemos que trabajar un poco más duro para armar todo, y casi tenemos que dar la vuelta a la página para poder leer las cosas correctamente. Entonces esta composición o maquetación definitivamente afecta la legibilidad Lo reduce, pero como no hay mucho texto por el que pasar, no va a ser molesto. En cambio, será un poco más de un ejercicio divertido y lúdico para repasar la información del cartel o volante. También puede haber ejemplos y razón por la que un diseñador elegiría meterse con personajes o fuentes como aquí. Por ejemplo, hay muchas formas en las que el espectador tiene el reto de poder leer. El texto principal no sólo se divide en varias líneas, sino que además no hay una alineación clara, por lo que tenemos borde irregular tanto a la izquierda como a la derecha Pero lo que es más importante, tenemos incluso a cada uno de los personajes divididos o divididos en pequeños pedazos. Entonces todos estos están trabajando en contra de la legibilidad. No obstante, también hay cosas que lo están apoyando. El tamaño, en primer lugar, del texto que aquí se utiliza, pero también el contraste del fondo. Por lo que el negro es obviamente el color de mayor contraste utilizado en este diseño. Eso realmente destaca del fondo a pesar de que de nuevo hay algunas formas confusas y coloridas detrás de él. Y esto solo se remonta a la lección principal y más importante para aprender una vez que entiendas cuáles son las reglas en este caso, que necesitas asegurar la legibilidad, el siguiente paso es siempre empezar a empujar esos límites Por lo que entender las reglas te dará la confianza para empujar los límites y realmente desafiar a tus espectadores sin hacer que tus diseños sean molestos o confusos. Eso no quiere decir que siempre tengas que hacer diseños como estos. Nuevamente, tenemos muy baja legibilidad sobre este texto aquí o este en el que tenemos ciertos caracteres realmente estirados. Sin mencionar el tipo de ilustraciones donde el texto realmente no está destinado a ser leído. Se utiliza más como elemento gráfico para recrear una representación o de nuevo, para transmitir cierto mensaje Pero además de usar el texto de estas formas más poco convencionales, mayoría de las veces se quiere conservar realmente la legibilidad Entonces quieres tener una legibilidad muy buena como en el diseño de la interfaz de usuario Tiene que ser muy claro el mensaje, donde los usuarios pueden encontrar ciertas características. Y el texto también tiene que establecer una buena jerarquía, ya sea texto negro sobre fondo o texto invertido. Como hemos visto antes, tú como diseñador tienes que pensar en la legibilidad como un slider que puedes ajustar para ciertos elementos como los nombres de una pizza En este caso, la legibilidad se puede bajar un poco para agregar ese sabor y estilo a los nombres, mientras que los ingredientes y la copia adicional a continuación y sobre todo llaman a la acción Elementos como los botones deberían tener una legibilidad mucho mayor lograda, principalmente en este caso mediante el uso de fuentes que generalmente son mucho más fáciles de leer 4. Legibilidad: Entonces es el momento de hablar ahora de legibilidad, que es la otra forma de pensar sobre cómo debes presentar el tipo en tus diseños Y la principal diferencia aquí en comparación con la legibilidad, es si tu espectador o lector querría leer tus diseños o los elementos textuales dentro de tus Entonces no se trata de poder leerlo, que era legibilidad Se trata de si querrían leerlo o no. Entonces se trata más de su deseo, ya sea que quieran leer tu copia o no, o de cuánta diversión o disfrute obtienen de ella mientras la leen. ¿Cómo se puede mejorar la legibilidad? Puedes pensar en la legibilidad como lo fácil de usar que es tu tipo, o la ergonomía de tu Y la forma más efectiva de mejorar la legibilidad de tus diseños, sobre todo si tienes mucho texto, es tener tantos puntos de entrada como sea posible Hablaremos de esto más adelante, pero esencialmente es para tener estos puntos claros donde los lectores puedan comenzar a leer sobre este spread. Tenemos muchas áreas donde pueden comenzar su lectura. También tenemos un encabezado o título claro aquí. También tenemos otra pequeña sección ahí. También tenemos estos enormes números nos ayudan a saltar a través del texto para que podamos seguir claramente la dirección o ruta original pretendida de la copia Y todos estos punteros y divisiones en el ejemplar nos ayudan a digerir la información y pasar por ella sin demasiado esfuerzo Y el hecho de que el orden del texto aquí esté un poco por todas partes, así que esté saltando entre las páginas no es un problema tan grande porque en realidad ayuda a mover el ojo del espectador del lado izquierdo a la derecha y luego volver de nuevo. Por lo que casi da un poco de ejercicio o reto sin, de nuevo, ser molesto. Y ese también es un buen equilibrio con el que tienes que jugar como diseñador. Así que no quieres que tu diseño sea demasiado aburrido y que tenga muchos textos en un solo lugar. Pero tampoco quieres que tus diseños sean demasiado desafiantes de leer. Entonces aquí hay un ejemplo interesante. Tenemos muchos textos en este bloque en el centro. Esa es nuestra copia corporal, pero tenemos un punto de entrada que es un drop cap. Y también tenemos algunos códigos de sondeo que están rompiendo el texto. Y luego el título principal y el párrafo introductorio aquí en el centro Como se trata de un periódico, podemos esperar mucho ejemplar que necesita ser colocado en una sola página. Y a pesar de que tenemos este gran bloque de texto con seis columnas, sigue siendo bastante divertido gracias a esa ilustración que se divide por el texto y está apareciendo en la parte superior e inferior. Y también por tener estos espacios negativos o pausas dentro del diseño Eso de nuevo, solo ayuda a crear un poco de alegría y dejar algo de respiro para el lector Pero también hay otro detalle interesante aquí. El título de la revista es en realidad casi por completo, o al menos la mitad, está oculto detrás de la ilustración. Ahora bien, esto también es algo que comúnmente se ve en las portadas de revistas también. Y se basa en que el lector está familiarizado con el periódico y reconocería el título aunque no esté completo. Nuevamente, aquí, esto en realidad está bloqueando la legibilidad. Simplemente somos físicamente incapaces de leer esa parte del texto. Pero en términos de legibilidad, esto está marcando un reto divertido y nuevamente, puede atraer la atención del lector porque aquí deja un espacio en blanco, que nuestra mente tendrá que rellenar a través de este título En términos de legibilidad es realmente débil en términos de legibilidad En realidad es bastante bueno porque despierta el interés del lector Y por último, te voy a mostrar tres ejemplos donde tanto la legibilidad como la legibilidad son malas, y tengo que advertirte, podría lastimarte los ojos Aquí están estos ejemplos. Primero, tenemos señalización que se utiliza para los autobuses de Londres. Ya no creo que este letrero esté fuera. Seguro que ha sido arreglado por transporte para Londres. Pero cuando fue fotografiada, claramente tenía algunos problemas, tanto afectando la legibilidad como la legibilidad El mayor problema es el mal rastreo o kerning, que provocó que estos personajes acercaran demasiado entre sí en ciertos lugares, casi convirtiendo algunos de estos en ligaduras Sin querer, las ligaduras son pares de fuentes que normalmente son caracteres individuales dentro de una Pero también tenemos muy mala separación de detalles importantes como el Stop M dividido en dos líneas, o London Bridge, nuevamente, dividido en dos. Que incluso con una pequeña medida o ancho de línea como aquí, aún deben mantenerse juntos en la misma línea. Ahora lo que es aún peor es que creo que incluso hay un error gramatical Entonces este apóstrofe, creo, es un error porque se suponía que decía raíces 43.141 pero actualmente significaría que estos números pertenecen a gramaticales o errores tipográficos como este afectarían principalmente a la legibilidad porque causa confusión y el lector podría malinterpretar alguna información en caso de que una señal que se trate de llegar de un lugar a otro puede ser un problema bastante caso de que una señal que se trate de llegar de lugar a otro puede ser un Los otros dos ejemplos que tenemos aquí son igualmente malos en términos de legibilidad y legibilidad también Tenemos muy malas elecciones de diseño en cuanto a qué colores se usan uno encima del otro, qué tipo de fuentes se utilizan para cierta información, El kerning y el seguimiento y alineación de las cosas, la variedad innecesaria de fuentes apiladas en un solo Y podría continuar, estoy seguro de que puedes ver todos estos. Y creo que para que todos puedan mejorar, es igual de importante mirar estos malos ejemplos y analizarlos como pasar tiempo y mirar buenos ejemplos que hemos visto anteriormente en este video. Entonces ahora que estás al tanto de tus principales objetivos, mejorando la legibilidad y legibilidad, continuación hablaremos un poco sobre los términos básicos de la tipografía 5. Caligrafía y letras: Probablemente hayas oído hablar de la caligrafía o las letras a mano, y estas son habilidades completamente diferentes al tipo de configuración Como diseñador gráfico, estás trabajando principalmente con caras tipo. Entonces estos son teléfonos que puedes usar para tus diseños y todos los personajes ya están ahí. Sólo hay que empezar a escribirlos y obviamente trabajar en la composición. Compare con esto, si se le pide que haga caligrafía o letras a mano, eso es más una forma de arte similar a la ilustración donde cada personaje tiene que ser dibujado individualmente en un cierto estilo, es difícil distinguir claramente estos dos términos No obstante, yo diría que la caligrafía es más un enfoque tradicional, y aquí se pueden ver algunos ejemplos en varios idiomas Los verías en enciclopedias y léxicos antiguos. Tradicionalmente, este tipo de escritura se usaba para todo, incluidos los títulos, las mayúsculas e incluso el body copy. Sin embargo, hoy en día en la caligrafía moderna, se suele utilizar para palabras o frases individuales Y la copia corporal rara vez se escribe en este estilo. Incluso los personajes individuales pueden verse muy complejos y agradables, por lo que pueden usarse fácilmente como elemento de diseño en una revista, por ejemplo, o como un gorro realmente destacado por otro lado, las letras a mano, que pueden ser tradicionales o digitales hoy en día Obviamente en el ipad, es muy fácil usar el lápiz de manzana, por ejemplo, y poder crear este tipo de composiciones. La forma en que puedes diferenciar esto la mayor parte del tiempo de caligrafía es que aquí el texto se usa más de composición, por lo que cada una de las palabras formará un layout más grande y crea una bonita insignia, mayor parte del tiempo en una forma Puede ser un círculo, un cuadrado o cualquier forma orgánica. Y es muy común tener también algunos elementos florales, decorativos, o detalles ilustrativos combinados con las letras Como dije antes, la caligrafía y las letras a mano no son una habilidad que se te requerirá para poder hacer como diseñador gráfico Esta es una forma de arte completamente independiente y más similar a la ilustración como mencioné antes. No obstante, si estás interesado en producir trabajos como este, los principios y teorías que estamos aprendiendo en este curso te serán sumamente útiles. 6. Tipo de letra vs fuente: Probablemente ya estés familiarizado con el término fuente. Y la mayoría de los diseñadores gráficos usan esto mucho, solo refiriéndose a qué fuente usar en un diseño específico. O qué fuentes se pueden emparejar bien juntas. No obstante, tipografía es otro término que deberías estar familiarizado Y en realidad se puede argumentar que la forma correcta de referirse a la mayoría de las fuentes es en realidad llamarlas tipografías Por ejemplo, Helvetica es una cara tipo. Futura o Gotham son también otros dos tipos de caras. Las fuentes son las diferentes variaciones de las mismas. Normalmente llamamos a un tipo face una familia de fuentes Helvetica. El tipo face tendría, por ejemplo, una versión de fuente ultra ligera o la fuente Helvetica Roman, o la fuente Helvetica Y todas estas variaciones o fuentes conforman la familia de fuentes, o tipo face llamado Helvetica Nadie te va a corregir si estás diciendo que Helvetica es una fuente Pero si quieres ser más preciso, trata de referirte a ella como una cara tipo. Pero claro, todavía se puede decir, por ejemplo, yo usé la fuente Helvetica board para el título en un diseño En otra lección, hablaremos más sobre lo que entra en una tipografía o cuáles son los contenidos generalmente de una tipografía también Cuáles son las caras tipo con las que se recomienda acostumbrarse a trabajar y las que realmente te servirán bien, principalmente gracias a la variedad de fuentes dentro de ellas. 7. Clasificación de tipos de letra: Lo más probable es que ya hayas oído hablar de Serif y San Serif tipografian fondos y esa es una forma de clasificarlos Pero en realidad hay bastante más que eso. Y también es importante saber cuándo usar qué clase de tipo cara. Entonces en esto contigo, estaremos cubriendo la información más importante sobre este tema. En primer lugar, ¿qué son las serifs? Estos son los pequeños detalles o adornos que ayudan a que las letras sean más distintivas en las tipografías serif, mientras que sol en mientras que sol Entonces en este caso, sin serifs, tipo de tipografías no tendrían ninguno de esos tipos de adornos Serían mucho más simplistas y minimalistas. Fuente Serif, a veces también referida como romana. Y eso se debe principalmente a que se basaba en el estilo de grabado de la escritura romana, mientras que a veces se hace referencia a Sunserif como Sin embargo, eso es sólo un cierto tipo de sanserif. Probablemente sea mejor no usar ese término como clasificación general antes de aprender más sobre la diferencia entre los tipos de letra sanserif y serif Aquí hay un poco de información de antecedentes sobre los tipos de letra de historia o evolución Y este es un tema enorme y no me gustaría cubrir todo. Pero esta infografía realmente resume bien las cosas, porque muestra muy claramente los cuatro tipos principales de clases o categorías para fuentes o tipos Entonces primero tenemos guión dentro del cual el más común que reconocerías son las letras negras. Entonces estas son las letras realmente antiguas y tradicionales inventadas alrededor de la época en que comenzó la impresión por primera vez. Así que en realidad es alrededor de la época Johannes Gutenberg inventó el tipo móvil con la imprenta Y este tipo de caras siempre estaban emulando letras a mano También evolucionaron a lo largo del tiempo, por lo que se volvieron un poco más fáciles de leer con el nuevo formato casual y luego con la versión formal de ellos. Pero como puedes ver, fueron los primeros que consideraríamos como tipos de letra Y entonces no mucho después, aparecieron las primeras fuentes serif, o tipografías Entonces este es el segundo color que tenemos aquí, y hay muchas categorías para ellos, pero el primero que consideraríamos aparecer alrededor de principios del siglo XVI fue la categoría de estilo antiguo La prenda de Adobe es una instancia de ella. Pero claro, hay muchas variaciones y ha evolucionado y cambiado a lo largo del tiempo. Pero incluso viendo este texto aquí, todavía se puede decir esa herencia y sensación clásica que se ha conservado incluso en este nuevo formato digital. Entonces volviendo a nuestra infografía, podemos ver que los fondos de Servir realmente existieron por más de 500 años, pero Sunsifunds solo aparecieron alrededor de 1.800 Ahora esta es nuevamente una transición importante en la historia de las caras tipo y la más notable e importante a mencionar es Caslon, que está aquí podemos ver a William Caslon que está aquí podemos Cuarto fue el que introducía el tipo de impresión Sunserif. Este fue un cambio revolucionario o paso en el grabado y realmente afectó la forma que trabajamos con el tipo hasta el día de hoy Pero ahora sabes que a pesar las caras tipo Sunserif se ven modernas, en realidad ya tienen más de 200 años Y también evolucionaron y cambiaron a lo largo del tiempo, igual que las caras tipo Sunserif Entonces hay varias categorías como grotesca, humanista, geométrica, cuadrada, y así sucesivamente, así sucesivamente Por último, la última categoría que consideraríamos fuentes decorativas apareció a principios del siglo XX. Y puedes encontrar abundancia de estos en sitios de fuentes gratuitas como Dafot Pero incluso en las fuentes de Adobe, varias etiquetas te llevarían a este tipo de fuentes decorativas, como divertidas, por ejemplo, o funky Ahora bien estos, por supuesto, tienden a ser los menos legibles de todas las clases. Sin embargo, pueden ser geniales para capturar un tono de voz o tema muy específico para tu copia. Y por supuesto, estos se utilizan principalmente para títulos y titulares y no para la copia corporal o mayor cantidad de texto. 8. Serif vs Sans Serif: Entonces, ahora que tenemos una breve comprensión de cómo evolucionan estas clases de tipos de letra, podemos concentrarnos en la diferencia entre Serif y Porque como diseñador gráfico, estos son los más importantes con los que estarás trabajando. Y debes conocer las ventajas y desventajas de usar una sobre la otra. Como guía general, mayoría de los creativos recomendarían trabajar con tipografías Serif o Roman en forma impresa y usar Sunserif en la web Esto es un poco de generalización. Pero es cierto que los atributos o detalles de Serif ayudan con la legibilidad, porque antes que nada, dan una guía general o dirección horizontal a la lectura Todos estos pequeños detalles tienden a guiarte a través de la lectura del texto. Pero lo que es más importante, también pegan personajes y forman mejores unidades para las palabras. Nuevamente, para mayor cantidad de texto, eso es muy útil, porque los espacios entre las palabras serán más distintos. Y como dije, las palabras se pegarán formando mejores unidades. Entonces, ¿por qué usaríamos Sunsif si es más fácil leer los tipos de letra Serif Bueno, una de las mayores razones por las que en el diseño digital usarías Sunserif sobre Serif debido a la pixelación en los detalles de Serif la pixelación en los detalles Ya tienes texto pequeño, digamos para tu body copy y está en un sitio web, en esos textos pequeños, las serifs aún más pequeñas las serifs aún más definitivamente comenzarían a pixelarse Y eso no es realmente ideal que te gustaría usar, especialmente para copias más pequeñas Sunserif cuando se trata de sitios web y aplicaciones, interfaz de usuario, así sucesivamente así sucesivamente Con base en algunos estudios, alrededor del 70% del texto en la B está usando fuentes Sunserif Ahora no significa que no puedas usar Sunserif en forma impresa o Serif en Estos son más como lineamientos generales y consideraciones útiles. Pero mientras entiendas el razonamiento detrás de esto, podrás romper con él en ciertos casos. Y claro, también puedes emparejar estos dos para que no tengas que ceñirte a usar una clase en un diseño en particular. Puedes tener tu copia de intro y tu título o encabezado en fondo Sanserif, pero puedes tener la copia del cuerpo Otro ejemplo de combinar tres tipos diferentes de categorías. Tenemos el encabezado establecido en un texto sanserif condensado. Tenemos estos grandes números y el título principal ambientado en más de un fondo decorativo. Y entonces tenemos la copia del cuerpo o la mayor cantidad de texto, e incluso esta llamada aquí puesta en Serif En general, siempre que estés usando fondos Seri, ayuda a mantener tu diseño un poco más moderno, fresco y simplista En comparación con el uso de fondos Serif, tendrías un toque clásico un poco más tradicional en tus diseños Y aquí hay otro ejemplo, solo usando el fondo Seri en la portada de un libro Tanto para este diseño gráfico aquí en el centro, pero todo el resto del texto se establece en Serif Los rasgos o diferencias entre las dos clases de fondos son claramente visibles en el logotipo de Google, por ejemplo. Entonces, cuando se actualizó para usar Sun Serif de la fuente original Seri, ya marcó una gran diferencia en la percepción de la marca y el propio motor de búsqueda Es interesante ver cuánta diferencia hace, ya sea que uses una clase de texto u otra. Pero también solo quería señalar que con Google Logo, una característica distinta que mantuvieron es esa inclinación o rotación en la E, lo que la hace, de nuevo, un poco más única Pero también otra cosa menos obvia es que cambiaron los colores. Probablemente el más destacado es el verde. Cómo se volvió más brillante, pero todos los demás colores cambiaron apenas muy ligeramente. Pero volviendo a las diferencias o pros y contras entre estas dos clases principales de caras tipo, también vale la pena mencionar que fuentes serif suelen funcionar mejor a la hora de poner las cosas en cursiva Esto es algo que se puede ver claramente demostrado aquí. Itálico o cursiva también se conoce a veces como oblicuos Estos son los caracteres ligeramente inclinados, mientras que las fuentes sunserif tienden a tener oblicuos de bajo contraste, lo que significa que no son tan diferentes de los Tendrías mucho más contraste para cursiva cuando se trata de las caras de tipo serif Entonces puedes ver que este texto aquí se ve muy diferente y contrastando con el conjunto de caracteres regular. Esto vuelve a ser una gran ventaja cuando se trata de libros donde a cursivas u oblicuos menudo se usan cursivas u oblicuos para resaltar ciertas cosas Digamos que alguien está hablando o se puede establecer algo a lo que se refiere en este formato. Cuando trabajas con fuentes san Serif, tendrías que confiar más en los diferentes pesos Así que puedes usar versiones ligeras o negrita, o ultra negrita para resaltar ciertas partes del texto. Aquí hay otro ejemplo interesante que muestra que cuando estás usando la fuente Serif, siempre es más fácil distinguir caracteres en comparación con San Serif porque como la O y la C para este tipo en particular es indistinguible cuando solo estás mirando la parte superior de la Mientras que el Serif en la C, ese pequeño detalle adicional siempre revelará lo que estás viendo, incluso cuando solo estás revisando la parte superior Entonces esto es obviamente una ventaja y nuevamente, ayuda a distinguir a los personajes. No obstante, agregar más detalles en general en el diseño gráfico significa que las cosas se vuelven más complejas. Y es por ello que los sunserf ons suelen considerarse más casuales, Y en realidad los niños prefieren o encuentran mucho más fácil leer el texto sunserif Entonces hay muchas consideraciones, pros y contras. Y no quiero animarte a que solo uses una clase de caras tipo sobre la otra. Se trata de familiarizarse con las propiedades. Y una vez que empieces a trabajar con ellos, desarrollarás una intuición sobre cuándo cierta clase es mejor que otra Y si eres nuevo en el diseño gráfico y sigues luchando por diferenciar lo que es Serif o cara tipo Sunsif, entonces te recomendaría jugar a este juego Le disparé al Serif donde puedes configurar tu nivel. Y digamos que ahora somos de peso medio, así que sólo voy a elegir eso. Conseguiremos dos personajes y siempre hay que filmar a los Serif Ahora conseguimos cuatro de ellos, así que sólo tenemos que hacerlo de nuevo. Y conseguimos más y más. Y entonces tenemos que ser lo más rápidos posible pasando por esto. Y podemos ver que tenemos una cierta cantidad de errores permitidos, seis en este caso. Y hasta el momento tenemos tanto puntaje y encontramos 14 fuentes serif correctas Recomiendo encarecidamente este para jugar. Pero también hay otro bueno, tipo War.com donde de nuevo, tendrás que poder decir qué tipo de cara estás mirando Esto te ayudará a familiarizarte con las caras tipo más utilizadas. También es una buena práctica comenzar a recordar si una cara tipo tiene serifs o no En este caso, estamos diciendo Times New Roman. Entonces seguimos adelante. Cuando ahora veamos de nuevo Times New Roman, siempre verás si tienes razón o no. En el lado izquierdo, podrás decir la respuesta correcta para la pregunta anterior. Ahora estamos mirando, creo, Helvética Este es óptimo, este es Dido, y estamos en racha Ahora solo intentemos seguir así, Dido otra vez, y este también es Dido. Y voy a parar ahí porque final voy a cometer un error. Recuerden, hasta la tipografía es un tema enorme y hay mucha historia y reglas Aunque ahora mismo te sientas un poco intimidado por todas estas cosas diferentes que cubrimos, recuerda, todo se reduce a lo mucho que disfrutas haciendo las cosas y consideras mecanografiar caras a tus amigos Una vez que los conozcas y como trabajar con ellos, será mucho más divertido y estarás disfrutando del proceso de diseño 9. Anatomía de tipografías: Cuando se trata de términos y definiciones, lo más aterrador que puedes encontrar es la anatomía del tipo Hay tantos nombres para ciertas características dentro de caracteres o letras, y puedes ver algunos de estos aquí en este tablón de notas de Miller. Pero no voy a aburrirte con todo esto. Y créeme, no es necesario conocer todos estos para ser buenos en el diseño gráfico. Sin embargo, hay algunos términos específicos que me parecieron muy útiles para mi trabajo profesional. Y realmente mejoró la forma en que trabajo con el tipo. Creo que lo primero y más importante que hay que recordar son las líneas distintas dentro del texto. Entonces comenzarías con la línea de base. Ese es probablemente el más importante. Ahí es donde estarían sentados la mayoría de tus personajes. Ahora por supuesto, algunos detalles cruzarían esta línea y se llamarían descendentes para caracteres en minúscula, pero también pueden ser colas en caracteres en mayúsculas Y para la mayoría de las caras tipo, en realidad tendrías una línea específica llamada línea descendente, a la que se alinearán todos estos detalles de descenso Esto es muy importante cuando tienes múltiples líneas una encima de la otra porque la guía o el espaciamiento entre porque la guía o el espaciamiento entre tus líneas tendrán que establecerse de manera que estos detalles no choquen ni se acerquen demasiado a los otros detalles en la parte superior llamados ascendentes Y nuevamente, para estos detalles tendrías la línea ascender, que como puedes ver, normalmente es ligeramente superior a la altura de la tapa, que se utiliza para la parte superior de los caracteres mayúsculas Ahora incluso ahí, hay una ligera diferencia. Normalmente los personajes redondos como el O tendrían un poco de rebasamiento, por lo que pasarían un poco por encima de la altura de la tapa La razón principal de esto es que si se mantuvieron en el mismo tamaño, la altura de la tapa sería la misma para los caracteres Q o C. De hecho, se sentirían más pequeños para personajes como E, y eso se debe principalmente ese gran espacio o espacio negativo dentro de ellos, que también llamamos espacio de contador o bola, si queremos ser técnicamente precisos en términos de la anatomía de tipo. Así que recuerda el término x altura, esto es en realidad algo de lo que hablaremos más adelante. Esto se utiliza para el tamaño o la altura de los caracteres en minúscula. Y la altura de la tapa, que se utiliza para la altura de caracteres en mayúscula. Y también hay una medida llamada altura del cuerpo, que serían las líneas superior e inferior, que nunca serían superadas por ninguno de los personajes. Y ese suele ser el espacio mínimo que necesitarías para tu interlineado o interlineado para mantener el texto legible. Ahora además de las alturas, el ancho de para los caracteres también son importantes. Y la mayoría de las fuentes o tipos de letra son proporcionales, es decir, que los caracteres tienen un ancho diferente a ellos, lo que llamaríamos ancho de cuerpo Así lo podemos ver en el carácter x aquí. Pero volvería a ser diferente para los caracteres en mayúscula. E incluso entre caracteres, eso sería una diferencia bastante grande, el ancho de W o siempre sería muy diferente del carácter I. Por ejemplo, escribe caras donde tienes el ancho del cuerpo y el ancho de carácter para todos los caracteres igual, nos referimos como monoespacio Esto es en realidad algo que se inventó para máquinas de escribir, por lo que es muy raro que usáramos texto monoespacial en formato digital, porque la mayoría de los tipos de letra son ahora proporcionales aparte de algunas excepciones como Pero lo más importante, lo que debes recordar es que puedes tener la misma altura para los caracteres, pero el ancho establecido o el ancho del cuerpo pueden ser muy diferentes entre tipos de letra o fuentes con las que estás trabajando ¿Por qué es importante? Bueno, principalmente porque si estás eligiendo un tipo de cara de fondo que tenga un ancho amplio establecido de ancho de cuerpo para los caracteres, entonces será más difícil ajustar la misma cantidad de texto en una página en comparación con si estás usando una fase de tipo de ancho de conjunto más estrecho A veces la diferencia puede ser extrema. Por lo que puede tener el doble de texto establecido con el mismo tamaño de texto pero diferente ancho de conjunto en una página. Aquí hay un ejemplo más sutil, pero aún así algo que muestra la diferencia entre dos fondos establecidos en el mismo tamaño. Pero debido a que los atributos de los fondos tienen diferencia tanto para el sitio como para el ancho del cuerpo, produce un espacio bastante diferente que el texto va a ocupar. Una vez más, el tamaño de fuente es el mismo, pero el libro de Century School ocupa mucho más espacio en comparación con Times New Roman. De nuevo se trata del acto de equilibrio entre tener más texto condensado y poder comprimir más información en un cierto espacio en comparación con darle a tu texto un poco más de espacio para respirar y hacer que la experiencia de lectura sea un poco más fácil Y a veces incluso haciendo que el texto sea más legible. Ahora, la ligadura es otro término que vale la pena recordar. Esto significa cuando se tienen ciertos pares de caracteres que se pueden representar con un carácter individual. Lo que mejora la legibilidad. Para que puedas ver la diferencia en la parte superior sin usar ligaduras Y para este tipo particular de cara que tiene un conjunto de ligaduras, inmediatamente se vuelve mucho más fácil leer estos caminos específicos una vez que las ligaduras están en uso Además de mejorar la legibilidad, también son buenos reducir el ancho de estos conjuntos de caracteres. E incluso una cosa pequeña como simplemente tener ligaduras disponibles y habilitadas para la copia del cuerpo puede hacer realmente una gran diferencia en términos de la cantidad de texto que puede caber en una página Entonces, al elegir un tipo de letra para la copia del cuerpo, siempre se recomienda verificar si las ligaduras están incluidas o no en ese conjunto de caracteres Como mencioné, además los términos que cubrimos en este video, hay mucho más que puedes conocer y la mayoría de estos pueden ser útiles. Pero créeme, sin conocer todos estos términos que tenemos aquí en la pantalla, aún podrás diseñar grandes cosas y poder trabajar con el tipo profesionalmente. Sin embargo, si quieres estudiarlos, hay muchos recursos en línea. Y también puedes usar este Mill and Note board donde tengo un par de buenas explicaciones y gráficos de información en todos los términos que puedas conocer. Pero también te recomiendo, de nuevo, son dos juegos en Love Typography.com puedes encontrar varios juegos de anatomía de fuentes donde tendrás que pasar por estas Entonces, por ejemplo, con línea de base, habrá que recordar cuál era esa. Entonces creo que ya lo cubrimos y lo más probable es que lo recuerdes. Pero entonces obtendrás también estos otros que no hemos cubierto. El remitente otra vez, es algo de lo que hablamos y así sucesivamente y así sucesivamente. Pero también está este juego llamado Shape Type, donde tendrás que terminar realmente la curvatura de ciertos personajes. Y realmente te ayudará a apreciar esos pequeños detalles y curvas que se utilizan en los personajes. Por cierto, puedes mantener la tecla mayúsculas aquí, para mantener tus anclas, o líneas de dirección rectas, lo cual es la mayor parte del tiempo, importante para estos personajes Y luego cuando sientas que está listo, puedes compararlo con el original. Podemos ver lo cerca que me acerqué, 84% no tan mal. Podemos ver la carta original y luego la mía. Sí. Bueno, ahí no hay tanta diferencia. Vamos a ir al siguiente. Sólo hagamos una más. Bien, entonces tenemos ahora la fuente Si, bastante común, una que se usa a menudo, solo tenemos que arrastrar esto hacia arriba y luego el otro ancla tiene que bajar. Bien, siento que es algo así. Tratemos de configurar esto aquí también. Bien, Este es un poco complicado, 100% seguro. Obviamente, no podemos moverlo de izquierda a derecha, en este caso solo de arriba a abajo. Tiene que ser más suave, estas curvas seguro. Simplemente arrástralo arriba y abajo hasta que obtenga un mejor resultado. Bien, creo que eso está bastante cerca. Vamos a revisar. Bien, así que en realidad lo hemos hecho un poco mejor en esto. Una vez más, original y nuestra carta. Así que asegúrate de darle una oportunidad a estos juegos también si ya estás cansado de aprender los términos que cubrimos. Pero en el siguiente video, por fin vamos a pasar a una pregunta muy importante, Cómo elegir un fondo. 10. Liderazgo, seguimiento, Kerning: Hay tres términos y dos atajos de teclado que aprenderemos en esto contigo. Estos son muy importantes y algo que estarías usando todo el tiempo en tus diseños. Es kerning, líder y seguimiento. Ahora comencemos con liderar porque siento que es el más fácil de entender. interlineado es esencialmente el espaciado entre las líneas en su copia. Esto aplica principalmente si tienes mayor cantidad de texto. Al igual que aquí tenemos algunos párrafos y puestos en dos columnas. Entonces si utilizo el atajo cuando tengo texto seleccionado Alt u opción flecha arriba y abajo. Con esto, puedo ajustar el interlineado para poder espaciar más el texto o tenerlo más comprimido. Ahora bien, si aumentamos el liderato, podemos ver que se vuelve un poco más fácil y más conveniente leer el texto. No obstante, si lo aumentas demasiado, empieza a desmoronarse. Y será más difícil diferenciar dónde termina un párrafo y dónde comienza otro, en comparación con un Ledding más ajustado que teníamos originalmente Así se ve, más espaciado. Ahora claro, no hay que confiar únicamente en el atajo. También puedes llegar a los controles de formato de caracteres y encontrarás el líder aquí justo debajo del tamaño del texto. Esta es la segunda opción más importante con la que tendrás que trabajar. Tiene una función automática que siempre establecerá el Ledding basado en el tamaño del texto Por ejemplo, si establecemos el tamaño del texto en diez puntos, entonces veremos que el Ledding se establecerá en 12 puntos Ese 20% adicional en términos del tamaño del Ledding en comparación con el tamaño de fuente es un valor por defecto que se usa la mayor parte del tiempo para Ledding Pero como hemos visto, siempre podemos anular esto y configurarlo a lo que preferimos. Generalmente, si necesitas comprimir texto en un espacio más pequeño, tendrás que usar un interlineado inferior. Mientras que si tienes más espacio para trabajar, puedes comenzar a aumentar el ledding. Con eso, generalmente, puedes mejorar la legibilidad o hacer que sea más conveniente o cómodo leer tu copia Ahora digamos que quieres ceñirte al uso un tamaño de fuente específico e inicial, pero no tienes suficiente espacio para caber el texto. Acabo de hacer mi marco de texto más pequeño. Y aquí tenemos algún texto sobreajustado. Si presiono comando control I en el teclado. En, en diseño podremos ver exactamente cuánto texto está sobrepuesto Son sólo un par de palabras, pero aún así no tenemos espacio para ello actualmente. Entonces, ¿cómo podemos arreglar esto? Bueno, antes que nada, podemos seleccionar la copia de cuerpo entero. Y luego presione el comando Y solo para volver a nuestra ventana principal y aún así tener el mismo texto seleccionado. Esta es una técnica útil por cierto, siempre que se haya sobreajustado el texto y quiera asegurarse de que también esté seleccionado antes realizar cambios en el formato Entonces ahora que tenemos todo esto seleccionado, en lugar de cambiar el tamaño de fuente o el inicial, usaremos otra opción de alteración de atajo, flecha izquierda y derecha, para ajustar el seguimiento. Ahora, el rastreo es el espacio horizontal o espaciado entre los personajes, que comenzará a condensarlos y los mantendrá más cerca entre sí sin distorsionar por supuesto, a los propios personajes reales Entonces, si voy extremo en esto, eventualmente será casi ilegible y muy difícil ver qué está pasando Pero claro que podemos encontrar ese equilibrio correcto donde casi logramos encajar el texto en el marco de texto. Y aún así tenemos una legibilidad bastante buena en nuestro ejemplar. ¿Dónde puedes encontrar el seguimiento en la configuración? Esta es otra opción que encontrarás bajo los controles de formato de caracteres. Entonces este es el que está aquí. Actualmente fuimos a -40 Si lo puse de nuevo a cero, ese era el rastreo original. Si quiero saltar a un valor específico, digamos -35 también puedo simplemente teclearlo y se puede ver en realidad que ya encaja porque el atajo saltaría automáticamente incrementos de diez puntos Para el seguimiento, podría ser mejor refinarlo y afinarlo usando un valor específico en la barra de control. Ahora bien, qué tan lejos puedes empujar el seguimiento ya sea de una manera menos o positiva realmente depende de la fase de tipo seleccionada. Por lo que varía mucho. Algunas fases tipo como esta son bastante flexibles, mientras que otras podrían ser menos receptivas a este tipo de cambios. Por lo que cubrimos los préstamos y el seguimiento. Pero, ¿qué es el kerning entonces? Esto es muy similar al rastreo. Sin embargo, esto es cuando ajusta de manera individual y única el espaciado caracteres entre ciertos caracteres en lugar de ajustar globalmente e igualmente el espaciado para una mayor cantidad de texto como lo hemos hecho antes. Entonces, por ejemplo aquí con nuestro encabezado, tal vez necesitemos usar un poco de kerning, porque hay un par de personajes como W y A. que parece que tiene un poco de espacio demasiado Entonces, si acercamos el zoom, probablemente puedas ver esto mejor si pongo mi cursor ahí y uso la vieja flecha izquierda y derecha. Es el mismo atajo que rastrear. Pero en este caso, debido a que tenemos el cursor justo jugar específicamente ahí, no va a cambiar a los demás personajes. Se trata de ajustar de manera única este espaciado aquí. Con eso, podría mejorar ya un poco cómo se va a leer este titular, pero también podemos hacer un poco de ajuste entre ciertos personajes como H e I o H y E, donde tenemos estas líneas verticales una al lado de la otra. También podemos ajustarlo un poco. Y luego vamos a movernos un poco más aquí. Siento que yo y puedo ir más cerca y también, y entonces lo más probable es que podamos tener un poco menos espaciado aquí entre estos personajes también. Ahora bien, si nos alejamos, es posible que no notes una gran diferencia aquí. Pero si saltamos de un lado a otro entre el antes y el después, notará que en realidad ajustamos una buena cantidad de espaciado y resultó en un espacio ligeramente más estrecho necesario para el titular Así que en realidad se alinea mucho más agradable con nuestra copia corporal, pero también muy importante, la separación entre las palabras se hizo Porque ahora no tenemos tanto espacio entre las letras individuales. Ning puede mejorar tanto la legibilidad como la legibilidad. Pero lo que es más importante, estos detalles más grandes como titulares, títulos de capítulos o títulos una vez curados, se verán mucho más profesionales que sin el kerning Y no hay ciencia exacta de lo que es el kerning correcto Se trata más de establecer estéticamente un equilibrio o ritmo entre tus personajes. Y si quieres practicar esto y queremos desarrollar un ojo para ello, nuevamente, recomiendo otro juego llamado Current Type, donde podrás arrastrar a estos personajes y luego encontrar el kerning correcto El primer y último personaje, no podrás moverte. Eso establece los límites, pero cualquier cosa intermedia tendrás que jugar con él. Y cuando sientas que terminaste, puedes volver a revisar tu puntaje. Y he hecho un mal trabajo aquí, así que es sólo el 78% de cada 100. Pero probemos con otro. Tenemos fuente Germont o tipografía de la que hablamos antes. Una vez más, intentamos encontrar el kerning correcto aquí. Bien, digamos algo así. De nuevo, estoy bastante mal, así podemos ver solo la solución y mi espaciado. Me muevo la Y demasiado cerca de la. Y en realidad el mejor kerning es dejar un poco más de espacio aquí, no apretar la Y debajo de la barra de la Vamos a otro. Voy a tratar de no acercar demasiado la V a la Y. Algo así. Bien, en realidad lo conseguí perfectamente. Sin embargo siento que todavía hay una diferencia entre la solución y la mía, pero creo que la aceptó como puntaje del 100%. Incluso puedes usar atajos de teclado para este juego, que puedes encontrar aquí en la parte superior. Estos no son los mismos atajos que vas a usar en, en diseño, Photoshop o Illustrator. Pero definitivamente hace que jugar a este juego sea un poco más fácil y más similar a cómo trabajarías profesionalmente con el tipo en estas aplicaciones. En pocas palabras, para su copia corporal o mayor cantidad de texto, siempre preste atención a liderar y rastrear Y utilízalos para mejorar la legibilidad, pero también para poder ajustar la cantidad de espacio que ocupa tu texto Kerning es algo a lo que hay que prestar atención cuando se trata copias más grandes como encabezados y títulos, que tiene menos cantidad de personajes Pero que el espaciado entre los caracteres se vuelve aún más importante y más notorio si no están equilibrados o no distribuidos uniformemente. En el siguiente video, te mostraré cinco de las escenas tipográficas más comunes y cómo eliminarlas en tus diseños 11. Elegir fuentes: En este video, cubriremos un par de mejores prácticas para seleccionar la fuente adecuada para tus diseños. Y yo comenzaría con el dicho que siempre tengo en cuenta las mejores opciones de fuente son las que el lector no nota como fuente, simplemente puede concentrarse en el mensaje. Así que al igual que todo en diseño, menos suele ser más. Así que no exageres las cosas y no escojas una fuente que sea demasiado decorativa o demasiado overs estilizada para cierto mensaje Como aquí, elegí una fuente que me pareció que va un poco con esa sensación de guerra sin ser demasiado militarista. Entonces, si quisiéramos, fácilmente podríamos reemplazar esto por algo más que conecte con el ejército o la guerra. Si buscábamos tal vez algo así como stencil, éste está aún más enfatizado Y podemos hacer esto más grande, solo para que podamos ver esos detalles ahí. Y siempre es un buen equilibrio decidir qué es demasiado y qué sigue estando bien usar. Como en este caso, yo diría que también puedes salirte con la tuya fácilmente y podría funcionar. Pero realmente depende de qué tipo de publicación sea esta, el público objetivo. Entonces hay que conocer mejor a sus lectores y con qué se relacionarían mejor. Ahora tengo que ser honesto contigo, casi todos los diseñadores, cuando inician una e incluso después de años de diseñar, probablemente pierdan más tiempo en seleccionar fondos en Adobe Applications. Entonces déjame demostrarte esto. Digamos que no estoy seguro de lo que quiero usar para el rubro en este caso, y solo iría aquí al selector de fondos. Entonces esta es la parte más peligrosa de la aplicación donde simplemente seguiríamos desplazándonos hacia arriba y hacia abajo y buscando fondos Ahora bien, si eres un poco más avanzado, podrías usar las flechas arriba y abajo y las atraviesas mucho más rápido y encuentres quizás las potenciales de esa manera. Y si eres bueno, incluso podrías empezar a configurar los que más te gusten como favoritos, lo que puedes hacer de nuevo aquí desde el menú desplegable. Y luego solo puedes poner la pequeña estrella en las que elegiste o que seleccionaste. Y de esa manera más adelante podrás filtrar muy rápidamente por ellos y encontrarlos mucho más rápido. O si quieres ahorrar más tiempo, simplemente puedes hacer clic en Mostrar fuentes similares, que encontraría todas las fuentes con las que podrás trabajar que se vean muy similares a la que seleccionaste. Digamos que elegimos este de aquí arriba. Y una vez más, puedo marcar esto también como favorito. Y ahora si enciendo el filtrado para favoritos, será mucho más fácil cambiar entre estos dos. Puedo incluso de nuevo, usar las flechas arriba y abajo solo para comparar cuál prefiero. Y si ya estableces varios fondos como favoritos, siempre puedes eliminarlos. Y de esa manera puedes simplificar la cantidad de opciones que puedes ver a la vez. Y si quieres cambiar a ver las fuentes usadas recientemente, también puedes establecer el filtrado en función de eso. Pero no olvides que el filtrado funciona de tal manera que agrega los criterios. Entonces hay que eliminar la búsqueda de favoritos y solo ver los usados recientemente o viceversa. Porque si tienes dos de estas condiciones establecidas al mismo tiempo, tendrás una lista mucho más limitada que estarás viendo. Ahora bien, lo bueno de usar Adobe Applications es que están conectadas a los fondos de Adobe. Por lo que incluso los fondos que actualmente no están instalados en su computadora aparecerán en esta lista. Si quieres asegurarte de que solo estás usando fondos que están en tu computadora, puedes simplemente activar la opción de fondos activados, que es otro filtro aquí. Ahora cuando esto esté desactivado, por defecto, verá solo los fondos actualmente disponibles en su computadora, los fondos de Adobe y otros fondos adicionales que tenga. Pero si quieres encontrar otros adicionales, también puedes simplemente cambiar para encontrar más. Y aquí estarás buscando toda la biblioteca de fuentes de Adobe, que hay miles de fondos que puedes buscar. Pero si quieres filtrarlos, también puedes elegir estos filtros muy útiles para la clasificación. Entonces digamos que estamos buscando algo, en este caso sanserif Queremos que sean personajes pesados, más audaces. Y luego si quería refinarlo aún más, hay opciones adicionales para el ancho y la altura, e incluso el contraste dentro del personaje, para que podamos mantenerlo bajo contraste o alto contraste. Y una vez que estos filtros estén establecidos, ahora podremos desplazarnos y encontrar el que estamos buscando. Uno de los consejos más útiles, que te puede ahorrar tanto tiempo es que en lugar de tener cientos o miles de fuentes en tu computadora, siempre es bueno tener, digamos, diez a 20 fuentes con las que confías mucho en trabajar y con las que estás realmente familiarizado. Y estos tipos de letra deberían tener varias fuentes en ellos, así que muchas opciones diversas, como una que uso mucho es Dean 2014 Entonces, si solo escribo eso, verás que esto ya tiene varias variaciones, y puede hacer una gran diferencia si lo pongo a luz extra. Comparado con extra calvo. Y por cada peso también tenemos las versiones en cursiva dándonos mucha variedad y libertad en la forma en que trabajamos con este tipo de fase a la hora elegir esos pocos fondos en los que estarás confiando como diseñador y a los que volverás. Además de tus preferencias personales, siempre es bueno verificar la cantidad de personajes en ellas. Entonces la mejor manera de hacerlo es ir al menú de tipos y elegir glifos en diseño Y aquí podrás ver todos los caracteres disponibles para esa fuente. Entonces en este caso, estamos viendo N 2014 extra bold, pero podemos configurarla a la versión regular de la misma. Entonces estos son todos los personajes disponibles. Y si queremos filtrar por cosas específicas, digamos puntuación, podemos ver todo eso juntos Pero también podemos encontrar cosas adicionales aquí, como ligaduras, algo que mencionamos antes Y para esta fuente en particular, no hay ligaduras disponibles Entonces eso es en realidad una desventaja, pero hay otros caracteres especiales que podrías necesitar, especialmente si estás configurando un libro usando esta fuente. Digamos que podrías necesitar caracteres superíndices. Sólo vamos a comprobar si los tenemos. Los tenemos pero sólo hasta cuatro, así que no tenemos el conjunto completo de caracteres. Entonces eso podría ser un problema. Podríamos necesitar símbolos matemáticos si se trata una publicación un poco más científica en la que estamos trabajando. Y nuevamente, es bastante limitado, por lo que no tiene todos esos personajes. Entonces comparado con este pont, podemos comprobar quizá aéreo, si eso tiene más. Y si, tiene un poco más ahí, pero podemos verificar Adobe limpio. Sí, un poco más. Pero una vez más, podemos comprobar que en realidad tiene muchas más opciones aquí. Y si entramos en ligaduras estándar, podemos ver que en realidad también incluye esos personajes Y si quieres echar un vistazo más de cerca a estos personajes, siempre puedes usar la opción de zoom para que podamos echarles un mejor vistazo. Y créeme, vale la pena analizar algunos de los fondos que ya has estado usando desde esta perspectiva. Si tienen suficientes caracteres en ellos, si soportan diferentes idiomas, por ejemplo, porque esos requieren también caracteres especiales. Y eso en realidad también es algo que en EdobFunds podrás buscar Entonces, si estás trabajando con un conjunto específico de idiomas, puedes asegurarte seleccionar fondos que los respalden. Así que aquí hay muchos idiomas entre los que puedes elegir. Mi lengua materna es el húngaro, así que por ahora solo voy a elegir eso. Y podemos ver que actualmente hay 247 familias de fondos que apoyan ese sistema de escritura lingüística o conjunto de caracteres especiales. Otra cosa que puedes hacer en las fuentes Dob si estás buscando caras tipo para trabajar, es establecer las propiedades más altas en lugar de mostrarlas todas Lo pondrías, digamos, cualquier lugar 20-25 plus, lo que filtrará por familias de fuentes o tipos de letra que tengan muchas variaciones en ellas. Entonces podemos ver por ejemplo, novela sun hair tiene 120 fuentes en su interior. Si vemos a esta familia, veremos la enorme variedad de opciones que tendremos dentro de ella. Y si lo configuro a lista, y si nos desplazamos por aquí, se puede ver la abundancia de opciones que tendremos. Diferentes anchos y diferentes alturas en cursiva, todo tipo de opciones, brindándote mucha flexibilidad y libertad sobre cómo puedes usar este tipo de fase. Lo bueno es que si tienes una licencia o suscripción a Creative Cloud, no hay limitación en cantidad de fondos activados que puedes tener de los fondos de Adobe. En un momento, solía haber un límite bastante estricto, creo, de 100 fondos activados, pero ahora puedes tener todo lo que quieras o se puso tan alto que nunca tuve problemas que lo excedieran. Según esta infografía, las diez caras tipo top que más se utilizan son estas Tenemos a Helvetica como la primera, y luego tenemos a Garmin, que ya hablamos, pero luego tenemos algunas otras que también personalmente uso muy Tenemos Futura Bodoni, que son ambos tipos de letra brillantes para trabajar Pero también tenemos al hijo de Gill en esta lista, que en realidad fue inventada por Eric Gill, dueño de la librería en Bristol En realidad usó esta fuente, o creó estos personajes para la visualización de la ventana, y más tarde esto realmente se convirtió en una cara tipo. No estoy diciendo que como diseñador, tendrás que ceñirte a trabajar con estas diez fuentes. Pero son un buen lugar para comenzar. Y te darán la cantidad de flexibilidad y variedad necesaria porque tienen muchas variaciones y tienen todo tipo de personajes diferentes con los que necesitarías estar trabajando. Pero lo más importante, también son excelentes en términos de elegibilidad y legibilidad Consulta esta infografía en el Milano Board si estás interesado ver todas las otras caras tipo de uso común Si quieres conocer más sobre la historia o el fondo de las fuentes de uso común, entonces hay un libro llamado Just My Type de Simon Garfield, que te puedo recomendar encarecidamente Es una buena lectura, pero también es muy informativo, y puedes aprender mucho sobre estas caras tipo de uso común Pero ahora que cubrimos cómo elegir una cara tipo, el siguiente paso es aprender a emparejar caras tipo juntas. 12. Emparejar fuentes: Entonces, si crees que elegir fondos es difícil, entonces emparejar fondos te puede resultar aún más difícil. Porque hay, de nuevo, muchas consideraciones que hay que tener en cuenta. Pero no te preocupes, no es tan complicado. Entonces déjame tratar de simplificarte este proceso. En primer lugar, lo que hay que evitar es elegir dos fondos similares y juntarlos. Como aquí, tenemos dos fondos muy similares, casi idénticos utilizados juntos, uno para el rubro, el otro es para copia corporal. Y simplemente no tiene sentido usar dos fondos en este caso. A lo mejor solo encuentra un tipo de letra o familia de fuentes donde tendrás diferentes pesos que puedas usar y algo que funcionará tanto para el encabezado como para el body copy Entonces, en lugar de confiar dos fondos independientes de diferentes tipos de caras, solo usa una sola cara de tipo con múltiples variaciones. Así que tener contraste entre los fondos que estás emparejando o usando juntos dentro de un diseño es probablemente más importante a lo que tienes que tener cuidado. Pero usar fondos completamente diferentes juntos también puede ser un problema. Entonces, si empujas esto al otro lado y va a ir al otro extremo, podrías terminar teniendo fondos chocantes que no tienen nada que ver entre sí Por lo que tener demasiado contraste es, nuevo, no lo ideal a la hora de imprimir. Una consideración útil que puede tener en cuenta es asegurarse de que está haciendo coincidir la altura x lo más cerca posible de las dos fuentes que está emparejando. Te mostraré un ejemplo de esto en otro video, pero por ahora solo recuerda que puedes encontrar fondos de diferentes categorías o clases como Serif y Sunserif Pero tener su X heite matching ya creará algún tipo de unidad entre ellos, lo que te va a ayudar a tus diseños luzcan más profesionales Sin mencionar que podrás usar el mismo interlineado o interlineado, y será mucho más fácil configurar tu cuadrícula y alinear las cosas en general. Una solución obvia y sencilla para configurar el contraste entre dos fuentes que intentas emparejar es elegir una de Serif, la otra de la categoría Sunserif Y eso puede funcionar muy bien, sin embargo no tienes que hacer eso. Así que no estás restringido a crear contrastes como ese. Puedes usar dos tipos de serif o dos tipos de sunserif con la misma Y por ejemplo, en este ejemplo tenemos un bonito tipo de fuente condensada sunserif para la experiencia de texto principal Mientras que la copia secundaria, tanto aquí en la parte superior como en la inferior, está usando otra fuente que sigue siendo una serif, pero tiene un ancho normal por lo que no se condensa Y eso ya crea suficiente contraste. Nuevamente, si quieres que tu trabajo luzca profesional, debes usar estas formas más sutiles de crear contraste, en lugar de crear algo que sea demasiado obvio. En este ejemplo de diseño web, realidad tenemos cuatro caras de tipo diferentes combinadas entre sí, comenzando por la que se usa en el título principal o encabezado. Entonces tenemos otra fuente Seri utilizada en esta sección. Tenemos un Sunserif para el párrafo justo debajo del título Y luego tenemos otro Sunserif usado en estos detalles adicionales aquí en la parte superior La misma fuente utilizada en los botones de la derecha y también la parte inferior en la parte inferior. Entonces, ¿es una buena idea usar tantas caras de diferentes tipos en una? Bueno, yo diría que cuatro ya está empujando el límite, y recomendaría tratar de apegarse a dos o tres caras de tipo diferente en un solo diseño. Entonces, cuando tienes una interfaz de usuario o un diseño web más complejo, aún puedes confiar en las caras de tipo que tienen muchas fuentes diferentes en ella. Y en lugar de usar diferentes tipos de caras, solo empieza a variar las fuentes dentro de la misma familia para crear el contraste y crear la jerarquía que sea necesaria para tu composición. No significa que si estás usando cuatro caras de tipo diferente, como en este diseño, estés cometiendo un error. Pero de nuevo, esto es sólo algo que hay que tener en cuenta y tratar de evitar. Si es posible, como antes tengo otro juego divertido para que practiques fondos de emparejamiento. Se llama Type Connection y es un juego de citas para el tipo. Entonces, básicamente, lo que estás haciendo es que estás tratando de establecer una fecha entre dos fondos y en base a su personalidad y características, o harás una buena pareja o una mala. Veamos un ejemplo. Digamos que estamos escogiendo un par para Garamond. Entonces ya vemos un poco de historia de fondo en la parte inferior, o la historia de este tipo, pero de manera simplificada También vemos la introducción de esta fuente y está diciendo que soy un hombre renacentista moderno de hoy en día. Bien, así que una vez que elegimos el alemán, ahora podemos elegir una estrategia para encontrar el par. Para ello. Podemos decir que queremos confiar en la familia o buscar lo similar, abrazar al otro o explorar el pasado. Entonces cada una de estas estrategias es una forma diferente de emparejar esta fuente. Digamos que queremos ir con el más simple, abrazar al otro, lo que significa que vamos a confiar en el contraste. Y también lo dice. Aquí en el lado derecho, opuestos se atraen y pueden hacer que las relaciones sean más emocionantes Perfecto. Simplemente escojamos eso para que podamos ver nuestra fuente seleccionada en el lado izquierdo. Y ahora tenemos tres opciones que podemos elegir. Entonces tenemos Utopía, Apolo, y Maypole. Siento que fuera de estos, Maypole es probablemente el mayor contraste para nuestro fondo original Pero eso podría estar un poco demasiado lejos. Entonces tal vez Utopía podría ser una buena opción. Así que vamos a probar eso, y esta es la parte que me encanta. Entonces aquí puedes comparar los dos fondos y ver las características, si hay suficiente contraste o no. E incluso puedes leer más sobre esas secciones. Entonces es otra buena forma de aprender sobre la anatomía de tipo. Incluso puedes alternar entre qué fondo debería ser más visible cuando los comparas entre sí. Y estos fondos son bastante similares entre sí, sus serifs son ligeramente diferentes, pero lo más destacado, la altura x es diferente, lo que podría ser un problema Entonces, cuando comparamos la altura x, Utopía tiene una altura x mucho más alta o mayor en comparación con Garamond Y entonces si queremos investigar más a fondo, podemos ver más ejemplos de las diferentes fuentes dentro de cada una de estas caras de tipo una al lado de la otra y empezar a imaginar si esto podría funcionar o no Entonces averiguaremos si los enviamos en una fecha, funcionará o no? Y desafortunadamente, no funciona porque son demasiado similares entre sí. Así que voy a volver atrás y cambiar esto a Maple en su lugar, así que el mayor contraste, y sí, podemos ver que definitivamente hay muchas diferencias aquí. Tanto el ancho del cuerpo como también la curvatura general de estos personajes son muy diferentes. Entonces, si probamos esto, ahora podemos ver que hacen un partido exitoso. Me encanta el hecho de que siempre te muestren un ejemplo. Entonces esta tabla de contenidos aquí a la derecha en realidad está usando estos dos fondos juntos. Y se puede ver en acción que funciona muy bien. Si quieres aprender un poco más sobre las estrategias según este sitio que pueden funcionar cuando estás emparejando fondos. Puedes obtener más información al respecto aquí en esta página. Y todos estos métodos pueden ser útiles siempre que estés buscando el par adecuado para un fondo con el que estés trabajando. Ahora avanzando, en la siguiente lección, estaremos aprendiendo sobre tres términos muy importantes. Liderar, curning y rastreo. 13. Errores tipográficos comunes: En esta lección estaremos hablando de huérfanos, videos, carreras, regs, y reversa Ahora bien, estos términos pueden sonar extraños cuando los escuchas por primera vez, pero si estás familiarizado con la composición tipográfica, probablemente ya te hayas encontrado con algunos de Veamos en, en el diseño cómo en primer lugar podemos recrear estos problemas o cuestiones con nuestro body copy y luego aprender también a eliminarlos. Primero, hablemos de reversa. Esto es algo que notarás principalmente si estás usando ancho de columna estrecho y también justificación juntada. Y puedes empeorar las cosas si no estás usando la separación por sílabas Entonces esto es algo que puedes controlar en las opciones de formato de párrafo aquí. Si tiene la separación por sílabas desactivada y tiene la alineación establecida en una de las opciones de justificación, y luego simplemente reduce el ancho del texto o el ancho de los marcos de texto Empezarás a introducir reversa aquí ya puedo señalar una y otra sección donde tenemos las brechas en el texto y lo llamamos generalmente ríos, donde afecta a múltiples líneas una encima de la otra. Pero incluso cuando se trata de líneas individuales que tienen estas brechas más grandes entre palabras, no se ve profesional. Si voy aún más lejos y reduzco la medida o la longitud de la línea, comenzaremos a tener aún más de estos ríos apareciendo y apareciendo brechas aún más grandes. La mejor manera de evitar que estos ríos se presenten es asegurar que tu copia tenga suficiente medida o ancho de línea, especialmente si estás usando justificación. En esos casos, recomendaría también tener habilitada la separación por sílabas. Se puede ver incluso aquí donde realmente no teníamos muchos ríos mostrando en la copia. Al agregar guiones o permitir que la separación de palabras lo muestre ya, corrige un poco más el texto y difunde las cosas un poco mejor. Ahora bien, la otra vez que mencioné al inicio de la lección G también es algo que se refiere a la alineación o a los bordes de su copia. Esto es principalmente importante cuando se usa flush left o flush right, también llamado left align y right align, que a veces por defecto, si no se usan características adicionales, pueden tener un borde muy desequilibrado o harapiento Entonces en este caso, no se ve tan mal. Entonces cuando miramos el lado aquí a la derecha, es un poco yendo y viniendo , pero no está tan mal. E incluso aquí a la izquierda, esto se ve bastante parejo. Pero si empiezo a mover mi marco fiscal, podríamos terminar creando un borde más harapiento dependiendo del ancho que creamos Algo así no se ve tan genial. Entonces ya en ambos lados izquierdo y derecho de estas columnas, tenemos las líneas yendo y viniendo bastante. Entonces, una vez más, esta es la línea de la que estoy hablando. Y para poder refinar esto o equilibrar esas líneas desbastadas, tenemos una opción en diseño, que encontrarás una vez que selecciones tu copia y vayas a estas opciones adicionales aquí en el lado derecho Entonces haga clic en este icono y luego elija Equilibrar líneas desiguales Eso intentará refinarlo lo más posible. Entonces esto fue antes, y esto es después. Sin duda se puso un poco mejor así que se distribuye de manera más uniforme. Y esta es una opción que por supuesto puedes guardar en un estilo de párrafo, que luego solucionará automáticamente estos problemas mientras estás editando la copia. Entonces ahora si muevo mi marco de texto, siempre intentará refinar ese borde harapiento, que funcionaría de la misma manera ya sea estoy usando alineación izquierda o derecha Y por supuesto, la solución definitiva o arma para eliminar los bordes desiguales es la justificación Pero recuerda con este podrías estar introduciendo ríos. Entonces, en pocas palabras, cuando estés usando la justificación, ten cuidado con los ríos Cuando estés usando la alineación izquierda o derecha, ten cuidado con los bordes desiguales Ahora sigamos adelante y hablemos los otros tres temas que podrías encontrar, comenzando con un video, que ya podemos ver aquí en esta página. Entonces un video es la última línea de un párrafo al principio de una columna. Se separó del resto del párrafo, y ahora está completamente por sí solo en esa nueva columna. Y puede suceder también a veces, lo que es aún peor si esta copia está en otra página o peor aún si está en otra extensión, porque entonces el video está aún más separado del resto del párrafo. Ahora similar a esto, llamamos huérfana a la primera línea de un párrafo Que se separa del resto del párrafo en la parte inferior de una columna o página. Y la forma en que puedes recordarlo es que el huérfano se queda atrás Entonces todo el resto del párrafo se adelantó. Pero dejaron atrás al huérfano. Algunos diseñadores ni siquiera harían diferencia entre estos dos términos. Pero prefiero recordarlos como dos errores individuales distintos. Que afortunadamente dentro del diseño se puede arreglar. Con una configuración simple, todo lo que tienes que hacer es crear un estilo de párrafo desde el panel de estilos de párrafo. Y dentro de ahí encontrarás una función llamada Keep options. Ahora voy a encender la vista previa. Entonces podemos ver esta actualización aquí. Todo lo que tienes que hacer es activar Mantener las líneas juntas y la configuración predeterminada es perfecta. Porque lo que va a hacer es mantener al inicio y al final de cada párrafo al menos dos líneas juntas. Y eso ya va a eliminar huérfanos y videos. Si quieres ser más generoso cuántas líneas se mantienen juntas, puedes aumentar esta cantidad. Y lo verás ya actualizándose aquí en el ejemplar. Entonces eso fue dos líneas al final del párrafo o una sola línea. Pero si aumentamos esto entonces se va a limitar al mínimo tener tres líneas de un párrafo separadas en una nueva columna o página. Mantener las líneas juntas es su solución definitiva para eliminar huérfanos y vidos Y podemos probar esto si hago clic bien. Ahora si trato de cambiar la copia aquí y recrear el huérfano que teníamos anteriormente Todavía tenemos dos líneas aquí al inicio de ese párrafo. Pero una vez que mueva esto más alto, no va a dejar que una sola línea, la primera línea, se quede sola. Se va a mover automáticamente ambas líneas a la siguiente columna. Mantener líneas es como dos pájaros de 1 tiro. Eliminamos a los huérfanos y a las viudas, pero todavía hay un término que debemos tener en cuenta y ese es un Ahora bien, runt suele ser estas últimas líneas cortas de un párrafo que simplemente se ve muy desequilibrado y no profesional Y estas cosas, desafortunadamente, son un poco más complicadas de arreglar porque hay que hacer dos cosas. En primer lugar, hay que configurar un estilo de carácter que tendrá una sola opción, y normalmente solo renombro esto también y simplemente lo llamo no Break within. Aquí del lado izquierdo, bajo formatos de caracteres básicos, tenemos que activar la opción no break. Eso es todo lo que necesitamos establecer para este estilo de personaje. Y luego volviendo a nuestro estilo de párrafo que ya estamos usando aquí, tenemos que ir dentro de él. Y bajo el estilo de gráfico tenemos que elegir un nuevo estilo de gráfico. Seleccione nuestro estilo de carácter sin interrupción, que se convierte en un estilo anidado en este caso Y luego debajo de esto, hay que escribir el siguiente código. Cierre completo, corchetes, signo de dólar. Dentro de los corchetes, necesario especificar la cantidad mínima de caracteres que desea ver en la última línea de cada párrafo. Si escribimos, digamos 15 aquí, y simplemente hago clic de inmediato, arregla esas últimas líneas cortas en mi copia. Una vez más, si vuelvo y pongo esto a cinco, entonces puedo permitir que estas palabras más cortas aparezcan aquí en las últimas líneas. Y si quiero ser aún más estricto, puedo fijarlo, digamos, a 25. Y eso significa que tendremos últimas líneas mucho más largas para cada uno de nuestros párrafos. Ahora bien, en realidad es bueno tener menos caracteres en la última línea de cada párrafo porque eso también ayuda a crear una ruptura visual e interrupción entre los párrafos. Por lo que mejora la legibilidad, que como comentamos, es muy importante Pero tener dos últimas líneas cortas es algo que quieres evitar. Ahora con esta técnica, el estilo de carácter anidado, usando no break y configurando esa función gráfica eliminará automáticamente estas corridas para que aparezcan cada vez que termines trabajando con una mayor cantidad de texto Lo más probable es que termines trabajando en, en diseño. Y luego tienes que asegurarte de configurar un estilo de párrafo que tenga juntas las líneas clave, eliminando a los huérfanos y videos Y también esta técnica que acabo de mostrarte con el estilo de personaje anidado en el uso de estilo gráfico Y eso va a arreglar las corridas. Y luego dependiendo de si estás usando justificación o alineación izquierda o derecha, tienes que recordar tener cuidado con las regs y reversa 14. Personalizar fuentes: Ahora cubrimos tantas reglas y cosas a tener en cuenta, consideraciones a la hora de trabajar con tipo. Entonces en estos últimos videos, te voy a dar un poco más de libertad para explorar ideas creativas porque de eso se trata ser diseñador gráfico. Primero aprendes las reglas y luego podrás romperlas. Y una de las cosas que puedes hacer es estropear tipo es usar una función llamada Touch Type en Illustrator. Ahora bien, esto puede ser muy útil si quieres crear logotipos, por ejemplo, donde los caracteres son un poco torpe y se mueven, rotan e incluso se redimensionan en comparación con la línea base recta original que obtenemos cada vez que trabajamos con el texto Lo más importante es que esta herramienta en realidad no es destructiva. Así podrás volver a ello y hacer cambios si es necesario. Esta lección es en realidad de la clase magistral de Illustrator. Entonces, si quieres conocer más sobre esta función, puedes encontrar más información ahí. Pero en pocas palabras, encontrarás la herramienta aquí en la barra de herramientas, o Shift es el atajo para ello Y una vez que utilices esta herramienta, podrás seleccionar personajes individuales y empezar a moverlos. Podemos configurarlos en una posición diferente y luego podemos comenzar a girarlos también e incluso redimensionarlos. Ahora hay un molesto rectángulo azul que aparece aquí cada vez que seleccionamos carácter. Y hay algo que ofrece personajes adicionales que pueden trabajar con el seleccionado. Ahora bien esta es una opción que puedes desactivar o desactivar en las preferencias. Si estás en una Mac, solo tienes que ir a las preferencias de Illustrator y elegir tipo. Si estás en una PC, esto estará en Editar, Menú Preferencias tipo dentro de eso. Es el último escenario aquí, apaga los suplentes de personajes del espectáculo Una vez que se quita eso, el rectángulo azul desaparece. Entonces ahora es un poco más fácil trabajar con estos y al igual que antes de que pueda empezar a mover las cosas, incluso puedo cambiar completamente el orden de los personajes. Por supuesto, eso realmente va a estropear la legibilidad de este texto Pero eso es lo que puedes crear con esta herramienta. Y como dije, esta es una técnica no destructiva. Lo que significa que si uso mi herramienta de tipo, todavía puedo seleccionar el texto, incluso este de aquí a la derecha, y comenzar a cambiar esos caracteres si quisiera. Pero recordarán su posición. Entonces, si cambio esto a una H por ejemplo, o una R, siempre mantendrá el tamaño, rotación y posición que configuraste originalmente. Otra cosa que puedes hacer en Illustrator para personalizar el texto es delinear caracteres. Y hay un atajo que vale la pena recordar. Es mando o control de turno todo. O también puedes encontrar la opción aquí en el menú tipo. Crear Contornos o de manera similar. También puede utilizar Expandir objeto. Esto también creará el mismo resultado. Una vez que tengas tu texto de esquema, ya no es editable. Esa es la principal desventaja. Se va a convertir el texto en un grupo dentro del cual lo más probable es que tengas partes compuestas creadas para cada uno de los personajes. En lo que esto te puede ayudar es hacer doble clic muy rápida y fácilmente en este grupo. Entonces ingresas al modo de aislamiento y luego puedes comenzar a mover fácilmente varios caracteres alrededor. También redimensionarlos individualmente. Y nuevamente, podemos comenzar a combinar estos otros personajes aquí, manera similar al tipo táctil, pero tal vez incluso teniendo un poco más de libertad. Pero lo que es aún más importante es que podemos empezar a distorsionar a estos personajes y agregarles giros únicos Tal vez usando la herramienta de selección directa, podemos estirar estas partes de la U más hacia arriba o incluso estos puntos aquí. Puedo seleccionar individualmente y luego volver a estirarlos. Y realmente estoy empezando a cambiar las características de estas letras. De nuevo puedo extender la T por ejemplo, pero puedes ser creativo. E incluso puedes empezar a usar cosas como la esquina Igd en ciertos personajes. O incluso la goma de borrar con la que puedes empezar a cortar en personajes. Y nuevamente, hazlos más únicos, pero puedes ser aún más creativo. Y después de jugar con una fuente que solo usaste como punto de partida, puedes empezar a dibujar sobre ellas y crear una sensación y un aspecto completamente únicos basados en la fuente original con la que empezaste a trabajar 15. Texto para interés visual: Este video, te voy a mostrar cuatro ejemplos de usar tipo como interés visual en lugar de simplemente para leer. Todos estos ejemplos son de nuestro curso 365 Días de Creatividad. Si te interesa aprender sobre técnicas creativas como estas, ese curso es definitivamente el mejor. Cuenta con 365 composiciones creativas similares y técnicas explicadas y cubiertas. Pero comenzando primero con esta, tenemos el retrato de Body Hall y tenemos la letra de sus canciones más famosas utilizadas para recrear este Esto es en ilustrador usando el warp de títeres y todo tipo de distorsiones diferentes para tratar de igualar los detalles contrastantes Todos los tonos o tonos más oscuros dentro del retratar tendrán la tipografía y veremos que el resultado final es en realidad bastante similar a él y solo fueron necesarias unas pocas líneas para agregaran los detalles de menor contraste Como dije, el texto se utiliza aquí como interés visual en lugar de puramente para la lectura. Entonces incluso una sola palabra puede ser bastante interesante en una composición si empiezas a combinarla con una imagen. En este caso, tenemos la unidad de palabras separando los caracteres y moviéndolos alrededor. Girándolos y configurándolos también en diferente profundidad. Entonces algunos personajes irán detrás del auto, algunos vendrán frente a él, y también habrá diferentes colores. A pesar de que hay bastantes cambios ocurriendo aquí, aún podrás leer el texto debido a la dirección general de izquierda a derecha y al hecho de que todavía hay similitud en el tamaño y la fuente utilizada entre estos caracteres, crea suficiente unidad y repetición para que el espectador pueda conectar las letras y leer el texto. Incluso un solo personaje puede ser utilizado para crear interés visual. Y estos se pueden usar para tantas cosas diferentes, como una gorra interesante dentro una revista o incluso en la portada de un libro. Aquí estamos usando Photoshop con una máscara de recorte. Agregamos una imagen encima de una capa de texto y luego usando la misma imagen, simplemente enmascarando detalles de ella, usando una máscara de capa, podemos crear este precioso efecto fuera de límite, que de nuevo aumenta la profundidad e integra muy bien la imagen y el texto juntos. El toque final es solo para agregar un poco de sombra paralela ahí, solo una vez más para enfatizar aún más la profundidad. Y finalmente tenemos el mpicent, que voy a recrear aquí usando una imagen de un plátano Una vez más, estoy usando Photoshop y simplemente dividiendo el plátano en tres capas y usando un objeto inteligente y las distorsiones de la deformación del títere Voy a poder recrear el Mpicent con una Y el resultado final será bastante convincente y se verá bastante realista y algo que podría ser un solo plátano al final Sólo tengo que asegurarme de que esas alineaciones sean correctas Y solo tengo que hacer un poco de retoque para que la iluminación sea correcta. Y ahí tienes. Entonces, una vez más, ahí tienes un solo carácter útil de interés visual. Y podría estar fácilmente en un póster, un volante o una portada de revista. Y es bastante llamativo. Y la gente se daría cuenta de esto y estaría interesada en ver de qué se trata. Así que no olvides que como tus principales herramientas en diseño gráfico, trabajas con imágenes y texto, pero no hay nada que te detenga a convertir el texto en imágenes o interés visual en lugar de simplemente usarlo con fines de lectura 16. Jerarquía con fuentes: Establecer jerarquía visual en su diseño es importante para ayudar a sus espectadores a comprender fácilmente la información que se les presenta. Y hay tantas formas diferentes establecer jerarquía, se pueden hacer ciertos elementos más grandes que otros. Puedes colocarlos en una ubicación más prominente, como la esquina superior izquierda o el centro de una composición. Entonces por supuesto, puedes usar el color también para resaltar y conectar ciertas partes del diseño. Pero lo que muchos diseñadores se equivocan es confiar en múltiples tipos de caras para establecer jerarquía visual. Cada uno de estos ejemplos en mi pantalla prácticamente se basan en un solo tipo de letra Y la jerarquía se establece variando los colores y también los diversos estilos dentro de la fase tipo. Y esa es realmente la clave, que siempre se debe trabajar con una fase tipo que ofrezca al menos tres variaciones diferentes. Entonces tendrías tu negrita regular, cursiva, pero aún mejor si tienes medio, ligero, extra negrita, y así sucesivamente y así sucesivamente. Cuanta más variedad tengas dentro de una fase tipo, más fácil va a ser establecer la jerarquía. Toma como ejemplo la fuente Adobe Monserra. Tiene 18 estilos diferentes, que van desde delgado hasta extra atrevido. Y como puedes ver cuando lo paso a través de él, realmente tiene un enorme contraste entre la versión más gruesa y la más delgada Eso, combinado con todas estas variaciones también disponibles en cursiva, nos da apenas casi infinitas posibilidades para establecer diferentes niveles en la jerarquía. Y si aún no me crees, solo echa un vistazo a esta comparación. Aquí en el lado izquierdo, tenemos un póster que se basa únicamente en la fuente o tipo de cara llamada Rubic Mientras estaba en el lado derecho, estropeé intencionalmente el diseño e introduje , además, otras tres caras tipo para detalles tipográficos clave como el título y los encabezados y subtítulos Espero que puedas notar la diferencia y que sea completamente innecesario introducir estas caras tipo adicionales si trabajas ya con un tipo de letra que ofrezca suficiente variedad en primer lugar Ahora, habiendo dicho todo eso, claro que hay un lugar para emparejar fondos. Ahora, siempre que hagas eso, esa tiene que ser una razón para ello. Por lo que podría ayudar a crear y enfatizar aún más el contraste entre dos elementos tipográficos dentro del Y probablemente la razón más común por la que querrías introducir dos caras de tipo separadas es porque ciertos fondos funcionan muy bien para la copia corporal, lo que cantidades mayores de impuestos, mientras que otros fondos funcionarían mejor para textos más cortos como encabezamientos y títulos Este ejemplo, por ejemplo, muestra que para los encabezados se puede trabajar con estanques que están establecidos en mayúsculas, por lo que en realidad no tienen caracteres en minúscula mientras que los otros fondos que se seleccionan para emparejarse con ellos por supuesto tienen minúsculas, lo que funcionará mejor para mayor cantidad de texto Combinar caras tipo puede ser en realidad una opción muy elegante cuando nuevamente hay una razón para ello. Como aquí en esta tarjeta de invitación, la fuente de guión introducida principalmente para los nombres, y esa pequeña nota en la parte inferior le da un toque realmente personal, lo que por supuesto es muy importante para las invitaciones. Lo mismo es cierto para este diseño donde tenemos la tipografía neón Y nuevamente, una combinación de una versión más script emparejada con una fuente sunset if condensed all caps aquí mismo. Y la razón por la que este diseño se ve bien es una vez más porque no se vuelve loco introduciendo varios tipos de caras. Simplemente se basa en estos dos que realmente establece ese bonito contraste y la jerarquía necesaria para toda esa información. Podemos ver aquí, incluso cuando mires ejemplos de caligrafía o letras a mano, verás que los más exitosos no introducen demasiados estilos diversos para el En lugar de combinar dos contrastantes como aquí. Una vez más, tenemos más de un guión combinado con un fondo ser. Y a pesar de que estos no son fondos, están hechos para parecerse a fondos. Bueno, si nos fijamos en este ejemplo, no es tan efectivo ni poderoso porque introdujo demasiadas variaciones diferentes en los fondos. E incluso con el diseño de logotipos donde realmente no tienes tanto texto con el que trabajar, aún puedes tomar la decisión de combinar fondos como con esa limonada ahí arriba O depender de un solo fondo y simplemente confiar en la escala del texto para establecer jerarquía. Así que recuerda, hay muchas maneras de establecer jerarquía en tus diseños, y solo debes introducir caras de tipo adicionales cuando realmente hay una razón válida para ello. 17. Consideraciones al elegir el color de texto: Un malentendido general entre los diseñadores gráficos es que puedes usar cualquier color que desees para tu texto Sin embargo, esto es casi cierto. Hay un par de cosas importantes a las que debes prestar atención. En primer lugar, hay que recordar que todo lo que vaya a imprimir se recreará utilizando las tintas CMYK en la impresión tradicional Cada uno de estos se configurará una placa separada que generará todos individualmente la cantidad necesaria de pequeños puntos. Ahora, por ejemplo, aquí dentro, podemos ver que hubo una ligera desalineación entre estas placas Y por eso podemos ver los puntos desplazados ligeramente. Pero es una gran manera de entender cómo se imprimen las cuatro placas una encima de la otra. Y la razón por la que esto es importante es porque te puedes imaginar que si no estás usando una de las placas al 100% tu texto fácilmente puede terminar siendo borroso o borroso, especialmente en textos más pequeños como body copy Entonces, cuando estés eligiendo color para tu texto, no importa si es encabezado, título o body copy, asegúrate de que al menos uno de los valores CMYK esté establecido en 100% Y en la mayoría de los casos, ese sería el valor K, que significa negro o el color clave. Y podemos ver lo bien que resultó eso impreso. Mientras que por otro lado, si no estás usando al menos una de las placas 100% entonces terminarás produciendo este impuesto difuso o borroso en la impresión, aunque no haya desalineación entre las Estamos aquí en Illustrator, y tengo mi paleta de colores a la derecha. Y para este texto, por ejemplo, me gustaría usar un color como este. O tal vez podamos usar el cuentagotas y recoger uno de estos otros colores Ahora puedes ver que estos valores son necesarios para recrear esa huella de color Pero como ninguno de estos está al 100% estás arriesgando, de nuevo, a crear un impuesto difuso en Pero claro, si el texto seleccionado es un título grande, entonces es lo suficientemente grande, será menos probable que cause problemas. Y similar a esto, hay otra cosa que muchos diseñadores se equivocan y empiezan a usar el negro rico en la copia del cuerpo. Eso es otra vez algo que querrías evitar porque como en el ejemplo anterior o en este, puedes ver si tienes varias planchas imprimiendo el mismo texto, sobre todo en texto pequeño. Incluso la más mínima desalineación entre las placas resultará en esa borrosidad que mencioné antes Así que no me malinterpretes, usar negro rico es una gran cosa para crear realmente negro intenso completo en la impresión. Pero no es algo que usaría en mi copia corporal. Y por si acaso no estás familiarizado con el negro rico, déjame mostrarte la diferencia aquí. En Illustrator, tenemos este objeto y todos los demás objetos aquí usando solo negro normal, o a veces referido al negro verdadero, que simplemente está compuesto por tinta 100% negra y nada de los otros tres colores. Si bien llegar hacia atrás puede ser algo como esto, donde se introduce tinta adicional en la parte superior del negro. Entonces aquí tenemos 40% cian, magenta y amarillo junto con 100% negro. Y podrías pensar que esta forma y los demás detalles aquí tienen el mismo aspecto. Te sorprenderás cuando los mueva uno encima del otro de que en realidad puedas notar la diferencia entre ellos. Ahora esto es por defecto, no es algo que verás en Illustrator. Pero hay una opción llamada apariencia de negro, que una vez dijiste que se mostrara con precisión. Entonces, en lugar de mostrar todos los negros como negro rico, tienes los negros todos encendidos con precisión Podrás verlos incluso en pantalla, por lo que no solo hará la diferencia en la impresión. Hay varias variaciones diferentes en el negro rico, por lo que puedes hacerlo un poco más cálido o más frío dependiendo de cómo equilibreas el cian, magenta y el amarillo junto con el negro. Pero también hay una cosa importante, no debes olvidar no superar 300% con la cobertura total de tinta Porque si superas esa cobertura máxima de tinta, es una posibilidad de que no toda esa tinta sea absorbida adecuadamente por el papel. Entonces terminarás teniendo, de nuevo, detalles borrosos o incluso manchas. Esta es en realidad una característica que puedes encontrar en el diseño. Si va al menú Ventana Vista previa de separaciones de salida, puede elegir ver el límite de tinta Pero puedes ver que por defecto se establece 300% Pero dependiendo del tipo de papel que uses, por ejemplo, papel estucado, realidad deberías bajar al 280% Cualquier área resaltada en rojo en el diseño puede potencialmente causar problemas Además, no olvides que puedes probar tus diseños para detectar daltonismo, tanto en Photoshop como en Illustrator, entrando en el menú de visualización y bajo configuración de prueba Elige qué tipo de daltonismo quieres simular Voy a usar protenopia en este caso, y luego simplemente usando el comando de taquigrafía del teclado o control y. Puedo alternar entre la vista simulada de daltonismo y la vista normal y luego simplemente usando el comando de taquigrafía del teclado o control y. Puedo alternar entre la vista simulada de daltonismo y la vista normal. Aquí podemos ver que esta combinación verde y magenta definitivamente no va a funcionar bien. Entonces, las personas con ese tipo particular de daltonismo tal vez ni siquiera vean la palabra boot camp apareciendo aquí Mientras están en esta configuración de color de prueba Puedo saltar aquí y tal vez mover esto un poco y encontrar más contraste. Después saltando hacia atrás, puedo ver los colores reales. Si se ve bien en ambos puntos de vista, entonces lo más probable es que funcione también en la otra opción de daltonismo Siempre y cuando vuelva a haber suficiente contraste allí en el texto y los elementos importantes, entonces puede continuar trabajando con esa paleta de colores seleccionada. 18. Alineación de texto: Ese texto se vería mucho más ordenado justificado. ¿Puedes cambiarlo, por favor? Una de las frases que realmente me da miedo como diseñadora, porque cada vez que escucho esto de un cliente, tengo que justificar por qué no estoy usando la justificación Entonces, por ejemplo aquí en este diseño, tenemos el mismo pliegue de este folleto. Primero colocamos a la izquierda una línea o al ras a la izquierda, y luego la tenemos justificada a la derecha. Sí, definitivamente, la forma del texto se ve más ordenada, pero si la legibilidad o la experiencia de lectura es mejor es una pregunta completamente diferente Y como diseñador gráfico, una de las tareas más importantes que tienes es asegurarte de que no solo crees diseños estéticamente agradables, sino también funcionales. Y la legibilidad, al igual que la legibilidad, es una de las funciones más importantes para cualquier diseño donde sea que haya Para entender mejor esta pregunta, lo que me gustaría que hicieras es simplemente considerar mirar estos dos marcos de texto como dos formas sólidas. Así que olvídate que este es un texto que puedes leer. En cambio, imagina que esto es solo una textura, y cuando la miras así, podemos ver de inmediato que la versión alineada a la izquierda tiene un borde suave a la derecha y un borde duro a la izquierda, mientras que el texto justificado tiene bordes duros en ambos lados. Esto lo hace sentir mucho más rígido en comparación con la otra forma de la izquierda, lo que puede ser un beneficio ya que hace que se sienta más estructurado y organizado, pero no se aplica y funciona con todo tipo de diseño. Y para ser honesto, si haces tu investigación correctamente, verías que en realidad hay muchos más ejemplos de texto alineado a la izquierda que justificado, tanto en forma impresa como también en la web. Ahora una de las razones por las que alinear el texto a la izquierda o a la derecha es más fácil de leer que justificado es porque es más fácil seguir donde estás actualmente en el texto ya que cada línea es ligeramente diferente en longitud. Lo que significa que cuando estemos leyendo y llegando al final de una línea saltando hacia atrás, recordaremos que la línea anterior era más larga. Y nos ayuda a orientarnos entre líneas y asegurarnos de que no perdamos donde estábamos Esto es mucho más difícil de hacer con texto justificado porque todas las líneas tienen la misma longitud. Pero hay otra diferencia importante que en realidad hace que el texto justificado sea menos organizado. Esa es la diferencia en el espaciado entre las palabras, porque algunas líneas terminarán teniendo menos palabras. Y la única forma en que la aplicación puede crear la longitud de línea unificada es aumentando el espaciado entre las palabras. Esto puede llevar a un reverso o huecos muy desagradables dentro de la copia que pueden ser muy distrayentes y confusos Mientras lees, mientras te estás concentrando creando una forma estéticamente agradable, con el uso de la justificación, terminas creando estas brechas, lo que hace que el diseño en realidad sea más En caso de que decidas usar la justificación, hay un par de características adicionales a las que debes prestar atención para mejorar la calidad visual general y la falla de tu texto Y para poder demostrarle esto, voy a poner este marco de texto aquí a la izquierda también para justificarlo. Entonces por el momento son idénticos, pero vamos a estar trabajando en este de aquí la derecha y vamos a introducir esas mejoras. Entonces una de las cosas que siempre recomiendo usar junto con la justificación es la separación por sílabas. Y esto en realidad también es otra cosa polémica que oirías decir mucho creativo, no deberías tener guiones en tu texto No obstante, esto de nuevo, no es una regla general. Depende de si va a mejorar la calidad general del texto o no. Veamos si te presento la separación por sílabas, que puedes hacer presionando la opción de comando de atajo shift H, o controlando Alt shift H en PC Simplemente al introducir esto ya, el espaciado entre las palabras está mejorando. Esto fue antes, y esto es después. Apenas tan ligeramente, estamos consiguiendo un poco más equilibrado el espaciamiento entre las palabras. Pero hay un par de temas que presentamos aquí. Por defecto en los diseños , la separación por sílabas no es la mejor porque terminaremos creando estas palabras cortas, o partes cortas de palabras al final de las líneas cuando tienes dos caracteres por su cuenta No es una buena experiencia de lectura. Para mejorar esto, podemos seleccionar la herramienta de tipo pulsando en el teclado. Y vaya a las opciones adicionales haciendo clic en este icono aquí y elija la separación por sílabas en este cuadro de diálogo También vale la pena activar la opción de vista previa, solo para que veas lo que estás haciendo. Normalmente, me gusta aumentar esta opción después de primero a cuatro letras, e inmediatamente se puede ver que en lugar de tener esas partes iniciales cortas separadas del resto de las palabras, ahora tenemos un mínimo de cuatro caracteres visibles al final de cada línea. Entonces esto fue antes y esto es después. Y de manera similar, tampoco me gusta ver las dos últimas letras separadas de palabras cuando hago guiones Entonces esto es otra vez algo que normalmente aumento hasta tres con esta primera opción. También puedes controlar cuánto tiempo necesita ser una palabra para que pueda separar guiones Pero para esto, las cinco letras predeterminadas son en realidad un buen ajuste para mayores cantidades de texto. También hay una configuración realmente genial aquí con la que puedes controlar rápidamente si quieres ver mejor espaciado o menos guiones Para esto, solo lo voy a mantener en el medio y voy a dar click en Bien. Por el momento, realmente no podemos ver tanta diferencia, pero como introducimos guiones, no quiero olvidar otra opción importante Esto es algo que está bastante oculto. Lo encontrarás debajo del panel de tipo y historia de la mesa desde el menú de la ventana. Y es una característica llamada alineación óptica del margen. Una vez que lo enciendas, lo principal que notarás es que los guiones ahora están alineados fuera del marco de texto Y como estamos usando la justificación, esto es necesario para hacer que esa línea de la derecha sea aún más recta. Entonces cuando lo apague, vuelva a encenderlo, veremos esa diferencia. Sólo voy a anular la selección de este marco y veamos de nuevo antes y después Entonces como dije, es muy sutil, pero también funciona con comillas. Entonces, si todo este párrafo, por ejemplo, era una cita, verás que esa comilla al principio también está fuera del marco. También se llama puntuación colgada romana si te interesan los términos tipográficos Pero aún no hemos terminado porque todavía tenemos que afinar los escenarios más importantes para su justificación. Nuevamente, utilizo la herramienta de tipo, teniendo este marco de texto seleccionado. Y luego ve a la configuración adicional aquí a la derecha. Y elige justificación. Observe el atajo de teclado para eso, los tres modificadores junto con J. Una vez que lo selecciono, nuevamente, me aseguro de que la vista previa esté activada Este es definitivamente uno de esos cuadros de diálogo a los que la mayoría de los diseñadores realmente no prestan atención, principalmente porque no es tan intuitivo lo que podemos lograr con él. Pero al ajustar ligeramente estos valores, se puede mejorar en gran medida la calidad del texto justificado Entonces, para cada una de las tres configuraciones principales aquí tenemos tres valores separados, el mínimo deseado, y los números máximos. Empecemos con el espaciado entre letras. Por defecto en el diseño es realmente muy estricto, y no permite que ocurra ningún espaciado entre letras cuando estamos usando justificación. Entonces eso significa que el seguimiento, o también puedes llamarlo kerning, no se ve afectado en absoluto No obstante, en realidad me gusta retocar esto, y al establecer el mínimo a menos dos y el máximo a cuatro, damos un poco más de dique para el diseño para mejorar el equilibrio o defecto Si desactivo la vista previa y la enciendo, ya se puede ver que esto en realidad mejoró bastante en la eliminación de todas esas brechas de las que hablamos. Eso fue antes y eso es después. Sin mencionar que también estamos reduciendo la cantidad de líneas necesarias para el texto, cual siempre es algo bueno porque terminas teniendo más espacio para introducir otros elementos visuales en el diseño. Pero no nos detengamos aquí, porque también podemos ajustar los ajustes de escalado de glifos Una vez más, esta es una configuración muy estricta por defecto, lo que no estamos dejando que los personajes escalen hacia arriba y hacia abajo en absoluto con estos valores actuales del 100%. Pero si reduzco el mínimo a 98% y luego el máximo a 102, entonces una vez más introdujimos una pequeña cantidad de tolerancia para que los personajes aumenten y bajen cuando sea necesario. Lo que una vez más, siempre tan ligeramente, pero mejora aún más el flujo del texto que había antes y después. Y finalmente, el espaciado entre palabras también va a marcar una gran diferencia en la forma en que mejoramos este texto. Así que de nuevo, me gusta ser un poco más generoso con estos valores, Así que en vez de que el 80% sea el espaciado mínimo, voy a bajar eso hasta 75% pero voy a reducir la cantidad máxima. Entonces, en vez de 133, voy a ser un poco más estricto aquí y pondré esto en 110. Eso significa que no vamos a permitir que la justificación introduzca brechas masivas. Y en lugar de mantener lo deseado al 100% en realidad voy a reducir esto a 90, o puedes bajar incluso a 85 si quieres. Al reducir la cantidad deseada, definitivamente mantendrá el espaciado más apretado Pero es importante mencionar que estos ajustes funcionan bastante bien con la fuente específica que estoy usando aquí y también el tamaño para el texto. Sin embargo, en otros casos, es posible que deba ajustar estos valores nuevamente de manera ligeramente diferente Pero la idea general es la misma, que en lugar de usar los valores de justificación predeterminados, ajustamos y la mejoramos Y al hacer eso, estamos mejorando el flujo general del texto y simplemente se ve mucho más profesional. Vamos a hacer clic en Aceptar para aceptar estos cambios. Y hay una última pieza del rompecabezas que también es muy importante mencionar, que es el escenario compositor para tus párrafos. Ahora por defecto, esta es nuevamente una configuración que puedes encontrar aquí en las opciones adicionales, siempre se establece en el párrafo de Adobe Composer. Si bien hay otra opción útil llamada Adobe Compositor de una sola línea. Entonces déjame mostrarte cuál es la diferencia aquí. Si por ejemplo, me gustaría que esta palabra on ya estuviera junto con las otras palabras, en la siguiente línea, podría agregar un soft break o soft return aquí usando shift enter. Pero al hacer eso, fíjate como no solo van a cambiar todas las líneas de debajo, sino incluso algunas de las líneas antes de que se ajusten. Esto se debe a que tenemos al compositor de párrafos activado por defecto. Pero si deshago este cambio y tengo seleccionado todo el marco de texto usando la herramienta de tipo, selecciono compositor de una sola línea. Ahora bien esto ya ajusta ligeramente el texto, y si ahora entro aquí y tal vez quiera mover esta palabra a la siguiente línea, nuevamente usando soft break. Mientras estoy haciendo eso, fíjate que nada más está cambiando aparte de la siguiente línea. Entonces tengo mucho más control sobre lo que está sucediendo a lo largo de este marco de texto, lo cual recomendaría para cantidades menores de texto como esta. Pero probablemente seguiría usando el compositor de párrafos para mayores cantidades de texto, como en un libro, o un catálogo, o incluso en una revista. Y finalmente, solo para volver en círculo a nuestro marco de texto original aquí, si pongo esto de nuevo a la izquierda alineado, por supuesto, también hay un par de formas de mejorar la calidad del texto usando esta alineación. Entonces mientras para justificación te recomiendo usar guiones aquí, no creo que sea necesario introducirlos a menos que tengas una medida o longitud de línea muy estrecha, lo cual puedo demostrar fácilmente si solo arrastro esto adentro A lo mejor tienes un texto establecido así, o tal vez incluso un poco más alejado al introducir guiones Se puede ver cómo va a refinar el borde a la derecha y lo hará menos harapiento Habrá menos de los zig zags aquí a la derecha. Una vez más, introducir guiones lo mejora, pero si tienes suficiente medida o longitud de línea, no creo que los guiones sean necesarios para el texto alineado a la izquierda o En cambio, lo que debes hacer es de nuevo desde los ajustes adicionales para elegir la opción de balance de líneas Reggie Lo que volverá a resultar en un borde un poco más refinado en el lado derecho que era antes y esto es después. Para resumir, todo tipo de alineaciones podrían funcionar y no debes restringirte usando ninguno de ellos solo porque alguien te dijo que no trabajaras con Como regla general, yo diría que la justificación es genial cuando tienes muchos textos, como en los periódicos, y tienes que condensar realmente todo ese texto, así tendrías columnas muy cercanas entre sí En estos casos, la justificación ayuda a crear esos límites imaginarios entre las columnas, asegurando que los lectores no salten o crucen entre ellas por accidente. Mientras que en las revistas donde puedes permitirte tener un poco más de espacio o canalón entre tus columnas, ya podría verse mejor si estás usando texto de alineación a la izquierda 19. Atajos de teclado útiles (parte 1): Tengo este spread aquí, que creé específicamente para este tutorial, y voy a acercarme un poco más para que veas exactamente lo que estoy haciendo. Por cierto, estaré cambiando de un lado a otro entre la disposición o la vista normal y la vista de impresión. Ese es el atajo de teclado en el diseño. La mayor parte del tiempo voy a dedicarme al diseño porque esta es la aplicación que tiene más atajos de teclado tipográficos, aunque la mayoría de ellos también se aplicarán a Photoshop e Illustrator Entonces ahora que acercamos el zoom, solo hago doble clic, antes que nada, para meterme en la edición del tipo. Cualquiera que sea la herramienta que tengas, como la herramienta de selección, si simplemente haces doble clic en un marco de texto, te metes en la edición del tipo. Y entonces el primer atajo que me gusta usar en mayoría de las aplicaciones es el salto entre palabras, que serían las flechas de comando izquierda y derecha. Eso es muy práctico. Y con esto, podrás llegar muy rápidamente a la siguiente palabra en tu copia. Es mucho más rápido que presionar y mantener presionadas simplemente las flechas izquierda y derecha, o cambiar al mouse y luego hacer clic. Estos atajos son especialmente útiles cuando estás escribiendo porque no tienes que soltar el teclado. Simplemente puedes hacer todo sin tocar el mouse. Ahora bien, si también quieres seleccionar palabras mientras saltas entre ellas, simplemente mantén presionado también el comando de la tecla Mayús. Desplazar las flechas izquierda y derecha. Podremos seleccionar en dirección que desee por palabras Cada vez que presiono las flechas, mientras mantengo pulsado comando y shift, puedo seleccionar palabras adelante o detrás de la posición del cursor. De manera similar a esto, también puedes saltar al final o al principio de tu línea actualmente seleccionada. Ese es el final. Y los botones de inicio, puedes ver mi cursor saltando de un extremo a otro. Una vez más, si mantienes presionada la tecla mayúsculas, puedes hacer lo mismo. Por ejemplo, si pongo mi cursor aquí en el medio, puedo usar la tecla mayúsculas para seleccionar la segunda mitad de la línea. O vuelve ahí y usa tecla shift home para seleccionar la primera parte de la misma. Si usa flechas mayúsculas hacia arriba y hacia abajo, puede seleccionar rápidamente líneas completas que van hacia abajo o hacia arriba. Si quieres saltar al principio de un párrafo, usa las flechas de comando arriba y abajo. Se puede ver cómo el cursor está saltando entre estos tres párrafos. Ahora es un poco más visible lo que está pasando ahí. De manera similar antes, si mantienes la tecla Mayús junto con este comando shift flechas arriba y abajo, puedes seleccionar muy rápidamente párrafos completos o de seleccionarlos. El atajo funciona de un lado a otro. Ahora por supuesto, también puedes seleccionar todo el texto dentro de un marco. Eso sería comando A. O si quieres rápidamente de seleccionar todo, eso es comando shift A. Quizás prefieras usar el mouse. Aunque este tutorial trata sobre atajos de teclado, en realidad hay un par de cosas que puedes hacer con el mouse que pueden ayudarte a seleccionar texto rápidamente. Hacer doble clic seleccionaría una palabra, triple clic seleccionará una línea, clic cuádruple cuatro veces, el clic selecciona un párrafo. Si estás loco por hacer clic, también puedes hacer clic cinco veces seguidas para seleccionar todo el texto dentro del marco de texto o toda la historia, 12345 Y eso seleccionará toda la historia. Ahora vale la pena mencionar que para el diseño, en realidad tienes un editor de historias o editor de texto separado. Y eso es de nuevo, útil atajo siempre que estés trabajando con texto. Digamos que tengo una palabra seleccionada aquí. Si presiono el comando Y, abre el editor de historias. Y no sólo eso, sino que también mantiene visible mi selección. Del mismo modo, si selecciono algo aquí y presiono el comando Y nuevamente, salta de nuevo a mi vista de maquetación mantiene ahí la selección una vez más. Lo genial del editor de historias es que incluso podrá mostrarte el texto sobreajustado Aquí pueden ver solo reduzco el tamaño de mi marco. Si ahora presiono el comando Y, puedo ver no solo el texto que está actualmente visible en la vista de maquetación, sino también el texto que está sobreajustado Se indica aquí en la parte inferior con este contorno rojo. En la vista de diseño, solo ves la pequeña Cruz Roja en la esquina inferior derecha, que se llama el punto de salida de tu marco de texto. Otro atajo práctico, si rápidamente quieres ver todo el texto, simplemente haz doble clic en el punto central inferior de tu marco. A volvió. Ahora que cubrimos los atajos básicos para navegar y seleccionar texto, pasemos a formatear el texto. Ahora. El primero 1.1 de los más obvios es cambiar el estilo de tu texto. Este teléfono, por ejemplo, Monserra soporta muchas variaciones diferentes Ahora actualmente se puede ver que estoy usando semibald, pero para restablecerlo rápidamente de nuevo a regular, y ese es uno de mis atajos favoritos es comando shift y. cualquier teléfono que tengas siempre se pondrá nuevo a regular borra Cualquier formato adicional si quieres agregar, digamos negrita, solo usa comando shift B. Mayús comando estaría cursiva, que también conserva el negrita original Ahora estás agregando estos formatos adicionales. Esto es negrita, cursiva. Si quieres agregar también subrayado, eso sería comando shift U. Ahora tenemos tres formatos adicionales encima del estilo regular original Una vez más, si uso el comando shift y, restablece todo y simplemente mantiene el formato regular original De manera similar a estos atajos, también tendrás que mantener presionado el comando shift, pero usar otras teclas para cambiar la alineación. Entonces digamos que en este párrafo actualmente me queda una línea o al ras. Si quiero cambiarlo a la derecha, usaría comando shift R. Comando shift L sería izquierda, R sería derecha sería centro, y j estaría justificado. Ahora bien, si tienes un poco menos de texto, sólo voy a eliminar un poco de este texto aquí. Se puede ver incluso cuando la última línea normalmente se mantiene alineada a la izquierda, es entonces cuando se usa el comando shift J. Así es como se ve. Pero si usas comando shift eso obligará a que la última línea también esté plenamente justificada. Desplazamiento de mando J, desplazamiento de mando. Entonces si quiero volver a vaciar a la izquierda, vuelve a ser comando shift L. Ahora claro también puedes cambiar la fuente rápidamente con un atajo en el diseño. Eso sería cosa del comando 61 que vale la pena mencionar con este atajo. Y probablemente notaste que la barra de control en la parte superior aparece por defecto. Esto está oculto desde la última actualización en CC 2019, principalmente porque se introdujo el panel de propiedades aquí a la derecha. Sirve más o menos el mismo propósito que la barra de control pero de una manera un poco más refinada. Entonces, si no quieres ver la barra de control, no aconsejo usar este atajo porque seguirá sacándolo a colación y no puedes simplemente deshacerte de él con un atajo. Tienes que ir realmente al menú de la ventana y turno de control. Pero si prefieres tener la barra de control abierta, no dudes en usar el comando six para seleccionar rápidamente el selector de fuente de la izquierda. Y entonces solo puedes empezar a escribir el nombre de una fuente. Digamos autobús. Yo solo empiezo a escribir eso y luego elijo tal vez el habitual. Y ahí tienes. Rápidamente cambiamos la fuente. Ahora una vez más, si lo tengo seleccionado, sólo puedo presionar el comando seis, escribir el mismo teléfono que teníamos, Montserrat, y sólo voy a seleccionar Negrita Nuevamente, depende de ti si prefieres tener la barra de control abierta o no. Voy a mantenerlo cerrado y simplemente use el panel de propiedades a la derecha. Ojalá este atajo en el futuro se actualice para trabajar también con el panel de propiedades. Ahora pasemos a algo muy importante, y eso es para cambiar el tamaño de la fuente o el texto que selecciones. Por ejemplo, aquí voy a seleccionar la palabra principal o título viajando. Y voy a simplemente hacer doble clic sobre la palabra para seleccionarla. Ahora para cambiar el tamaño, es turno de comando. Y luego el menor que, mayor que los signos o punto completo y coma Prefiero recordarlo como menor que, mayor que las tallas porque así es como estoy cambiando la talla para que sea cada vez más pequeña o más grande. Esto es realmente útil porque puedes cambiar muy rápidamente el tamaño del impuesto en tu selección actual sin cambiar el marco fiscal. Pero si quieres hacer esto más rápido, también puedes agregar la tecla de opción y luego irá mucho más rápido por lo que es un incremento mayor que estás usando Creo que lo está haciendo cinco veces más rápido. Así que vamos a ver una vez más, cuando estoy por defecto usando el atajo, va dos puntos a la vez. Si mantengo presionada la llave vieja, va diez puntos a la vez. Pero si quieres cambiar el incremento, puedes ir a las preferencias en diseño aquí bajo unidades e incrementos, realidad puedes especificar el Siempre que uses accesos directos de disminuir o aumentar el tamaño. Este es el incremento que se utilizará. El valor por defecto son dos puntos, pero puedes configurarlo a lo que quieras. El mismo escenario también se aplicará al cambio de líder, que voy a mostrarles en un segundo. Pero mientras estamos aquí, puedes ver que hay un par de cosas adicionales que puedes especificar si estás planeando usar más atajos para trabajar con tipo. Recomiendo encarecidamente verificar estos ajustes para seguir adelante. Hablemos de un par de atajos para cambiar el caso de tu texto. Ahora bien, esto solo funcionará si tienes el texto original escrito con minúsculas o mayúsculas centrales. Si escribió con mayúsculas, bloquee. Por ejemplo, como este texto aquí. No va a funcionar. Tienes que asegurarte de escribir normalmente. Y entonces ese texto podrás establecer en todas las mayúsculas. Por ejemplo, al usar el comando shift K. El mismo atajo funcionará de un lado a otro. Entonces puedes cambiar a minúscula o frase, por ejemplo, así. De nuevo, puedo cambiar de un lado a otro usando el comando shift K. También funciona en Photoshop. Desafortunadamente, el mismo atajo por defecto no funciona en Illustrator. Pero puedes personalizar los atajos, y luego también será universal. Y puedes usarlo en todas estas aplicaciones. Si alguna vez necesitas personalizar los atajos, encontrarás en los atajos de teclado del menú de edición. Así que todas las aplicaciones DOB tienen esta característica y puedes personalizar completamente todo Ahora de manera similar a todas las gorras, también puedes usar gorras pequeñas. Eso es turno de comando H. Y se puede ver la diferencia entre un carácter de tope normal y un personaje de gorra pequeña. De nuevo, es un togl. Se puede cambiar de un lado a otro otra vez. El comando shift H es el atajo. Después con comando shift signo más, puedes convertir tu texto en superíndice o opción de comando shift plus puedes convertirlo en un subíndice ¿Cuándo es eso útil? Por ejemplo, si quieres agregar un número de índice, solo tienes que seleccionarlo y luego comandar shift signo más. Otro atajo útil para recordar es revisar la ortografía. Por ejemplo, aquí tengo una palabra que deletreé mal intencionalmente Por cierto, el resto del texto solo está usando la copia de marcador No intentes leerlo, en realidad no tiene mucho sentido. Pero si uso el comando I, puedo obtener rápidamente la opción de revisar ortografía para el texto seleccionado. Puede ser una sola palabra o también puede ser marco de texto completo. Pero en este caso ya puedo ver el recorrido de correcciones sugeridas. Eso es lo que quería usar. Yo sólo puedo decir cambio y se puede ver que está actualizado y ahora sólo puedo decir hecho. Esa es una forma muy rápida y útil de revisar tu ortografía mientras trabajas en estas aplicaciones. Para eso tuvimos tiempo en este primer video. Entonces estos eran más como atajos básicos. En la siguiente parte, voy a cubrir técnicas de atajo más avanzadas, nuevamente por trabajar con tipo. Si quieres conocer más en general sobre en Diseño Illustrator y Photoshop, recomiendo encarecidamente que consultes nuestras clases magistrales donde entro pesando más detalle en todo, no solo en tipo, sino prácticamente todo lo demás que importa si quieres trabajar de manera profesional y eficiente con estas aplicaciones de Adobe. 20. Atajos de teclado útiles (parte 2): Estamos de vuelta en el diseño para la segunda parte de este tutorial. Y esta vez también usaremos un poco de Photoshop porque hay un par de atajos específicos que solo puedes presentar ahí sin más demora. Empecemos con un atajo muy útil y eso es para cambiar el líder en nuestro texto. Si selecciono un párrafo, digamos éste de aquí. Puedo usar este atajo muy rápidamente. Es opción arriba y abajo una fila para cambiar el líder. Esto está cambiando con el mismo incremento que el cambio de tamaño que fue en la parte anterior Estas están todas en las preferencias sobre las unidades e incrementos, así que puedes encontrar la opción aquí, Alt flecha arriba y abajo por defecto cambia el inicial o el espacio entre tus líneas por dos puntos Pero si quieres aumentar la velocidad a la que cambias el interlineado, puedes mantener pulsada la tecla de comando y juntos la opción de comando flecha arriba y abajo cambiará el líder con incrementos de diez puntos También hay un atajo para restablecer el líder, que me parece muy útil ahora Siempre que digo reiniciar, significa volverlo a la configuración automática Cada vez que use texto, siempre habrá una opción de inicio automático. Usted puede encontrar aquí en el lado derecho en el panel S propiedad también. Entonces esa es la opción auto. Esto siempre se basa en el tamaño de tus caracteres, pero el atajo es la opción de comando shift. Es un atajo un poco complicado pero te recomiendo acostumbrarte porque te puede ahorrar mucho tiempo. Ahora de manera similar al líder, tenemos un atajo para kerning o tracking Ahora lo llamamos kerning cuando se aplica a, digamos, una sola palabra Entonces en este caso, por ejemplo, si utilizo la opción flechas izquierda y derecha, puedo hacer el kerning entre A y V, por ejemplo Podemos conseguir un espacio un poco más estrecho entre R y solo podemos darle un poco más de espacio Y, y G puede acercarse también. Algo así visualmente se ve un poco más equilibrado. Esto es lo que llamamos kerning. Pero si estás usando el mismo atajo y lo aplicas en todo un párrafo como este y usas la opción flecha izquierda y derecha. Esto es lo que normalmente llamaríamos rastreo. Esta puede ser una técnica y atajo muy útil para hacer más espacio. Si necesitas exprimir más texto en un marco de texto, siempre puedes reducir el seguimiento. Solo trata de evitar exprimirlo demasiado porque va a ser difícil de leer, así que no quieres arruinar la elegibilidad de tu texto Y de manera similar a liderar, esto también es algo que puedes rastrear aquí en el panel de propiedades o en la barra de control. Entonces este es el valor para rastrear, y si ves algo menos cero, eso significa que lo cambiaste. Entonces es un valor personalizado. Si quieres volver a establecerlo a los valores predeterminados, solo tienes que establecerlo en cero. Justo de la manera en que lo hemos hecho con ning o rastreo líder también se puede acelerar manteniendo pulsada la tecla de comando junto con la opción de comando de tecla de opción, las flechas izquierda y derecha serán cinco veces más rápidas ning o tracking. Debido a que el ning y el rastreo son muy importantes, incluso hay un atajo para ajustar específicamente el espaciado entre las palabras. Sin cambiar la distancia entre los caracteres dentro de la palabra, solo puedes ajustar específicamente los espacios. Esto es manteniendo presionada la tecla de opción y ordenando barra diagonal hacia atrás para aumentar los espacios Se puede ver cuando estoy haciendo esto, el espacio sólo se incrementa entre las palabras pero no dentro de las palabras. Si utilizo la misma opción de comando modificadores pero con retroceso, entonces puedo reducir el espaciado entre las palabras Esto es curar o rastrear específicamente los espacios entre palabras en su texto seleccionado. Este es definitivamente uno de los atajos menos conocidos, pero es extremadamente útil. Muy recomendable tenerlo en cuenta y practicar su uso. Lo recordarás. Ahora hay otro atajo que es casi como líder, pero se puede usar en palabras o caracteres específicos. Y se llama cambio de línea de base. Te puedo mostrar en una palabra seleccionada, digamos esta de aquí. Y todo lo que tienes que hacer es mantener presionada la opción shift y luego usar las flechas arriba y abajo. Básicamente lo que está sucediendo está en el texto seleccionado, se puede desplazar la línea base. Recuerda una vez más, en las preferencias, en las unidades e incrementos. Esto en realidad tiene su propio valor que puedes especificar. Si quieres ser un poco más sutil con esto, puedes establecer el incremento un punto o incluso medio punto, y eso será más lento cuando lo estés ajustando Desea ver el valor de desplazamiento de línea base aquí en el panel de propiedades. Por defecto, hay que dar click en estas más opciones para poder verla. Entonces este es el cambio de línea de base nuevamente. Se puede ajustar de nuevo a cero rápida y fácilmente. La sílabas es otro atajo que uso muy a menudo. Esto solo se puede aplicar a un párrafo completo, aunque tengas seleccionada una sola palabra, se aplicará a tu párrafo actualmente seleccionado. Esta es la opción de comando shift H. Ahora verás que obtenemos algunos guiones aquí en el párrafo con el mismo También puedo deshacerme de ellos. Encendido y desactivación de sílabas . Estas son las cosas que obviamente son mejores para guardarse en un estilo, un estilo de párrafo como aquí. En el estilo que utilizo para párrafos, especificaría que no quiero usar guiones si estamos trabajando en vista normal Al presionar W, puede cambiar entre la vista normal y la de impresión. Cuando estás en la vista normal, puedes usar otro atajo. Es la opción de comando para mostrar los personajes ocultos. Esto puede ser muy útil para detectar final de párrafos o caracteres especiales o como detalles anclados Pero también puede interponerse en el camino cuando no lo necesitas. Por eso vale la pena recordar el atajo para ocultarlos y volver a mostrarlos. Ahora como estás aprendiendo Aplicaciones de Adobe, un atajo que debes conocer. Y esa es la barra espaciadora, que es la misma en todas las aplicaciones de Adobe. Es para escribir. Siempre que mantenga presionada la barra espaciadora, puede hacer clic y arrastrar, y luego escribir alrededor. Ahora, ¿qué pasa si tienes texto seleccionado y mantienes presionada la barra espaciadora? Bueno, se va a deshacer del texto y lo reemplaza con un carácter de espacio. Si quieres evitar eso, incluso mientras tienes texto seleccionado o mientras escribes, aún puedes hacer escritura. Lo único que tienes que hacer es usar la tecla de opción en su lugar. mantener presionada la tecla de opción mientras editas el texto, aún puedes escribir, lo cual es brillante Este es un atajo, definitivamente vale la pena recordar. Ahora aquí hay algunos atajos. Específicamente cuando se trabaja con marcos de texto en el diseño. Una de ellas es cómo se definen los colores seleccionados. Para ello, solo voy a abrir rápidamente el panel de control también. Barra de control, que podemos ver aquí en la parte superior. Por defecto, cuando seleccione un marco fiscal, verá que los colores aquí están ambos vacíos. Y eso se debe a que ahí son visibles los colores del marco. El color de campo del marco y el color del trazo del marco. Sólo para que podamos ver lo que está pasando, si aplico un color de trazo azul, podemos ver que va a aparecer alrededor del marco. Pero, ¿y si quiero cambiar rápidamente el color de toda la copia dentro de este marco fiscal? Para eso hay un atajo muy útil. Es simplemente presionar J en el teclado puede cambiar para mostrar los colores del texto dentro del marco. Créeme, esto es un gran ahorro de tiempo. Esto es algo que vas a estar haciendo todo el tiempo. En, en diseño, tendrías que cambiar entre seleccionar los atributos del marco o seleccionar el texto dentro del marco. J está cambiando entre los atributos de marco y luego los atributos de texto. En realidad hay cuatro interruptores. Normalmente, cuando trabajas en, en diseño, dos para el marco y dos para el texto, ambos tendrán una sensación y trazo. El que menos usarás es el trazo alrededor del texto. El atajo J para cambiar entre Estos es extremadamente útil. Ahora bien, si aprendes a usar estos, también vale la pena mencionar que aquí en la barra de herramientas, siempre ves si el trazo donde está seleccionado actualmente el color del campo. Estos son también algo que puedes cambiar pulsando X en el teclado. Lo que venga arriba es el que va a ser seleccionado Ahora se selecciona el trazo, ahora se selecciona el campo. Si presiono J, ahora puedo ver el color de campo del texto seleccionado. Ahora se selecciona el color de trazo del texto. Nuevamente con solo presionar X, X y J. Opciones muy útiles para los colores del marco. Hay un atajo adicional. Es shift X, intercambia los dos atributos, el color del campo se convierte en un color de trazo, y viceversa. Con shift X, puedo hacer este switch muy rápida y fácilmente. Un último atajo para cambiar los colores, y ese es el signo de interrogación, o hacia adelante con el que se puede establecer el color seleccionado actualmente en ninguno. Básicamente es eliminar el color del trazo en este caso cuando lo presiono. Tal vez un último atajo aquí es D para establecer rápidamente los colores hacia adelante, que serían trazo negro y ningún campo ya que agregamos trazo alrededor del marco de texto. También me gustaría señalar que cada vez que haces esto, probablemente quieras entrar en las opciones del marco de texto, así que es a partir de opciones de marco de texto objeto o comando B. Otro atajo útil. Y ahí puedes elegir el espaciado de inserción para aumentar la distancia entre el texto y el contorno de tu marco de texto Siempre que uses trazos, esta es obviamente una forma mucho mejor de formatear tu marco de texto. En la parte anterior, hablamos del editor de historias, lo cual es una gran característica dentro del diseño para facilitar el trabajo con texto en general y ese es el editor de historias. Ahora tal vez recuerdes que el atajo para eso era el comando Y. Con este, cualquiera que sea el fotograma que hayas seleccionado, obtienes una pequeña ventana separada del editor de texto ahí puedes hacer cambios en tu texto Y una cosa que es diferente entre el editor de historias y la vista de maquetación normal es que aquí, por defecto puedes seleccionar texto, digamos esta frase aquí, y arrastrarla y soltarla en cualquier otro lugar dentro del texto. Si necesito mover esto más abajo, pueden ver que simplemente podría arrastrarlo y soltarlo. Si presiono el comando Y, puedo volver a cambiar y ahora puedo ver que el texto está actualizado. El tercer párrafo es ahora más grande porque acabamos de mover una frase ahí dentro. Pero esto es algo que solo puedes hacer en el editor de historias. Por defecto, sin embargo, en realidad puedes encontrar una configuración para cambiar eso. Y habilitarlo también en la vista de diseño. Si te gusta el dragón soltando texto, todo lo que tienes que hacer es ir a las preferencias. Por cierto, solo estoy usando el comando K atajo. Cada vez que voy a las preferencias y la función para este es el tipo, y ahí tienes la función de edición de texto Dragon Drop. Si lo habilitas en la vista de maquetación, entonces podrás seleccionar texto, digamos este de aquí. Y ahora puedo soltarlo y ponerlo por encima de la otra viñeta o cualquier palabra. Por ejemplo, selecciono éste y puedo simplemente dejarlo en otro lugar. La razón por la que no está habilitada por defecto porque a veces se pueden mover cosas accidentalmente. Depende de ti te guste o no. Normalmente prefiero mantenerlo apagado y si quiero hacer edición de dragon drop, solo entro en el editor de historias. Entonces puede ser un poco más intencional allí que tenerlo encendido todo el tiempo en la vista de diseño. Ahora bien, si eres como yo y trabajas con estilos de párrafo todo el tiempo, entonces también puedes asignarles atajos para que sea más fácil y rápido aplicarlos. Por ejemplo, aquí tengo dos estilos, uno para el título y otro para el encabezado. Pero puedo cambiar entre estos fácilmente ya sea usando el panel de estilos de párrafo, así puedo hacer clic en Encabezado, volver a hacer clic en Título, y hacer lo mismo aquí también. Obviamente, simplemente no hay suficiente espacio para que lo muestre. Pero la otra forma más eficiente es configurar atajos para estos estilos. La forma de hacerlo es haciendo clic derecho sobre una definición de estilo aquí en el panel y eligiendo Editar. Entonces encontrarás una opción de acceso directo aquí en este cuadro de diálogo. Ahora hay una restricción sobre qué claves puedes usar. Tienes que mantener presionada la tecla de opción y luego uno de los números del teclado numérico. Esto solo funcionará si tienes un teclado más grande. En los teclados más pequeños. Desafortunadamente, es un poco más complicado acceder a estas teclas, el área del teclado numérico. Digamos el número uno, el número uno, la forma en que se refiere a ese carácter, la opción número uno. Voy a hacer click bien. Entonces para el título que voy a escribir da clic en Editar. Y puedo volver a usar, opción cero, digamos. Bien. Ahora bien, si configuro como esta con la opción uno y la opción cero, puedo cambiar muy rápidamente de un lado a otro entre estos dos estilos. ¿Qué tan genial es eso? Por supuesto, puedes asignar atajos a todo e incluso puedes hacer un seguimiento de ellos. Aquí en el panel de estilos de párrafo, verás los atajos asignados. Normalmente, no tendrías más de, digamos, diez estilos de párrafo en el documento que se pueden cubrir fácilmente. Los atajos si quieres, pero si no quieres dedicar tiempo a configurar los atajos de estilo, también puedes usar. Otra característica brillante en el diseño se llama aplicación rápida. Digamos que voy a seleccionar de nuevo este texto. Aquí presiono el comando Retorno, que trae a colación el cuadro de diálogo de aplicación rápida. Y aquí sólo puedo escribir en encabezamiento. Y ya ves después de escribir los primeros caracteres, ya me muestra el estilo y solo tengo que presionar return otra vez. Una vez más, Comando regreso. Puedo escribir, digamos título volver al título. De hecho tengo dos estilos llamados iguales, pero voy a usar el que tenía aquí originalmente. Quick Apply por cierto, se puede utilizar para todo tipo de cosas en, en diseño. Este es solo uno de los muchos usos. Pero en realidad puedes encontrar todas las características ocultas en algún lugar del diseño. Siempre y cuando conozcas el nombre, puedes escribir en aplicación rápida, y aparecerá de inmediato sin que lo busques en el menú. Un buen ejemplo para eso sería tal vez el marcador de número de página actual, que está realmente oculto bajo el menú tipo. En marcadores de caracteres especiales, número de página actual, ahí tienes. En lugar de buscarlo, solo podría decir Command Enter y escribir actual. Y ya puedes ver que me dice exactamente dónde está. Si aumento el tamaño de esta ventana, puedo ver dónde la puedo encontrar. O simplemente puedo presionar Enter y agregará el marcador del número de página actual ahí para mí. Ahora también hay otro método de atajo de teclado bastante avanzado para cambiar o actualizar rápidamente las palabras en su documento. Esto es como un buscar y reemplazar, pero sin dejar el texto seleccionado y sin entrar en ningún cuadro de diálogo. Por supuesto que podemos usar comando, que es el atajo para llegar al cuadro de diálogo de cambio fino. Pero sin entrar ahí, en realidad puedes lograr cambios simples rápidamente haciendo los siguientes tres pasos. Este es probablemente el más complicado de recordar, pero lo uso bastante a menudo, así que te lo voy a mostrar. Digamos que quiero cambiar la palabra, viaje a viaje. Y pueden ver que tenemos algunas instancias de esa palabra dentro de esta historia aquí a la izquierda, lo que tengo que hacer primero es marcar la palabra que quiero reemplazar. Una vez que haya seleccionado viaje, puedo presionar Shift one para esto. Si quieres usar las teclas de función, también tienes que asegurarte de que actúen como teclas de función normales. En Mac. Eso es algo que hay que hacer en las preferencias del sistema. Solo necesitas ir al teclado y aquí tienes que asegurarte de habilitar esta función. Utilice las teclas de función como teclas de función estándar. Una vez que tengas eso, solo presiona shift F uno, que marcará la palabra o saltará a la siguiente instancia. De hecho, puedes usar este turno F uno para pasar y ver cuántas veces tienes esa palabra apareciendo en tu marco de texto actualmente serectado El segundo paso es marcar la palabra que quieres usar para reemplazarla. Digamos que voy a escribir aquí en alguna parte, Journey, journey. Y hago doble clic en él. Y voy a usar el comando F dos. Comando F dos, esa es la palabra que voy a usar para reemplazar la palabra viaje. Ahora sólo tengo que presionar el turno F tres un par de veces para reemplazar todas las palabras. Pero en realidad puedo ver los cambios uno por uno en mi pantalla. Cuando presiono el turno F tres, el primero va a ser resaltado, luego reemplace. Entonces si sigo presionando estos atajos, va a seguir reemplazándolo, como pueden ver. Y luego al final, solo dice que la búsqueda está terminada, lo que significa que todas las instancias de la palabra viaje ahora son reemplazadas por viaje. Como dije, es un atajo un poco difícil de recordar. Pero si lo practicas y lo haces un par de veces, lo recordarás y te ahorrará mucho tiempo. Si necesita especificar algo más que simplemente reemplazar palabras, recuerde usar el cuadro de diálogo de cambio fino que una vez más fue comando. Para concluir este video, tengo dos atajos adicionales más en Photoshop. Sólo voy a cambiar ahí rápidamente. Por cierto, este trabajo fue creado para nuestro podcast. Si aún no lo has escuchado , lo puedes encontrar en nuestra página web. Solo tienes que ir a Yes imadesign.com y en la parte superior, encontrarás una sección Puedes escucharlo en nuestro sitio. Ahí hay un reproductor incrustado. O también puedes encontrarnos en Spotify, itunes y Amazon también. Para volver a los atajos que quería mencionar. La primera es cuando tienes texto seleccionado en Photoshop y quieres iniciar una nueva capa fiscal, todo lo que tienes que hacer es mantener pulsada la tecla Mayús y hacer clic en otro lugar. Ves que empieza a crear una nueva capa fiscal con una actualización reciente en Photoshop. Siempre que hagas esto, también agregará automáticamente dos palabras, loam ipsum a tu capa fiscal No comienza completamente en blanco, pero esta es una característica realmente genial. Si quieres aceptar la escritura, solo tienes que presionar Escape. La primera vez que hagas esto, Photoshop te va a preguntar si quieres usarlo para cancelar o comprometerte con los cambios. Me gusta usar la capa para cometer cambios. Recomiendo configurarlo de esa manera. Por último, otra técnica, si quieres crear un párrafo a un cierto tamaño, puedes usar la tecla de opción, la herramienta de tipo. Haga clic una vez y escriba los valores en. Aquí puedes, digamos escribir 200 por 200. Y ahí tienes. Crea un marco exactamente a ese tamaño. 21. CONCLUSIÓN: Enhorabuena por completar este curso de la serie de teoría del diseño gráfico. Espero que te haya resultado útil e inspirador. No olvides revisar el glosario de términos, PDF, revisar todo lo que cubrimos, y si te sientes listo, toma el cuestionario para poner a prueba tus conocimientos Vuelve en cualquier momento a las referencias en los Miller Not Boards que utilizamos en este curso para ayudarte a recordar las cosas de las que hablamos o para encontrar inspiración para tu próximo proyecto de diseño. Por favor, háganos saber si sintió que faltaba algo este curso o si tiene alguna sugerencia sobre cómo podemos mejorarlo. Envianos un correo electrónico a Info at Sm Designer.com y nos pondremos en contacto contigo lo antes posible Realmente agradecemos su aporte y ayuda. Ahora es el momento de que escojas tu siguiente tema y te sumerjas en otro curso de teoría del diseño gráfico. Recuerda, no hay un orden correcto o incorrecto para completar esta serie. Todas las reglas que cubrimos son igualmente importantes y todo está relacionado. Pero lo más importante es entender bien estas reglas y aplicarlas en tus proyectos. Estoy seguro que usarás lo que has aprendido para crear algo increíble, y no puedo esperar a verlo.