Crea una mejor fuente: una guía en profundidad para crear fuentes

1. Avance del curso: Oigan, chicos. Soy Jamie Bartlett, y para esta clase me estoy uniendo con mi esposo y compañero profesor de Skillshare Jake Bartlett, para darte una guía en profundidad sobre cómo crear una fuente profesional. Esto es algo que nos encanta hacer juntos y queríamos compartir nuestro proceso contigo. Empezaré haciéndote pensar en tu propio diseño de fuente. Después, agarraremos nuestro cuaderno de bocetos o tablet y dibujaremos a nuestros personajes, haremos las revisiones, para que todas nuestras letras parezcan cohesivas, luego entraremos en Illustrator para prepararlos para convertirse en una fuente. Una vez que los personajes sean vectores, Jake nos meteremos en la tontería de hacer que tu fuente funcione correctamente con Glyphs Mini. Si no tienes Glyphs Mini no te preocupes, puedes descargar una prueba gratuita de 30 días. Glyphs Mini es una herramienta increíblemente poderosa que hace que el proceso de convertir tus ilustraciones vectoriales en una fuente en funcionamiento sea extremadamente fácil. Jake te mostrará cómo meter a tus personajes en Glyphs correctamente espaciados y kern tu fuente, luego probar y refinar hasta que sea una fuente perfecta lista para usar, vender o compartir con amigos. Para el proyecto de clase, estarás diseñando y construyendo tu propia fuente. Aunque nunca antes hayas diseñado una tipografía, podrás seguir junto con nuestras lecciones, y al final de la clase tendrás una fuente de trabajo. Saltemos y empecemos. No puedo esperar a ver la fuente que creas. 2. Consideraciones relacionadas con el diseño: El modo en que vamos a estar construyendo nuestra fuente es; primero, vamos a decidir qué tipo de fuente vamos a estar haciendo. Entonces una vez que tengamos una buena idea, empezaremos a bosquejar a nuestros personajes. Después pasaremos a refinarlos y dependiendo de si quieres que tu fuente luzca más manual o limpia, entonces tomaremos en el ilustrador, y ya sea la imagen rastrearemos, o bien usaremos la herramienta de lápiz. A continuación, traeremos a Glyphs Mini, que tiene la prueba gratuita de 30 días. Estableceremos el espaciado y el kerning, y conseguirás todo aspecto profesional para que estés listo para exportarlo y venderlo o compartirlo con amigos. Ahora, estamos listos para empezar a pensar en cómo queremos que se vea nuestra fuente. Entonces, cuando pienses en tu fuente, piensa en cómo quieres que se use tu fuente. ¿ Quieres que sea una fuente de display donde se use mejor como titulares en grandes lugares negritos, o quieres que se use más para un párrafo donde sea más fácil de leer a un tamaño de fuente más pequeño? Hay un puñado de diferentes clasificaciones de fuente. Ahí están Serif, Sans-Serif, y Slab-Serif. Hay mucho más, pero sólo nos vamos a apegar a esos ahora mismo. Una fuente Serif es una fuente tiene estos pequeños embellecimientos en los extremos. Parecen pies. Después hay un Sans-Serif, y sans significa sin. Entonces éste no tiene serifs. Entonces la diferencia entre el Serif y el Slab-Serif es justo el tipo de Serif. Ahora, con la fuente Serif, los Serifs fluyen de forma más natural en las letras mientras que, con el Slab-Serif, se parece más a un bloque que acababa de acoplarse en el extremo. Este es mucho más pesado y lo hace más grueso en look casual. Entonces pensemos en qué estilo queremos que sea nuestra fuente. ¿ Queremos que sea audaz, liviano, o incluso cursiva o simplemente puede ser una fuente regular bastante estándar? Después está el ancho. Podríamos hacer algo más condensado, o más ancho, o simplemente otra vez una fuente normal estándar. Tenemos que decidir sobre el aspecto de nuestra fuente. ¿ Quieres que sea más de la fuente estándar de borde limpio o queremos algo con más texturizado que se vea más hecho a mano? Podrás echar un vistazo a otras fuentes para inspirarte y ver qué características de esas fuentes te gustan. Estaré haciendo en fuente de display all-caps, así que solo tengo que hacer mayúsculas, y no tengo que preocuparme por la minúscula en este momento. Para mantener las cosas simples, debes hacer lo mismo para esta clase. Siempre puedes agregar mayúsculas y más caracteres más adelante. También voy a hacer números y puntuaciones limitadas, que incluiré una lista de los que hice para que tengas algo a lo que trabajar y referirte cuando estés dibujando tus personajes. Ya que mi pensamiento es una fuente display, he decidido hacerlo grande y audaz. Una vez que tengas una buena idea de la fuente que quieres hacer, puedes empezar a bosquejar. 3. Cómo hacer el boceto de tu fuente: Voy a estar dibujando aquí en mi iPad Pro y Procreate. Ahora, no tienes que estar haciéndolo en un iPad, puedes igual de fácilmente ir a agarrar un poco de papel y un lápiz y dibujar en eso. Yo elegiría un papel gráfico sólo porque es fácil como estoy dibujando para medir el ancho de las letras y la altura. Eso ayuda mucho a mantener las cosas consistentes. Después de que termine aquí en Procreate, lo voy a llevar a Illustrator y vivir rastrearlo allí. Entonces, si vas a hacer eso también, asegúrate de dibujar tus letras al menos 800 píxeles de ancho para que sea lo suficientemente alta como para conseguir unos buenos bocetos en vivo. El motivo por el que voy a hacer traza en vivo, porque voy a tener algo de textura alrededor de los bordes de mis cartas. Si planeas hacer una fuente más normal, donde la quieres realmente limpia, entonces probablemente vas a estar usando la herramienta de lápiz para que no tengas que preocuparte tanto por lo grande que estás dibujando tus letras. Entonces, ahora que estoy listo para bosquejar, voy a empezar con dibujar una H. La razón por la que voy a empezar con H, es porque es una letra realmente sencilla y algunas de las características de una H me ayudarán a dibujar fácilmente algunas letras más después de eso. Esto es sólo un áspero, seguimos tratando de averiguar cómo queremos que se vea nuestra fuente. Entonces, no tiene por qué ser perfecto, esto es sólo un boceto áspero. Entonces, voy a dibujar el mío. Haré dos cuadrados de espesor. El mío va a ser bastante grueso, recuerda que es una fuente de pantalla. Crossbar, voy a hacer el travesaño que es una H bastante simple pero, eso es lo que voy a buscar. Entonces, ahora que tengo los fundamentos de mi H, sé que mis cartas van a ser alrededor de dos cuadrados gruesos y las partes principales de la misma entonces hice más de una y media plazas o el travesaño para hacerlo un poco más delgado. Entonces, fácilmente puedo saber cómo me va a quedar mi yo con sólo mirar esta porción de la H. Así que dibujaré mi I siguiente. Ese es mi I. Estoy guardando mis cartas realmente geométricas. Entonces, una E también funcionaría para la mía. Entonces, como piensas en las letras en tu fuente, eso también va a tener una fuerte línea vertical aquí. Entonces, el mío eso va a una E pero tal vez tu fuente te en tu E para ser algo más como esto. Eso no va a funcionar para los tuyos. Pero por ahora, voy a dibujar mi E, rápidamente bosquejarlo. Entonces, decidí tener mis líneas horizontales un poco skinner más como un cuadrado y medio. Entonces voy a mantener eso consistente con la H ahí. El motivo por el que estoy haciendo eso es solo para tener alguna variación en mi fuente para que sea un poco más único. Además, cuando estás dibujando fuentes, tu yo naturalmente hace que esas líneas horizontales se vean más gordas. Entonces, si fuera a repartir dos cuadrados, aquí miro eso como E parte de la forma y piensa que esa parte es más gorda de lo que realmente es. Entonces, es una ilusión óptica. Entonces dibujaré la E ahí y F también será fácil de dibujar. De nuevo, esto es realmente rudo. Solo estamos tratando de hackear cómo queremos que se vean los conceptos básicos de nuestra fuente. Podemos hacer muchos ajustes más adelante. Entonces una L será una buena. Hagamos un L rápido y puedes seguir a partir de ahí. Entonces, una vez que obtienes todas las letras que están conformadas formas similares y podrías pasar a algo así como una O. Un O es una buena carta redonda para empezar siguiente porque puedes basar muchas otras letras fuera de la redondez que te decide hacer por esa O. Entonces, para una D, puedes usar la misma forma redonda que decidas para tu O. Lo mismo con una Q y así sucesivamente. Yo quiero que mi O esté bastante cerca de un círculo perfecto. Simplemente dibujo N, un poco más ancho. Otra cosa con las letras que les tienen una parte redondeada, vas a uno ir un poco por debajo la línea base así como un poco por encima de la parte superior de tus letras. Porque de nuevo esa es otra ilusión óptica. Donde si igualas la altura de tu O a la altura de este L aquí, tu O va a lucir mucho más pequeño que tu L. Así que, solo quieres que sea un poco más alto. Entonces, solo empieza con una O así, es un poco gorda así que hagámoslo dentro un poco más delgado. Haremos algo así. Empezaremos con una O así. Eso se ve un poco grande. Eso ajustaremos cuando hagamos nuestras revisiones. Entonces, ahora que tengo la forma de mi O y sé que es más o menos un círculo perfecto o cerca de él, hagamos una D siguiente porque podemos usar las características de la H y la O para hacer el D. Como tenemos la barra vertical aquí y luego tenemos la parte redonda de este O, para hacer un D. Podría simplemente seguir redibujando esa pequeña forma hasta que sienta que es donde la quiero. Para eso es justamente el bosquejo. Nada tiene que ser permanente todavía. A partir de ahí, podemos volver a la O y podemos hacer una Q, podríamos hacer una C, una C sería una fácil. Entonces a partir de aquí, solo quieres construir el resto de tu fuente usando cualquiera de las características que ya determinamos en base a las otras letras. Ahora, hay algunas otras letras que no van a estar tan influenciadas como esta como una S por ejemplo, realmente no vas a poder tomar ninguna parte de estas letras pero aun así quieres que parezca que pertenece a la fuente. Entonces, solo ten eso en cuenta mientras lo estás dibujando y haz que parezca que pertenece a este conjunto de personajes. Entonces, ahora tengo esbozadas la mayoría de mis cartas. Tengo otra capa que tiene todo el resto de ellos, pero aquí sólo quiero señalar algunas cosas. Entonces, dije que mis cartas eran muy geométricas. Pero por eso, todavía no me voy a limitar de crear personajes más únicos. Entonces este R por ejemplo, podría fácilmente haber hecho una pierna inclinada como esa y eso hubiera estado bien no hay nada de malo en eso. Pero en cambio, creé una pierna más única donde me puse un poco más delgada aquí arriba y estaba curvada, y lo mismo para la K de aquí. Entonces, cuando me decidí por la R, también decidí traer esa característica a mi K. Otra cosa cuando creé esta U, simplemente hice una U luego pensé: “Bueno, quiero que mi A se vea así también”. Entonces, básicamente volteé la U boca abajo y agregué un travesaño para mi A y también basé la Y en la U también. Eso puedo usar fácilmente ese Y para darme una P y una R y solo puedes ir desde ahí hasta que tengas todas tus cartas hechas. Todas estas características únicas y la R, y la Y y la A, ayudan a que mi culpa se vea un poco más original en lugar de solo todas estas formas blocky. No pude caber todas mis letras en esta página así que, acabo de hacer otra capa con el resto de la mía. 4. Refinando tus bocetos: Una vez que tengas a todos tus personajes esbozados como los quieres, vamos a volver atrás y empezar a refinarlos. Para mi fuente, seguí adelante e hice de la A a la Z, y luego hice números uno a cero, así como, alguna puntuación. Voy a armar una lista para todos los personajes que hice. De esa forma, puedes referirte de nuevo a eso y hacer tantas como quieras incluir en tu fuente. Si estás dibujando en Procreate, sigue adelante y haz una nueva capa para empezar a refinar tus bocetos. Para mi fuente, dije antes que quería que los bordes tuvieran más de una textura para ellos, así que voy a usar mi juego de bolígrafos espinosos que he hecho. Voy a empezar aquí con la H otra vez. Si estás haciendo esto solo con lápiz sobre papel, siempre puedes usar algún papel de calco y simplemente trazar encima para refinar tus bocetos, o puedes volver a dibujarlos un poco más bonitos en una nueva hoja de papel. Si estás dibujando en papel o digitalmente y estás planeando usar la herramienta de lápiz para crear una fuente realmente limpia, puedes saltarte este siguiente paso por completo porque vas a refinar tu boceto y hacerlo limpio y agradable dentro de Ilustrador con la herramienta pluma. Recuerda que estoy rastreando en directo porque quiero conservar esa textura. Entonces voy a probar mi línea para ver cuánta textura quiero y teniendo en cuenta que estas letras se van a ver mucho más pequeñas cuando realmente usamos esto como fuente. Está bien. Entonces eso parece una buena cantidad de textura ahí en el ribete, y tendremos que probar eso antes de llegar demasiado lejos. Voy a empezar dibujando la H en su conjunto. Procreate tiene esta característica impresionante donde puedes dibujar una línea, congelar en la parte inferior, luego se encaja directamente, y puedes arrastrarla donde quieras. Si tu fuente es recta así, esto puede resultar muy útil para refinarla. Simplemente voy a dibujar rápidamente. Hace que el proceso sea mucho más rápido. Voy a tener mi forma alineada, y rápidamente puede rellenar cada una de esas formas, y ahí está mi H. Ahora, sí tiene estas líneas blancas donde Procreate no pudo llenarla correctamente, pero eso probablemente va a estar bien una vez que traiga a Illustrator y live-trace, así que no me voy a preocupar por eso. Antes de llegar más lejos, necesito llevar mi carta a Illustrator y asegurarme que el live-tracing va a funcionar y mi textura va a aparecer suficiente. 5. Prueba de calco de la imagen: Entonces, traje mi H dentro de Illustrator para probar la función de trazado en vivo para asegurarme de que mi textura se muestre tan bien como quiero que al final. Entonces, voy a subir al rastro de imagen, así y voy a ir aquí a este ícono para obtener el panel de seguimiento de imagen. Entonces tengo todas mis opciones de refinación para ajustar mi rastreo de imágenes para conseguirlo como quiero que sea y hay una opción avanzada, así que solo puedes hacer clic en esa flecha hacia abajo y obtienes aún más. Entonces primero lo primero, voy a decir ignorar el blanco y puedo ver que no hay blanco. Si mantuve eso comprobado, todo el fondo blanco de mi JPEG se va a quedar ahí. Pero, no necesitamos eso. Entonces, la textura no se ve como quiero que se vea. Se ve un poco demasiado falso y antinatural. Entonces, voy a hacer algunos ajustes para ayudarlo. Y mi modo aquí mismo se establece en blanco y negro, porque solo se puede tener un color con una fuente, por lo que no necesitamos escala de grises ni color. Tenemos que estar usando blanco y negro y puedo ajustar mi umbral. Esto hará que más o menos la textura se muestre a través. En realidad quiero estar rechazando la mía. Pero, si lo bajo demasiado lejos puedes ver que esas brechas están empezando a mostrarse a través. Eso no se ve bien. Esos apenas a punto de afinación fina para conseguir lo que te gusta. Está bien. Entonces, tengo mi umbral establecido en 74, entonces voy a empezar a meterme con los caminos. Al subirlo se va a aumentar la cantidad de caminos que aparecen y se puede ver aquí abajo que mi H ahora tiene 221 puntos de anclaje, y a medida que aumente los caminos también va a aumentar la cantidad de punto de anclaje. Queremos estar al tanto de eso, porque cuantos más puntos de anclaje haya, más difícil es que la computadora lea la fuente y va a frenar las cosas. Entonces, trataría de apegarme a menos de 500 puntos de anclaje, pero realmente cuanto más pequeño se pueda conseguir el número y aún buscando como se quiere va a ser mejor. Entonces ahora, voy a ajustar un poco las esquinas y eso hará que esto sea más puntiaguda o más suave con eso abajo un poco. El ruido es para deshacerse de más polvo y cosas así para que eso podría no ser realmente apropiado para rastrear en vivo a nuestros personajes, pero puedes intentarlo y ver qué le hace a tus letras. Voy a aumentar mis caminos sólo un poquito. Entonces, ahora mismo tengo curvas snap a líneas marcadas y si miras aquí mismo lo desmarcaré. Se puede ver cómo suaviza esas líneas y no hace que los puntos vayan rectos así. Entonces, dependiendo del aspecto de tu fuente voy a mantener eso sin control. Sólo para que no sea tan duro, pero tal vez quieras que se ponga eso. Voy a alejar el zoom, suavizar un poco esto y voy a terminar de ajustar y eso se ve como quiero que se vean mis letras finales. Recuerda, esto probablemente se va a mostrar bastante pequeño, así que aunque alejes un poco tu escalera, puedes ver lo pequeña que puede ser y aún ves que los bordes tienen un poco de textura a ella. Esta fuente tiene una textura bastante sutil. Yo solo quería darle un aspecto ligeramente dibujado a mano, un poco más orgánico, pero totalmente puedes ir mucho más en textura si quieres. Simplemente ten en cuenta los puntos de anclaje como lo estás haciendo y una vez que obtienes el rastreo de imagen, cómo lo quieres para tu primera letra y si todo se ve bien entonces estás listo para hacer un preset, que todos los demás trazos de imagen de tu personajes va mucho más rápido. Entonces, para hacer un preset solo vas a subir aquí a esto y administrar los presets, guarda un nuevo preset. Puedes ponerle el nombre que quieras. ya sé que el nombre de mi fuente se llama Milkbox, voy a titularlo eso y si no tienes nombre para tu fuente sólo nombra lo que quieras. Haga clic bien. Entonces puedes subir aquí y ver que bajo el menú preestablecido ahora tienes una opción Milkbox. Entonces, cuando traigas todas tus otras letras en todo lo que necesitas hacer es dar click en Milkbox. Dará a todas tus letras la misma configuración que esta H aquí. Entonces el siguiente paso, solo necesitamos ampliar nuestra H justo aquí en el menú y se deshace de ella como un JPEG y ahora tenemos un vector H listo para ir. Ahora bien, si no estás contento con la forma en que se trazó tu imagen de carta, entonces tal vez quieras volver a procreate o volver a tu pedazo de papel y dibujarlo más grande. Entonces, si lo estás haciendo digitalmente solo puedes tomar tus bocetos, y aumentar el tamaño de eso y luego redibujar sobre ellos para que tus letras sean de mayor calidad. Entonces tus rasgos de imagen también serán de mayor calidad. Y luego una vez que estés contento con la forma en que tus letras se están convirtiendo a vector, puedes terminarlas todas que es lo que voy a seguir adelante y hacer ahora. 6. Trazado con la herramienta del bolígrafo: Entonces, ahora si no vas a imagen traza a tus letras y no quieres ese look dibujado a mano y quieres más el look de fuente limpio perfecto. Te voy a mostrar cómo usar la herramienta de lápiz en Illustrator para hacer eso. Entonces, primero vamos a hacer un nuevo documento y sólo vamos a hacer esos 1,000 píxeles por 1,000 píxeles. Asegúrese de que el modo de color esté configurado en RGB y que la pantalla esté ajustada a 72. Haga clic en crear, y ahora voy a traer mis bocetos. Entonces, deja esto a un lado por ahora y empezaremos con la H igual que lo hice cuando la dibujé. Pero antes de hacer eso, voy a hacer una nueva capa, bajando a la paleta de mi capa y haciendo clic en este icono y puedo bloquear estas capas por ahora solo para no tener que preocuparme de que se muevan. Ya que mi H es solo rectángulos, voy a usar la herramienta de rectángulo y hacer mi forma, asegurarme de que esté lleno de negro y sin trazo y voy a cambiar a mi opción de retención de herramienta de selección en el teclado hasta que llegue estas dos flechas pequeñas y eso significa que va a duplicar esa forma. Voy a hacer clic y arrastrar y luego mantener presionado turno para conseguir en el mismo posicionamiento exacto. Pon eso donde lo quiera y luego haremos un rectángulo más. Simple como eso. Y una cosa que quiero señalar es que aquí arriba lo tengo configurado en una cuadrícula de píxeles de line art, que solo significa que todos mis puntos de anclaje están alineados a píxeles exactos y eso es realmente importante cuando estás haciendo una fuente limpia como esta. Entonces, asegúrate de que eso esté encendido y antes de pasar mi siguiente letra quiero hacer una cosa más con esta fuente. Voy a redondear ligeramente los bordes. Puedes hacer esto haciendo clic en estos círculos y arrastrándolo para llegar lo más redondo que quieras o simplemente puedes hacer doble clic en él y poner un número de píxel exacto aquí. Entonces, diremos 10 y nos vemos a las 10 parece. A lo mejor eso es un poco demasiado. Más como ocho y voy a mantener todo mi redondeo consistente así solo puedo seguir aquí y teclear ocho y lo hace por todas las esquinas y si estás contento con esa H puedes pasar a más personajes basados en esos componentes . Entonces, puedo hacer lo mismo, opción de mantener, click y arrastrar y tengo mi I. Entonces, seguir haciendo eso con todas tus letras y estamos haciendo la H y la O primero igual que cuando las hacemos porque ahora podemos basar mucho otras letras fuera de esas formas. Entonces, es último dibujo que tenemos que hacer ya que sé que quiero que mi O sea casi un círculo perfecto. Solo puedo agarrar mi herramienta elipse por aquí, tener una idea de dónde está el centro. Mantenga la opción de turno, sin escala desde el centro. Acércate. Sólo voy a hacer mi forma de círculo en un trazo cambiando el trazo de película por ahora para poder ver el interior de mi círculo, asegurarme de que esté alineado. Ahora voy a copiar y pegar en su lugar así que tengo otro círculo para el círculo interior. Entonces, para hacer eso solo mantén el comando C o copia y comando shift V para pegar en su lugar y luego arrastra eso al medio luego cambio ambos de vuelta a rellenos y éste vamos a necesitar usar la herramienta Pathfinder en, Tengo el mío abierto pero si no tienes el tuyo abierto solo puedes subir a Window y Pathfinder y solo puedes pulsar el botón menos y eso pondrá un círculo dentro del otro círculo. Ahora te voy a mostrar una más, vamos a hacer la U y voy a usar la herramienta de pluma para este. Entonces, puedes ir por aquí, conseguir tu herramienta de bolígrafo y yo voy a poner en marcha aquí la izquierda y sólo me voy a centrar en hacer el lado izquierdo de la U. Entonces, que pueda usar el lado izquierdo y simplemente reflejarlo. Empezará por la parte superior y esto es recto hasta aquí. Haga clic y arrastre ese mango hacia abajo sólo un poco mientras mantiene turno para mantener ese mango agradable y recto. Entonces adivinaré dónde estará este medio. Ahora haga clic y mantenga presionado el turno arrastrar hacia fuera. Yo quiero asegurarme de que ese mango izquierdo no pase ese punto porque si lo jalo más allá empieza a meterse un poco de torcedura en él y tú no quieres eso. Asegurémonos de mantenerlo dentro ese espacio y volveremos atrás y ajustaremos esto una vez que tengamos todo este descanso que has hecho. Entonces, entonces este mango hará que todo esto sea onky así que, necesito tirar de este mango de nuevo dentro sosteniendo la opción en el teclado y tirando de eso de nuevo para hacerlo recto y luego solo puedo mantener el turno e ir recto desde ahí y me voy a alinear donde está este punto y otra vez no quiero que ese mango inferior pase más allá de ese punto de anclaje inferior, ahí mismo. Después subirá a la parte superior y lo conectará. Entonces, ahora solo necesito hacer un poco de ajuste pero primero voy a cambiar mi relleno y trazo solo para que sea un poco más fácil de ver. Voy a cambiar a mi herramienta de selección directa como en este punto y este mango aquí necesita ser arrastrado hacia abajo. Entonces, ahora solo necesito ajustar un poco mis puntos de anclaje y luego meterme con mis asas hasta que esté contento con la forma de mi U. Vale, y luego voy a cambiar a mi modo de esquema solo para poder mirar el camino y ver si estoy contentos con ello. Eso se ve bastante bien, realmente no veo ninguna torcedura en ella pero estos dos top no están alineados así que voy a seleccionar ambos y simplemente alinearlos a la parte superior. Una vez que estoy contento con el lado izquierdo de la U puedo seleccionarlo. Sólo voy a copiar y pegar delante presionando comando C para copiar y comando F para pegar delante de ellos y o hacer clic derecho sobre él y decir transformar. Eso vamos a reflexionar en el eje vertical. Mira bien, y voy a encender mis guías inteligentes y ese miembro que solo manda U. esa manera se partieron entre sí. Entonces, ahora que están en la posición correcta necesito deshacerme de estas dos líneas cambiando a mi herramienta de selección directa. Seleccionando esas dos líneas, presionando borrar en el teclado entonces voy a hacer una selección directa alrededor de estos dos puntos de anclaje. Mover al objeto, ruta promedio, asegúrese de que ambos estén seleccionados. Da clic bien y ahora están justo encima el uno del otro para que pueda presionar comando J para unirme y hacer lo mismo por estos dos de abajo. Promedio de trayectoria de objeto y, a continuación, pulse el comando J para unirse. Recuerda dar la vuelta a toda tu esquina para que todo sea consistente entonces una vez que tengas todas tus cartas hechas, podrás pasar al siguiente video. 7. Calcar con la función calco de imagen: De acuerdo, entonces ahora tenemos a todos nuestros personajes refinados y listos para traer a Illustrator. Entonces vamos a crear un nuevo documento, vamos a hacerlo mil píxeles por mil píxeles, asegurarnos de que nuestro modo de color esté configurado en RGB 72 DPI, y diremos crear. Ahora, necesito colocar a mis personajes dentro de Illustrator, y empezaré con el primer conjunto de letras y vamos a ir a elegir nuestro preajuste que hicimos. Ahora, tu preset podría verse ligeramente diferente en este conjunto de letras de lo que hizo en el gesto H porque está haciendo todos los personajes a la vez. Entonces, si sí se ve diferente y quieres hacer algunos pequeños ajustes, siéntete libre de bajar tu umbral, eso ayudará a traer algo más de textura y además aumentar los caminos es uno bueno. Pero el preset es un buen punto de partida. Voy a alejarme para ver qué parece eso más pequeño, eso se ve bastante bien. Déjame simplemente tratar de rechazarlo un poco más, y eso se ve bastante bien para mis personajes. Entonces, una vez que estés contento con él, solo asegúrate de hacer el otro antes de ampliarlo. Usaremos nuestro preset por aquí, y luego solo recordaremos nuestros números. Tenemos 92, 90, estas fueron las únicas dos cosas que hemos cambiado. Cambiaremos eso a 92 y 90. Verifica dos veces esos, asegúrate de que estamos contentos con eso. A mí me queda bastante bien, y ahora podemos expandir ambos. Si quieres comprobar el punto de anclaje contar con alguno de tus personajes, simplemente sube aquí y selecciona la herramienta de selección directa, selecciona tu letra, y luego sube a objeto, ruta, simplifica, y luego haz clic en vista previa aquí y nos mostrará que cuenta con 259 puntos. Entonces eso se ve bastante bien, pero en realidad no queremos simplificarlo así que solo haremos clic en cancelar. Debido a que la A está en el rango correcto de los puntos de anclaje que queremos, podemos estar bastante seguros de que todo lo demás va a estar cerca de ella. 8. Cómo situar y escalar: Ahora, que tenemos toda nuestra fuente rastreada en vivo, necesitamos empezar a configurar nuestro documento para que se traduzca mejor dentro de Glyphs. En primer lugar, voy a ir a Glyphs Mini, y te mostraré algunos de los ajustes predeterminados que tienen. La altura de la tapa se establece automáticamente en 700, que es el tamaño de una letra mayúscula. Entonces, tenemos x-height del cual no tenemos que preocuparnos realmente ahora porque solo estamos haciendo fuentes mayúsculas, pero lo configuraremos solo para que sepas cómo hacerlo Si quieres usar eso para futuras fuentes. Entonces, tenemos un ascendente como 800, que ninguna de mis letras tiene ascendentes. Eso sólo significa que va por encima de la altura del gorro. Descendientes, va por debajo de la línea de base. Creo que la Q es la única en la mía que tiene un descendiente, y luego tenemos algunos otros ajustes de los que no tenemos que preocuparnos. Todos estos valores están en relación con la línea de base que es donde las letras se sientan encima. Ahora, las unidades en Glifos no son exactamente como son en Illustrator. Cuando estás construyendo una fuente, se basa en el tamaño de una M. Glyphs mayúscula la tiene establecida en 1,000 unidades, lo que significa que 1,000 unidades conforman una Em. Si estás escribiendo una fuente, el Em está ajustado a cualquier tamaño de fuente que la estés escribiendo. Entonces, si tu fuente está establecida en 72 puntos, entonces una Em equivale a 72. Entonces, ya que Glyph usa 1,000 unidades en un Em, por eso configuramos nuestra Mesa de Trabajo e Illustrator para que sean 1,000 píxeles, que cada píxel se traduzca en una unidad. Entonces, ahora que tenemos esa configuración, necesitamos configurar nuestras mayúsculas para que sean la altura de tope de 700 para que coincida con lo que es en Glifos. Todo esto es solo para que transferir tu obra de arte a Glifos sea más fácil. Entonces, la altura del gorro es de 700. Volvamos a Illustrator, y ahora necesitamos cambiar el tamaño de nuestras letras. Entonces, primero, agreguemos algunas guías. Nosotros, sólo tienes que ir a Ver, abajo a Rulers, Mostrar reglas o puedes pulsar Comando R en tu teclado. Asegúrate de que estén configurados en píxeles haciendo clic con el botón derecho en tu Regla y seleccionando Pixeles, y luego simplemente haz clic en tu Regla y arrástrala hacia abajo. No importa dónde lo pongas porque fácilmente podemos subir aquí y escribir ese punto exacto en píxeles donde queremos que esté en la Mesa de Trabajo. Por lo tanto, si tus guías están bloqueadas y no puedes simplemente hacer clic y moverte, sube a Ver, Guías, y asegúrate de que Lock Guides esté desmarcada. Entonces si volvemos a Glifos, podemos ver que el descendiente está ajustado a 200 negativo. Entonces, eso significa que nuestra línea base necesita subir 200 píxeles desde el fondo de nuestra Mesa de trabajo. Entonces, nuestra Mesa de Trabajo tiene 1,000 píxeles de altura, por lo que necesitamos bajar 800 píxeles desde arriba, porque mide desde arriba. Entonces, solo podemos teclear 800 en el eje y, y eso moverá esa guía justo a donde debe estar nuestra línea de base. Entonces, a partir de aquí, son 200 píxeles para nuestro descendiente. Entonces, ahora tenemos nuestra línea de base. Entonces, necesitamos establecer la altura de nuestra gorra. Vamos a seguir adelante y agarrar otra guía. Entonces, ahora que tenemos una línea de base configurada, podemos reajustar a nuestros gobernantes, por lo que mide todo basado en este punto en lugar de la parte superior de nuestra Mesa de Trabajo. Entonces, ahora este punto se establece en cero. Se puede ver que el área entre estas dos guías es de casi 700. Casi pongo eso ahí mismo. Entonces, voy a seleccionar esta guía y se puede ver que está ajustado en negativo 703, pero necesita ser negativo 700 porque eso será negativo 700 pixeles de esta línea base. Cambia ese tres a cero, y ahí lo tenemos. Entonces, esto es 700 para nuestra altura gorra, ahora tenemos ascendente y descendiente. Si sí tienes una altura x, asegúrate de establecer eso. Podemos volver en los Glifos, y ese set en 500 o puede ser cualquiera que sea tu altura x para tu carta, porque eso podría no ser lo mismo. Todos estos números en Glifos solo están configurados en el valor predeterminado. Entonces, puedes cambiarlos si quieres, pero si esta es tu primera fuente, solo les dejaría cómo están y basaría tu fuente fuera de los valores predeterminados. Entonces, ahora voy a bloquear a mis guías yendo a Ver, Guías, Guías de bloqueo, para que así no las muevan accidentalmente. Entonces, necesito seleccionar todas mis letras presionando Comando A en el teclado. Entonces, voy a mover mi H ya que estoy basando la altura fuera de mi H, centros. No ascendientes ni descendientes ni nada por el estilo en esta carta. Voy a poner en la parte superior de la altura de mi gorra, asegurarme de que esté lo más cerca que pueda. Ahora bien, si tu fuente es suave y limpia, asegúrate de que esté bien en esa guía. Pero si tus cartas tienen texturas como las mías, solo hazlo lo lo más cerca posible de esa guía. Entonces, agarraremos mi herramienta de báscula, pondremos ahí mismo en esa esquina. Se puede ver la cosa morada que viene mientras estoy moviendo esto. Eso es sólo decir que tengo habilitadas mis guías inteligentes lo cual es realmente útil. Si no tienes eso habilitado, solo tienes que pulsar Comando U en el teclado. Entonces, ahora que tengo mis puntos de anclaje establecidos con mi herramienta de escala, solo seguiré adelante y mantendré pulsada la tecla Mayús y la escala hacia abajo, para que mi H se sienta justo encima de esa línea base. Ya que los escala todos a la vez, todos deben ser de la misma altura de gorra respecto a la H. Si miras por aquí a mi A, puedes ver cómo va ligeramente por encima de esa altura de gorra, y eso es porque es un top redondeado y quiero que top para ir ligeramente por encima, para que no parezca demasiado pequeño y no pertenezca con el mismo tamaño que las otras fuentes. Entonces, ahora necesitamos desagrupar todas las letras y ponerlas en el lugar correcto en la Mesa de Trabajo. Entonces, con todas mis letras seleccionadas todavía, voy a presionar Command Shift G en el teclado, y eso debería desagrupar todo. Asegúrate de que todo e incluso todas mis cosas por aquí. Ahí está esta pequeña marca por aquí que pasó, así que voy a borrar eso. Vuelve a seleccionar todas mis cartas. Entonces, voy a dar clic en mi H, y eso va a alinear todas mis letras a la H, y eso se llama Alinear a Objeto Clave. Presionaremos el Alinear al Centro. También harán un Alinear verticalmente. Ahora, todo está emparejado vertical y horizontalmente centrado en ese H. Entonces, voy a subir aquí a este ícono y cambiarlo a Alinear a Mesa de Trabajo. Voy a hacer el centro horizontalmente y ahora está justo donde debería estar. A continuación, vamos a poner cada una de estas letras en sus propias capas. Entonces, vamos a ir por aquí para agregar a nuestra paleta de capas. Da click en este botón de menú y vamos a decir Secuencia de liberación a capas. Eso sólo pone todo en su propia capa, y estos dos en blanco en la parte superior son en realidad nuestras guías. Vamos a seleccionar todas esas capas, y luego sólo las vamos a traer fuera de la capa uno, y luego podemos eliminar la capa uno aquí abajo. No necesitamos eso. Ahora, para hacer todo organizado, vamos a pasar por y simplemente renombrar todas estas capas con la letra que sean. Entonces, voy a hacer, así que sólo V, Z, C y demás. Entonces, vamos a combinar estas dos capas guía. Entonces, voy a soltar ese aire hacia abajo y llevar esa guía a la capa dos. Podemos eliminar la capa tres y simplemente cambiemos el nombre de estas guías, y luego bloquearemos eso, para asegurarnos de que no se mueva. Ahora, vamos a pasar rápidamente y asegurarnos de que todas nuestras letras sean del tamaño y posicionamiento correctos que queremos que sean. Entonces, solo voy a apagar todas mis capas. Empieza con la V. Se puede ver que este V es un poco pequeño, y esto es todo sólo porque dibujé esto a mano, así que no va a ser perfecto. Entonces, realmente no se puede hacer 700 exactamente ya que tiene textura en el borde. Yo sólo lo voy a hacer de ojo. Entonces, con el fin de escalarlo desde el centro, necesito mantener presionado Option Shift, y luego lo arrastrará arriba e abajo, eso se ve bastante bien. Siempre se puede hacer más ajustes a la letra una vez estuvieron en los Glifos, si no se ve bien una vez que empieza a mecanografiarse y combinarse con otras letras. Pero queremos hacer todo lo que podamos antes de tiempo antes de saltar a Glifos. Ahora, la C tiene unos 700 píxeles de altura pero está redondeada en la parte superior e inferior. Entonces, queremos que en realidad sea un poco más alto que 700. Entonces, hagamos eso y solo sigamos revisando todas tus fuentes hasta que estés contento con ello. Voy a saltar a la Q para mostrarte una con descendiente. Entonces, mi Q, toda la letra está centrada dentro de los 700 píxeles, pero tiene un descendiente. Entonces, sólo vamos a querer empujar eso a alrededor de ahí. Digamos quiero un poquito aquí arriba, pero luego también quiero un poquito bajando al fondo. Entonces, voy a agrandar un poco esto y luego volverlo a empujar hacia abajo, aproximadamente así. Comparemos eso con el C. Voy a presionar Comando Y en el teclado y eso me mostrará los contornos de ambas letras, para que pueda ver un poco más claro lo que estoy haciendo. Entonces, la C está ahí arriba. En realidad, se ve bastante bien. Entonces pulsa Comando Y otra vez, y ésta resulta ser la única letra en mi fuente que tiene un descendiente. Tan solo ten en cuenta que el tuyo podría tener más, y así solo ajustarlos apropiadamente. Ahora, todas mis letras son del tamaño correcto y en la posición correcta. Entonces, podemos traerlos a Gylphs. Entonces, si ya lo tienes, ve a glyphsapp.com y descarga la prueba gratuita de 30 días de Glyphs Mini. Ahora, Jake va a hacerse cargo y enseñarte todo lo que necesitas saber sobre Glyphs Mini y conseguir que tu fuente esté lista para usar. 9. De Illustrator a Glyphs Mini: Oye, este es Jake, y te voy a mostrar cómo mover tus personajes vectorizados a Glyphs Mini, y en realidad convertir esto en una fuente que puedas usar. He ido adelante, y he reorganizado todas mis capas, así que están en orden alfabético, solo para que me sea más fácil saltar entre los diferentes personajes. Pero, lo primero que tenemos que hacer para preparar este documento para ser transferido a Glifos es hacer un poco de reposicionamiento. Si apago todas mis capas excepto la A, y solo selecciono eso, cópielo, Comando-C, entra en Glifos, y por cierto estoy cambiando entre programas presionando Comando-Tab. Esa es una manera fácil de saltar de ida y vuelta. Cerraré mi información de fuente, y luego haga doble clic en esta letra A. Esta A que estás viendo en segundo plano es puramente una guía. Pero, estas líneas que estás viendo son directamente correspondientes a las guías que configuramos en Illustrator. Entonces, esta es la guía de línea base. Esta es la altura x, que de nuevo no necesitamos realmente preocuparnos en esta fuente mayúscula. Esta es la altura de la tapa, el centro A y el centro D. Esto corresponde directamente a lo que tenemos aquí, así que pensarías que con esto copiado, si lo pego debería alinearse bastante perfectamente. Bueno, veamos qué pasa cuando pego. El A va mucho por aquí, y simplemente parece que lo coloqué al azar hacia abajo en esta esquina inferior derecha. Bueno, la razón de esto es porque Glifos mide desde un punto de origen específico de la línea base, esta esquina inferior izquierda. Este punto aquí mismo. Entonces, esto es cero, cero en las coordenadas x e y, pero en Illustrator, esas coordenadas se basan en dónde está posicionada tu mesa de trabajo. Entonces, al igual que puedes tener objetos colocados dentro de una mesa de trabajo, tu mesa de trabajo se puede colocar dentro de tu lienzo. Necesito venir aquí a este límite aquí, la herramienta de mesa de trabajo, y hacer clic en ella, y luego echar un vistazo a estos valores aquí arriba. En primer lugar, estamos midiendo la distancia desde el punto de referencia del centro de nuestra mesa de trabajo. Voy a mover esto a la esquina superior izquierda, que nuestros valores x e y estén leyendo cero, cero. Esto nos está diciendo que el punto de referencia de la esquina superior izquierda es lo que Illustrator lee como cero, cero. Pero, recuerda que la línea base es el punto de origen cero para Glifos. Tenemos que dar cuenta de eso en el posicionamiento de nuestra mesa de trabajo. Afortunadamente, esto es bastante sencillo de hacer. Tan solo asegúrate de que este botón de aquí esté comprobado. Mueve slash copy artwork con mesa de trabajo, esa manera si movemos nuestra mesa de trabajo, el arte se va a mover con ella. Entonces, me aseguraré de que todas mis capas estén encendidas, y luego simplemente quiero mover mi mesa de trabajo hacia arriba junto con todas las ilustraciones que contiene. La misma distancia que mi centro A desde la línea de base, que de nuevo es 800. Simplemente voy a subir a mi Y, y simplemente mover mi mesa de trabajo, y toda la obra de arte dentro de ella a la misma distancia que la altura central A, que es de 800 píxeles. Simplemente voy a llegar a mi valor Y, y escribir negativo 800 para moverlo negativo ochocientos píxeles hacia arriba, y luego voy a seleccionar mis guías, que si no puedes seleccionar tus guías solo asegúrate de que tu capa de métricas esté desbloqueada, y Ver, Guías, Guías de bloqueo no está marcada. Con los seleccionados, voy a ir a mi posición Y, y restar 800 píxeles de eso también. Ahora, todas mis guías, todas mis ilustraciones, y la mesa de trabajo se han movido hacia arriba, modo que la línea base se corresponde correctamente a la línea base dentro de Glifos. Con eso reposicionado, voy a seleccionar mi A, copiar una vez más, borrar las partes que tengo dentro de los Glifos, y luego pegar. Ahí lo tienes. Ahora, en el eje y, esto está perfectamente alineado. Ahora bien, no está alineado en el eje x, pero eso en realidad es algo de lo que no necesitamos preocuparnos aún. Hay una solución muy fácil para eso que podemos hacer todo a vez después de que todos nuestros personajes estén dentro de Glyphs. Ahora, en realidad voy a deshacer una vez más, justo antes de pegar eso, y volver a mi información de fuente. Hay un último ajuste que debes tener en cuenta, y ese es este espaciado de cuadrícula justo aquí abajo. Por defecto, se establece en uno a uno. Con el espaciado de cuadrícula establecido uno a uno, todos los valores de coordenadas de tus trayectos se van a redondear al número entero más cercano, que quizás quieras. Recuerda, si estás diseñando una fuente muy precisa, una fuente limpia con la herramienta de lápiz, tenías configurada tu arte de alineación a cuadrículas de píxeles dentro de Illustrator. Eso significa que todos los puntos de anclaje de tus caminos están ajustados a valores de píxel enteros, pero en el caso de una fuente texturizada algo que parece más hecho a mano, probablemente no vas a querer que ocurra ese redondeo. Se desea poder conservar cualquiera de los que están entre valores, para que se conserve el look hecho a mano de su fuente. Para asegurarnos de que eso sucede cuando transferimos a todos nuestros personajes, cambia el espaciado de la cuadrícula de uno a cero, y luego tus puntos de anclaje no se redondearán cuando los pegues. Cerraré eso, pegaré una vez más, y puedo estar seguro de que eso está correctamente posicionado, con todos mis puntos de anclaje exactamente como estaban en Illustrator. Ahora, solo necesito repetir este proceso para cada personaje que tengo dentro de Illustrator. Pero, antes de hacer eso, quiero asegurarme de no perder nada de mi trabajo, así que necesito guardar esto. Volvamos a saltar a la info, y nombremos nuestra fuente. Aquí arriba tenemos nueva fuente. Voy a renombrarlo Milkbox. Ahora bien, este regular es lo que se refiere a la versión de la fuente en la que estás trabajando. Las fuentes suelen tener cosas regulares, audaces , ligeras, cursiva, así. Pero, Jamie se puso creativo con el nombramiento de esta fuente en particular, y vamos a llamar la versión texturizada Organic. Puedes rellenar toda esta información ahora o más tarde, pero puedes poner en diseñador, tu sitio web, el número de versión, copyright, todas esas cosas justo abajo en estos campos. Voy a dejarlo todo en blanco por ahora, y guardar, Command-S, y voy a poner el mío justo en el escritorio. Ahora, eso está guardado, puedo seguir pegando en todos mis otros personajes. Desafortunadamente, no se puede hacer todo esto de una vez, así que sólo voy a hacer esto uno por uno muy rápido. Basta con apuntar mi siguiente letra B, copiar, hacer doble clic en B, y pegar. Selecciona C, entra en C, y pega, y voy a hacer esto para toda la fuente. Está bien, ahí vamos. He copiado de A a Z en Glyphs, y lo que es impresionante de Glyphs es que si hago doble clic en esta letra, y luego presiono la tecla T, eso cambia a ser tipo, y de inmediato puedo empezar a escribir algo fuera. Podría decir hola, y obtengo una vista previa inmediata de cómo está funcionando esta fuente. Aquí abajo, puedes acercar y alejar. Pero, algo a tener en cuenta es que yo estaba sosteniendo Shift todo el tiempo porque si fuera a escribir en EU aquí mismo sin sostener Shift, entonces obtengo una E minúscula, porque no tengo ningún camino en mis Glifos minúsculas. Si estás tratando de escribir algo, y te estás preguntando por qué en el mundo no se muestra correctamente, por eso. Tu fuente distingue entre mayúsculas y minúsculas. El siguiente paso es asegurarnos de que todos nuestros caminos estén limpiados, y Glyphs tiene algunos comandos realmente geniales para automatizar esto. Yo sólo voy a cerrar esta ficha hacia fuera. Entonces, haz una selección de todos mis personajes dentro de aquí. Entonces, va a seleccionar A mantenga pulsada Mayús, y haga clic en Z. Lo primero que quiero hacer es llegar a Glifo, y decir Añadir Extremos aquí abajo. Está bien si no sabes lo que eso significa, pero adelante y hazlo. Entonces, vamos a llegar a Glifo una vez más, y decir Dirección Correcta de Ruta. Entonces, vuelve a subir a Glifo, y di Ordenar caminos, y luego finalmente llegar a Glifo, y decir Eliminar superposición. Esos cuatro comandos se asegurarán de que todos tus caminos estén configurados correctamente para que funcionen bien como fuente. 10. Grupos de espaciado: Está bien. Entonces, solo voy a escribir rápidamente el alfabeto y claramente esta fuente no está muy bien alineada. Si entro en alguno de estos personajes como el I, haré doble clic en él y luego doble clic en él una vez más para editar las rutas. Presionaré Comando-0 para acercar para encajar, así puedo ver este camino bonito y cerrar. Se puede ver que estos caminos se desplazan hacia el borde derecho de nuestra caja delimitadora. Se puede pensar en este cuadro como la mesa de trabajo para su carta. Todo este espacio extra en el lado izquierdo de mi voy a ser visto contra una letra que está mecanografiada junto a. Entonces, tenemos esta enorme brecha entre el I y el H, y luego el G y el H se están corriendo justo entre sí. Voy a acercarme aquí manteniendo presionada Opción y desplazándome, y en realidad puedo editar los caminos directamente aquí. Entonces, puedes escribir cualquier texto que quieras y luego simplemente haz doble clic en las letras para ver el modo de edición. Entonces, haciendo doble clic en la G, claramente está a la derecha, y la H, misma cosa. Lo mismo aquí abajo para la W, la V, la X, todo está espaciado incorrectamente, y eso es solo por la forma en que lo pegamos. Recuerda que la alineación Y era correcta, pero la alineación X izquierda y derecha no lo era. Pero, como dije, podemos solucionar este problema muy rápidamente dentro de Glifos. Entonces, déjame volver a mi pestaña Fuente y hacer una selección de todos mis personajes. Entonces, voy a dar click en A, Shift-Click en Z, y luego echar un vistazo a este pequeño panel de aquí abajo. Esto es algo que estaremos usando mucho dentro de Glyphs. Tenemos todos estos valores encanecidos que dicen valores múltiples. En realidad sólo voy a anular la selección realmente rápido, seleccionar sólo A, y aquí tenemos números. Estos números son el rodamiento del lado izquierdo y el del lado derecho, y luego el ancho del carácter real. rodamiento lateral izquierdo y derecho es literalmente el espaciado a cada lado del personaje y se basa en el punto más ancho del personaje. Entonces, el rodamiento lateral izquierdo en la A es la distancia entre este punto y el punto más ancho en el borde izquierdo de la A. Podemos ver estos valores aquí abajo así como dentro del modo de edición. Entonces, 231 en el lado izquierdo rodamiento y negativo 169 en el lado derecho. Entonces, el rodamiento lateral derecho es negativo 169 píxeles desde el borde derecho. Para arreglar esto, solo quiero poner un espaciado igual en cada uno de estos rodamientos. Entonces, voy a hacer clic en este número y luego hacer doble clic para editar todo el asunto, y escribir digamos, 60 y luego presionar Enter. Eso va a poner un valor de 60 entre el borde izquierdo de la A y el cojinete lateral izquierdo real. Entonces, haré lo mismo por este lado. Haga doble clic en él, en realidad triple-click en él para asegurarme que también obtengo ese signo negativo, y escriba 60, presione Enter, y ahora puedo saber que esa letra está perfectamente centrada dentro de sus cojinetes laterales izquierdo y derecho. Echamos un vistazo a la A, ahora está muy lejos por aquí porque la B se empuja tan lejos a la derecha. Pero, ahora la A está posicionada correctamente. Ahora, ese número 60 era algo arbitrario. Acabo de escoger un número que pensé que podría funcionar para la distancia de cada lado. Podemos ajustar esto más adelante con mucha facilidad. Pero, ahora que entiendes cómo funciona eso, voy a volver a seleccionar todo. Shift-Click para hacer mi selección, y luego donde dice múltiples valores en el rodamiento lateral izquierdo, voy a dar clic y escribir 60, presione Entrar. Ves todas mis letras acaban de desplazar hacia la izquierda, y luego iré al cojinete lateral derecho y teclear 60, presionar Enter, y todas ellas se desplazaron una vez más. Pero, ahora si echamos un vistazo al alfabeto, todo está espaciado mucho mejor. No es perfecto, pero ahora no tenemos cartas superpuestas. Hay igual distancia entre los anchos extremos de todos estos personajes. Estos valores de rodamientos del lado izquierdo y derecho se llaman espaciado, y conseguir el espaciado correcto es el primer paso para hacer que su fuente sea utilizable. Después de que el espaciado se establezca lo mejor que podamos, entonces pasaremos al kerning. Kerning es el espaciado entre dos caracteres específicos. Sólo se aplica cuando esos dos personajes están justo al lado del otro. De manera más específica, cuando los bordes específicos de esos personajes están uno al lado del otro. El espaciado por otro lado es los márgenes generales a cada lado de un personaje, independientemente de su relación con cualquier otro personaje. Entonces, primero nos vamos a centrar en el espaciado y luego pasar a arreglar cualquier problema que aún exista a través del kerning. Pero, antes de ir más allá, otra cosa que quiero señalar es, si selecciono solo un personaje. Recuerda este valor aquí abajo era el ancho del personaje, pero en realidad no es el ancho de los caminos, es la distancia entre tus cojinetes laterales izquierdo y derecho. A menos que estés haciendo una fuente donde cada carácter vaya a tener exactamente el mismo ancho, estos números van a ser diferentes entre caracteres. En la mayoría de los casos, es el espaciado entre caracteres lo que será similar o incluso idéntico. Entonces, no te preocupes si el ancho de algunos de tus personajes es mucho más ancho. Por ejemplo, el W es 864, y el I sólo es 323. Pero, eso tiene sentido porque 60 píxeles a cada lado del I van a ser mucho más delgados que 60 píxeles a cada lado de la W. Entonces, ¿cómo sabemos si tenemos un buen espaciado configurado para nuestra fuente. Bueno, básicamente tienes que mirar tu fuente como un todo y en diferentes combinaciones de letras para medir visualmente cómo se están espaciando uno al lado del otro. Entonces, por ejemplo, entre la H y la I, puedo decir que esa es una brecha bastante buena. Si yo sólo mirara la palabra HI, eso es bastante legible. Si me alejo realmente lejos, todavía puedo decir la diferencia entre la H y la I, no hay problema. Acerco bien y me acerco, esa brecha no se ve demasiado grande. Entonces, mi estimación de 60 en realidad probablemente va a funcionar bien para personajes que tienen bordes planos. No obstante, si echamos un vistazo a este B, C, D. Parece que hay una brecha mucho mayor entre el C y el B, y el C y el D, que el H y el I. Eso vuelve a la ilusión óptica de que Jamie estaba hablando sobre cuando estás dibujando a tus personajes. Al igual que los personajes que tienen tapas y fondos redondos necesitan ser empujados un poco más allá de la altura del tope y por debajo de la línea base, caracteres con bordes redondos, izquierdo y derecho, necesitan estar espaciados menos que los caracteres con rectos, bordes izquierdo y derecho. Entonces, por ejemplo, este O probablemente necesite tener menos distancias de rodamiento del lado izquierdo y derecho. Entonces, voy a bajar mi 60 a 40 a cada lado de la O ya que es bastante simétrico, y sólo por mirar eso con mi yo, se ve mucho mejor. El espaciado entre el O y estos bordes se ve mucho más consistente con el espaciado entre estos dos bordes. Los dos bordes planos. Entonces, podría ir por y encontrar personajes similares como el C, el G y la Q y escribir manualmente ese mismo 40 por 40 para cada personaje y eso funcionaría bien. Pero, otra característica realmente impresionante de Glyphs es que puedes basar tu espaciado en valores de otros personajes. Entonces, como ya he puesto los cojinetes del lado izquierdo y derecho de mi letra O, podría venir a mi letra G, que va a tener los mismos cojinetes del lado izquierdo y derecho y en lugar de escribir un 40 aquí, puedo sólo escribe una O mayúscula, presiona Enter, y luego entre paréntesis vamos a ver ese 40. Haré lo mismo por el lado derecho con capital O, y tengo ese 40 del otro lado también. Entonces, es heredar los cojinetes laterales izquierdo y derecho de ese O. Entonces, puedo entrar a mi vista de fuente completa y encontrar todas las letras a las que quiero aplicar eso. Entonces, primero arrancaré con el rodamiento lateral izquierdo. Entonces, la C y la Q son las únicas otras dos letras que tienen cojinetes laterales izquierdos que serán idénticos a la O. Entonces, seleccione ambas, baje aquí y escriba en mayúscula O y presione Entrar. Ahora bien, la Q podría no tener exactamente lo mismo que la O, pero voy a empezar ahí. Entonces, voy a mantener Q y C seleccionados, seleccionaré mi D. Esto es mantener presionada Comando mientras hace clic para hacer una selección de caracteres específicos y esos tres caracteres son los únicos otros tres que tienen el mismo lado derecho rodamiento. Recuerda que ya hicimos este G. Así que, seleccionaré el rodamiento lateral derecho, presionaré Shift-O, y presionaré Enter, y ahora todos esos caracteres redondeados tendrán un espaciado idéntico basado en lo que he establecido la O. A continuación, voy a hacer lo mismo por todos los personajes que tienen bordes planos y lo voy a basar en el H. Entonces, mi H está ajustado a 60. Creo que eso va a estar bien. Entonces, voy a volver a mi vista de fuentes y encontrar todos los bordes planos izquierdos. Ahora la A no es plana al 100 por ciento del camino, pero creo que va a salir bien. Entonces, A mantenga pulsado Comando, voy a dar clic en B el D, E, F, I, K, L, M es algo igual que el A, N, P, R, W es similar, y voy a tomar una conjetura que la X y la Z van a tener espaciado similar también. Se me olvidó incluir la U, así que sólo voy a Comando-Click eso también. Entonces, en el rodamiento del lado izquierdo, voy a escribir en mayúscula H. Presione Entrar y todos están basados en ese valor ahora. Entonces, deseleccionaré y haré lo mismo por el lado derecho. Entonces, A, E, probablemente F, y estoy diciendo probablemente porque estos son valores que podemos cambiar más adelante. Pero, para darnos un punto de partida, sólo voy a adivinar que el borde derecho de la F va a tener el mismo espaciado que el lado derecho del H. El I, el J, probablemente el K, el M, N, la U, la W, la X, y la Z. Haré todos esos H también. Está bien. Esos son todos los que estoy dispuesto a adivinar. Todos los demás personajes tienen algunas características únicas como la Y es más ancha en la parte superior que en la base. Lo mismo para el T. La S es definitivamente única porque tiene estos bordes redondeados en diferentes lugares. Lo mismo para el R. Entonces, no voy a basar ninguno de esos en otros personajes, pero si volvemos a echar un vistazo a nuestro alfabeto, nos desharemos de los espacios por aquí, el espaciado en realidad no se ha actualizado, acabamos de cambiar la relación de los espaciamientos en base al capital O y al H. mayúscula 11. Características sólidas de Glyphs Mini: Glifos Mini en realidad no es mini en absoluto. Dentro de este programa hay toneladas de herramientas que te permiten hacer fuentes. De hecho, podrías hacer toda tu fuente directamente en Glyphs Mini. Si tuviera que hacer doble clic para decir este D, podría acercar aquí, bonito y cerrar y agarrar la herramienta de lápiz, y empezar a dibujar una letra igual que puedo dentro de Illustrator. existen todo tipo de guías y herramientas Dentro de este programaexisten todo tipo de guías y herramientaspara ayudar a facilitar el proceso de construcción de fuentes. Simplemente estoy mucho más cómodo con la herramienta de bolígrafo dentro de Illustrator y estoy adivinando que probablemente tú también lo estés. Pero eso no significa que no puedas usar algunas de las herramientas de edición vectorial que tiene Glyphs Mini. Entonces, si hubo un problema con uno de tus personajes que notaste después de traerlo, digamos que la O era demasiado pequeña, puedes hacer una selección de todos estos caminos y luego venir a este panel por aquí transformaciones, y escalarla hacia arriba o hacia abajo, eso es lo que son estos botones aquí mismo. Entonces, esto es escalar hacia abajo y escalar hacia arriba, y por defecto, está configurado para escalar en incrementos del 10 por ciento. Debido a que hay un candado pequeño está bloqueado, la escala X e Y se van a vincular entre sí, por lo que estarás escalando desde el punto central. Aquí mismo está el punto de referencia desde el que va a estar escalando, puedes cambiar esto a cualquier punto, pero esto escalará 10 por ciento hacia arriba o hacia abajo tanto en el x como en y desde el centro del Glifo. Entonces, si hago clic en esto un par de veces, ves que se escala hacia arriba, haz clic en él un par de veces hacia abajo se escala hacia abajo, y tal vez eso sea demasiado. Bajaré esto a sólo uno por ciento y ahora podemos reducir esto en incrementos mucho más pequeños. También podría simplemente agarrar estas asas de transformación, mantener el turno, mantener la opción para escalar desde el centro, igual que en Illustrator, voy a deshacer el comando Z, y hay algunos controles básicos de rotación también. De nuevo, has establecido tu ángulo y luego lo rotas a la izquierda o a la derecha, e incluso puedes inclinar personajes. Entonces, esto podría ayudarte a hacer en un cajero conversión de tu fuente. Entonces tenemos un montón de herramientas de alineación al igual que un Illustrator, e incluso algunas de las herramientas Pathfinder. Ahora, porque hicimos un trabajo tan bueno de preparar nuestra fuente dentro de Illustrator, realmente no necesito usar ninguna de estas herramientas. Pero ten en cuenta que están ahí porque un día quizá quieras estar construyendo tu fuente directamente en Glyphs Mini. Hay tantas características de esta app que no vamos a estar cubriendo que son extremadamente útiles para la construcción de fuentes. Hay una gran sección en glyphsapp.com con tutoriales específicamente para la versión mini de Glyphs, además de un gran foro de apoyo, y un manual muy completo para esta app. Entonces, si realmente te interesa aprovechar todas las herramientas a las que tienes acceso en este programa, asegúrate de hacer tu investigación. Mira los tutoriales y lee el manual para conocer lo que puedes hacer con este programa. Otra característica realmente grande de Glyphs Mini es que puedes abrir cualquier fuente existente dentro de ella y ver cómo se construyó. Entonces, voy a abrir uno ahora. Voy a ir al archivo, abrir, y voy a buscar esta fuente que sé que tengo en mi sistema llamado BeBasNeue. Ahora, solo abre la versión negrita, haz clic en abrir, y ahora puedo navegar por toda esta fuente y ver realmente cómo se construye. Ahora se trata de una fuente muy destellada con muchos caracteres especiales, cubre diferentes idiomas y todo tipo de símbolos diferentes, pero puedes reducir tu búsqueda solo yendo a tu categoría. Entonces, podría hacer click en las letras solamente y ver cómo funciona eso, pero eso aún trae todos los personajes especiales. Podría reducirlo aún más y hacer clic en caracteres latinos, o caracteres básicos en los caracteres latinos. Entonces, esto es de la A a la Z en mayúsculas y minúsculas, y se ve que tanto la mayúscula como la minúscula son mayúsculas. Entonces, esta es una fuente all caps. Pero esta es una gran manera de investigar cómo otros diseñadores tipográficos han manejado ciertos personajes. Entonces, si hubiera un trozo de puntuación que no estabas seguro exactamente cómo debería sentarse con relación a la línea de base, podrías mirar una fuente similar a la que estás diseñando y ver cómo lo manejaron. Entonces, entramos a decir el colon, podemos ver que la parte inferior del colon se sienta ahí mismo en la línea base, y en la segunda plaza está a punto de esa altura. Puedes hacerte una idea de lo grande que hacer tus paréntesis y cómo espaciarlos. Entonces, no tengas miedo de aprovechar Glyphs Mini como inspector de otros diseños tipo. 12. Cómo probar tu espaciado: Para probar realmente cómo se está dando forma a este espaciado, necesitamos usar algún texto de muestra de cómo se ven estos diferentes personajes cuando se colocan junto a otros personajes. Entonces, aquí es donde necesitas cargar en algún texto de muestra a glifos mini. Sube a los glifos mini y ve a las preferencias. Después ven a las cuerdas de muestra. Cualquier cosa que pegues dentro de este cuadro de texto estará disponible como cadenas de muestras. Cuando hagas una nueva línea, se pondrá a disposición como una cadena de texto separada. Este es el texto estándar que viene con glifos. Entonces, podría cambiar esto por lo que quiera. Podría incluso borrarlo y basta con hacer clic en estándar y volverá. Entonces, solo voy a seleccionar todo y eliminar por ahora. Entonces haré clic en archivo abierto y en mi escritorio tengo esta cadena de ejemplo espaciado con todos estos caracteres. Este es uno de los archivos de texto de ejemplo que puedes descargar en los archivos adjuntos bajo la pestaña de tu proyecto. Haré clic en “Abrir”, y eso carga la tasa de texto en mis preferencias, cerraré y luego lo cargaré aquí mismo en mis fuentes. Por lo que subiré a editar, seleccionar texto de muestra y solo puedo tener eso seleccionado y hacer clic en “Aceptar”. Se carga eso en para que pueda empezar a comparar estas letras. El motivo por el que cada línea de texto sigue este patrón es para que puedas ver cómo cada carácter tu alfabeto está espaciado en comparación con una O en cada lado del personaje, tanto el rodamiento lateral derecho como el lado izquierdo, así como, cómo dos O's o dos lados redondos se separan entre sí, y cómo dos de ese mismo personaje están espaciados uno al lado del otro. Entonces, con solo mirar esta cadena de texto puedes ver muy rápidamente si hay algún problema de espaciado para caracteres específicos. Por ejemplo, creo que esta C parece que está un poco más alejada de la O, que la O es de sí misma. Eso probablemente porque hay este recorte en la C, por lo que este círculo no se está completando. Eso hace que esta brecha parezca más grande que esta brecha aquí mismo. Yo quiero tratar de hacer eso igual. Entonces, voy a poner mi cursor justo antes la C así tengo eso cargado en mi info aquí abajo. En lugar de tener O para el rodamiento lateral derecho, voy a escribir un número personalizado. Entonces, tal vez voy a probar 30. Eso está un poco más cerca, ya ves que todos los Cs se actualizaron cuando hice eso. Creo que sólo ese poquito podría ser suficiente. No quiero ir demasiado lejos porque si cambiara eso a decir 20, eso podría quedar bien entre la C y la O, pero si pongo una H justo ahí, esa C podría estar un poco demasiado cerca. Entonces, pondré mi C de nuevo a 30 en el rodamiento lateral derecho y llamaré bueno a eso. Ahora bien, es importante tener en cuenta con este conjunto de cuerdas de muestra, no deberías estar modificando los cojinetes laterales derecho e izquierdo del O. Eso ya debería haberse ajustado correctamente en el paso anterior cuando lo configuré todo aquí arriba. En cambio sólo estaban mirando básicamente al primer personaje en la línea. Entonces, esto es A, B, C, D, todo el camino hacia abajo por el alfabeto. Entonces, sólo estamos prestando atención al espaciado de la A no al espaciado de la O. Creo que la A se ve bastante bien entre todos estos. El B, B se ve bien también, ya ajustamos el C, D se ve bastante bien, tanto en el lado izquierdo como en el derecho, esos parecen brechas iguales. E se ve bastante bien, F se ve bien, G se ve bien. H, yo, y muchos de estos personajes recuerdan tienen características muy similares. Entonces, hay una muy buena probabilidad de que vayan a estar bien ya que se basan en personajes que ya hemos configurado. Asegurarse de que tu línea H se vea bien es muy importante ya que basamos mucho del espaciado de caracteres en la H y la O. Si esta línea se ve bastante bien, entonces hay una buena probabilidad de que la mayoría de nuestros otros personajes van a funcionar bastante bien con su espaciado también. Esa línea se ve bien, el yo se ve bien, J me queda bastante bien. Parece que hay una brecha bastante grande entre la K y la O en el lado derecho de la K, pero si miras la K junto a una K donde hay un borde plano, la brecha no parece del todo tan grande. El rodamiento lateral izquierdo se ve bastante bien entre la K y la O. Entonces, este es un caso donde el espaciado no es lo que vamos a querer usar para arreglar este hueco. En cambio, vamos a querer kern estas cartas, pero no vamos a llegar a ese paso todavía. Nuevamente, solo queremos llegar lo más lejos posible con el espaciado antes de pasar a kerning. Lo mismo con la L, la brecha se ve bastante grande entre el lado derecho de la L y el lado izquierdo de la O, pero cuando una L está justo arriba contra un borde plano, la brecha se ve bastante simétrica en comparación con el lado izquierdo de la L. Entonces, No voy a cambiar el espaciado ahí. El M se ve bien, N se ve muy bien, P se ve bastante bien, necesitará algo de kerning, Q se ve muy bien. R es bastante bueno. De verdad puedes hacer esto bastante rápido. Siempre y cuando no haya problemas evidentes con tu espaciado, la fuente debería estar bastante bien configurada. S, T, U, O, luce bien. Definitivamente V va a necesitar algo de kerning pero ese es un escenario muy típico. Ese sesgo en la V siempre va a necesitar algo de kerning. W se ve bien, X se ve bastante bien, pero en realidad podría cerrar un poco la brecha porque hay tal brecha entre las secciones medias de la X. Creo que voy a tirar de eso en un poquito. Entonces, tanto a la izquierda como a la derecha, voy a soltar desde 60-40. Creo que eso hace que el espaciado se sienta un poco más consistente con los otros huecos entre personajes. El Y es un poco difícil de decir, voy a poner un yo justo entre estos dos. Creo que en realidad se ve bastante bien entre estos dos huecos. Entonces, no quiero cerrar el espaciado más allá de eso. Voy a dejar Y tal como está, y luego echar un vistazo a la Z. Haré lo mismo, mayúscula I. Sí, esos vacíos se ven bien. Entonces, no me voy a molestar en ajustar el espaciado porque sólo voy a tener que contrarrestar correcto para ese, así que voy a kern, pero realmente tómate tu tiempo con esto, asegúrate de que hayas mirado esto como un todo, alejar para que no lo estés mirando demasiado de cerca y asegúrate de que ninguno de estos personajes parezca estar cerca. Una vez que hayas conseguido este conjunto de espaciado lo mejor que puedas, podemos pasar a kerning. 13. Cómo agregar y eliminar Glyphs: Ahora por defecto, Glifos también se genera en el alfabeto minúscula. Quiero una fuente única en mayúscula. Entonces, al final, cuando alguien escribe letras minúsculas, quiero que estas letras mayúsculas se rellenen. Ahora, Glyphs Mini puede hacer esto por nosotros automáticamente, pero sólo cuando exportamos. Entonces no vas a poder probar esa funcionalidad desde dentro de Glyphs, pero aun así quiero asegurarme de que elimine todos los Glyphs en minúscula para que no se exporten con la fuente. Para ello, basta con hacer una selección de todos ellos y luego dar click en este pequeño signo menos aquí mismo. Te preguntarán si realmente quieres quitarte esos Glifos, yo digo, quita y se han ido. Ahora, este relleno automático de las letras minúsculas requiere que estés en cierta versión de Glyphs Mini. Si llegas a Glyphs Mini y sobre Glyphs Mini, asegúrate de que estás en al menos una versión 2.0.2. Ahora, a partir de la grabación de esta clase, esa versión no es la que se descarga automáticamente del sitio web. Entonces, una vez que hayas instalado Glyphs, si no estás en esa versión, asegúrate de ir a preferencias y di, muestra versiones de vanguardia bajo actualizaciones. Con eso comprobado, haz click en checar ahora y deberías poder actualizar a esta última versión o más reciente. Después, cuando exporte una fuente en mayúscula, tanto las letras mayúsculas como las minúsculas mostrarán solo las letras mayúsculas. De acuerdo, así que también tenemos todos nuestros números aquí mismo del 0 al 9 por defecto. Yo sólo voy a tratar con el alfabeto para esta clase, pero tú también puedes llenar esto. Si hay otros números que te gustaría hacer, digamos, como las fracciones, puedes agregar más Glifos en. Para hacer eso acaba de venir a estas categorías por aquí y dar la vuelta hacia abajo a la que estás buscando. Entonces, bajo los números, tenemos dígitos decimales. Si hago clic en eso, sólo me muestra esos dígitos decimales, y tenemos una marca de verificación diciendo que tenemos todos los Glifos posibles en esa categoría. Pero si quería bajar a fracción, no tengo ningún cero de 27 posibilidades. Entonces, si hago clic derecho en eso, podría desplazarme hacia abajo y encontrar la mitad. Si hago clic en generar, eso me va a dar un nuevo Glifo con la vista previa de cómo debería ser ese Glifo. Podría hacer lo mismo por un cuarto. Podría cambiar click en tres cuartos, una octava. Haz todo lo que quieras para tu fuente. Entonces si vuelves a hacer clic en todos, verás que aparecen esos. Lo mismo para la puntuación o cualquier otro tipo de personaje. Puedes pasar por esto y agregar los que quieras. Basta con hacer clic derecho, encuentra el nombre del Glyph que estás buscando, y llénalo en tu fuente, y querrás hacer exactamente el mismo proceso de espaciado para todos los caracteres de tu fuente al igual que lo hice con mis letras mayúsculas. Asegúrate de que todas las brechas entre caracteres se vean consistentes a lo largo de toda la fuente. 14. Interletraje: Ahora, podemos pasar a kerning, y podrías empezar a escribir letras y ver cómo se ven una al lado de la otra y adivinar qué letras podrían estar una al lado de la otra mientras la gente escribe palabras, pero sería extremadamente poco probable que obtuvieras cada par que realmente necesitas. Afortunadamente, hay algunas personas realmente impresionantes por ahí que han elaborado texto de muestra, eso parece bastante sin sentido, pero hace un muy buen trabajo al cubrir los pares más probables entre personajes en ambos escenarios mayúsculas y minúsculas, así como números y puntuaciones. Podemos cargar eso en Glifos, exactamente de la misma manera que lo hicimos para espaciar. Entonces, voy a volver a mis preferencias, y luego voy a ir a mis cadenas de muestra, y hacer clic en abrir archivo una vez más. Tengo otros dos archivos de texto aquí. El primero es para un alfabeto completo. Entonces, esto te va a dar ejemplos tanto en mayúsculas como en minúsculas. Pero también he hecho una versión despojada para solo mayúsculas. Entonces, esto no va a tener ningún carácter en minúsculas, y hará que la lista sea un poco más corta para ti. Voy a dar click en abrir, eso se cargará en todas estas cuerdas y puedo empezar a kerning. Ahora, sólo entraré en uno de mis personajes y presionaré T para escribir, subir a editar, y decir seleccionar texto de muestra. Puedo ver todas mis cuerdas. Ahora, vas a querer kern en el orden en que estos aparezcan, están diseñados de esa manera. Entonces, vamos a empezar con esta primera cadena, y hacer clic en OK, y luego solo voy a alejar un poco y desplazarme hacia arriba hasta la parte superior. Ahora bien, estas son un montón de palabras diferentes, que están todas diseñadas para poner personajes uno al lado del otro que van a aparecer en el mundo real cuando la gente realmente está usando esta fuente. No es realmente una línea de texto legible, pero es muy probable que estos personajes aparezcan uno al lado del otro en uso del mundo real. Entonces, esta primera palabra es un gran ejemplo. Echemos un vistazo a este lince. Hay una brecha de aspecto bastante grande entre la L y la Y, pesar de que este borde de la Y y este borde de la L es más o menos la misma distancia el uno del otro, ya que esta parte de la Y y esta parte de la N. Pero porque hay todo este espacio vacío en la L, parece que hay una brecha mucho más grande de lo que realmente hay entre esos dos personajes. Es por ello que necesitamos kern. Podemos decir siempre que esta L esté al lado de esta Y, que debe haber menos espacio entre ellos, lo que hará que tu fuente sea mucho más consistente y de aspecto profesional. Ahora bien, podríamos simplemente pasar por esta palabra a la vez, y encontrar problemas como este y kern a medida que vienen, pero hay una forma mucho más rápida de hacerlo dentro de Glyphs Mini. Al igual que pudimos tomar los valores de espaciado de la O y aplicarlo a la G, podemos asignar grupos de kerning a caracteres específicos y pedir prestados esos valores que establecemos para el kerning de esos caracteres a otros caracteres con propiedades similares. Entonces, al igual que antes, empecemos con la H mayúscula y la O mayúscula porque, esas tienen características redondas y características boxy que se utilizan en muchos otros personajes. Para asignar un grupo kern, necesitamos configurar nuestro cursor justo antes del personaje que queremos activo. Entonces, hice clic justo antes de esta O, y eso es lo que se está mostrando en mi panel aquí abajo. Recuerda, estos son el valor de espaciado, usa los márgenes a cada lado del personaje. Pero aquí fuera en los bordes, tenemos kerning. Entonces, este es el kerning entre la O y el personaje de la izquierda de la misma, que en este caso es la R mayúscula, y este es el kerning entre la O y la G en el lado derecho del personaje. Pero por debajo de esas dos cajas hay grupos kern. Ahora, estos están vacíos ahora mismo, pero si selecciono esto y escribo en una O mayúscula, puedes nombrar esto como quieras, pero por el bien de la simplicidad, solo voy a nombrar a este grupo kern como al personaje al que pertenece. Diremos que esto es mayúscula O, y luego de este lado, también lo vamos a llamar mayúscula O. Ahora, que he puesto esos grupos, mi kerning tiene un símbolo de candado en él, y eso significa que lo que ponga aquí va a ser encerrado a este grupo kern. Entonces, en realidad pongamos algo de kerning para este O. echando un vistazo a esta palabra RANAS, parece que hay una brecha más grande entre la R y la O, que hay entre esta O y esta G. Entonces, voy a poner mi cursor justo ahí en el lado izquierdo de la O, y puedo ajustar el kerning un par de maneras diferentes. Una forma es simplemente escribir el valor por el que quiero kern en el cuadro kern. Entonces, podría decir negativo 20, y eso desplazó al personaje hacia la izquierda por 20 unidades. Pero también hay un atajo de teclado que puede hacer que el kerning sea mucho más rápido. Créeme, vas a estar haciendo mucho kerning, así que conocer este atajo de teclado realmente va a ayudar. Es control, opción, y luego las teclas de flecha izquierda y derecha. Mira aquí abajo este número mientras toco las teclas de flecha izquierda y derecha, se está moviendo por un incremento de uno. Ahora, eso es muy, muy pequeño. Si miras a la O, apenas se mueve. Pero si también mantengo pulsado turno, mientras sostengo el control y la opción, entonces eso se va a mover en incrementos de 10, y es mucho más notable. Creo que voy a dejar la mía en el negativo 40. Eso parece una brecha bastante buena entre la R y la O, comparado con la O y la G. Pero digamos que aquí escribo una G, para ver que G junto a la R. Ahora hay esa brecha, esa misma brecha ha aparecido, que nosotros originalmente tenía en la O. Pero si voy a esa G y asigno el grupo kern haciendo clic en este grupo kern lado izquierdo y escribiendo una O mayúscula y presionando enter, ahí vas. Tengo el kerning bloqueado con negativo 40, lo que me está haciendo saber esto está bloqueado a ser lo mismo que mi grupo O capital. Porque eso está bloqueado, eso es básicamente decir que está vinculado a la O. Entonces, puedo ajustar el kerning del G ahora, y actualizará cualquier cosa que use ese grupo de izquierda mayúscula O. Voy a asignar el mismo grupo kern al lado derecho de la G mayúscula, O mayúscula ahí, y eso me permitirá sólo necesitar kern una de estas dos letras para que el kerning se aplique a ambos. Entonces, lo que quiero hacer realmente rápidamente es saltar de nuevo a mi fuente principal, y luego hacer este mismo proceso de asignar grupos kern a personajes similares. Entonces, con la O mayúscula, ya he hecho el G. Pero, empecemos de nuevo con los bordes izquierdos. Tenemos la C mayúscula y la Q que ambos tienen bordes redondeados a la izquierda. Ahora cuando vengo aquí a mi kerning, grupo izquierdo, y tipo en mayúscula O. Presione entrar, y ahí vamos. Ahora seleccionaré todos los bordes correctos. D, ya tenemos la G, y luego la Q. Iré al grupo actual correcto, tecleamos O mayúscula, y presionamos Enter. Ahora, puedes editar cualquiera de esos personajes, y siempre se actualizarán los grupos Kern correspondientes en todos esos personajes. Hagamos lo mismo con la H. mayúscula Voy a asignar los grupos Kern, H mayúscula tanto a la izquierda como a la derecha de la H, y luego voy a encontrar a todos los personajes con esos mismos bordes planos. Entonces, empezando por la izquierda, Capital A B D E F I K L M N P R U W, y creo que también incluiré la Z. Ahora puedes asignar estos en cualquier momento, pero solo estoy tratando de hacerlo tanto en un lote como yo posiblemente pueda. Siempre se puede anular la asignación de un grupo de Kern. Entonces, esto es para el grupo Izquierda. Voy a poner la H mayúscula, y luego voy a hacer la misma selección para el borde derecho, lo que mayúscula A E F I J probablemente K M N probablemente R U W y volveré a hacer Z, y asignaré H al grupo correcto. Entonces finalmente voy a hacer un grupo T, y aplicarle eso tanto a la T como a la Y porque esos dos son muy similares. Entonces, seleccionaré mi T, y nombraré esas T mayúscula tanto a la izquierda como a la derecha, y asignaré lo mismo a la Y. Ahora, puedes ver como lo hice que todas estas cajas grises aparecieron alrededor de esos personajes, y eso es haciéndome saber que he hecho cambios a esos, lo que sólo deja a la S V un X. Entonces, esos tres personajes son de los que no estoy muy seguro. No creo que esos tres personajes vayan a poder pedir prestado ni de la H ni de la O. Ahora que esos grupos están asignados, puedo volver a mi texto de muestra, y empezar a kerning. Empecemos con este L, e Y. Voy a hacer clic entre ellos, y luego mantenga presionada la tecla Control Option Shift y presione la tecla de flecha izquierda, hasta que creo que esa brecha está lo suficientemente cerrada. A ver cómo se ve eso. Es mucho mejor. Creo que podría cerrar aún más la brecha. Entonces voy a Tab it en un par de veces más, y estos dos personajes incluso parecen que se están superponiendo un poco ahora. Si este L fuera levantado aquí, la L probablemente estaría tocando la Y. Pero alejado esa brecha parece mucho más consistente con el resto de la fuente. Permítanme acercar de nuevo aquí, y ahora esto es literalmente sólo un proceso de ustedes pasando por el texto, y buscando brechas que parezcan incómodas. El hueco entre este P y H me parece un poco grande. No por mucho, pero lo suficiente como para darse cuenta. Entonces, voy a seleccionar ahí, y luego mantenga presionada la tecla Control Option Shift, y presione la tecla de flecha izquierda. Al hacer esto se puede ver esto está afectando letras múltiples. Entonces, aquí abajo entre la P y la R, también está afectando la brecha entre esos dos personajes. Eso se debe a que la R y la H ambos tienen el mismo grupo kern izquierdo de mayúscula H. En cualquier momento una P está junto a un grupo H kern mayúscula, se va a ver afectado por este kerning. Esta palabra proxy me saltó a mí. Hay una enorme brecha entre la O y la X, así que voy a seleccionar entre esos dos, Control Option Shift, y tocar la tecla de flecha izquierda, hasta que visualmente parezca una buena distancia de la O. Eso se ve bonito bueno. A partir de ahí, solo continuas por la lista. El V parece que necesita estar un poco más cerca de la Es, así que voy a seleccionar eso, tocar la flecha izquierda un par de veces, y luego hacer lo mismo aquí. Esto definitivamente podría cerrarse un poco, y mientras haces esto, esto podría cambiar bastante las cosas. Solo tienes que asegurarte de que estás desplazando por el ratón, acercando y alejando cada vez que lo necesites. Ahora este es un caso donde estoy cerrando esta brecha en el lado derecho de la K y la W, pero está afectando a muchos de mis otros personajes. Entonces, si acerco aquí la palabra incómoda, se puede ver la brecha entre estos dos realmente se ha cerrado. El motivo de eso es porque asigné al grupo H al lado derecho de la K, y parece que eso en realidad no va a funcionar. Voy a deshacer hasta volver a donde estaba con el kerning original sobre la palabra incómoda. Voy a seleccionar entre esos dos una vez más, y echar un vistazo a los grupos kern. El W tiene la H tanto en el lado izquierdo como en el derecho, y también lo hace la K en cada lado. Entonces, si ajuste el kerning, va a traer huecos a ambos lados de cada grupo H, y eso no es lo que quiero. En cambio quiero kern específicamente entre el lado derecho de la K, y el grupo Kern izquierdo de H. Entonces, este es un ejemplo, donde puse el grupo Kern para el lado derecho de la K a algo que no es en realidad va a funcionar muy bien. Entonces, voy a asegurarme de que mi K esté seleccionada, y deshacerme de ese grupo H. Presionar entrar, y ahora puedo kern esto libremente. Si vuelvo a hacer clic entre la K y la W, esto ahora va a ajustar el kerning entre el grupo H kern izquierdo, y la letra K. Hold Command Option Shift, y toque la tecla de flecha izquierda hasta que eso se vea mejor. Creo que esa brecha es mucho mejor. Viste que se estaban haciendo muchos menos ajustes a través de este texto porque tomé esa asignación del grupo de kerning del lado derecho fuera del K. Entonces, si has asignado grupos de Kern a muchos de tus personajes, ten en cuenta que a veces vas a necesitar quitar el grupo Kern de personajes específicos que no están funcionando tan bien. Pasando adelante. Creo que el B y el Y aquí arriba necesitan ser movidos juntos un poco. Cierra esa brecha, sigue desplazándote. Nuevamente, estoy haciendo esto rápidamente sólo kerning a través de mi texto, mirando a los personajes que creo que necesitan algún trabajo. Entonces, este P S e Y. Eso definitivamente necesita algo de ayuda. Entonces, voy a ir entre la P y la S. No hay grupos de Kern en la S, pero eso está bien, es uno de esos personajes únicos. Mantiene pulsada la tecla Control Option Shift, presiona la tecla de flecha izquierda y cierra el hueco entre esos dos un poco más. Haré lo mismo por la S y la Y. Piensa que eso se ve un poco mejor. Incluso el Y y el C parece que necesita un poco de ayuda. Entonces, iré entre ahí y traeré eso un poco, y ahora se ve mucho mejor. Este V y S definitivamente necesita estar cerca así que, voy a traer eso. Basta con continuar este proceso a través de toda la lista. Esta es una lista muy grande, pero es importante que la pases por completo, e incluso puede que quieras pasar por ella más de una vez, porque hay tantas combinaciones de caracteres dentro de esta lista que de verdad necesitas dar cuenta. También asegúrate de que lo estás mirando a diferentes escalas. A veces podrías sobrepasar las cosas de kern, y luego cuando alejas el zoom, podría parecer que esos personajes están siendo agrupados juntos. Se quiere mantener esa legibilidad a cualquier tamaño. Una vez que estés contento con el kerning de esta línea de texto, entonces vas a querer subir a editar, seleccionar texto de muestra, e ir a la siguiente línea, y esto es sólo otra combinación de texto, eso va a ser una prueba realmente buena para tu kerning, y algo que señalaré es que hay alguna puntuación apareciendo en este texto. Si planeas hacer puntuaciones, realmente deberías tener esos personajes dentro antes de empezar a kerning. Porque kerning se aplica a cualquier glifo, no sólo a las letras. Simplemente continuarás con este proceso a través de todas estas listas. El siguiente tiene mucha puntuación en él, por lo que puedes probar cosas como citas. Tienes texto para revisar los números, y cómo todos están espaciados uno al lado del otro. Tienes números con puntuación. Todos los diferentes personajes especiales. Por último otra cosa que necesitas para asegurarte de que estás ajustando el espaciado en, es la barra espaciadora real. Aquí mismo, donde se ve esta brecha, este es un espacio, hay un espacio aquí, espacio aquí. Esos espacios podrían ser más amplios de lo que realmente los quieres. Al igual que cualquier otro glifo, puedes ajustar el tamaño de un espacio. Por defecto, está configurado en 600, pero tal vez quieras bajarlo a 400. Eso haré, y ahora mis espacios están más cerca juntos. También puedes kern tus espacios. Ahora, por mi experiencia, eso es algo que es bastante raro, pero ten en cuenta que puedes hacer exactamente el mismo tipo de espaciado, y kerning a un espacio que cualquier otro glifo. Una vez que lo hayas hecho a través de toda esta lista, y todo está funcionando bien, estás listo para probar tu fuente. 15. Cómo probar tu fuente: Aquí está la fuente Milkbox-Organic completada. Ya ves, tengo todas las letras mayúsculas, números del cero al nueve, así como algunas fracciones especiales, y una buena propagación de puntuaciones. Ahora, estoy listo para probar realmente mi fuente. Entonces, primero voy a asegurarme de que bajo mi info, todo esté establecido de la manera que debería ser. Entonces, bajo el diseñador, esto debería decir Jamie Bartlett, tenemos la URL, el sitio web de Jamie, la versión uno, y luego los derechos de autor. Con toda esa información llenada, voy a subir a Archivo, exportar, y bajo opciones, puedes dejar quitar solapamiento y autopista comprobada. En destino de exportación, asegúrate de que esto esté comprobado. Entonces da click en este camino justo aquí. Entonces necesitamos ir a un camino muy específico. Por lo que vamos a venir a tu disco duro, Biblioteca, Soporte de aplicaciones, Adobe, y luego desplázate hacia abajo hasta Fuentes. Si no tienes carpeta de fuente, necesitarás hacer una. Entonces, voy a abrir una Ventana del Buscador, e ir por ese mismo camino. Biblioteca, soporte de aplicaciones, Adobe, subir al archivo, carpeta nueva, me va a pedir que escriba mi contraseña, y luego escriba “Fuentes” con un F. mayúscula Es muy importante que eso sea una letra F. Prensa enter, ahora esa carpeta existe, por lo que puedo volver a Glifos, y seleccionar esa carpeta “Fuentes”, elija “Abrir”, y ahora esa ruta está en mi destino de exportación. Daré clic en Siguiente, Glyphs exportará la fuente, y así así, está lista para usar en aplicaciones de Adobe. Ahora, si creaste esa carpeta de fuentes con una aplicación de Adobe abierta, vas a necesitar reiniciar ese programa, antes de que se muestre. Entonces, voy a abrir el ilustrador, y probaré la fuente. Haré un nuevo documento y solo utilizaré 1920 por 1080, seleccionaré mi herramienta de texto, y luego encontraré la fuente Milkbox en mi lista de fuentes. Ahí está, Milkbox-Organic. Puedo hacer click, y escribir lo que quiera. Yo lo haré bonito y grande, y ahí vamos. Ahora tengo una multa de trabajo dentro de Adobe Illustrator, igual que cualquier otra. En este punto, es una gran idea simplemente empezar a usarlo. Escribe diferentes frases, prueba a usarla en tus propios diseños, y solo asegúrate de que todos los personajes estén funcionando bien juntos. También es una gran idea imprimir este texto y ver cómo se ve en papel, y usar el texto de kerning de muestra es una gran manera de hacerlo. Lo genial de tenerlo en papel, es que lo alcanzas a ver en un formato diferente, y puedes resaltar fácilmente errores que quieres volver atrás y ajustar. Y lo que es genial de esta carpeta de fuentes de Adobe, es que puedes exportar y sobrescribir esa misma fuente, y se actualizará de inmediato dentro de las aplicaciones de Adobe. Esta es una forma mucho mejor de probar tu fuente, en lugar de instalarla realmente a través del libro de fuentes, cada vez que haces una nueva versión. Una vez que estás completamente contento con la forma en que está funcionando tu fuente, ya está hecho. 16. ¡Gracias!: Muchas gracias por tomar mi clase. Espero que puedas divertirte y aprendas mucho sobre la creación de fuentes. A medida que estás construyendo tu fuente, asegúrate de subir tu progreso y diseño final de fuente a tu proyecto de clase, y si compartiste en Instagram asegúrate de etiquetarme en el diseño de Jamie Bartlett. Siéntete libre de hacerme cualquier pregunta en la ficha de la comunidad, y Jake y yo, estaremos encantados de contestar esas por ti. Si no estás ya asegúrate de seguirme aquí en Skillshare de esa manera siempre sabes cuando hago una nueva clase. Gracias de nuevo tanto chicos. Te veré la próxima vez.