Cómo crear una textura vectorial desde cero

Unas cuantas veces al mes revisamos algunas de las publicaciones favoritas de nuestros lectores a lo largo de la historia de Vectortuts+. Este tutorial de Jesse Hora fue publicado por primera vez el 28 de abril de 2009.

Trabajar con formas bonitas, perfectas y limpias en illustrator es algo que me encanta, no me malinterpretes, pero a veces está bien darle a una ilustración algo más. Un poco de profundidad o capas adicionales de referencia visual, cuando se hacen bien, pueden llevar una ilustración al siguiente nivel. Cuando se hacen mal pueden hacer que una ilustración parezca amateur. En este tutorial aprenderemos a crear una textura vectorial de alta calidad desde cero. ¡Empecemos!

Introducción

Me he dado cuenta de que muchos diseñadores no se toman el tiempo de crear una nueva textura, sino que utilizan alguna que han encontrado o intentan obtenerla rápidamente de una foto. Cuando veo eso, me vuelvo loca porque el proceso para lograr una buena textura es súper sencillo. Tómate el tiempo para hacerlo bien. En este tutorial, mostraré el proceso que utilizo para obtener una bonita textura vectorial, no es complicado en absoluto, y puede ser útil para recordarle a algunas personas que está bien alejarse del ordenador por un segundo.

Una cosa que debo mencionar es que si quieres conseguir una textura de serigrafía o tipografía, obviamente la mejor manera de lograrlo es escanear una pieza de esa fuente y aplicarla a lo que estás trabajando. Me gusta hacer diferentes texturas y aplicarlas de muy diversas maneras. Quizá en un futuro tutorial pueda mostrarte cómo las utilizo. Por ahora voy a explicar el sencillo proceso de creación de un vector de texturas, además de suministrarte algunas texturas extra, ¡¡¡puedes descargarlas gratis aquí!!!

Vista previa de la imagen final

Abajo está la textura vectorial final en la que trabajaremos. ¿Quieres acceder a los archivos completos de Vector Source y a copias descargables de cada tutorial, incluido éste? Únete a Vector Plus por solo $9 dólares al mes.

Paso 1 - Aléjate

Dado que la mayoría de los diseñadores/ilustradores pasan innumerables horas frente a la pantalla del ordenador, este primer paso será el más difícil y el más importante. Aléjate del correo electrónico, de Photoshop e incluso de Illustrator ¡y el ordenador!

Paso 2 - Reúne los materiales

Agarra cualquier cosa que esté a tu alrededor. Algunos de los materiales que me gusta utilizar son pintura, un rodillo de pintura, una fotocopiadora, una cuchilla de afeitar, una uña, mi pulgar, papel de lija, suciedad, un moco (asco), comida, hilo, notas adhesivas, un cactus, utilizar tijeras... Podría seguir eternamente.

Paso 3 - Experimenta

Pon la pintura en el papel, es divertido, ¿verdad? Todo está permitido: garabatear en el papel con un montón de rotuladores diferentes, utilizar papel de lija, escupir sobre él, verter agua sobre él, cortarlo, machacarlo en la tierra, dejar que tu bulldog lo babosee y lo mastique... prueba cualquier cosa. Para este tutorial me volví loco con el rodillo de pintura.

Dato: Una buena manera de conseguir una textura "desgastada" es simplemente imprimir una hoja de papel completamente negra y rayarla, frotarla, rasgarla y arrugarla.

Paso 4 - Escanea

Bien, se acabó el tiempo de jugar, vuelvo al ordenador (¡buu!). Me gusta mucho cómo se ve la textura del rodillo de pintura, así que la voy a utilizar para el resto del tutorial. Me gusta escanear a una resolución bastante alta (400-600ppp) porque permite más detalles y si alguna vez quieres usar la versión rasterizada en lugar de la vectorial, entonces tienes algo de espacio para escalarla. No olvides dejar que las cosas se sequen antes de escanearlas (¡ja!).

Paso 5 - Photoshop

Abre el escáner en Photoshop. Primero, usando la herramienta Recortar, recorta la imagen a un tamaño manejable. Fíjate en las arrugas del papel, me gusta corregirlas un poco yendo a Imagen > Ajustes > Niveles, y aplicando la configuración que se muestra a continuación (haz los ajustes según te parezca mejor para tu imagen). Ahora ve a Imagen > Ajustes > Umbral y de nuevo aplica los ajustes que se muestran a continuación, o los que mejor funcionen en tu imagen. Ahora tienes una imagen estrictamente en blanco y negro, perfecta para el Calco interactivo en Adobe Illustrator. Guárdala como PSD o TIFF.

Paso 6 - Momento de Illustrator

Abre el PSD en blanco y negro en Illustrator. Ahora es el momento de realizar el Calco interactivo de esta pieza. Ve a Objeto > Calco interactivo > Opciones de calco. Puede aparecer una alerta, porque esta imagen es de alta resolución, pulsa OK. A continuación, utilizando los ajustes y las configuraciones de calco, puedes perfeccionar el Calco interactivo. Después de usar el Calco interactivo un millón de veces, tengo un ajuste llamado "Mazin'" que funciona perfectamente, y que se muestra a continuación. Pulsa OK y deja que el Calco interactivo haga su magia. Cuando haya terminado, pulsa Expandir.

Paso 7 - Limpia

Lo último que me gusta hacer es separar el blanco del archivo para que la textura esté lista para usar. Ve a Seleccionar > Todo y luego a Objeto > Desagrupar (si estás en CS3 puedes hacer doble clic en la agrupación). A continuación, utilizando la herramienta Selección (flecha negra), haz clic en la esquina del blanco, y mientras está seleccionado ve a Seleccionar > Mismo > Color de relleno. Ahora podemos pulsar el botón Borrar para deshacernos de todo el blanco.

¡Terminaste!

¡Boom! Tienes una exquisita textura vectorial. Eso es todo, amigos, ¡rapido y sin complicaciones! Para ver más texturas, visita JesseHora.com. La textura vectorial final está abajo.

Suscríbete al canal RSS de Vectortuts+ para estar al día con últimos tutoriales y artículos sobre vectores.