Lettering monolínea: desde el boceto hasta la pantalla | Jamie Bartlett | Skillshare
Menú
Buscar

Velocidad de reproducción


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

Lettering monolínea: desde el boceto hasta la pantalla

teacher avatar Jamie Bartlett, Graphic designer and left-handed 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.

      Lo que necesitarás

      0:51

    • 2.

      Mi proceso de bocetos

      7:59

    • 3.

      Digitalizar tu boceto

      10:54

    • 4.

      Espaciar las letras

      1:09

    • 5.

      Toques finales

      3:52

  • --
  • 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.

5946

Estudiantes

137

Proyectos

Acerca de esta clase

En esta clase voy a mostrarte mi proceso para esbozar lettering monolínea y convertirlo en trazados vectoriales en Illustrator.  El método simplificado que te enseñaré crea curvas muy suaves que toma tus lettering monolínea al siguiente nivel.  Estoy muy alegre por esta clase, ¡va a ser muy divertida!

No puedo esperar para ver lo que creaste.

Conoce a tu profesor(a)

Teacher Profile Image

Jamie Bartlett

Graphic designer and left-handed letterer

Profesor(a)

Jamie Bartlett is a graphic designer and left-handed letterer working out of Denver, CO. She graduated from John Brown University with a degree in Graphic Design and now runs a shop for her hand lettered designs and fonts. Her work reflects everything she loves in life: a good cup of coffee, nerdy design terms, tandem bikes, road trips, and so much more.

Check out all Jamie's classes to learn her tricks of the trade. 

To see what she's up to now, follow her on Instagram and Dribbble.

                                                               

  &... Ver perfil completo

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. Lo que necesitarás: Hola chicos, soy Jamie Bartlett. En esta clase, te voy a mostrar mi proceso para bosquejar letras monoline y convertirlo en trayectorias vectoriales en illustrator. Este método simplificado te estaré enseñando a crear curvas súper suaves que llevarán tus letras monolinas al siguiente nivel. Estoy muy emocionado por esta clase. Va a ser un montón de diversión. Empecemos. Para empezar, vamos a necesitar algún papel, cualquier lápiz con el que te sientas cómodo, una regla de borde recto y eventualmente vamos a necesitar algún papel de calco. Antes de empezar, siempre escribo la palabra que voy a estar escribiendo letras en la parte superior de mi página. De esa manera puedo ver cada carta y cómo van a ir juntos. Porque si no hago esto más a menudo que no, termino dejando una carta fuera porque me concentro tanto en dibujar las letras que no pienso en la ortografía. 2. Mi proceso de bocetos: A continuación tienes que decidir cómo quieres que se vea tu letra. Normalmente empiezo a pensar en mi primera carta porque es la primera letra que ves y la letra más grande y puede ayudar a determinar cómo quieres que se vean las otras letras. Entonces empiezo a bosquejar esa letra y veo todas las diferentes formas en que se puede formar esa letra. Por supuesto, puedes encontrar toneladas de inspiración en línea. Creo que me voy a ir con este estilo puesto. A continuación, quiero hacer una línea de base para mis letras. Esto ayudará a mantener mis letras un tanto rectas. Ahora voy a empezar a dibujar y a ver qué se me ocurre. En este punto no me preocupa realmente cómo van a quedar mis cartas, solo estoy jugando con cómo encajan juntas. A mí me gusta cómo esto está funcionando juntos, pero en este momento se ve bastante rudo. Entonces voy a dibujarlo de nuevo y refinar algo de esto. Dibujaré otra línea de base y lo haré en esta línea. En este punto, me gusta cuántas letras están buscando. Entonces en lugar de seguir redibujándolo desde cero una y otra vez, voy a ir a mi papel de calco. Pero antes de hacer eso, voy a dibujar algunas guías en este trabajo para ayudarme en la siguiente etapa. Dibujaré guías en la parte superior de mis letras mayúsculas y minúsculas. Después agarraré el papel de calco y lo usaré para refinar mi boceto. De esta manera no tengo que seguir redibujando desde cero, puedo estar rastreando y refinando a medida que voy. [ inaudibles] son realmente apretados aquí mismo. Entonces a medida que lo redibuje, voy a extenderlo un poco. Entonces sólo voy a seguir redibujándolo hasta que esté contenta con cómo se ve. Yo quiero acercarlo lo más a final posible, pero siempre podemos hacer algunos pequeños ajustes en Illustrator. Realmente no me gusta lo que está pasando ahí, así que voy a borrarlo y redibujar esa porción. Un poco más así. Esto termina un poco funky, pero probablemente sólo estaré reutilizando el primer final de todos modos. Creo que eso es lo suficientemente bueno para llevarlo a Illustrator. Ahora puedes escanear tus letras con un escáner o si no tienes uno, puedes descargar una aplicación de escaneo para tu teléfono. A mí me gusta usar uno llamado Scanbot porque se puede ajustar para una perspectiva si es necesario, y también almacena todos sus escaneos dentro la aplicación en lugar de mezclarlo con todas sus fotos. Entonces para empezar necesitamos hacer un nuevo documento y voy a hacer mío 3,000 pixels por 2,000 pixels. Para mi proyecto, voy a trabajar en RGB porque no voy a estar imprimiendo esto y asegurarme de que esta casilla de verificación Alinear Nuevos Objetos a la cuadrícula de píxel esté desmarcada. Haga clic en “Aceptar”. Ahora necesitamos poner nuestro boceto en nuestro documento. Entonces voy a ir a Archivo, Lugar, colocar nuestra foto. Voy a agrandar la mía, a alrededor de ahí. Entonces ahora quiero cambiar la opacidad de mi imagen a alrededor del 50 por ciento, y luego bloquear la capa para que no pueda moverla y luego aquí abajo, voy a agregar otra capa y esta es la capa en la que voy a empezar a trabajar, y eso la convierte en un mucho más fácil de rastrear en. Entonces con la capa dos seleccionada, voy a ir a mi herramienta de lápiz y lo puedes hacer pulsando P en tu teclado. Ahora es mucho más fácil si haces zoom. Por lo que ahora que tengo mi obra de arte, necesito armar algunas guías. Ahora mismo mis gobernantes no están apareciendo, así que todo lo que necesito hacer es presionar Command+R en el teclado, y ahora aparecen y si haces clic en la regla y tira hacia abajo, puedes conseguir una guía. Por lo que quiero guiar en la parte superior de mis letras minúsculas- Este punto. - y también en el fondo de mis letras minúsculas. Entonces también quiere uno encima de la M, que es lo mismo para la L y luego también en la parte inferior de la M donde todos estos descendientes golpean, y ahora necesito una guía más. Quiero una guía de ángulo que coincida con la inclinación de mis letras. Entonces para hacer eso, voy a dibujar una línea con la herramienta pluma y como la n aquí es la línea más recta de mis letras, voy a trazar esa. Voy a volver a mi herramienta de selección presionando V en el teclado y ahora quiero escalar esto. En realidad puedes hacer cualquier camino en una guía. Para ello, debes subir a View, Guides, Make Guides, o también presiona Apple cinco en el teclado. Ahora tengo una guía de ángulo. Ahora queremos hacer algunos duplicados de esta guía en ángulo. Por lo que necesito subir a Ver, Guías y desbloquear mis guías. Ahora puedo duplicar esto como cualquier otra capa. Si mantengo opción en el teclado, obtengo doble flecha y eso significa que si hago clic y arrastro, y luego suelto, obtengo otra guía. Puedo hacer eso tantas veces como quiera. Está bien si tu boceto no se alinea perfectamente con tus guías. Para eso están estas guías. Podemos corregir nuestras letras a medida que empezamos a dibujarlo. Entonces, una vez que hayas terminado de hacer tus guías, vuelve a subir a Ver, Guías y bloquea tus guías. Creo que eso es bueno para mis guías Así que empecemos a dibujar. 3. Digitalizar tu boceto: Ahora necesitamos cambiar a la Herramienta Pluma pulsando “Teclado Piano”. Vamos a empezar con el M. Me gusta acercarme bastante cerca. Ahora antes de empezar a dibujar, notarás esta línea rosa que aparece, y eso significa que mis guías inteligentes están encendidas. Cuando empiezo a bajar mis puntos, se engancharán a estas guías. Eso puede ser útil a veces. Pero para este proyecto, no quiero usar eso. Necesito ir a ver, guías inteligentes y asegurarme de que eso esté desmarcado. Muchas veces cuando empezamos a dibujar con la herramienta de lápiz, no estamos realmente seguros de dónde deberíamos estar colocando estos puntos. Simplemente empezamos a dibujar, y ponemos puntos donde queramos, y hacemos cosas como esta. Aquí se puede ver, hay bastante puntos, es 1, 2, 3, 4, 5 puntos en esta pequeña zona. Podríamos ajustarlos y tratar de hacerlos más fluidos. Pero cuantos más puntos tengamos, menos natural de una curva vamos a crear. Cuando hago Monoline Lettering, lo que me gusta es limitarme a crear solo asas de bezier horizontales y verticales. Al hacer eso, te limitas a donde se pueden colocar esos puntos. Déjame mostrarte a lo que me refiero iniciando en este M. voy a poner un punto aquí, y con el ratón pulsado y sosteniendo “Shift” en el teclado, estiro mis asas bezier y sosteniendo “Shift” lo bloquea horizontalmente. Voy a sacar eso un poco. Ahora quiero ir todo el camino hasta el fondo aquí, y encontrar el punto más lejano, que está justo por aquí. Voy a hacer clic, mantener de nuevo “Shift” y arrastrar mi curva hacia fuera. Voy a tratar de seguir mi boceto lo más cerca posible. Entonces voy a subir aquí, click. No necesito ningún manillar ahí. Vuelve a bajar hasta el punto más lejano, mantenga “Shift”, arrástrelo, y siga subiendo aquí, y siga yendo al punto más lejano hacia arriba, y luego vuelva al punto más alejado hacia abajo, y luego rematarlo ahí mismo. Ahora tenemos que volver atrás y hacer algunos ajustes. Porque se puede ver aquí, esta manija ha sido arrastrada demasiado lejos. Cambié a la Herramienta de Selección Directa pulsando la tecla “A” del teclado, puedo hacer clic en mi “Punto de anclaje”, luego mantener pulsado “Shift”, y luego arrastrar esto de nuevo en un poco. A ver, este parece que podría necesitar salir un poco. Entonces aquí arriba, éste definitivamente necesita ser sacado. Entonces eso se ve bastante bien. Voy a cambiar mi camino a negro para que realmente pueda verlo. Puedo apagar la capa de fondo, y luego apagar mis guías presionando “Comando punto y coma”, realmente lo puedo ver. Este parece que necesita un poco más de trabajo, tal vez lo he traído demasiado lejos. Simplemente siempre quieres recordar sostener “Shift”. Ahora probablemente volveré a la justicia más una vez que me hagan todas mis otras cartas. Pero como puedes ver, al limitarte solo a esos mangos horizontales y verticales, puedo crear algunos caminos bastante suaves con mucho menos puntos. A ver. Solo tengo 1, 2, 3, 4, 5, 6, 7 puntos en M entero, y esta letra sólo es asas bezier horizontales. Sigamos adelante. Para el, o, voy a cambiar de nuevo a la Herramienta Pluma, encontrar el punto más alto, mantener el turno y arrastrar hacia la izquierda, luego ir todo el camino hasta la parte inferior, arrastrar hacia la derecha, y volver a subir. Eso sólo necesitó dos puntos. En el pasado, arrastraría un punto aquí, encontraría un punto allá, y recorría todo el camino, y haría el doble de puntos. Eso no se ve tan bien. Ahí vamos. Entonces necesito añadir éste. No me voy a preocupar demasiado por conseguir que sea perfecto. Yo quiero acercarme lo más posible. Pero una vez que haga mis letras, entonces siempre puedo volver y ajustar más. Seguramente te darás cuenta, no lo estoy pegando tan de cerca a mi boceto. Quiero mirar mis guías, y ajustarlo ligeramente en base a esas. Mi boceto fue un áspero y es difícil conseguir las cosas niveladas, y en el mismo ángulo exactamente cuando lo estás haciendo a mano y no tienes tantas guías de las que salir. Para el n, quiero que esta parte de la n sea un camino separado de la parte curva. Voy a cambiar de nuevo a mi Herramienta de Selección presionando el clic fuera de ella, y luego de vuelta a mi Herramienta Pluma para iniciar un nuevo camino. Encontremos el punto más alto al final sosteniendo 'Shift', y vamos a ir hasta aquí abajo. Mantenga “Shift”, y luego podremos volver atrás y arrastrar este un poco más allá. Voy a seguir adelante y mover esto ligeramente por aquí, y luego mover esto. Ahora otra cosa, no quería estas conectadas porque quería poder moverlas si necesitaba. Pero este punto debe alinearse con este punto. Ahora, al hacer cosas como esas, es útil tener las guías inteligentes encendidas porque el punto se encaja entre sí. Para encender esos rápidamente, necesito hacer es presionar el comando “U” en el teclado y se puede ver el morado apareciendo. Eso significa que está encendido, haga clic en este punto y arrástrelo, y lo encaja hasta ese punto. Vamos a acercar. Ahí lo tenemos chasqueado justo ahí. Do mark out. Desactivemos las guías inteligentes pulsando nuevamente el comando “U”. Ahora tenemos esto, o, y tenemos otra o aquí. Solo voy a duplicar esto manteniendo la opción de turno, arrastrándolo. También tenemos otro n, para hacer lo mismo por esos, entonces vamos a seguir mi camino a través de mi palabra. Siempre solo tienes el dedo en el turno. Ahora si hice clic aquí, conectará esos a un solo camino. sólo me gustaría mantener mis cartas desconectadas a veces, si acaso quiero moverlas. Si no los necesitas desconectados, solo tienes que hacer clic y conectar los dos caminos, o simplemente hacer clic ligeramente lejos del punto de anclaje, cambiar a tu Herramienta de Selección Directa. Encienda sus guías inteligentes y encaja en su lugar. Si bien estoy aquí, voy a hacer un poco de ajuste. Entonces este n, sí quiero que sea un poco diferente. Este punto va a terminar por aquí, y elimino este punto, y solo lo ajusto ligeramente, lo que lo hace un poco más interesante, por lo que no son exactamente iguales. Entonces pasemos a nuestra última carta. Ve a la cima, da la vuelta por todo el camino hasta aquí. Puedo ver si he hecho clic aquí abajo y estirado tenemos esta rara forma de S pasando. Necesito cambiar la dirección de este mango. Para ello, mantengo “Opción” en el teclado, que cambia la herramienta de lápiz a la herramienta de punto de anclaje. Doy click en eso. Entonces quiero mantener el turno, por lo que lo mantiene recto, y arrastra eso hacia fuera en la dirección opuesta. Ahora sólo puedo continuar mi camino. Ahora solo puedo volver atrás, y ajustar cualquiera de mis mangos que necesiten ajustar. En este punto es una buena idea apagar tu boceto, para que puedas ver el pase por su cuenta e incluso puedes apagar las guías solo para darte una visión un poco más clara de lo que está pasando. Si sí tienes problemas para conseguir que una curva se vea exactamente como la quieres con solo las asas de bezier verticales y horizontales. Intenta agregar en otro punto mediante el uso de un mango bezier de 45 grados. Así como un ejemplo de agregar un punto aquí, y quiero usar 45 grados. Todavía tengo turno y me voy a chasquear a 45 grados. Se ajusta a una horizontal, 45 y vertical. No quiero ese punto, voy a deshacer. Sólo recuerda, cuantos menos puntos tengas, más natural de una curva vas a conseguir. Voy a seguir ajustando mis curvas donde creo que lo necesita. Deshacerse de los bordes rectos que veo o protuberancia y tratar de que todo se vea lo más suave y natural posible. Otra cosa que sería inteligente hacer en este punto es hacer que tu trazo sea tan grueso como quieras que sea. Porque a veces un trazo más grueso puede cambiar el aspecto del camino. Voy a poner el mío a ocho, y hacer un poco más de ajuste. Si quieres redibujar tus asas para que tengan la misma longitud, todo lo que necesitas hacer es cambiar a esa herramienta de anclaje manteniendo pulsado “Opción”. Haga clic en su “Punto” y vuelva a dibujar. 4. Espaciar las letras: Ahora tengo los caminos bastante cerca de lo que quiero que sean. Voy a trabajar un poco en el espaciado de las letras. Un truco que me gusta hacer es entrecerrar los ojos y mirar la palabra. Al entrecerrar los ojos, te ayuda a ver dónde algunas de las letras podrían estar más apretadas de lo que necesitan, o más separadas. Por lo que solo debes mirar donde hay grandes brechas o las brechas no son lo suficientemente grandes. A mí me parece que este o y n son un poco apretados. Entonces voy a sacar un poco mis cartas. Este o y n son un poco apretados también. Parece que esto me podría centrar un poco mejor entre la l y n. Así que voy a seleccionar esos puntos y simplemente moverlos un poco con las flechas de mi teclado. Seguiré entrecerrando y mirando, y viendo lo que pienso. 5. Toques finales: Ahora que tenemos todas nuestras partes hechas, podemos hacer algunas cosas para rematarlo. Primera opción, podríamos agregar un gorro redondo a los extremos de nuestras letras. Si queremos hacer eso, asegúrate de que toda nuestra parte esté seleccionada. Acude a nuestra paleta Stroke, y haz click en la Tapa Redonda, y también queremos hacer click en las esquinas redondeadas también para que áreas como esta en la E sean redondeadas. Se puede acercar y se puede ver en los extremos, todos son bonitos y redondeados. Si quieres mantener los extremos planos, tendrás que hacer un poco más de trabajo, porque en este momento las gorras van en dirección a los caminos, y se ve mucho mejor si son perfectamente horizontales. Para ello, necesitamos delinear nuestros caminos. Absolutamente necesitas duplicar esto primero, siempre lo tienes y puedes cambiar el peso del trazo más adelante si lo necesitas. Simplemente arrastra tu capa hacia abajo a una nueva capa, y hace una copia. Simplemente puedes bloquear y ocultar tu copia. Selecciona toda tu palabra, sube a Objeto, Trazo de contorno de ruta. Ahora, nuestra palabra es un relleno y ya no un trazo, necesitamos un zoom. Para que estas sean horizontales, vamos a acercarnos bastante lejos y voy a encender nuestras guías inteligentes, y eso es Command U en el teclado. No quiero que se acople a las guías, así que necesito apagar las guías. Yo quiero que encaje de nivel con este punto. Al hacer esto, asegúrate de no querer sacarlo aquí, y entonces tendrás un grosor extraño aquí arriba. Desea asegurarse de que a medida que tira del punto hacia arriba, el contorno de sus trazados coincida con la forma. Una vez que esté nivelado, puedes dejarlo ir, y pasar al siguiente. Nosotros vamos a hacer lo mismo con esto aquí abajo. No quiero hacerlo aquí, quiero mantener ese ángulo con la curva. Seguiría haciendo esto por toda la palabra. Entonces una opción más sería tener las tapas planas, pero tener las esquinas ligeramente redondeadas, para que no estén tan afiladas. Esta opción sólo está disponible para Illustrator CC, voy más alto. Lo que tendrás que hacer es asegurarte de que tienes el camino de esquina seleccionado que quieres alrededor, luego sube aquí a Corners y cámbialo por lo redondeado que quieras. Un píxel suele ser bastante bueno, y sólo lo redondea ligeramente para que sea un poco más suave. Puedes seleccionar todas tus esquinas y hacer el redondeo todos a la vez, o hacerlas de una a la vez. Cuando termines con tus letras, asegúrate de publicarlo en tu Página de Proyecto, y me encantaría ver todo tu proceso comenzando con tu boceto. Una vez que hayas terminado de dibujar tu pasado en Illustrator, toma una captura de pantalla de todas tus asas verticales y horizontales. Puedes hacerlo subiendo a Illustrator, Preferencias Selection & Anchor Display, y asegúrate de tener manejadores de show cuando se seleccionen varios anclajes, se comprueban. Haga clic en “Ok”. Después, cuando tengas seleccionada la herramienta Selección directa y selecciones tus trayectorias completas, se mostrarán todas tus asas. Esa es una forma divertida de ver cómo creaste tus curvas. Gracias chicos por tomar mi clase, espero que te haya gustado. Siéntete libre de hacerme cualquier pregunta, y si publicas alguno de tus trabajos en Instagram, asegúrate de etiquetarme bajo un par de pares, y además no te olvides de dejarme tu opinión. Gracias otra vez chicos. Te veré la próxima vez.