Sombreado de letras en Illustrator | Jamie Bartlett | Skillshare
Menú
Buscar

Velocidad de reproducción


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

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.

      Comienzo

      1:35

    • 2.

      Prepara las letras

      2:35

    • 3.

      Por partes

      2:22

    • 4.

      Crea la sombra

      4:25

    • 5.

      Varias sombras

      1:36

    • 6.

      Ajusta los colores

      1:12

    • 7.

      Acábalo

      2:16

    • 8.

      ¡Consejos extra!

      2:07

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

7688

Estudiantes

112

Proyectos

Acerca de esta clase

En esta clase, aprenderás a agregar rápidamente sombras texturizadas a tus letras diseñadas con vectores en Illustrator Es una forma muy fácil y divertida de agregar mucho estilo y profundidad a tus letras. 

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. Comienzo: Hola chicos, soy Jamie Bartlett. En esta clase, vamos a estar aprendiendo a pedir agregar algunas sombras de estilo texturizado a nuestras letras dentro de Illustrator. Es súper rápido y fácil y es una gran manera de agregar algo de estilo a tus letras. Con un proyecto de clase, solo necesitas Illustrator y algunas letras vectoriales. Puedes usar letras que ya has creado o puedes crear algo nuevo para la clase. Si necesitas algo de inspiración, un gran lugar para empezar, son tus iniciales porque solo hay unas pocas letras. Entonces vamos a saltar justo dentro. Aquí están las letras que voy a estar usando. Puedes hacer cualquier tipo de letras de estilo que quieras, solo necesita ser un vector. Si necesitas ayuda para convertir tus letras en vector, sí tengo una clase llamada monoline. En esa clase, enseño una de mis técnicas favoritas sobre cómo vectorizar tus letras usando la herramienta pluma. Mi letras usa trayectorias de trazo para empezar, pero el tuyo no necesita hacerlo. Simplemente hace las cosas un poco más fáciles en nuestro primer paso. Entonces empieza por hacer un nuevo documento. En mi documento se establece en 2000 píxeles por 1500 píxeles. Asegúrate de que sea RGB y asegúrate de desmarcar, alinear nuevos objetos a la cuadrícula de píxeles si eso fue seleccionado. Después también asegúrate de que tus unidades estén configuradas en píxeles. Haga clic en “Ok”. Después trae tus letras a este documento. Voy a cerrar eso ya que ya tengo la mía puesta en marcha. Antes de empezar, quiero mostrarles cómo va a ser nuestro proyecto final. Entonces tengo todas las letras aquí con diferentes colocaciones para sombras. Puedes divertirte mucho decidiendo dónde quieres agregar más profundidad a tu carta. Porque normalmente, probablemente no se te ocurriría añadir una sombra aquí o en estos puntos, pero sí agrega mucho. 2. Prepara las letras: Volvamos a nuestros caminos originales. Lo primero que quiero hacer es duplicar esta capa para que tenga una copia de seguridad. Todo lo que voy a hacer es ir a la “Paleta de capas”, arrastrar mi capa hacia abajo al icono de “Nueva capa”, y ahora tengo una “Copia de caminos”. Voy a bloquear esa capa y esconderla. Ahora siempre tengo eso para volver a si por alguna razón me metí la pata. Siempre asegúrate de ahorrar a medida que avanza. Antes de delinear mis Caminos y convertirlos en rellenos, hay algunas situaciones en las que es mucho más fácil separar las capas mientras sigue siendo un camino. Una de esas situaciones es esta L aquí. Si recuerdas por mi ejemplo, queremos que esta parte de la L parezca que se está superponiendo esta parte trasera, por lo que necesitamos una sombra en esta parte trasera. Pero si lo delineamos, estas dos partes que se cruzan se van a fusionar juntas. Tenemos que romper este camino antes de que se fusionen. Seleccione su capa y, a continuación, cambie a la “Herramienta de selección directa” pulsando A en su teclado, luego seleccione los puntos que contengan la ruta superpuesta. Si selecciono este punto, los dos puntos a cada lado de ese también se van a copiar cuando lo copie y pegue. Copia, Comando C, y luego pega delante presionando Comando F en tu teclado. Ahora tengo esta línea duplicada. Si me lo quité, se puede ver que todavía tengo eso debajo, y eso es genial. Esto se aplica a cualquier letra que tenga caminos superpuestos dentro de ellos así. El D tiene caminos superpuestos, pero se puede ver que ya son dos caminos separados, así que no necesito preocuparme por ese. Si recuerdas cómo hice el N, Este es otro que puedo hacer esto también. Si cambio de nuevo a la “Herramienta de selección directa” pulsando A, y quiero que se duplique este camino, así que seleccionaré este punto, y copiaré y pegaré delante, y luego tengo eso listo para ir. Necesito hacer lo mismo por este camino. Entonces voy a seleccionar ese punto y el camino, copiar, pegar, y ahora tengo ese. Tengo una más a la que puedo hacer esto mientras sigue siendo un camino. Voy a hacer la A, copiar pegar al frente, y todo lo demás funcionará mejor una vez que esté lleno. Una vez que hayas hecho todo eso, sigue adelante y selecciona todas tus letras, luego sube a “Objeto, trayectoria, trazo de contorno”. Ahora todo se ha convertido en un relleno. Se puede ver que la L aquí todavía está separada. 3. Por partes: A continuación tenemos que terminar de separar todas nuestras capas. Por ejemplo, esta E, quiero que las sombras estén en cada parte de estos enlaces aquí. Necesito hacer una selección para tener esta superposición en la parte superior. Voy a seleccionar esa parte de la E, copiarla y pegarla delante y luego voy a hacer doble clic sobre ella, para entrar en modo de aislamiento para que no se pueda seleccionar nada más, solo esa capa. Voy a acercar y voy a añadir algunos puntos de anclaje a este camino. Para ello, voy a presionar el signo más en mi teclado y luego solo tienes que hacer clic donde quiero que se agregue ese punto de anclaje. Después voy a encontrar mi Herramienta Lazo, seleccionar todos los puntos que quiero eliminar, luego ir a Objeto, Trayectoria,Eliminar luego ir a Objeto, Trayectoria, puntos de anclaje. Voy a acercarme un poco más y sólo voy a mover un poco este punto. Si necesitas ajustar alguno de tus puntos, cambia a la herramienta de selección directa presionando A y solo puedes moverlo un poco más, para que quede un poco más recto. Entonces solo puedo despegar estos otros dos y entre presionando menos en el teclado. Tengo esa E separada. Yo voy a hacer lo mismo para el G de aquí. Para salir del modo de aislamiento, todo lo que necesitas hacer es hacer doble clic fuera de esa capa. Voy a hacer lo mismo con la G; copiar y pegar delante, doble clic para aislarlo y luego acercar y necesito agregar un punto justo por aquí. Simplemente presiona signo más, agrega tu punto, ve a tu Herramienta Lasso y selecciona todos aquellos puntos que quieras eliminar. Entonces Objeto, Trayectoria, Quitar puntos de anclaje. Ahora en esta situación, verás que los mangos en estos dos puntos se extienden. Cambia a tu Herramienta Pluma y mantén la opción en el teclado y tira de ese asa hacia arriba en ese punto de anclaje. Todo se enderezará. Ahí vas. Seguiremos haciendo eso, hasta que todo esté separado como quieras. 4. Crea la sombra: Antes de tener las sombras, empezaremos cambiando el color de nuestro texto para que podamos ver las sombras, porque las sombras van a ser negras y si las letras son negras entonces no lo podemos ver. Entonces por ahora, sólo voy a cambiar mi color a un gris más claro. Si sabes qué color quieres, siéntete libre de elegir ese color ahora, aunque siempre puedes cambiarlo más tarde. Empecemos agregando la sombra a este L. Quiero que la sombra esté en esta porción de la L debajo de este camino. Por lo tanto, selecciona la parte del camino que quieres tener una sombra en él, ve a tu panel de apariencia. Si eres panel de apariencia no está ya por aquí, sólo tienes que subir a la ventana y encontrar apariencia. En Illustrator, en realidad puedes agregar múltiples rellenos y trazos a cualquier objeto. En este momento tenemos un relleno, queremos añadir otro relleno. Así que haz clic en el botón Añadir nuevo relleno y crea un nuevo relleno aquí. Pero queremos que ese sea un relleno degradado. Ve a tu herramienta de degradado, asegúrate de que el relleno esté seleccionado y luego cambia el relleno aquí para que sea un gradiente. Después ve a tu herramienta de gradiente, haz clic y arrastra donde quieras esa sombra. Eso lo restablecerá. Ahora necesitamos hacer algún ajuste de nuestro gradiente. El primero que tenemos que hacer es hacer nuestro gradiente radial en lugar de lineal. De esta manera, es un círculo. Entonces queremos cambiar el blanco y el negro para que el negro esté en el centro y el blanco salga al borde. Ahora queremos ajustar el posicionamiento de nuestro gradiente. Queremos arrastrar el centro justo donde queremos que aparezca la sombra. Entonces necesitamos hacer esto mucho más pequeño, probablemente más a partir de ahí. Vuelve a tu panel de apariencia, expande tu relleno de degradado. Queremos cambiar el modo de mezcla de este relleno para que se multiplique. De esa manera el blanco ya no aparece y se mezcla en nuestra capa. Simplemente tenemos la oscuridad apareciendo, si quieres, solo la opacidad, podrías incluso parar aquí y tener una sombra de gradiente. Pero vamos a llevarlo un paso más allá y le agregaremos algo de textura. Para agregar algo de textura se asegura de que se seleccione el relleno degradado, y luego vamos a bajar aquí y añadir nuevo efecto. Ve a la textura, grano. Asegúrate de que tu grano esté listo en punteado, y luego puedes jugar con el aspecto que quieras. Sé que me gusta el mío a unos 40 y 25 años. Presionar Ok. Ahora puedes ver cómo se ve eso. Cuando estás usando el efecto de grano punteado, no puedes cambiar el color del gradiente. Siempre va a ser blanco y negro. De verdad rápido voy a cambiar el color de mi L solo para que veas de qué estoy hablando. Vamos a cambiarlo a este color rojo. Ves que el grano aquí sigue siendo negro. Entonces lo que me gusta hacer es cambiar la opacidad de mi grano, así que parte del color rojo rosado empieza a salir y no es tan duro, así. Realmente necesitas que el grano sea coloreado, siempre puedes volver a entrar en grano y cambiarlo de punteado a espolvoreado. Agregas ajusta el contraste hasta que la mayor parte de la capa sea blanca. Entonces si lo configuras en una ruta ahí, presiona Ok, y luego puedes volver a tus gradientes y cambiarlo al color que quieras. Aquí puedes ver que cualquiera que sea la llamada que elijas, como este azul, cambia el grano al color. Lo único que no me gusta de este efecto de espolvorear es que se puede ver el grano que se desvanece. tanto que el efecto punteado que me gusta usar realmente hace esto fuera, la densidad de la textura se pone menos para crear el gradiente. Por lo que voy a volver a cambiar mis letras para que sean grises. Ahora que tienes tu conjunto de sombras, puedes jugar y hacer algunos ajustes. Si tienes seleccionado tu relleno degradado, cambia a la herramienta de gradiente presionando G, y puedes acortar esto para traerlo más lejos, puedes extenderlo, y también puedes traer el negro en más, que lo oscurece, lo hace más sólido al principio. También haz eso por aquí. Entonces esto es lo que estaba haciendo. Tenemos que lo oscurece cualquier configuración que prefieras. También puedes volver siempre al grano y jugar más aquí con él. 5. Varias sombras: Ahora, agreguemos esa textura a otra letra. La forma más fácil de hacer eso se cambia a tu herramienta de selección, selecciona lo siguiente que quieras aplicar la herramienta Sombra. Voy a hacer esto d aquí y tengo una sombra en la parte superior y la inferior. Ahora, en lugar de volver a hacer todos esos pasos, puedes probar la sombra con tu herramienta Cuentagotas. Para que eso funcione primero, llegamos a asegurarnos de que nuestros ajustes de herramienta Cuentagotas sean correctos. Encontrarás tu herramienta Cuentagotas, haz doble clic para abrir las opciones y debes asegurarte de que la apariencia esté marcada. Presiona Ok, y luego haz clic, y muestra tu grano. Se puede ver que tu grano aparece ahí arriba. Se puede ver que esta capa tiene el relleno gris y el relleno degradado igual que RL. Ahora, necesitamos posicionar esto donde lo queremos. Cambia a tu herramienta de gradiente y luego solo puedes posicionarla y agrandarla justo como quieras, y como tengo esta parte de la capa D en la parte superior, va justo donde quiero que vaya. Pero ahora, necesitamos agregar otro relleno de gradiente aquí para crear otra sombra. Solo necesito duplicar este relleno. Para ello, me aseguro de que los rellenos seleccionados y luego bajar a aquí y este es duplicado elemento seleccionado. Presiona eso y creó otro aquí abajo. Entonces solo lo movemos hasta donde lo queremos y ahí vas y continúa con todas tus cartas. Una vez que tengas todas las letras sombreadas, cómo quieres que sean, ahora puedes jugar con el color o cualquier ajuste que quieras hacer. 6. Ajusta los colores: Si recuerdas, mi final tiene múltiples colores, pero solo te voy a mostrar cómo hacerlo todo un solo color por ahora, y siempre puedes cambiar los colores como quieras. La forma más fácil es simplemente utilizar la herramienta Varita mágica. Puedes hacer doble clic en la herramienta Varita mágica para cambiar la configuración. Asegúrese de que Relleno esté marcado y la tolerancia esté establecida en cero. A continuación, haga clic en el color que desea seleccionar, que es nuestro color gris. Entonces podemos ajustarlo a cualquier color que queramos y ver que lo cambia a cualquier color. Digamos que tenías un color por aquí que realmente te gustó, como este color púrpura, y quieres que tus letras sean de ese color púrpura. Así que usa de nuevo tu herramienta Varita para seleccionar todo el rojo, luego usa tu herramienta Cuentagotas. Entonces si solo hicieras click derecho sobre el morado, todo cambia a morado. Por lo que perderías todas las sombras y todo el verde porque está probando la apariencia de este cuadrado morado y eso no tiene sombras en él. Entonces para sortear eso, tienes que mantener presionado Shift en el teclado mientras haces clic. Eso sólo muestra el color y no toda la apariencia. 7. Acábalo: Entonces aquí está mi letra final, lo sombrearé y lo colorearé como lo quiera. Pero una cosa que podría molestarte, quizá no, es que debido a que este es un efecto de ráster, parte del grano sale fuera de la forma. Entonces para sortear eso, lo que vamos a hacer es enmascararlo. Voy a alejarme, hacer una selección de todas mis letras, y agruparla presionando “Comando G”. Ahora es un grupo. Ahora quiero copiar y pegar eso al frente. Entonces, a continuación, quiero fusionar por completo esta capa duplicada e ir al “Pathfinder” y luego presionar “Unite”, para unir todas esas formas juntas. Después vamos a cambiar esta capa a blanca y luego la cortamos presionando “Comando X”. Sube a Ventana, transparenta con tu letra seleccionada, haz doble clic para añadir una máscara, y mientras dentro de esa máscara, podemos pegar al frente, y hace una máscara aquí. Si nos acercamos, se puede ver que ya no sale fuera de nuestras letras. Entonces otra cosa a saber es que el tamaño del grano se basa en lo grande que es tu objeto. Digamos que nuestra letra era de ese tamaño. Si nos acercamos, se puede ver lo grande que es ese grano y no se ve tan genial. Por lo que quieres asegurarte de que sea lo suficientemente grande para que el grano se vea bien. Ahora bien, la resolución sobre este documento es mucho mayor de lo que quería ser cuando lo exporte. Si voy a exportarlo, siempre puedo decir para web y cambiar el tamaño de la misma aquí mismo. A pesar de que si quería que fuera 800 por 600, lo hago, y lo redimensiona para mí, pero el grano mantiene su tamaño. Eso es todo lo que hay para agregar algo de sombreado a tus letras. Espero que ustedes hayan disfrutado de esto y no puedo esperar a ver todos sus proyectos. Si publicaste en Instagram, siéntete libre de etiquetarme a un par de pares, para que pueda ver tu trabajo. Me encanta si me dejaste una reseña, y si tienes alguna pregunta, siéntete libre de preguntarme en la página de la comunidad. Gracias chicos. Te veré la próxima vez. 8. ¡Consejos extra!: Hey chicos, estoy de vuelta y solo quería compartir con ustedes un video extra rápido en unos cuantos consejos útiles, eso podría ser útil a medida que construyan su efecto. El primero es, quiero mostrarte cómo puedes cambiar la forma de tu gradiente radial. Si te metes en tu gradiente radial, todo lo que tienes que hacer es agarrar el punto superior aquí y puedes calmarlo, o incluso estirarlo, y eso podría ser útil dependiendo de la forma de tu carta. El siguiente consejo te será útil si necesitas que tu obra sea todo vector. Te voy a mostrar cómo vectorizar nuestras sombras. Yo voy a hacer sólo la L por ahora, pero tú puedes hacerlo a todas tus cartas. En primer lugar, voy a copiar y pegar la parte de la carta que tiene una sombra sobre ella. Entonces voy a cambiar el relleno de ese color a blanco, y luego una vez que sea blanco vaya a objetar, rasterizar. Asegúrese de que la resolución sea 300 y que el fondo esté configurado en transparente. Presiona “Ok”, y ahora está rasterizado. Por lo que el siguiente paso es trazar la imagen. Por lo que aquí arriba, verás traza de imagen, y si haces clic en la flecha abajo, puedes seleccionar “Logotipo Blanco y Negro”, ese parece funcionar bastante bien. A continuación, necesitamos abrir el panel de seguimiento de imagen. Así que sube aquí en tu barra de herramientas, presiona eso para abrir, y aquí están todas nuestras opciones de rastreo. Por lo que puedes meterte con el umbral girándolo hacia arriba o hacia abajo, para que más o menos de la textura se muestre. Además, queremos asegurarnos de que tenemos ignorar cheque blanco. De esa manera sólo tenemos las sombras negras. Una vez que lo tengas, cómo te guste, sube aquí y pulsa “Expandir”, y ahora tenemos sombras vectoriales. Dado que es vector, incluso puedes entrar y cambiar el color de las sombras a lo que quieras. Voy a seleccionar el azul de mi L cambiando a la herramienta cuentagotas, y luego manteniendo pulsado “Shift” para asegurarme de que no selecciono el gradiente. Ahora es del mismo color que el L. Así que sólo voy a entrar aquí y oscurecerlo un poco. Si apago mi viejo gradiente de textura, puedes ver el nuevo. Gracias chicos. Espero que te gusten estos dos pequeños tips y fue capaz de ayudarte a personalizar aún más tu efecto.