Tutoriales de Photoshop, Illustrator, Word, Windows…
Este es un tutorial que nos guía un poco en que cosas podemos hacer para combinar una fotografía con vectores. El autor usa Photoshop para agregar los vectores, es decir usa brushes o pinceles, así que si queréis usar mascaras para poder entrelazar la imagen con los vectores como he hecho yo, ir al tutorial sobre mascaras. Está en inglés.
Link: Vector effects
Popularity: 45% [?]
Tutorial de cómo hacer con Photoshop un fondo de pantalla con un estilo que se lleva mucho ahora, el estilo “atardecer”. Este estilo consta de paisajes en los que aparecen las siluetas de personas y arboles pero el protagonismo lo toma el cielo y el sol, hace hincapié en los últimos rayos de luz del día, en el momento en que todo se vuelve penumbra excepto el sol. Está en ingles pero es muy fácil de seguir.
Os dejo el ejemplo hecho por mi para que os lo descarguéis si queréis.
Link: Fantastic Sunset Wallpapers Effects
Popularity: 40% [?]
Este es un “make off” sobre como han hecho los de N.Design la ilustración que caracteriza su web. Es interesante echarle un vistazo por que no hay mejor forma que ver cómo se hace una ilustración para resolver dudas del método que se suele usar.
Link: proceso de diseño de la ilustración del fenix
también nos remite a este otro tutorial, trazando una foto, en donde se nos explica las fases que se siguen para pasar de una foto a una ilustración vectorial. Personalmente yo trabajo de manera bastante similar.
Espero que os ayude, aunque esté en inglés, y os resuelva muchas dudas que suelen surgir con el arte vectorial.
Popularity: 35% [?]
Esta es una guía que nos introduce en cómo hacer patrones y motivos, muy usados para los fondos de las webs. No se ciñe especialmente a ningún programa en especial, aunque se recomienda Photoshop e Illustrator. Es muy útil ya que resuelve muchas dudas sobre como se han de hacer correctamente los patrones.
Link: Cómo hacer patrones
Popularity: 27% [?]
Esto es una propuesta del uso del pen tool (herramienta lápiz), ellipse (herramienta elipse), smudge (difumino) y obviamente los colores.
Lo primero de todo abre un nuevo documento y escoge las opciones (tamaño, etc.) que prefieras.
Crea una nueva capa en la paleta de capas para el fondo.
Con el pen tool (herramienta lápiz) crea varias formas irregulares de colores, como si fueran trozos de papel cortados.
Selecciona Layer (capa) > merge visible (combinar visibles)
Crea una nueva capa en la paleta de capas para el árbol.
Selecciona el pen tool (herramienta lápiz) y dibuja el árbol.
No te preocupes por la precisión…
Ahora haz las ramas principales…
Usando estas herramientas:
- Convert Point Tool (herramienta modificar punto)
- Delete Anchor Point Tool (herramienta borrar punto de anclaje)
- Add Anchor Point Tool (herramienta añadir punto de anclaje)
Mira el ejemplo: (dale al link llamado fla)
fla
Ahora crea las ramas más pequeñas con la herramienta paciencia…. ¡es broma!
con el pen tool (herramienta lápiz).
En este punto con la ellipse tool (herramienta elipse) crea círculos coloreados de varias medidas superpuestos.
Selecciona las opciones de la elipse:
- Circle (draw diameter or radius) (circulo, dibuja diámetro o radio)
- From Center (para el centro)
Selecciona la capa background (fondo), selecciona el smudge tool (manchas) y elige el chalk brush (pincel tiza) baja la intensidad (50%-65%) y smudge (difumino)
Combina todo, selecciona filter (filtro) > texture (textura) > texturizer (texturizar).
Options (opciones):
Texture: canvas (textura: lienzo)
Scaling: 50% (escala: 50%)
Relief: 7% (relieve: 7%)
Light: top (luz: arriba)
Invert (invertir)
Tutorial original realizado por :
http://www.graficainlinea.com/Raccolta_tutorial/Stile_Wescoat/Stile_Wescoat_tutorial.html
Versión italiana e inglesa: http://www.graficainlinea.com
Versión española: tutoblog.espinlog.com
Popularity: 26% [?]
Un tutorial de cómo hacer imágenes con el estilo Pop de los años 50. El tutorial está en italiano aunque hay una traducción de las herramientas en ingles (darle a la banderita inglesa).
Bueno aquí os pongo mi versión un poco más modernizada eso si 
(queda guay la verdad):
Link: años 50
Popularity: 31% [?]
En este tutorial voy a intentar explicaros cómo hacer dibujos vectoriales que ahora están tan de moda. Yo uso Illustrator y por tanto voy a explicar la técnica con este programa, pero también se puede usar otros programas como Photoshop, Flash, Freehand o Corel.
En primer lugar voy a mostraros las herramientas que voy a usar. Mi Illustrator está en inglés por lo que los nombres que usaré serán en inglés pero pongo los iconos para que sepáis que es cada cosa.
Bueno comencemos a vectorizar una imagen. Realmente esto se puede hacer tanto con fotos como con cualquier imagen. Para la ocasión he elegido una de Jessica Rabbit que he encontrado por Internet. Una herramienta para vectorizar rápidamente que tiene el illustrator es el “live trace” que vectoriza cualquier dibujo en un momento, pero sólo queda bien en dibujos sencillos, y, aun así, se come algunas partes del dibujo que no identifica bien y, además, suele hacer demasiados vectores lo que afecta a la agilidad del programa. Por supuesto se pueden simplificar, pero no es lo mismo.
Esta imagen va a estar en el fondo así que os aconsejo ponerle un candado para que cuando estéis trabajando no la seleccionéis sin querer y se os mueva todo. Nos aseguramos primeramente de que el “fill” este en “none” y el “stroke” en negro. Ahora seleccionamos el “pen tool” y comenzamos a dibujar con vectores. Cuanto más grande sea la imagen mejor, por que la podremos acercar más y de esta manera acertar con las curvas.
Usar el “pen tool” es muy fácil. Hay que ir poniendo puntos y si tenemos que hacer alguna curva, sin soltar, moverlo hacia donde queramos. Siempre que terminemos de hacer una curva tendremos que volverle a dar exactamente en el último punto que hemos hecho para que la siguiente línea no siga el ángulo de la curva y que sea recta (en Photoshop habría que darle a “alt” para que lo haga). Si alguna vez se nos escapa el punto podemos retomarlo volviéndole a dar. parece complicado pero se acaba convirtiendo en un movimiento que ni pensamos.
Por cierto fijaros siempre en los simbolos que aparecen en el “pen” que nos indica que es lo que esta pasando, si estamos cerrando, añadiendo, restando o modificando un punto.
Hay otras herramientas como “rectangle tool”, “rounded rectangle tool” o “elipse tool” que sirven para hacer automáticamente formas vectoriales. Por ejemplo yo he usado el “elipse tool” para hacer el pendiente.
Cómo podéis ver en la imagen hay zonas, como la parte de arriba del cuerpo, que no siguen del todo la forma del dibujo original. Esto lo he hecho así por que va a ir por detrás del vestido, por lo que no se va a ver, pero tenéis que tener cuidado por que la cosa se puede complicar si no tenéis un orden de lo que va por delante y lo que va por detrás.
Si no os gusta alguna línea podéis cambiarla con la herramienta “direct selection” o con la de “convert anchor point”. Tan sólo hay que seleccionar los puntos y cambiarla como veamos. Tambieén podeis añadirle puntos o quitarselos con las herramientas correspondientes: “add anchor point” y “delete anchor point”
Ahora es el momento de colorear. Para colorear se puede usar el “live paint” (en el botón donde esta el “paint bucket tool”) pero muchas veces no nos interesará rellenar toda una parte y sí solo una línea, así que recomiendo usar los vectores directamente para colorear. Para esto hay que jugar seleccionando los vectores a colorear (con el “live paint” es necesario que todas las líneas estén cerradas para colorear pero no hace falta con los vectores). Cuando los seleccionemos hay que tener en cuenta si queremos que tenga borde (“stroke”) o solo relleno (“fill”).
Hay una herramienta muy útil (aunque algo compleja) llamada “mesh tool” que es algo así como una malla de gradientes que se basa en la combinación de colores para hacer gradientes y de esta forma darle tridimensionalidad a la imagen (os recomiendo practicar mucho antes de usarla).
El vestido como sabeis tiene brillos así que he usado la herramienta “flare tool” para darle los brillos aunque eso si, muy pequeños.
Y así ha quedado:
Bueno pues ya tenemos a nuestra Jessica Rabbit a todo color. una de las grandes ventajas del dibujho vectorial es que en apenas unos minutos podemos cambiar todo el dibujo de color y hacer que parezca otro.
Espero que os haya sido útil y que digais si le falta algo o si teneis alguna duda.
Aquí os dejo un ejemplo de una foto mia vectorizada:
PDF descargable: como hacer dibujos vectoriales
Popularity: 80% [?]
