Crea una fuente escrita a mano: guía para principiantes | Gwen DeGroff | Skillshare
Menú
Buscar

Velocidad de reproducción


  • 0.5x
  • 1x (Normal)
  • 1.25x
  • 1.5x
  • 2x

Crea una fuente escrita a mano: guía para principiantes

teacher avatar Gwen DeGroff, Pattern Designer + Hand letterer

Ve esta clase y miles más

Obtenga acceso ilimitado a todas las clases
Clases enseñadas por líderes de la industria y profesionales activos
Los temas incluyen ilustración, diseño, fotografía y más

Ve esta clase y miles más

Obtenga acceso ilimitado a todas las clases
Clases enseñadas por líderes de la industria y profesionales activos
Los temas incluyen ilustración, diseño, fotografía y más

Lecciones en esta clase

    • 1.

      Crea una fuente a mano - una guía para principiantes

      1:04

    • 2.

      Conceptos básicos de tipografía

      3:08

    • 3.

      Materiales

      2:06

    • 4.

      Diseño de personajes

      4:57

    • 5.

      Subir y editar

      13:30

    • 6.

      Reflexiones finales

      0:47

    • 7.

      Proyecto de fuente a mano

      1:00

  • --
  • Nivel principiante
  • Nivel intermedio
  • Nivel avanzado
  • Todos los niveles

Generado por la comunidad

El nivel se determina según la opinión de la mayoría de los estudiantes que han dejado reseñas en esta clase. La recomendación del profesor o de la profesora se muestra hasta que se recopilen al menos 5 reseñas de estudiantes.

1162

Estudiantes

19

Proyectos

Acerca de esta clase

¡Hola! En esta clase aprenderás a crear tu propia fuente a mano sin la necesidad de un software de diseño caro. Mostraré cómo diseñar con bolígrafo y papel utilizando una plantilla específicamente para esta clase. Abordaré la edición y spacing, tus personajes y cómo publicar, descargar e instalar tu fuente.


Esta clase es un recurso excelente para cualquier persona que acabes de empezar en la creación de fuentes o el lettering a mano. Nuestro proyecto incluye la creación de tu propia fuente a mano y también crear una imagen de promoción (jpg) para mostrar el nombre de tu fuente y los personajes incluidos.

Cuando termines, tendrás una fuente a mano para instalar en tu ordenador, para distribuir a amigos o vender en línea.

Conoce a tu profesor(a)

Teacher Profile Image

Gwen DeGroff

Pattern Designer + Hand letterer

Profesor(a)

Hello! I'm Gwen! I'm so glad you're here! 

I'm a glass 'half full to overflowing' kind of girl. Forever optimist. Pattern designer. Hand letterer.          Weight lifter. Mama bear of three.

My designs and illustrations are full of bright cheerful colors and I love mixing patterns. I was a freelance graphic designer for over 10 years before breaking into the beautiful world of pattern design and hand lettering, which I actually learned here on Skillshare!

I'm thrilled to join this wonderful community of brilliant and creative minds. 

I have several different shops at the moment for fabrics, fonts, and fun. 

I'm also on Instagram working on my new series: #childhoodachievementawards. 

Stop... Ver perfil completo

Level: Beginner

Valoración de la clase

¿Se cumplieron las expectativas?
    ¡Superadas!
  • 0%
  • 0%
  • Un poco
  • 0%
  • No realmente
  • 0%

¿Por qué unirse a Skillshare?

Mira las galardonadas Skillshare Originals

Cada clase tiene lecciones cortas y proyectos prácticos

Tu membresía apoya a los profesores de Skillshare

Aprende desde cualquier lugar

Ve clases sobre la marcha con la aplicación de Skillshare. Progresa en línea o descarga las clases para verlas en el avión, el metro o donde sea que aprendas mejor.

Transcripciones

1. Crea una fuente a mano - una guía para principiantes: Bienvenido a cómo crear una fuente manuscrita. Esta es una guía para principiantes. Si nunca antes habías creado una fuente, tal vez el proceso parecía intimidatorio o no pensabas que tenías el software o el equipo adecuados, estás en el lugar correcto. Esta clase, vamos a caminar por el proceso de hablar de tipografía, cómo dejar a nuestros personajes en nuestra plantilla. Entonces estaremos subiendo nuestra plantilla para editarla. Por último, estaremos publicando un archivo de fuentes que luego podrás instalar en tu computadora para proyectos personales para compartirlos con amigos y familiares, o para vender en línea en un mercado en línea. Estoy muy emocionado de empezar. Mi nombre es [inaudible] Soy Diseñadora Gráfica Freelance de Westminster, Maryland. También he experimentado en diseño de patrones y letras a mano y diseño de fuente acaba de llegar de forma natural después de eso. De verdad espero bucear contigo y verte en la siguiente clase. Gracias. 2. Conceptos básicos de tipografía: En esta lección, vamos a cubrir los mismos fundamentos de la tipografía. Basta con ver que todos estamos en la misma página avanzando para diseñar nuestra fuente manuscrita. tipografía es simplemente el estilo y apariencia de la materia impresa. Es como se ven nuestras cartas. Un tipo de letra es una familia de fuentes, y es un conjunto de una o más fuentes que todas tienen el mismo aspecto de alguna manera, por lo que tienen características y atributos de diseño comunes. Un ejemplo de una tipografía es Times New Roman, que es una fuente Serif. Serifs son esos pies pequeños que salen de las letras, los extremos de cada letra de Times New Roman. Hace para muy buena legibilidad. A menudo se ven fuentes Serif utilizadas en diseños y diseño de libros. Otro ejemplo de una tipografía que es muy común es Arial, que es una fuente Sans Serif, porque no tiene esos pies pequeños en el extremo de cada personaje. Es muy limpio, muy moderno. Se ve Arial utilizado más en línea y en sitios web. A continuación tenemos una fuente que en realidad es solo una parte específica de un tipo de letra. Un ejemplo de una fuente dentro la familia Times New Roman Font sería la Bold Italic Times New Roman tamaño 36. La fuente se acaba de marcar de manera más específica para mostrar los diferentes atributos dentro de una familia de fuentes. A continuación tenemos carácter, que es un símbolo que representa un número de letra. Para nuestra fuente, estaremos diseñando 75 caracteres, incluyendo puntuación básica, todos los números, y letras minúsculas y mayúsculas del alfabeto. Por último, ilustré este pequeño diagrama sólo para mostrar las líneas invisibles que son letras se van a alinear unas con otras en contra. La primera línea de la parte superior es la línea ascendente, y ahí es donde la barra de la h minúscula, alcanza que una línea ascendente. Como puedes ver, está ligeramente por encima la línea de altura de la tapa donde llega la T mayúscula. Esa altura gorra es para donde van a llegar todas nuestras mayúsculas. El x-height es la altura de la parte principal de las letras minúsculas. l, r, y un todo alcanzan esa línea de altura x. Vamos a tratar de mantener eso consistente a medida que diseñamos nuestros personajes. Otra cosa que queremos tener cuidado es nuestra línea de base, para que nuestros personajes estén cayendo a lo largo esta línea invisible que ayuda a mantener nuestras palabras rectas. Entonces tenemos nuestra línea descendente, que es donde la cola de la y, la p, y la g, estas letras minúsculas, todo bucle hacia abajo y toca la línea descendente. Este es un panorama muy básico de la tipografía. Ojalá con estos términos, podamos avanzar y crear nuestras fuentes escritas a mano. En nuestra siguiente lección, estaremos cubriendo nuestros materiales y la plantilla, y luego llegaremos a diseñar tu fuente. Te veré ahí. 3. Materiales: En esta lección, vamos a hablar muy rápido materiales y luego vamos a empezar a crear nuestra fuente manuscrita. Tengo frente a mí la plantilla que he proporcionado en la sección de recursos de la clase y también tengo un lápiz, y este es mi marcador de elección. Se trata de un marcador de borrado húmedo porque he cubierto mi plantilla con papel de contacto claro para que pueda reutilizarla. Si no vas a hacer eso, entonces puedes usar cualquier marcador de tu elección. Sharpie funciona genial, marcadores de Crayola, cualquier cosa con una bonita línea negra oscura. He usado bolígrafos de pincel jumbo y he probado micras, realmente cualquier cosa. Hasta he tenido éxito con un marcador seco que me dio una textura muy bonita y brushy a mí mis cartas. Juega con él. El lápiz es, si quieres practicar la calificación tus personajes y no comprometerte con nada bastante todavía. Siéntete libre de rellenar tu plantilla con un lápiz. Yo sólo voy a ir directo a marcador. Acerca de esta plantilla, verás una vez que lleguemos a la página web que hay múltiples opciones para tamaños y elegí este tamaño porque encaja todo en una sola página y me pareció que era la forma más conveniente y eficiente de hacer esto. También agregué algunos caracteres a esto que no están en la lista por defecto que tiene calligrapher.com. Yo quería tener un conjunto completo de puntuación básica, todos los números y las letras mayúsculas y minúsculas. Eso es lo que encontrarás en la plantilla en la sección de recursos de la clase. Siéntase libre de descargar el suyo propio para usar. Pero acabo de encontrar que esto es lo más simple, y eso es con lo que vamos a empezar. Te veré en la siguiente lección. 4. Diseño de personajes: Ahora llego a la parte divertida. Vamos a llenar nuestra plantilla. En la plantilla que debes tener frente a ti, es difícil de decir en mi copia, pero hay poco lineamientos grises que te muestran dónde debe caer tu línea de base, dónde debe estar tu altura de gorra y si tu impresora es mejor que la mía, es posible que también veas una letra gris tenue en cierto personaje para mostrarte qué personaje vas a estar llenando. Pero de lo contrario puedes simplemente seguir junto con los pequeños personajes por encima de cada caja para que sepas lo que vamos a estar dibujando. Yo sólo voy a empezar desde arriba y sólo voy a ir por mi letra natural. Eres libre de hacer esto más elegante, si quieres. Por eso es fuente manuscrita. Realmente puedes decidir qué quieres hacer con él. Por lo que sólo pasa, llena cada carta. Algo de lo que solo estoy tratando de ser consciente es donde la línea de base de mi personaje es falsa. Se puede ver que estoy tratando de mantener todos mis números en la misma línea de base. La altura del gorro también es la misma. Estos son probablemente un poco más grandes de lo que deberían ser y podremos retocar eso una vez que los subamos a la página web. Te guiaré por cómo hacer eso y realizaré ediciones en calligrapher.com. Estaremos usando la versión gratuita del sitio web, que siento que es suficiente para lo que estamos haciendo y aprendiendo esto. Planeo liberar otra clase para mostrar cómo usar la versión de suscripción, que te permite hacer ligaduras y conectar tus letras para hacer una fuente. Eso sería especialmente útil si estás en letras manuales o te gustaría hacer una fuente de script. Tire esto es para arriba. Algo que realmente me gustaría probar es que mis hijos llenen esto y hagan una fuente con su letra. Están en primer y tercer grado. Entonces siento que esa será una manera realmente ordenada de preservar su escritura a mano. También podrías hacerlo con amigos y familiares y simplemente divertirte de verdad con él. Eso no se supone que sea. El a signo ya hice eso. Entonces ya que tengo papel de contacto abajo, solo puedo borrar mi marcador. También hay una forma de subir una nueva carta. Solo tienes que rellenar como otra plantilla y subirla y te preguntará si quieres reemplazar las letras existentes, y así simplemente dirías absolutamente. Estoy tratando de mantener mis líneas de base poco tambaleantes ahí vamos a arreglar eso. Pero estoy tratando de mantener mi x altura igual a la que pasamos. Necesito que hagas algunos retoques y eso está totalmente bien. Eso es todo. He completado esta plantilla. Entonces lo siguiente que voy a hacer, me alejaré un poco, es que voy a tomar una foto o escanear esto y luego subirla a calligrapher.com. En la siguiente lección, repasaremos haciendo ediciones y publicaremos mi fuente. 5. Subir y editar: En esta lección, vamos a hacer nuestra fuente. Vamos a subir nuestra plantilla, hacer algo de edición, y luego estaremos publicando esta cosa. Esta es la página web que estaremos usando calligrapher.com. Tienen una versión básica gratuita que es todo lo necesitamos para esta clase y para completar tu proyecto. Voy a dar clic en “Iniciar sesión” e iniciar sesión. Puedes registrarte gratis para hacer esto, y luego te da una lista de primeros pasos. Para crear una plantilla, haz clic en este enlace aquí mismo. Voy a elegir inglés mínimo, voy a agregar números mínimos, y también puntuación mínima. Eso me dirá que tengo 79 personajes seleccionados y eso es para demasiados para su versión gratuita. Voy a quitar ese signo de porcentaje, esto dice: “¿Quieres eliminar?” Sí y no me vuelvas a preguntar. Entonces voy a quitar la tira inclinada hacia adelante, signo más, y el signo igual. Estos son los caracteres incluidos en la plantilla que se encuentra en la sección de recursos. Ahora si quieres hacer las tuyas, puedes ir a Descargar Plantilla. Puedes nombrarlo, lo que quieras ponerle nombre, y luego también puedes cambiar el tamaño de las celdas de la plantilla. Creo que tengo el mío al tamaño predeterminado para que imprima en una sola página. Puedes hacerlo más grande si quieres que imprima cajas más grandes para ti, solo te dará múltiples páginas que tienes que llenar y luego escanear o tomar fotos. También mantuve las líneas de ayuda de dibujo comprobadas y los caracteres como fondo comprobado. Después haces clic en Descargar y te dará un archivo PDF que luego podrás imprimir. Ya que ya lo hemos hecho, voy a parar ahí. Ahora que tenemos todos nuestros personajes configurados, vamos a hacer clic en el enlace “Mis fuentes”, y seleccionar “Subir plantilla”, y luego desde aquí navegarás hasta el archivo que guardaste tu imagen o tu escaneo de tu plantilla completada. Vamos a hacer automáticamente limpiar plantillas solo para que nos haga un poco de edición y luego haga clic en “Subir plantilla”. Esta es la parte divertida. Tardará un minuto en procesarse y luego obtendrás una vista previa. Como dice aquí arriba, para agregar nuevas variantes, puedes subir una segunda plantilla después de agregar estos caracteres, y luego puedes elegir crear variantes. Lo que eso hace es como estás escribiendo, si tienes una variante de tu fuente, le dará un poco más de una sensación natural a tus letras y parecerá que realmente nos parecemos más a tu letra porque cada e será diferente y cada d será diferente. No todas serán la misma fuente exacta. No estoy haciendo eso en esta clase, pero son bienvenidos a experimentar con eso. Aquí abajo voy a dar clic en “Añadir personajes a tu fuente”, y aquí vamos. A mí me gusta empezar, digamos haciendo clic en Editar detalles de fuente. Aquí están todos los personajes que hemos hecho en nuestra plantilla. Se puede ver que tengo algo de edición que hacer, sobre todo en la r, parece que mi escaneo no salió muy claramente. Voy a dar clic en este menú de tres puntos aquí arriba y hacer clic en “Ajustar línea de base”. Por esto, no me voy a preocupar por el tamaño en este momento, sólo voy a preocuparme por enfocarme en la línea de base de cada uno de los personajes, para que todos estén cayendo en la misma línea. Por lo que sólo tienes que pasar y ajustar la flecha más alta hace un salto más grande, la flecha más pequeña hace un poco más afinación fina. Quiero que todos mis personajes aterricen en la misma línea. En esta carta, se puede ver que la pequeña línea de aquí abajo la hizo del ancho, casi el doble de ancho de lo que debería ser. Voy a tratar de ajustar esa carta en tan solo un minuto. El L y la R están buscando especialmente necesitados de alguna ayuda. Ya hemos llegado por el alfabeto, voy a dar clic en “Guardar ajustes”. Voy a hacer a la L y al hacer clic en una letra, obtienes este pequeño menú, selecciona “Editar personaje”, y luego haz clic en “Borrador”, y luego puedes borrar eso, “Guardar y Cerrar”. Entonces realmente puedes pasar por hacer click en cada letra, cada carácter de tu fuente. A lo mejor ves algunas pequeñas líneas rectas. Puedes acercar, y eliminar, whoop, ese era el pincel no el borrador, así que selecciona “Eraser” y realmente puedes afinar esto hasta el nivel de píxel. Lo que a veces lleva a de un agujero de conejo de no saber dónde dejar de editar. Voy a frenar un poco esta línea de la Q. El complicado es que si comienzas a editar demasiado y se quita un poco del look manuscrito que venimos a buscar. Yo quiero llenar esto y en realidad porque, no voy por ese look brushy texturizado en mis cartas. De alguna manera dejar, tasa de escaneo. Ahí me pasé un poco. Voy a seleccionar “Borrador”. Cuando se vuelve morado, ya sabes en qué configuración estás. Entonces voy a anular la selección de Eraser set, estoy de vuelta a la configuración del pincel y puedo volver aquí abajo, y rellenar esto. Entonces, puedes experimentar con los diferentes pinceles. Tienen calzadas, líneas rectas, círculo, se puede cambiar el tamaño, se puede borrar eso. Save And Close, y realmente solo pasa por ahí y asegúrate que cada uno de tus personajes esté mirando como tú lo desees. Yo sólo voy a deshacerme de algunos de estos pedacitos extra que realmente no lo están haciendo por mí. Ahora que ya terminamos, voy a volver a mi fuente, voy a echar un vistazo a mis cartas. Voy a dar clic en “Editar detalles de fuente”, y aquí es donde puedes nombrar tu fuente. Voy a nombrar a este SkillShareFont. He encontrado que el espaciado entre letras es bastante generoso en calligrapher.com, así que me gustaría bajarlo a cerca del 50 por ciento, y entonces el tamaño de fuente también tiende a ser pequeño, así que voy a elevar eso a 120. También voy a aprender un poco mi espaciado de palabras, y voy a Guardar eso. He pasado y editado mi escaneo de fuentes. Voy a revisar nuevamente las Baselines en mis fuentes. Algunas de ellas en este momento puedes ver son un poco más altos que otras, y antes de que retoque nada, voy a golpear Cancel y voy a probarlo construyendo una fuente. Simplemente selecciona este enlace, “Construir fuente”. Tengo mi nombre de fuente y estoy obteniendo click en “Construir”. He encontrado esto me da una mejor vista previa de mis cartas, luego sólo mirar cada una de manera individual. Si me desplazo hacia abajo, elevemos el tamaño sólo un poco más grande. Mi minúscula a me está molestando realmente, es realmente grande. El x-height era demasiado alto, así que esa letra que realmente quiero arreglar. Pero cuando miro la vista del Alfabeto, me gustan mucho todas mis letras. Se parece a mi letra. Aquí está la comparación de tallas, por lo que esto es útil. Te muestra otras fuentes estándar y qué tamaño tiene tu fuente en relación con ellas. Mis cartas son un poco más pequeñas. Podría elevar mi talla en el otro escenario pero, última instancia estoy muy contento con esto. Voy a modificar la a, y sólo voy a mirar a través y ver si hay algo más que realmente necesite cambiarse. Volvamos, mis o's se ven un poco grandes también, así que significa que también cambiaré eso. En este punto, si estás contento con tu fuente, puedes seleccionar los archivos de fuente aquí arriba, skillsharefont-Regular.ttf y otf. Se descargarán en tu computadora y luego podrás instalar desde ahí. Incluso puedes compartir con este botón. Pero voy a volver atrás, a encontrar mi minúscula a. Voy a seleccionar “Ajustar línea de base y tamaño” y luego esto saldrá a las pequeñas pautas. Sé que es demasiado grande, y solo ajustaré el espacio para que la altura x esté más cerca. Creo que voy a bajar un poco mi c también, mi e, y mi o, podría que solo bajara el tamaño solo un poquito, Guardar Ajustes. Vuelve a mi fuente, Build Font, construye de nuevo. Ahí vamos. Eso me gusta mucho más. Subiré el tamaño, puedes ver mis cartas. Compartiré una buena línea de base. El a se ve mejor en relación con las otras letras a su alrededor, dice que o y e, me gusta. Ahora voy a seleccionar los archivos aquí y puedes ver que han descargado a mi computadora. Estoy en una máquina Windows, tengo un PC, pero es tan simple como hacer clic derecho en el archivo, mostrar en carpeta, volver a hacer clic derecho y luego hacer clic en Instalar, y se instalará tu fuente. 6. Reflexiones finales: Gracias por tomar esta clase, ya has aprendido los fundamentos de la tipografía, los materiales que necesitamos para llenar nuestra plantilla para calligrapher.com, cómo subir y editar tus personajes así como descargarlos e instalarlos en su computadora. Ahora solo quería mostrarte de verdad rápidamente, qué puedes hacer para hacer una imagen promocional, y voy a dar más detalles en el siguiente video. Pero por ahora, muchas gracias por tomar mi clase de habilidad/participación. [MÚSICA] 7. Proyecto de fuente a mano: Está bien, así que ahora es el momento de hablar de nuestro proyecto de clase. Para esta clase vamos a divertirnos mucho. Lo haremos en dos pasos. El primer paso de tu proyecto será simplemente subir una imagen de tu plantilla rellenada con tus cartas manuscritas. Esta sería una gran manera para nosotros de previsualizar tu fuente y ver parte del proceso y ojalá te animemos a rellenar realmente la plantilla y conseguir subir. Una vez que hayas subido tu plantilla, tendrás la oportunidad de editar y luego descargar el archivo de fuente e instalarlo en tu computadora. Ahí es donde entra la fase dos. Una vez que haya instalado el archivo de fuente en su computadora, quiero que cree una imagen promocional para mostrar cada uno de los caracteres en su fuente. Esto será especialmente útil si planeas vender tu fuente en un mercado en línea, como Creative Market o incluso en Etsy. Enumeraré algunos recursos y enlaces en la sección de recursos de la clase y esperaré a ver qué has armado.