Cuando hablo con diseñadores de páginas web me encuentro con muchos fanáticos de fireworks que me hablan sobre el manejo que tiene este sobre los gráficos vectoriales y la gran posibilidad de combinar mapas de bits con vectores.

Parece ser que muchos olvidan que Photoshop también cuenta con un buen manejo de gráficos vectoriales que sumado a smart objects le dan gran potencia por encima de Fireworks desde mi punto de vista.

Si nos fijamos en Photoshop hay una pestaña trazos o paths, si no la tienen la pueden activar en el menu Window/Paths allí se van a guardar los trazados vectoriales que realisemos.

La herramienta pluma

Esta es la herramienta principal para el manejo de gráficos vectoriales, funciona igual que en Illustrator, para los que no la conocen se activa con la tecla «P», al dar click se van agregando nodos, si das click y arrastras puedes realizar lineas curvas si deseas obtener una curvatura mayor o cambiar de dirección lo realizas apretando la tecla ALT y así podrás mover las líneas que delimitan la curva de cada nodo.

Photoshop herramienta pluma

Photoshop herramienta pluma

Poligonos vectoriales

También es posible insertar figuras geométricas como cuadrados, triángulos, estrellas, líneas las opciones son similares a la pluma es posible insertar el nuevo objeto como trazado, máscara de capa vectorial y una función adicional que no esta disponible con la pluma para crear mapas de bits, esta última sólo la recomienda sin van a aplicarle filtros al objeto de lo contrario mejor manejarlo todo en forma vectorial.

Photoshop shapes

Photoshop shapes

Modificando vectores con Photoshop

Una vez realizado nuestro trazado o máscara vectorial podemos modificar los nodos o toda la imágen completa para ello hay una herramienta de selección que se activa con la tecla «A» y que tiene 2 variantes una flecha negra que selecciona el objeto completo y una flecha blanca para seleccionar y mover alguno de los nodos del objeto.

Objetos Predefinidos Custom Shape Tool

Por defecto Photoshop cuenta con algunos gráficos vectoriales predefinidos que se encuentra en la misma opción para insertar polígonos, podemos encontrar cientos de estos en Internet o crear los nuestros para ello seleccionamos nuestro trazado y luego elegimos menu EDIT/Define Custom Shape

custom shape Photoshop

custom shape Photoshop

Convertir texto en trazado

Finalmente es posible convertir un texto en un trazado para asi poder editarlo y usarlo para crear un logotipo modificando sus nodos para esto escribe un texto luego a la capa del texto le das click derecho y aparecerá la opción «Convert to shape» esto convertirá nuestro texto en un trazado luego usando la flecha blanca(direct selection tool) podremos modificar los nodos.

photsohop trazados texto

photsohop trazados texto