El post que buscas se encuentra eliminado, pero este también te puede interesar

Aprende a vectorizar fotografías con este tutorial.

Anuncios



Aprende a vectorizar fotografías con este tutorial.

CREAR VECTORES A TRAVÉS DE FOTOGRAFÍAS


Bienvenidos taringueros, aquí vengo a dejarles un completo tutorial acerca de como trazar vectores a través de fotografías. Acepto cualquier crítica, consejo o dudas.

Empecemos.


Dibujo



Primeramente quisiera tranquilizarlos y comentarles que no es necesario tener conocimiento acerca de ilustración para poder llevar a cabo este tuto. Se trata solo de trazar. Es una herramienta muy básica para usar con Adobe photoshop. Hacer vectores con ésta técnica tomará tiempo, pero de ésta forma podrán obtener un óptimo resultado.


Aclaración: Este no es un tutorial en el que se aplican solamente filtros.

Necesitarán saber como manejar la herramienta “pluma” para completar este tuto.
Si no tienen conocimiento acerca de ésta herramienta, podrán informarse acerca de cómo usarla haciendo click AQUÍ.


Les recomiendo que le echen un ojo antes de empezar.


herramientas

1)Preparación de capas

Abra su foto en Photoshop. Llame esta capa “original”.
Si su fotografía es oscura, necesitará aclararla un poco. La razón para esto es que trazaremos en negro sobre la foto por lo que necesitamos ver claramente las lineas que vamos trazando.
Abra la foto que desea vectorizar y luego pongale a la capa el nombre “original”.
Si la imagen es oscura, es necesario darle un poco más de brillo:


diseño grafico

Ajuste el brill de la imagen.
Imagen => Ajustes => Brillo/Contraste

vectores

Luego duplicar la capa original, y llamarla “Original copia”


Cree dos nuevas capas. Posicionelas debajo de la capa “Original copia”.
Cubra de blanco (Shift + F5 –> contenido usar: blanco) la capa más cercana a la capa “original” y llámela “fondo” Deje la otra capa, debajo de “Original copia”, transparente y llámela “vectores”
Haga invisibles las capas “fondo” y “Original copia”.
Deje las capas “vectores” y “original” visibles, la capa “vectores” debe quedar activa para trabajar. Ver la imagen de abajo. (Toda esta organización será explicada más adelante).


Tutorial photoshop

Estamos ya listos para crear la ilustración en vectores.

como vectorizar

2) Configuración de la herramienta de pinceles

Cuando estamos creando ilustraciones en vectores siempre es bueno variar el grosor de lãs líneas. Variar el espesor de las líneas enfatiza la perspectiva de la ilustración. Si las líneas están cerca del espectador, estas deben ser gruesass. Las lines más lejanas deben ser mas delgadas. Mientras más lejos, más delgadas serán. La imagen de abajo es un ejemplo exagerado de este principio. Las áreas que caen bajo la sombra tienen una línea gruesa, mientras que las áreas en la luz pueden ser representadas con una línea más delgada. Una buena manera de obtener una clara idea de esto es estudiar las líneas de las tiras cómicas (historietas).
Otra técnica es usar solo dos grosores de líneas. Una gruesa para las partes externas de la ilustración y una más delgada para las partes internas. No soy admiradora de esta técnica, pero cada uno a lo suyo mientras el dibujo no se vea plano.


Para afinar o reducir las líneas en Photoshop, debmos ajustar la configuración de los pinceles (Paint Brush Settings).
Seleccione la herramienta pincel (Paint Brush Tool). Ahora, haga click sobre la lengüeta de la paleta de pinceles (brushes), a la derecha y arriba de la pantalla de Photoshop. Vea la imagen de abajo.


fotografia a dibujo

Las configuraciones que use variaran con cada línea que usted cree, especialmente el diámetro. Abajo se muestra la forma de la punta de pincel que usé.

Seleccione exactamente las mismas opciones que se muestran en la imagen de abajo.


Aprende a vectorizar fotografías con este tutorial.

Después, seleccione Dinámica de forma
1. Ajuste el control a Transición. Esto permitirá que la línea se desaparezca.
2. Ajuste el control de transición (fade). Acá estoy usando 250, pero usted puede probar con varias combinaciones en los campos 2 y 3 (ver figura de arriba)
3. Ajuste el diámetro mínimo (Minimum Diameter). Acá use 27% pero la clave de una buena ilustración es la variedad asi que experimente.


Dibujo



herramientas

Asegúrese que el color de fondo sea negro. Ver imagen de arriba.


diseño grafico

3) Creando los vectores

Seleccionen la capa "vectores"

El mejor lugar para comenzar es el centro de nuestro foco, que normalmente es la cara. En este foto por ejemplo, empezaré por los labios. Acuérdense que el punto donde uno comienza es el más grueso.
Asegurense que la herramienta pen este definida. Crear un nuevo trazo. Ver abajo.


vectores Tutorial photoshop

Cree un nuevo trazo (path), prestando atención al ángulo de las curvas.
Nota: Procure mantener la longitud de cada línea corta. No intente crear unaa sola línea que vaya alrededor de los labios.


como vectorizar


Cuando este satisfecho con el trazo, haga click con el botón derecho y seleccione Contornear trazado. Ver abajo.

fotografia a dibujo


Haga visible de la capa de “fondo” blanco. Elimine el trazo (click en el botón derecho y seleccione Eliminar Path). Ahora podrá ver claramente la línea que acaba de crear.
Si está satisfecho haga invisible la capa de “fondo” blanco y empiece a crear la siguiente línea.
Si no quedo satisfecho con su trabajo, use la paleta de Historia. Ver abajo. Haciendo click aca podrá ajustar la curva o la configuración del pincel.


Aprende a vectorizar fotografías con este tutorial.

Si la linea está ligeramente fuera de lugar, puede usar la herramiente borrador. En lugar de usar esta herramienta con movimientos de arriba hacia abajo, muévala diagonalmente a la línea de vector. De esta manera la línea tendrá un mejor efecto al final.

Para crear una línea que sea mas fina en ambos extremos, como la que se muestra abajo. En la Ventana de Formas Dinâmicas cambie el control a Transición a Presión de la plumas, y el diámetro mínimo a 1%. Vea la segunda imagen de abajo.

Dibujo

herramientas


Cuando seleccione contornear el trazo (Stroke Path) esta vez, selecione la opción Simular Presión (Simulate Pressure). Vea la imagen de abajo.

diseño grafico

Una vez que haya terminado de creaer una sección, como los lábios, es importante compararlos côn el original. Haga visible lla capa de “fondo” blanco. Haga invisible e invisible la capa “tope”, si parece que los lábios “saltan”, entonces tendrá que ajustar los trazos.

vectores

Para crear líneas más gruesas, como lãs cejas, es necesario crear un trazo cerrado y escoger Rellenar Trazo (Fill Path) en lugar de Contornear. (Un trazo cerrado significa que no deberá existir un principio y un final – debe ser como un círculo o un polígono).

Tutorial photoshop

ASEGURESE QUE EL TRAZO ESTÁ CERRADO!
La imagen de abajo muestra el trazo que creé para lãs pestanas. También use Rellenar Trazo (Fill Path) aca.


como vectorizar

Para crear formas circulares, cuadradas, ovaladas, etc., trate de usar la herramienta de formas (Shape Tools) que se encuentra al lado de la herramienta pluma. La imagen de abajo muestra como creé el íris usando la herramienta elipse para ahorrar tiempo.

fotografia a dibujo



CREAR UNA ELIPSE USANDO LA HERRAMIENTE ELLIPSE Y LUEGO RELLENAR DE NEGRO.
Le garantizo que ganará tiempo y podrá ir más rápido usando esta técnica de crear vectores en Photoshop, así que apréndala.


Aprende a vectorizar fotografías con este tutorial.

Dibujo

Ahora les dejo un par de fotos hechas con ésta técnica para que les sirvan de inspiración.

herramientas
diseño grafico

vectores

Tutorial photoshop

como vectorizar

fotografia a dibujo

Aprende a vectorizar fotografías con este tutorial.

Dibujo



herramientas


Espero que les haya gustado este tutorial de Photoshop y que les sea útil. Si tienen alguna duda, no duden en consultarme.


diseño grafico


vectores

10 comentarios - Aprende a vectorizar fotografías con este tutorial.

@Rohan5001 +1
3) Creando los vectores

no me sale esta parte
@elecentu
Rohan5001 dijo:
3) Creando los vectores

no me sale esta parte

tampoco a mi
@Potuss
¿Como abro brush presets desde photoshop CS4, digo, porque me quemo la cabeza y no lo encuentro?...
@world3110
que tal amigo crees poder ayudarme a vectorizar un par de fotos de mi hija? como te puedo contactar?
ramirezpadilla@yahoo.com mi correo gracias
@FranDbera27 +1
Yo hice un par así hace un tiempo, te los dejo :3
Tutorial photoshop

como vectorizar

fotografia a dibujo

Aprende a vectorizar fotografías con este tutorial.
@Fern666 +1
Muy buenos! Excelente trabajo