Del papel al digital: lettering con pincel para acuarela | Jenny Lee | Skillshare
Buscar

Velocidad de reproducción


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

Del papel al digital: lettering con pincel para acuarela

teacher avatar Jenny Lee, Hello Brio Studio

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.

      Dibujemos Dibujemos

      1:01

    • 2.

      Digitalizar y vectorizar

      10:23

    • 3.

      Comparte tu trabajo

      1:34

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

3888

Estudiantes

16

Proyectos

Acerca de esta clase

Sigue la diseñadora e ilustradora Jenn Coyle de Hello Brio, mientras vectorizes de la caligrafía de pinceles de acuarela. Saber cómo vectorizar tu arte de acuarela es una habilidad crucial para que tu trabajo pueda adaptar cualquier tamaño sin ser que sea la calidad más pixelar o la pérdida de calidad.

¡Consulta la pestaña de proyecto de la clase para obtener más información!

Conoce a tu profesor(a)

Teacher Profile Image

Jenny Lee

Hello Brio Studio

Profesor(a)

I'm Jenny, a Philadelphia-based artist and writer. Wife, mom of 2. Energetic INTJ.

I'm a hand lettering artist who loves iPad stuff. When I'm not working, you can find me reading or journaling. I'm indoorsy.

Let's connect! Get lettering inspiration on Instagram, subscribe to my YouTube videos, follow along with posts about minimalism, or take my Skillshare classes.

Fun facts: I have a bachelor's degree in Interior Design; I never used it. I'm mildly allergic to peanuts, but I eat peanut butter all the time. Fueled by burritos. Things that rock my socks: brunch, running, embroidery, biohacking, and atmospheric indie music.

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. Dibujemos Dibujemos: Oigan chicos. Se trata de Jen Coyle de [inaudible]. En esta clase te voy a estar mostrando cómo llevar tu pincel de acuarela letras de papel a digital, en Photoshop e Illustrator. Entonces, empecemos. Entonces lo primero que tenemos que hacer es conseguir nuestra cotización en el papel. Solo estoy usando carros pegados, un pincel de agua Pentel y unas acuarelas Winsor Newton y mi paleta, y he ido adelante y tirado algunos colores hacia un lado. Puedes optar por hacer cualquier cotización que quieras, ya sea que quieras hacer una cotización más larga o letras de canciones o algo así. Yo sólo voy a hacer dibujar más por lo que es rápido y fácil mostrarte cómo vectorizar en Illustrator. Pero siéntete libre de hacer lo que quieras o usa draw más si estás atascado por una idea. Para obtener más información sobre letras de pincel, puedes consultar mi eBook, Getting Started With Brush Lettering, y también dejaré enlaces en la descripción de la clase para obtener más información sobre cómo usar un cepillo de agua Pentel para pincel acuarela letras. Adelante y toma una foto de tu cita carta de mano y subirla a tu proyecto de clase en SkillShare. Ahora, solo voy a seguir adelante y escanear mi cotización en esos 300 DPI. Estamos usando mi escáner Canon, y luego lo llevaré a Photoshop. 2. Digitalizar y vectorizar: Después de que tu letra cepillada de acuarela haya terminado de secarse, adelante y escanéala en tu computadora a 300 DPI. Esto está en mi escritorio, así que solo voy a seguir adelante y arrastrarlo a Photoshop. El primero que tenemos que hacer es acercar aquí para que podamos ver todo, y luego con la Herramienta Eraser, solo voy a crear una Swatch en este papel para que pueda ver donde lo más ancho necesita estar porque necesito para esto fondo para ser completamente blanco. Voy a golpear “E” en mi teclado para Eraser, aumentar el tamaño golpeando el corchete derecho y simplemente dibujar una muestra aquí. Si por la razón que sea esto surge como un color diferente, solo necesitas asegurarte de que tus muestras por aquí, blancas sobre el fondo. Si no lo es, solo puedes presionar “D” en tu teclado por defecto y eso automáticamente lo hará blanco. Aquí se puede ver que a pesar de que el papel se ve blanco antes de que necesito que el papel sea este blanco. Esta es una buena muestra de muestra. Ahora, necesito subir mi paleta de niveles, seguir adelante y presionar “Command or Control L” en tu teclado. Esto va a subir el Panel de Niveles, y se puede ver con este deslizador derecho más, lo voy a deslizar a la izquierda hasta que el papel empiece a coincidir con esa muestra que creé. Basta con hacer clic y arrastrar lentamente hasta que desaparezca. No quieres ir demasiado lejos porque no quieres desaturar tu acuarela, pero solo quieres asegurarte de que tengas un bonito fondo blanco limpio. Eso se ve bastante bien, cuando estés contento con eso, adelante y haz clic en “OK”. Mientras estás aquí, puedes seguir adelante y limpiar algunas marcas en tu papel o en tu escáner. Se puede cambiar el tamaño de Eraser utilizando el corchete izquierdo y derecho. Yo sólo voy a limpiar algunas de estas muestras aquí, donde conozco mis escáneres sucios, y una vez que estés contento con eso, solo puedes seguir adelante y presionar “V” en tu teclado o seguir adelante y hacer clic en la “Herramienta Mover”. Pulse “Comando o Control A” para seleccionar Todo, Comando o Control C para Copiar. Entonces vamos a entrar a Illustrator. Voy a golpear comando N para Nuevo Documento, realmente no importa de qué tamaño sea tu mesa pero sí importa en la sección Avanzado, así que si no puedes ver esto, adelante y haz clic en el menú desplegable aquí. Para una aplicación digital, desea que el Modo Color sea RGB y los Efectos de ráster sean Pantalla o 72 PPI. De lo contrario, si desea que esto se imprima, puede cambiar esto a CMYK y luego cambiar los Efectos de ráster a 300 PPI. Adelante y haz clic en “Aceptar”, y ahora tienes tu documento. Voy a golpear a “Comando V” para pegar aquí en mi obra de arte. Ahora, tal vez te estés preguntando, ¿por qué necesito digitalizar mi obra aún más lejos de limpiarla en Photoshop? Bueno, la gran noticia sobre las ilustraciones vectoriales es que se puede escalar hasta cualquier tamaño posible. Si quisieras seguir adelante e imprimir una pancarta o algo mucho más grande que tu pila ocho y media de papel, esa es una gran razón para vectorizar tu trabajo. Si bien estamos en Illustrator, voy a seguir adelante y acercar acercando pulsando Z en mi teclado y dibujando una caja. Necesitas tener algunos paneles arriba, a saber, el Panel de seguimiento de imagen, así que si aún no lo tienes arriba, ve a Ventana, Rastreo de imagen, y hay un par de presets a los que puedes echar un vistazo. La mayoría de las veces cuando estoy vectorizando mi acuarela, utilizo High Fidelity Photo porque captará la representación más precisa de la acuarela, textura y todo así. Pero también puedes usar cosas como Baja Fidelidad Foto, 16 Colores, etcétera. Te mostraré la diferencia. En primer lugar probemos 16 Colores. Esto va a tomar un poco para calcular todos los píxeles, así que voy a seguir adelante y saltar hacia adelante en el video. Esto es con 16 colores, voy a acercar aquí para que puedas ver el detalle. Ahora, puedes ver que hay varias manchas de color que se están creando en Illustrator, por lo que esto puede o no ser suficiente detalle para ti. Si no lo es, podemos probar otro filtro. De hecho pegaré en otra copia de mi obra de arte para que puedas ver estas todas de lado a lado. Ahora con este, voy a hacer 16 Colores y luego voy a aumentar el umbral a 30 Colores, así que te mostraré cómo se ve eso en un segundo. De nuevo, esto es con 16 Colores y si cambias el umbral de color, puedes ir hasta 30 aquí, y eso lo hará un poco más detallado. Asegúrate de tener marcada la casilla Vista previa para que puedas ver la vista previa a medida que está sucediendo. Ahora, tenemos dos imágenes, una está a 16 Colores y otra a 30 colores, así que si hacemos zoom aquí, puede ver esto es a los 16 por aquí, y se puede ver esto es 30 Colores por aquí. Hay un poco de diferencia, hay mucho más detalle por aquí, pero ahora te voy a mostrar cómo se ve en High Fidelity Photo. Voy a pegar en otra copia de mi dibujo, acercar aquí, y luego trazar esto en High Fidelity Photo. Este es un escaneo con el trazado de Foto de Alta Fidelidad, puedes ver cuántas más manchas de color hay y cuánto más detalle hay en comparación con 30 Colores y nuevamente a 16 Colores. Ahora, con este ajuste de Foto de Alta Fidelidad seleccionado, incluso puedes aumentar o disminuir el número de colores aquí. Pero solo quieres asegurarte de que el tamaño de tu archivo no va a ser demasiado enorme, porque en este momento hay 419 colores, pero tal vez si lo aumento para ser alrededor de 2,000 colores, tu computadora podría no gustarle con todo el procesamiento que tiene que ver. Tan solo para seguir adelante y elegir lo que te queda bien y lo que puede manejar tu computadora, y luego cuando termines, te mostraré cómo expandirla y limpiarla. Voy a seguir adelante y aumentar un poco esto. Se puede ver cuando aumento la Precisión del Color a 100, los colores saltaron de 400 y algunos colores a 2,000 colores, pero en realidad me gusta cómo resultó esto, y porque solo hay un par de colores en mi acuarela original dibujo, eso no está tan mal. Voy a alejarme de todo tocando Comando 0 en mi teclado, y quería eliminar a estos otros tipos de aquí porque no los necesito. Mover es hacia el centro. Una vez que estés contento con tu dibujo trazado de imagen, sigue adelante y haz clic en “Expandir” en la parte superior, y esto convertirá todo en Caminos. Esto es lo que pasa después de expandir todo. Voy a seguir adelante y acercar aquí para que podamos ver todo. Ahora bien, si hacemos clic en varias manchas del dibujo, puede ver que hay una tonelada de diferentes áreas del dibujo que se vectorizan, incluyendo el fondo. Lo que tenemos que hacer es hacer clic en todo aquí con la Herramienta Select, que es V en tu teclado, y luego Desagrupar todo pulsando Shift, Comando G dos veces. Ahora, se puede ver que si selecciono varias partes del dibujo, se van a seleccionar diferentes áreas. Una vez que tengas todo desagrupado, sigue adelante y selecciona varias partes del fondo de tu imagen y pulsa “Eliminar” en tu teclado. Esto te va a permitir limpiar mucho este fondo blanco. También puedes hacer clic y arrastrar cuadros para eliminar partes principales de tu fondo aquí. En realidad necesitamos dibujar un fondo oscuro detrás nuestras letras para que podamos asegurarnos de que estamos limpiando esto correctamente. Voy a seguir adelante y dar clic en la Herramienta Rectángulo y luego elegir aquí un color oscuro, y dibujar un rectángulo alrededor de todo, y enviarlo a la parte posterior pulsando Cambio de comando, Soporte izquierdo. También puedes hacer eso haciendo clic y arrastrando tu capa hasta la parte inferior de tu Panel de Capas. A pesar de que hemos ido adelante y limpiado mucho el fondo, todavía queda mucha limpieza por hacer. Voy a hacer esto más fácil para mí mismo bloqueando esta capa de fondo y acercando mi Mesa de Trabajo aquí para que pueda empezar a seleccionar partes del fondo, luego limpiar. Ahora, esto puede tardar para siempre si piensas en hacer clic en cada parte de tu fondo, pero lo que puede acelerar el proceso es usar Seleccionar, Same, Fill Color, y he ido adelante y he creado un atajo para Command R para esto. Para configurarlo, ve a Editar, Atajos de teclado, ve a Comandos de menú, y luego quieres hacer Seleccionar, Mismo, Color de relleno y sigue adelante y cambia el atajo a cualquier método abreviado que quieras usar. He usado el comando R porque lo que fuera que hubiera antes no era muy importante para mí, y luego una vez que hayas terminado, sigue adelante y haz clic en “Aceptar”, y de esa forma sólo lo hará mucho más rápido. Voy a seguir adelante y acelerar este video y seleccionar partes de mi dibujo y usar Comando R para eliminar el fondo. Cuando creas que estás mayormente terminado, sigue adelante y acércate realmente de cerca en tu obra de arte y asegúrate de que no haya nada que sobresalga. Diré que cuanto más alto sea tu Image Trace, más complejo será eliminar el fondo, así que adelante y asegúrate de pensar en eso cuando estés usando Image Trace. Desplazando por aquí puedes ver lo bonito y preciso que esto es más o menos a tu acuarela original, y si resalto o hago clic aquí, puedes ver cómo esto solo está hecho de todo un montón de poco color blobs para reflejar la textura de la acuarela. Bien. Una vez que estés contento con todo, puedes seguir adelante y desbloquear y eliminar la capa oscura que tienes. Una vez que estés contento con todo, solo necesitamos agrupar las palabras similares para que puedas reorganizarlas si es necesario. Para hacer eso y golpear “Q” en tu teclado para la Herramienta Lasso, que también está disponible aquí, y luego solo vas a dibujar cuidadosamente cualquier forma amorfa alrededor de cada palabra para agruparlas. Cuando te acerques a tu punto final, suelta el ratón y luego pulsa “Comando G” para agruparlo. Se puede ver cómo ahora cuando selecciono en palabra, selecciona una cosita, pero si fuera a seleccionar esta palabra, sólo selecciona partes del dibujo. Por eso quieres asegurarte de agrupar tus palabras. Ahora, que estas palabras estén agrupadas, puedo moverlas fácilmente, reorganizando si necesito, y ya terminamos. Ahora, tenemos letras de mano de acuarela completamente vectorizadas. 3. Comparte tu trabajo: Una vez que hayas terminado de vectorizar tus letras adelante y guardar tu trabajo. También asegúrate de exportar una imagen y subirla a tu proyecto de Skillshare. Para ello, la forma más rápida es ajustar tu mesa de trabajo y luego exportarla. Así que pulsa “Shift O” en tu teclado, lo que te permitirá ajustar tu mesa de trabajo y arrastrar tu caja por donde quieras que esté. Una vez que estés feliz hit, “V” en el teclado y sigue adelante y pulsa “Comando 0" de nuevo, y luego ve a “Archivo”, “Exportar”. Adelante y guárdalo en tu escritorio como PNG o JPEG. Voy a hacer JPEG. Entonces “Usar mesas de trabajo” y luego golpear “Exportar”. Puedes hacer esto como “RGB”, la “Resolución” puede ser 72 porque solo se va a subir a Skillshare online, y quieres hacer “Anti-Aliasing” a “Art Optimized” y golpear “Okay”. Una vez terminado puedes minimizar Illustrator y puedes ver tu imagen de vista previa aquí. También puedes hacer algo divertido y subirlo a Skillshare si quieres. He ido adelante y he creado un pequeño garabato divertido y lo importé a Photoshop y voy a golpear “Command V” en mi teclado, “Pegar como” un “Objeto inteligente” para que pueda ampliarse si es necesario. Solo voy a jugar por aquí y golpear “Enter” y luego “Save” esto como JPEG y subirlo a mi proyecto de clase también. Gracias de nuevo por tomar mi clase, espero que la hayas disfrutado y que hayas aprendido mucho. Para obtener más información sobre Letras de pincel asegúrate de consultar mi eBook, “Introducción a las letras de pincel”. Hablaré con ustedes en la siguiente clase. Adiós.