¿Cómo algunos diseñadores dibujan tan bien en digital que algunas ilustraciones se ven perfectas? Bueno, la verdad es que muchos de ellos están dibujados en papel y reprocesados en programas de diseño.
Siempre tuve la pelea usando digital, pero afortunadamente aprendí el truco lo suficientemente pronto como para ahorrar toneladas y tiempo. Entonces, ¿cuál es el truco?
En este artículo, aprenderá cómo convertir su hermoso dibujo a mano en un vector en Photoshop y cómo guardarlo para uso futuro.
¡Buenas noticias para los fans de Adobe Illustrator! Cualquier forma vectorial creada en Photoshop se puede copiar y pegar en Illustrator, ¡así que también puedes usar este proceso!
¡Bonificación extra! Si te gustan los iconos de este tutorial, puedes descargarlos iconos dibujados a mano gratis ¡Los creé y los uso en tu diseño!
Cómo convertir un dibujo en un vector: guía paso a paso
Volviendo al tema, puede convertir sus iconos de estilo dibujados a mano en vectores digitales en menos de cinco minutos siguiendo los pasos a continuación.
Nota: Las capturas de pantalla se tomaron de la versión para Mac de Adobe Photoshop CC 2021. Windows u otras versiones pueden verse ligeramente diferentes.
Paso 1: Dibuja tus formas en papel. Cuanto más grande sea, mejor. Si está dibujando varias formas, es una buena idea dejar un espacio en blanco entre ellas, ya que todavía tiene trabajo por hacer en Photoshop.
Consejos y advertencias Las líneas oscuras en papel abierto serán las mejores: ¡negras sobre blanco perfecto!
Paso 2: Escanee su maravilloso dibujo a mano en su computadora. Si no tiene un escáner, tome una buena foto y estará bien. Abra la imagen en Photoshop.
Paso 3: Seleccione La herramienta para la cultura en perspectiva de la barra de herramientas suele estar en el submenú de herramientas de corte.
Haga clic en el área blanca en las esquinas para recortar el área que necesita. Por ejemplo, aquí recorto el área del papel blanco.
Tu imagen se corregirá automáticamente.
Como puede ver, la iluminación de la imagen no es tan buena. Entonces, lo siguiente es ajustar el brillo y los contrastes.
Paso 4: Accede al menú general Imagen > ajustamiento > Brillo / contraste. Puede aumentar el brillo y el contraste, lo que ayuda a reducir la iluminación de fondo amarilla o irregular e intensificar los iconos.
A veces, solo ajustar el brillo y el contraste no es suficiente. Si este es tu caso, usa niveles para aclarar los blancos y oscurecer los negros. Ir a Imagen > ajustamiento > niveles.
En la ventana de ajuste de nivel, puede seleccionar la herramienta de goteo a la derecha y hacer clic en el área blanca del lienzo para establecer un punto blanco, y puede mover el control deslizante para ajustar la iluminación del dibujo.
Si su fondo aún no es lo suficientemente blanco, puede seleccionar la herramienta de goteo a la izquierda y hacer clic en el punto oscuro para seleccionar un color de muestra, mueva el control deslizante para ajustar los niveles.
El objetivo es hacer que el fondo sea lo más blanco posible y que los aspectos más destacados de sus iconos sean visibles.
Después de ajustar la iluminación, es posible que vea que algunos golpes son bastante débiles y otros un poco duros.
Puede utilizar la herramienta de pincel y borrador para solucionar el problema. Simplemente elija las herramientas y dibuje directamente sobre los iconos existentes.
Paso 5: Seleccione los iconos individualmente y utilice Herramienta de carcasa rectangular para dibujar alrededor de un icono. Por ejemplo, seleccionaré esta flecha.
Paso 6: Copie el icono usando los atajos de teclado Mando + Cy abra un nuevo documento presionando Mando + norte. Debido a que acaba de copiar algo en Photoshop, la nueva ventana se creará con el tamaño del objeto que copió.
Cuando se crea el nuevo documento nuevo, presione Mando + V para pegar el icono que acaba de copiar.
Paso 7: Seleccione La herramienta Varita mágica para hacer clic en una parte del icono.
HACER Tolerancia para 100. La configuración de tolerancia se puede encontrar en la barra de opciones en la parte superior de la pantalla (puede habilitar o deshabilitar esta opción en el menú de Windows).
Paso 8: Abre el panel Rutas. Ir a Ventana > arrepentirse y haga clic en el icono desplegable y elija Haz que el camino funcione.
Establezca la tolerancia en 0,5 píxeles. 0.5 es el valor más pequeño que puede ingresar aquí; con esta configuración, la ruta se adherirá firmemente a las líneas originales del icono.
Consejos: cuanto mayor sea el número, se utilizarán menos waypoints y llegará a un icono más fino con líneas más suaves y, por lo tanto, perderá algunos de sus sentidos dibujados a mano.
Paso 9: Ahora puede convertir la ruta en una forma personalizada usando el menú principal: Editar | × > Definir la forma personalizada. Dale a tu forma un nuevo nombre y ¡listo!
Preguntas frecuentes
¿Dónde puedes encontrar formas personalizadas en Photoshop?
Puede encontrar el vector que creó o la forma personalizada existente cuando seleccione Personalizado Instrumento de forma en la barra de herramientas, normalmente en el submenú Rectangular Tool.
Una vez que haya seleccionado la herramienta Forma personalizada, puede encontrar las formas en la barra de herramientas superior y aplicarlas a su diseño.
¿Cómo cambio el color de las formas personalizadas en Photoshop?
Funciona igual que cambiar el color de cualquier otra forma. Simplemente seleccione la forma y elija un color del panel Muestras, o puede agregar una superposición de color a su capa.
¿Puedo completar formas de línea en Photoshop?
Puede completar formas de línea, pero deberá usar la herramienta Pluma para trazar la línea primero. Cuando cierra la ruta de la herramienta de lápiz, puede rellenar la forma con color.
Al mirar la imagen con una herramienta de lápiz, es más probable que pierda la sensación de estar dibujado a mano.
Conclusión
Es muy fácil convertir formas dibujadas a mano en formas vectoriales personalizadas en Photoshop. Tenga en cuenta que es importante tomar una buena foto del dibujo a mano si no tiene un escáner, ya que la iluminación puede ser un factor importante en el resultado de su vector.