Transcripciones
1. Introducción: Hey ahi y bienvenido. Soy Nina, a pesar de que la mayoría de la gente me conoce por mi nombre artístico [inaudible] Soy artista, ilustradora, y diseñadora de patrones. No sé si has pensado en esto, pero ¿no es increíble cuánto puede cambiar una textura una vibra general de una ilustración? Puede darle ese aspecto orgánico, hecho a mano y puede hacerlo un poco más viejo y vintage. Adobe Photoshop ya cuenta con una gran cantidad de pinceles y texturas que puedes usar. Pero si estás creando tu ilustración en Adobe Illustrator como yo, puede ser un poco desafiante cambiar constantemente entre estos programas. En esta clase, te mostraré cómo puedes hacer tus propias texturas hechas a mano increíbles que puedes usar directamente en Adobe Illustrator. Haremos nuestras texturas en un papel usando lo que podamos encontrar en casa. Después las editaremos rápidamente en Adobe Photoshop, y luego crearemos una ilustración y aplicaremos esas texturas en Adobe Illustrator. Esta clase es amigable para principiantes, por lo que sólo serán suficientes los conocimientos básicos de estos dos programas. No te preocupes, todo lo que te mostraré va a ser súper fácil. Al final de esta clase, tendrás tu propia colección de texturas y aprenderás cómo utilizarlas directamente en Adobe Illustrator para lograr esa calidad artesanal para tus ilustraciones. Así que trae tu creatividad y disposición a experimentar, y empecemos.
2. Proyecto: Para este proyecto, estarás creando tus propias texturas hechas a mano y posteriormente aplicándolas en tu ilustración. Para hacer las texturas necesitarás un papel de impresión A4 regular, es bueno tener mucho,
algo de pintura negra, cualquiera que sea la pintura que tengas en casa, estaremos bien. Puede ser quash, tinta, tempera, acrílico, también carbón vegetal, pasteles, lápices, y necesitarás algo para crear esas texturas. Entonces, aquí es donde puedes volverte loco, y curioso, y buscar en tu casa para encontrar algunos objetos cotidianos que posiblemente puedan crear texturas. Las opciones son infinitas. Entonces, cuantos más objetos interesantes encuentres, más texturas únicas obtendrás. Además, para preparar y usar esas texturas, necesitarás un escáner, que es la mejor opción, o puedes usar tu cámara digital o un teléfono. Adobe Photoshop, y Adobe Illustrator también es lo que necesitarás. Como dije, estaremos usando Photoshop solo para limpiar, y preparar texturas, y haremos la ilustración final y aplicaremos esas texturas en Adobe Illustrator. Sé que puedes encontrar texturas ya hechas en línea y descargarlas, pero es mucho más gratificante cuando lo haces tú mismo. Tener tus propias texturas originales solo te ayudará a subir de nivel tu creatividad, y la calidad de tu obra de arte. Además, una vez que aprendas a hacerlo, crearás fácilmente texturas personalizadas para tus ilustraciones siempre que las necesites. ¿ Estás listo para ensuciarte las manos?
3. Crear texturas únicas: Aquí puedes ver algunas de las cosas que encontré en casa y fuera que estaré usando para hacer algunas texturas únicas. Tengo un montón de papeles de impresión A4, un papel de lija, alguna lámina de burbujas de aire sobrante. Tengo una esponja, un cepillo de dientes, una bolsa de plástico, y también tengo esta cosita que llamo cepillo de
escoba porque lo hice cortando una parte de mi escoba y juntándola al final con unos súper pegajosos cinta y los resultados fueron increíbles, ya verás. También hice esta bola de subida lenta. Déjame mostrarte rápidamente cómo hacerlo. Simplemente toma un tejido ligero sobrante que tengas y en el centro agrega algo de arroz,
agrega más o menos arroz para conseguir una bola más pequeña o más grande, gírela así y ciérrela con una banda de goma. Esto también hace texturas muy bonitas. Además, encontré algunas semillas de helicóptero en un parque y algunas dejan que no está completamente seca. En cuanto a la pintura, tengo una tinta negra, un acrílico negro. Mi recomendación es no desperdiciar tu color de calidad en esto. Yo estoy usando este sólo porque ese es el único que tengo en casa ahora mismo. Tengo un poco de carbón y lápiz suave, este es para B. Esto hará un lío en tu área de trabajo, así que no olvides cubrir tu mesa con algo así como periódicos o algún papel viejo. Recuerda que aquí no hay bien ni mal, así que trata de no pensar. Disfruta de meterte con todo lo que tengas y crea tantos como quieras. Posteriormente escogerás las que más te gusten. Empecemos. Te mostraré ahora algunos de los ejemplos de
las texturas terminadas y compartiré contigo algunos consejos útiles. Este que hice con un cepillo de dientes y tinta, puedes conseguir maravillosos divisores de color como este. Pon un poco más de tinta en el cepillo de dientes para las marcas de placer de los cantos rodados, o menos tinta para una textura más sutil. Estos son súper agradables de usar en el fondo de tus ilustraciones. Estos fueron hechos con mi cepillo de escoba y creo que más me gustan. Si tienes algún pincel muy viejo, también
podrías obtener algunos resultados similares. Este está hecho con tinta, y éste con acrílicos, y éste también resultó ser muy, muy interesante y único. Estas texturas fueron creadas mediante el uso papel de lija debajo del papel y tienen esa sensación áspera, un poco oxidada. Si usas el carbón para hacer algunas de tus texturas como lo hice aquí, hay un truco que aprendí en mi escuela de arte. Entonces cuando termines, simplemente rocíalo donde la laca regular para el cabello, para que todas las partículas de carbón permanezcan en su lugar. Esta textura de bola de arroz es realmente increíble. Un consejo a la hora de hacer texturas como estas, así que si no quieres tener exceso de pintura en algunas partes, como puedes ver aquí, solo sumerge esta pintura de bolas y luego haz unas marcas de prueba en papel
adicional antes de empezar a trabaje en su papel principal. Voy a dejar que todo se seque por completo, limpiar el desorden que hice y nos vemos en el siguiente video.
4. Escanear o fotografiar texturas: Ahora que limpio el desorden que hice y me lavé las manos, podemos pasar a escanear las texturas. Como dije, hay dos opciones. Puedes escanear o fotografiar tus texturas. De estas dos opciones, escaneo es algo que definitivamente recomendaría porque puedes escanear tus texturas en una alta resolución, obtener una calidad nítida en general, y también será más fácil editarlas más adelante. Si no tienes un escáner, tal vez
puedas tomarlo prestado a un amigo o simplemente visitar una imprenta local para escanear tus texturas. Es muy barato. En caso de que no tengas acceso alguno al escáner, la segunda opción es, como dije, fotografiarlo. Será mejor si lo fotografias con una buena cámara digital, pero si no la tienes, también puedes usar un teléfono móvil. Tan solo asegúrate de que tu teléfono o cámara esté paralelo a la superficie que estás fotografiando. También asegúrate de que la luz sea buena, y que sea consistente en toda la zona para que no tengas sombras. El único problema con las imágenes tomadas con tu teléfono es que la resolución no va a ser tan buena como la resolución que puedes conseguir en tu escáner. Eso puede ser un poco problemático en caso de que quieras tal vez imprimir tus ilustraciones digitales. De todos modos, con todo, puede ser bueno usarlo para que puedas probar el proceso. Déjame mostrarte la configuración de mi escáner. Estoy usando un MacBook, así que abrí la configuración del escáner yendo a Sistema, Preferencias y luego haciendo clic en “Impresoras y escáneres”. Tendrás algunas configuraciones similares en el equipo que estás usando. En primer lugar, pongamos el tipo en blanco y negro. Pondré mi resolución en 600 DPI. También puede configurarlo más alto hasta 1,200 DPI si lo desea. Pero 600 es perfecto para lo que necesitamos. La única sugerencia es no ir por debajo de 300 DPI. En cuanto al tipo de archivo, puede guardarlo como archivo TIF para la mejor calidad ya que DIV no tiene compresión. O puedes guardarlo como un JPEG normal, como lo haré yo. Sólo para que conste, los archivos, ya que no tienen compresión, serán mucho más grandes que los archivos JPEG después de que los guardes. Por lo que para los resultados que necesitamos, JPEG está totalmente bien. Para completar, basta con hacer clic en “Escanear” y elegir la misma configuración para todas las texturas que decidiste conservar y usar más adelante. Como saben, la práctica es la clave para aprender. En los recursos de clase, dejaré algunas texturas de escaneo que hice. En caso de que no tengas tiempo para
ensuciarte las manos o necesitas esperar para tener acceso al escáner, solo
puedes usar el mío para simplemente aprender y memorizar este procedimiento.
5. Preparar las texturas en Adobe Photoshop: Bienvenido a Adobe Photoshop. Muestra la imagen escaneada de tu textura y desbloquea la capa haciendo clic una vez en este pequeño candado aquí. Lo primero es establecer el Modo Imagen en Escala de grises. Simplemente ve a “Imagen”, “Modo” y luego selecciona “Escala de grises”. Debido a que escaneé mis texturas en el formato blanco y negro, mi Modo Imagen ya está configurado. Ahora, nuestro objetivo final aquí es cambiar esta imagen al modo de color de mapa de bits. Pero como el modo bitmap usa uno de dos colores, negro o blanco para representar los píxeles en una imagen,
lo que significa, no reconoce el gris, lo que obtendríamos aquí básicamente no es nada y
te voy a mostrar esto rápidamente ahora y explicarlo en detalles más adelante. Como puedes ver, debido a que nuestra textura tiene muchos tonos grises, necesitamos convertir estos tonos grises en tonos negros antes de cambiar el Modo Color a mapa de bits. Lo que tenemos que hacer es ajustar los niveles en esta Imagen. Simplemente ve a “Imagen”, “Ajustes, y luego selecciona “Niveles”. Con la herramienta
Niveles, podrás cambiar proporcionalmente los tonos de tu imagen. Ya que estamos en el canal gris, podemos cambiar negro, gris, y blanco. Lo que tenemos que hacer es tener más negro. Podemos simplemente arrastrar esto y tener más blanco. Puedes jugar con él hasta que estés satisfecho y solo tienes que hacer clic en “Ok” para aplicarlo. Además, recorta esta imagen para que no tengas este espacio negativo extra blanco. Ahora, déjame mostrarte otro ejemplo y algunas otras formas en las que puedes editar tu textura. Vamos a desbloquearlo de nuevo y vamos a Niveles. Mi recomendación es que siempre tu fondo sea muy blanco. Después podrás jugar con tonos negros. Puedes agregar más negro para obtener una textura más fuerte o menos negra para tener textura más asentada. También, ahora, es el momento de hacer las ediciones finales. Si tienes algunas partículas que quieres limpiar, solo
puedes limpiarlas con la herramienta Eraser. Establece el tamaño de la herramienta Borrador sosteniendo el soporte derecho o izquierdo para hacerla más grande o más pequeña. Además, un truco muy bueno en caso de
que quieras arreglar algunas cosas dentro de tu textura, por ejemplo, algunas manchas que hiciste con los dedos mientras la pintura aún estaba húmeda, o algunas barras que no
te gustan, puedes usar un Clon Sello, que también está en la barra de herramientas. Selecciónelo. Puedes establecer el tamaño del sello Clon de la misma manera que reservaste para el borrador o un pincel sosteniendo el soporte derecho o izquierdo. Por ejemplo, digamos que no nos gusta esta parte y para usar el Clon Stamp, solo tienes que aguantar y dar click en la parte que quieras clonar. Por ejemplo, éste. Esto se copia básicamente a esta parte y puedes ponerlo aquí y hacer click para cambiar. También puedes hacer clic y arrastrar para cambiar una parte más grande que quieras arreglar. Ahora, que todo esté listo, podemos ir a “Imagen”, “Modo”, y seleccionar “Bitmap”. Basta con hacer click en “Ok”. Por cierto, la razón principal para usar el Modo de mapa de bits es que más tarde podemos recordar esta imagen en Adobe Illustrator. Estableceremos la salida en 300 y usaremos el método umbral del 50 por ciento. Haga clic, “Ok” y eso es todo. Nuestra textura ahora está rasterizada. Todo lo que tenemos que hacer es guardarlo como Archivo. Vaya a “Archivo”, “Guardar como”, y seleccione “TIFF”. Deja estos ajustes tal como están, y haz clic en “Ok”. Simplemente haz el mismo procedimiento para todas las texturas que decidiste conservar. En el siguiente video, te mostraré cómo aplicar estas texturas en tus ilustraciones en Adobe Illustrator.
6. Usar las texturas en Adobe Illustrator: Por fin estamos en Adobe Illustrator. Te mostraré ahora cómo aplicar las texturas que preparamos en un simple ejemplo y luego estaremos listos para empezar a crear una ilustración y usar las texturas en ella. Acabo de abrir un a bordo del tamaño de 2,000 por 2,000 pixeles y como me gusta trabajar sin estos límites, solo
golpearé Shift Command H y todo será blanco. El modo en que aplicé estas texturas en mi ilustración es mediante el uso de una máscara de recorte. Te mostraré todo en este sencillo ejemplo. Hagamos un pequeño círculo y llevemos la textura que hicimos. Estos son todos los archivos para que también podamos arrastrarlo y traerlo aquí. Como puedes ver, tu archivo estará hecho de píxeles
negros y lo que era blanco será transparente, eso es porque lo cambiamos en modo de color de mapa de bits en Photoshop y como dije antes, ahora también
puedes cambiar el color del mismo. Ahora bien, si nuestro objeto está en la parte inferior
y la arquitectura está en la parte superior y selecciónelos a ambos de esta manera. Haga el clic derecho y seleccione hacer máscara de recorte. Verás que no es posible hacer una máscara de recorte porque nuestro objeto necesita estar encima. Hagámoslo. Coloquemos la textura en la parte inferior, Comando de
Mayús, Soporte Izquierdo. Seleccionémoslos a ambos. Haga clic derecho, haga voltear máscara. Ahora funciona, pero no es lo que queríamos porque nos queda sólo con la textura dentro de la forma de nuestro objeto, pero el color que seleccionamos para el fondo ha desaparecido. Déjame mostrarte lo que realmente necesitamos hacer. Coloca tu objeto en la parte inferior. Tenemos la textura en la parte superior. Se puede ver aquí, haciendo click aquí, podemos seleccionar el objeto está en la parte inferior. Lo copiaremos, Comando C, y luego, Comando F, para colocarlo en la misma posición. Si bien aún está seleccionado,
toca Comando Mayús, Corchete Derecha. Ahora verás que aquí tenemos un sándwich bajo. Un círculo está en la parte inferior, el otro está en la parte superior, y en el medio está nuestra textura. Tenemos que seleccionar el objeto superior, mantener pulsada la tecla Mayús y luego seleccionar la textura. Puedes ver aquí, los tengo a ambos seleccionados. Haga clic derecho, haga máscara de recorte. Eso es básicamente lo que necesitamos lograr. Ahora tenemos el objeto que está actuando
como fondo en la parte inferior y tenemos una máscara de recorte encima. Si terminas de ajustar todo, simplemente
puedes seleccionarlos a ambos y luego agruparlos para que cuando estés trabajando, no los muevas accidentalmente. Además, otra cosa muy buena de saber es que puedes acceder a tu textura haciendo clic unas cuantas veces hasta entrar en modo de aislamiento y hasta que veas tu textura. Puedes ver aquí que estamos ahora seleccionamos nuestro archivo Diff. Ahora puedes cambiar el color. En la ventana de transparencia, que se puede abrir yendo a Ventana. Después seleccionando la transparencia. Se puede cambiar la opacidad. Estos son básicamente los ajustes que uso con más frecuencia cuando juego con texturas y modos de mezcla. Me encantaron los modos de fusión, porque cuando tratas de suavizar tus texturas en combinación con tu ilustración, estos modos de fusión vendrán perfectamente pero por lo que necesites, solo juega hasta que estés satisfecho con los resultados. Después, para salir de los modos de aislamiento, solo tienes que hacer clic unas cuantas veces fuera de tu objeto. Eso es todo. Es así como utilizas una máscara de recorte con tus texturas en Adobe Illustrator. Ahora podemos pasar a hacer nuestra ilustración, eligiendo entre una amplia gama de texturas
que tenemos y luego jugando con ellas en nuestra ilustración. Hice este boceto y ahora lo voy a vectorizar rápidamente usando la traza de imagen, selección
directa, y la herramienta de forma Bueller. Aceleraré esto. Pero si quieres aprender a usar este método para convertir tus bocetos en ilustraciones digitales en tan solo unos pasos. Te expliqué todo en detalle en mi otra clase compartida de habilidad llamada, desde boceto el vector, digitaliza tus bocetos con forma Bueller Tool en Adobe Illustrator, así que asegúrate de comprobarlo. Encontrarás ese enlace en la descripción del proyecto en mi perfil de habilidad compartida. Ya estoy de vuelta. Terminé mi ilustración y estoy muy contenta con cómo resultó. Ahora puedo traer las texturas ahí para cegarlas y hacer algunos ajustes. Ahora volveré a la vista de mesa de trabajo, basta con pulsar Mayús Comando H y haré un fondo. También duplicaré esta mesa de trabajo. Se puede ver la diferencia en estas dos ilustraciones una vez que terminemos. Para duplicar una mesa de trabajo, si quieres hacerlo, es necesario ir a la barra de herramientas y luego simplemente hacer clic en la Herramienta de mesa de trabajo, presionar hacia fuera, y luego simplemente arrastrar esto. Agrupemos esto y lo agreguemos a una nueva capa, para que veas lo que estoy haciendo. Entonces simplemente lo desagruparé. También agruparé los antecedentes. Enciérralo porque no voy a trabajar en ello ahora mismo. Como viste, es muy fácil trabajar con máscara de recorte, pero lo único que lo hace un poco complicado es
organizar tus formas y saber cuál es cuál, que no te pierdas al agregar todas estas máscaras de recorte. A mí me gusta nombrarlos, me gusta agruparlos constantemente y registrarlos los que hemos terminado de trabajar. Tengo algunos trucos se usan que también te voy a mostrar. Empecemos con, depot como puedes ver, he llamado todo aquí, para que también puedas mirar aquí y seguir lo que estoy haciendo. Vamos a traer la textura. Creo que voy a usar este para un depósito. Entonces ahora busco ver dónde puedo caber esto, por lo que se ve bien cuando lo combino con una parte, y creo que esto va a ser genial. Yo quiero agregarla ahora en algún color. Déjame mostrarte rápidamente cómo me gusta usar los colores antes de proceder. Déjenme esconder esto. Lo que me gusta hacer es agarrar los colores que utilicé en mi ilustración original. Simplemente puedes seleccionar la ilustración y luego ir a muestras y hacer clic en nuevo grupo de colores. Se puede nombrar. Aquí puedes ver que está creándolo a partir de una obra de arte seleccionada. Ahora tenemos grupo de color. Volvamos a traer la textura, y creo que voy a partir de este color y luego encontraré algún tono similar aquí en la guía de colores. Probemos con este y pensaré que jugaré con modos de fusión, y que quizá intentemos multiplicar. Este se ve muy bonito. Entonces lo que tenemos que hacer ahora es lo mismo que hicimos, cuando te muestro lo básico con un objeto simple. Entonces la cosa es que lo que me gusta hacer es básicamente seleccionar mis objetos aquí porque no puedo alcanzarlos aquí. Por lo que sólo puede hacer clic en el cuadro, hacer clic en copiar para colocarlo en su lugar, comando F, y luego comando de desplazamiento, corchete derecho. Seleccione la parte superior y la textura y haga clic con el botón derecho para hacer una máscara de recorte. Ahora verás que está totalmente encima y no quiero que cubra estas flores. Por lo que simplemente puedo bajarlo. Entonces está justo encima de la botella. No estoy seguro si me gusta este así que tal vez lo pondré un poco más ligero. Este se ve muy bien. Entonces hagamos el mismo proceso para cada uno de estos objetos. Ahora añadiré textura al interior de la parte. Pensé que lo lograría con estas líneas. Esto será perfecto. Yo quiero que sea un poco rayado, por lo que se ve un poco más viejo. Haga lo mismo,
copiar, comando C, comando F, comando shift comando corchete derecho,
seleccionar, hacer clic derecho y hacer máscara de recorte. Olvidé mostrarte esto respecto a la máscara de recorte. Entonces déjame mostrarte ahora rápidamente. Si tiene, por ejemplo, déjeme simplemente copiar esto aquí. Si tienes un grupo, este es un grupo hecho de estas flores y estas hojas. Entonces, ¿qué pasa aquí? Vamos a traer una textura. Entonces si quieres hacer una máscara de recorte en este momento y seleccionas esto, verás que no puedes hacer una máscara de recorte porque no puedes hacer una máscara de recorte con el objeto que está agrupado. Entonces, lo que hay que hacer es simplemente ir al objeto, camino
compuesto y luego convertir esto en un camino compuesto. Esto hará un lío de tu ilustración porque este objeto que te estoy mostrando ahora estará básicamente en parte superior y el que estará en la parte inferior que no convertirás en un camino compuesto. Entonces ese es el truco con los objetos que están agrupados, solo deja el original debajo y el que
copias encima y simplemente lo conviertes en camino compuesto. Entonces objeto, camino compuesto, y luego hacer. Entonces aquí no voy a tener ese problema porque no
voy a colocar la textura encima de las flores, pero la voy a colocar en este óvalo. Entonces agreguemos un poco de textura a estas flores. También usaré estas líneas para ello. Además, como estas líneas no se van a ver como quiero que se vean si las hago un poco más grandes, lo que voy a hacer es solo duplicar esto. Entonces lo agruparé. Entonces vamos a encontrar el
óvalo, está aquí, comando C, comando F, comando shift command, corchete derecho, seleccionar las texturas y hacer una máscara de recorte. Entonces intentemos con esto, tal vez una quemadura de color. Entonces solo para que lo sepas, mis decisiones sobre estos modos de fusión y colores no son definitivas. A mí me gusta probarlos y probar diferentes opciones hasta que esté satisfecho con cómo se ve todo. Entonces los colocaré, los ajustaré. Entonces cuando tenga todo colocado, básicamente los volveré a ajustar porque puedo ver cómo funcionan juntos. Entonces mi recomendación es probar hasta que encuentres lo que funciona para ti y para tu estilo. Lo que me gustaría hacer ahora es tal vez terminar todo con esta salpicadura de color que hice con tinta. Lo añadiré también en el color quemado. Entonces como pueden ver, estoy trabajando aquí en la guía de color porque tengo todas estas bonitas piedras. Entonces puedo ver los leves cambios en los colores que elijo. Creo que es muy útil, así que no necesitas ir a escoger los colores. Solo puedes trabajarlo desde aquí. Eso es todo. Se puede ver lo diferentes que se ven estas dos ilustraciones. El de la izquierda es plano y digital, y aunque tiene un poco de toque artesanal porque lo
hicieron directamente a partir de un boceto, sigue plano. En tanto que el otro de la derecha tiene ese encanto vintage hecho a mano. Para mí la mejor parte de esto es que todo lo que puedes ver en esta ilustración es algo que originalmente se hizo desde cero y ahora también puede existir en la forma digital. Una pequeña nota a la hora de guardar tus ilustraciones es que a veces cuando uso muchas de estas texturas como lo hice aquí, Illustrator no quiere exportar mis ilustraciones correctamente cuando intento guardarlas como PNG. Una forma de arreglar esto es guardarlo primero
como PDF y luego abrirlo en Adobe Photoshop y simplemente guardarlo como PNG allí.
7. Gracias: Espero que hayas disfrutado de esta clase y te hayas inspirado para hacer tu propia colección de texturas y lograr ese hermoso look hecho a mano en tus ilustraciones digitales. Como has visto, este proceso es muy sencillo y solo necesitas
pasarlo por lo menos una vez para recordarlo y empezar a usarlo en tu trabajo. Pruébelo, practica y comparte lo que has hecho. Skillshare es básicamente el mejor lugar donde puedes compartir tu progreso, conectarte con tus compañeros de clase e inspirarte. También para que me notifiquen sobre mis próximas clases, puedes seguirme en Skillshare, estoy haciendo ahora otra clase que se va a tratar de crear pinceles personalizados
hechos a mano para Adobe Illustrator así que mantente atentos. También para mantenerse en contacto, siéntete libre de seguirme en Instagram @DOD. Por supuesto, si tiene alguna pregunta respecto a este tema, no
dude en preguntar. Besos y abrazos para todos ustedes y nos vemos en la siguiente clase.