Agregar muestras de la vida real a su trabajo de diseño agrega elementos de realismo en lo que puede ser un mercado digital sobresaturado. Desafortunadamente, escanear o fotografiar muestras de textura generalmente da como resultado imágenes rasterizadas no escalables que se pixelan cuando se sobreeditan.
Afortunadamente, puede crear vectores escalables de texturas reales como acuarela, pintura o rotulador con Photoshop e Illustrator. Así es cómo.
Cómo convertir texturas reales en vectores
Depende de usted crear la textura usted mismo o encontrar una muestra en línea para convertirla en un vector. Puede usar cualquier medio de arte texturizado, como un rotulador, tinta china o gotas de pintura.
Paso 1: abre la muestra de textura en Photoshop
Si ha creado la textura usted mismo, debe escanearla en una computadora a 300 DPI. Esto asegura la más alta calidad que produce los mejores resultados.
Hemos descargado una foto de una muestra de acuarela de Unsplash para convertirlo en un vector. Descargue la misma foto para seguir directamente, o puede usar las instrucciones como guía en una imagen de muestra propia.
Abre tu imagen en Photoshop y recórtala cerca de la muestra que estás usando. Si la imagen aún no tiene 300 DPI, debe serlo. Ir a Imagen > Tamaño de la imagen y tipo 300 en el Resolución caja. Seleccionar DE ACUERDO.
Ahora tiene una imagen de alta calidad que luego se convertirá en un vector detallado. Tú también puedes cambiar el DPI en otros programas si no estás usando Photoshop.
Paso 2: limpia el fondo
La muestra en sí debe estar aislada del fondo. Si ha escaneado su muestra o ha usado una foto con un fondo blanco o de un solo color, esto será mucho más fácil para usted.
Cree una nueva capa en la paleta de capas, luego arrástrela debajo de su capa de imagen. Selecciona la capa de la imagen.
Ir a Seleccionar > Gama de colores. Selecciona el micuentagotas desde el cuadro de diálogo y utilícelo para seleccionar cualquier parte del fondo en su mesa de trabajo. Utilizar el Borrosidad control deslizante para asegurarse de que la selección esté ajustada a su muestra. Entonces presione DE ACUERDO.
Una vez de regreso a la mesa de trabajo, el área de la gama de colores tendrá hormigas corriendo para mostrar la selección. Golpear Borrar para quitar el fondo. Luego deseleccione la selección presionando Comando + D (Mac) o Control + D (Ventanas). Si su fondo es simple, sin sombras ni texturas, eso es todo lo que tiene que hacer.
Si su fondo es multicolor, tiene sombras u otras texturas, es posible que deba repetir este proceso varias veces. En el Gama de colores cuadro de diálogo, seleccione diferentes partes del fondo con el micuentagotas y jugar con el Borrosidad control deslizante para seleccionar la mayor cantidad posible de fondo. Seleccionar DE ACUERDO y golpear Borrar.
Deseleccionar presionando Comando + D (Mac) o Control + D (Ventanas). Si todavía queda más fondo, vuelva a realizar el proceso Gama de colores, utilice el Borrador herramienta (mi) para eliminar los píxeles persistentes o utilizar el Lazo herramienta (L) para seleccionar con precisión alrededor de su muestra, y luego Borrar la selección.
Coloque un rectángulo de color contrastante usando el Rectángulo herramienta (tu) debajo de su capa de muestra para exponer cualquier píxel adicional que deba eliminarse. Retirarlos con el Borrador. Recuerde eliminar el rectángulo antes de guardar su imagen.
Una vez hecho esto, tendrá una muestra de pintura aislada con un fondo transparente rodeándola. Guarde su muestra como PNG.
Si no tienes Photoshop, hay alternativas formas de hacer que el fondo de una imagen sea transparente. Luego puede traer esa imagen directamente a Illustrator y continuar desde aquí.
Paso 3: abre la imagen en Illustrator
Abre tu nueva muestra PNG en Illustrator. Puede seleccionar y arrastrar su imagen fuera de la mesa de trabajo para comprobar que el fondo sigue siendo transparente. Aunque, no permanecerá así en el próximo paso. En este punto, su muestra sigue siendo una trama, por lo que se pixelará si se escala.
La combinación de Photoshop e Illustrator para un proyecto es una excelente manera de utilizar Adobe Creative Cloud. Hay muchos otros funciones en Creative Cloud que puedes probar.
Paso 4: Vectorizar la Imagen
Abra el panel Propiedades yendo a Ventana > Propiedades. Puede maximizar o minimizar el panel seleccionándolo en la barra de herramientas vertical de la derecha.
Seleccione su imagen, luego desplácese hasta la parte inferior de la Propiedades panel y seleccione Seguimiento de la imagen > Foto de alta fidelidad. Si selecciona Seguimiento de imagen en el menú Objeto, se establecerá de forma predeterminada en un seguimiento en blanco y negro, que no conservará la textura de su muestra. Puede usar la función Calco de imagen de muchas maneras para vectorizar imágenes en Illustrator.
Paso 5: Limpie y elimine el fondo
Abra el panel Seguimiento de imagen seleccionando el icono junto al menú desplegable Seguimiento de imagen en el panel Propiedades. Bajo Color, mueva el control deslizante hacia la derecha, entre 85 % y 98 %. Esto aumenta los detalles de los colores en su muestra texturizada, dándole un resultado más realista.
Abre el Avanzado ajustes y mueva el Caminos deslizador hacia la derecha. Una vez más, establecer esto entre 85% y 98% es ideal. Cuantas más rutas haya, más detalles se dibujan en su vector. Si hay menos caminos, la imagen se verá entrecortada y parecida a una caricatura.
Minimice los paneles Calco de imagen y Propiedades y su muestra se cubrirá con líneas de ruta azules. Si desea mover su vector de muestra, deberá usar el Selección herramienta (V) para asegurarse de que se mueve como un todo. Pero puede mover rutas individuales, si es necesario, usando el Selección Directa herramienta.
Selecciona el Selección Directa herramienta (A) y haga clic fuera de su mesa de trabajo para anular la selección de la imagen. Luego seleccione el fondo blanco que rodea su muestra. Golpear Borrar en su teclado para traer de vuelta su fondo transparente. Puede agregar un rectángulo de color debajo de su muestra para verificar la transparencia.
Paso 6: usa tu vector de muestra
Ahora tienes una muestra de textura terminada. Ya sea que haya decidido hacer una pieza de acuarela como nuestro tutorial, o tal vez haya hecho una muestra de lápiz de color, ahora tiene una muestra de textura de la vida real totalmente escalable.
Desafortunadamente, debido a todos los caminos intrincados, sería difícil, pero no imposible, cambiar el color de su muestra. Para usar el vector, debe mantener el mismo color. Si desea volver a colorearlo, primero deberá colorearlo en Photoshop antes de llevar su muestra a Illustrator.
Puede usar su vector como cualquier otro vector. Escálelo hacia arriba o hacia abajo, utilícelo como un elemento en capas en los diseños e incluso puede aplicarle filtros como sesgar y distorsionar.
Guarde su vector como PNG para asegurarse de que permanezca transparente. Vea nuestra guía de crear fondos transparentes en Illustrator para más.
Cree vectores a partir de texturas reales con Photoshop e Illustrator
El uso de vectores en su trabajo de diseño mejora la productividad y la calidad de sus diseños finales. Este vector no solo tiene múltiples usos, sino que usar un gráfico vectorial en lugar de un gráfico rasterizado significa que nunca más tendrás que preocuparte por la pixelización.
Vectorizar texturas reales significa que puede agregar muestras de pintura a cualquier elemento de diseño, haciendo que parezca real. Consulte esta guía para convertir texturas reales en vectores digitales.